<!--
                                                                          For Life!


                                                                                ...
                                                                    #@@@@@@@@@@@@@@@@@@@@#
                                                                &@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                              @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                            *@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                            @@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                           @@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
               /@#                                        @@@@@(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                          /@@
                @@@                                      .@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,                                       (@@@@
                 @@@@                                    /@@@ @@@&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                     .@@@@@
                 %@@@@@                                  ,@@@/@@@*........%@@@@@@@@,.......#@@@. @@@@                                    @@@@@@.
                  @@@@@@%                                 @@@#@@@..........#@@@@@@..........,@@@ @@@%                                  @@@@@@@.
                   @@@@@@@(                               @@&,@@@..........,@@@@@@,..........@@@ @@@                                 @@@@@.@@
                    &@@@@@@@&                             %@ ,@@@,........@@@...@@@@@.......&@@% .#                                &@@@@%.@@
                      @@@@@@@@@                             *@@@@@@#..#@@@@@*....%@@@@@@@@@@@@@@@@@                              @@@@@@.@@
                       *@@@@@@@@@                          @@@@@@@@@@@@@@@@@......%@@@@@@@@@@@@@@@@*                           @@@@@@,#@&
                         @@@@@@@@@@&                        @@@@@@@@@@@@@@@&..@....@@@@@@@@@@@@@@@.                         %@@@@@@*.@@
                           @@@@@@@@@@@                               @@@@@@@@@@@.&@@@@@@@@  .@,                          .@@@@@@@.(@@
                             @@@@@@@@@@@@                      @@@@   @@@@@@@@@@@@@@@@@@@  @@@(                        @@@@@@@&.&@@
                               @@@@@@@@@@@@@                    @@@@   @@@@@@@@@@@@@@@@   &@@@                      @@@@@@@@/.@@&
                                 @@@@@@@@@@@@@@                 .@@@   @ ,@@ @@, @@  @@   @@@,                   @@@@@@@@@(%@@.
                                    @@@@@@@@@@@@@@              .@@@&     /              #@@@                .@@@@@@@@@@@@@@
                                      &@@@@@@@@ &@@@@.           @@@@#  @@@ @@&.@@,*@@# %@@@@             /@@@@& @@@@@@@@.
                                         &@@@@@@@% #@@@@&         @@@@@@@@@@@@@@@@@@@@@@@@@@           @@@@@@ &@@@@@@@,
                                            (@@@@@@@@ ,@@@@@*        @@@@@@@@@@@@@@@@@@@@          &@@@@@/ &@@@@@@@(
                                               .@@@@@@@@  @@@@@@(      ,@@@@@@@@@@@@@@&        @@@@@@@  @@@@@@@@*
                                                   @@@@@@@@@ (@@@@@@@,                    @@@@@@@@  @@@@@@@@@
                                                      %@@@@@@@@& @@@@@@@@@           #@@@@@@@@/.@@@@@@@@@%
                                                          @@@@@@@@@@ (@@@@@@@@@/ ,@@@@@@@@*#@@@@@@@@@(
                                       ,@@@@&                 ,@@@@@@@@@# /@@@@@@@@@@, *@@@@@@@@@(                ,@@@@%
                                     %@@@@@@@@@@                   ,@@@@@@@@@&  %@@@@@@@@@@/                   @@@@@@@@@@@
                                     @@@@@@@@@@@@@          ,@@@@@@@@@  *@@@@@@@@@@&  ,@@@@@@@@@@@%          @@@@@@@@@@@@@
                                      %@@@@  (@@@@@* ,@@@@@@@@@@@&. ,@@@@@@@ ,@@@@@@@@@@@@*  %@@@@@@@@@@@@  @@@@@@  &@@@@
                                               @@@@@@  .((.   .@@@@@@@@@@@@@&     .@@@@@@@@@@@@@&.  .//.  @@@@@@*
                         @@@@@@@ @@@@/@@@@@#@@@ @@@@@@@/ @@@@@@@@@@@@&                   (@@@@@@@@@@@@. @@@@@@@ ,@@@ @@@@ @@@@&*@@@@@@
                        @@@@@@@@@&@@@@%@@@@@@@@@ @@@@@@ @@@@@@@,                                %@@@@@@, @@@@@,@@@@@@@@@@@@@@@@@@@@@@@@
                        @@@@@@@@  %@@@@@@@@@@@@@#*@@@@&                                                  @@@@# @@@@@@@@@@@@@@  @@@@@@@@,
                        %@@@@.  /@                @@@@@                                                 &@@@@                @#  ,@@@@@
                          .@@@@(                   @@@@@  /@@#                                    &@@   @@@@.                  &@@@@/
                                                   .@@@@@@@@@@&                                  @@@@@@@@@@@
                                                     @@@@@@@@@(                                  &@@@@@@@@/
                                                        %@@&                                       /@@@,

-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0">
    <title>3 bedroom apartment for rent in Freeman Street, Apartments in Clifton Heights, Massachusetts, Brookline, id: 176 - 3DAPARTMENT.com</title>
<!--    <link rel="preload" href="/css/pannew.css" as="style">-->
<!--    <link rel="preload" href="/js/pnlm.js" as="script">-->

    <link rel="preload" href="/img/assets/home/assets/bd.svg" as="image">
    <link rel="preload" href="/img/assets/home/assets/ba.svg" as="image">
    <link rel="preload" href="/img/assets/home/assets/3d.svg" as="image">
    <link rel="preload" href="/img/assets/home/chevron-down.svg" as="image">

    <link rel="preload" href="/font/Inter-Medium.woff2?v=3.12" as="font" crossorigin="anonymous">
    <link rel="preload" href="/font/Inter-Regular.woff2?v=3.12" as="font" crossorigin="anonymous">
    <link rel="preload" href="/font/fa/fa-brands-400.woff2" as="font" crossorigin="anonymous">
    <link rel="preload" href="/font/fa/fa-solid-900.woff2" as="font" crossorigin="anonymous">
    <link rel="preload" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700" as="font" crossorigin="anonymous">


    <meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com/apartments-in-clifton-heights-massachusetts/185-freeman-street-940-2446/176"><meta property="og:image" content="https://3dapartment.com/spheres/listing_preview/listing_preview_92355b6324514d7b95.64718723.jpg"><meta property="og:image:type" content="image/png"><link rel="canonical" href="https://3dapartment.com/apartments-in-clifton-heights-massachusetts/185-freeman-street-940-2446/176"/><meta name="title" content="Virtual Tour of 3 bedrooms apartment for rent in 185 Freeman Street, #940, Brookline, Apartments in Clifton Heights, Massachusetts, MA, id: 176 — 3DAPARTMENT"><meta property="og:title" content="Virtual Tour of 3 bedrooms apartment for rent in 185 Freeman Street, #940, Brookline, Apartments in Clifton Heights, Massachusetts, MA, id: 176 — 3DAPARTMENT"><meta name="description" content="3 bedrooms apartment for rent in 185 Freeman Street, #940, Brookline, Apartments in Clifton Heights, Massachusetts, MA, id: 176 with virtual tour at 3DAPARTMENT"><meta property="og:description" content="3 bedrooms apartment for rent in 185 Freeman Street, #940, Brookline, Apartments in Clifton Heights, Massachusetts, MA, id: 176 with virtual tour at 3DAPARTMENT"><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":["SingleFamilyResidence","RealEstateListing","Apartment","Product"],"address":{"@type":"PostalAddress","addressRegion":"MA","addressLocality":"Brookline","streetAddress":"185 Freeman Street","postalCode":"02446","addressCountry":{"@type":"Country","name":"USA"}},"name":"Virtual Tour of 3 bedrooms apartment for rent in 185 Freeman Street, #940, Brookline, Apartments in Clifton Heights, Massachusetts, MA, id: 176 \u2014 3DAPARTMENT","description":"Hardwood Flooring throughout this renovated high rise 3 bedroom with a semi-open living\/dining\/kitchen area and comfortable sized bedrooms down the hall.  Heat and Hot Water included in the rent.  Elevator building with doorman, fitness room, laundry, and parking available.","datePosted":"2021-12-15","numberOfRooms":3,"numberOfBathroomsTotal":2,"geo":{"@type":"GeoCoordinates","latitude":42.347884,"longitude":-71.117325},"floorSize":{"@type":"QuantitativeValue","value":1100,"unitText":"Square feets"},"leaseLength":{"@type":"QuantitativeValue","value":12,"unitText":"month"},"image":["https:\/\/3dapartment.com\/spheres\/listing_preview\/listing_preview_92355b6324514d7b95.64718723.jpg"],"amenityFeature":[{"@type":"LocationFeatureSpecification","name":"Hardwood Floors"},{"@type":"LocationFeatureSpecification","name":"Dishwasher"},{"@type":"LocationFeatureSpecification","name":"Microwave"},{"@type":"LocationFeatureSpecification","name":"Renovated"},{"@type":"LocationFeatureSpecification","name":"Laundry in Building"},{"@type":"LocationFeatureSpecification","name":"Air Conditioning"},{"@type":"LocationFeatureSpecification","name":"Refrigerator"},{"@type":"LocationFeatureSpecification","name":"Keyless Electronic Apartment Access"},{"@type":"LocationFeatureSpecification","name":"Parking"},{"@type":"LocationFeatureSpecification","name":"Gym"},{"@type":"LocationFeatureSpecification","name":"Elevator"}],"event":{"@context":"https:\/\/schema.org","@type":"Event","name":"Virtual Tour Available: 185 Freeman Street, #940","description":"Virtual tour of 3 bedrooms apartment for rent in 185 Freeman Street, #940, Brookline, Apartments in Clifton Heights, Massachusetts, MA, id: 176","url":"https:\/\/listing3d.com\/embed\/lYQAAALAAAAAH?brand=1&overlay=1","startDate":"2025-04-27","endDate":"2025-04-27","eventAttendanceMode":"http:\/\/schema.org\/OnlineEventAttendanceMode","eventStatus":"http:\/\/schema.org\/EventScheduled","location":{"@type":"VirtualLocation","url":"https:\/\/listing3d.com\/embed\/lYQAAALAAAAAH?brand=1&overlay=1"},"organizer":{"@type":"Organization","name":"3D Apartment","url":"https:\/\/3dapartment.com\/"},"image":"https:\/\/3dapartment.com\/spheres\/listing_preview\/listing_preview_92355b6324514d7b95.64718723.jpg","offers":{"@type":"Offer","price":4325,"priceCurrency":"USD","availability":"inStock","url":"https:\/\/3dapartment.com\/apartments-in-clifton-heights-massachusetts\/185-freeman-street-940-2446\/176"}},"brand":"Proper Realty Group","offers":{"@type":"Offer","price":4325,"priceCurrency":"USD","availability":"inStock","url":"https:\/\/3dapartment.com\/apartments-in-clifton-heights-massachusetts\/185-freeman-street-940-2446\/176"}}</script>    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=3">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2">
    <link rel="manifest" href="/site.webmanifest?v=2">
    <link rel="mask-icon" href="/safari-pinned-tab.svg?v=2" color="#1a8cff">
    <link rel="shortcut icon" href="/favicon.ico?v=2">
    <meta name="msapplication-TileColor" content="#1a8cff">
    <meta name="theme-color" content="#ffffff">

    <link rel="stylesheet" href="/css/styles.875da177fdfd469ded362128cb1eba94.min.css"/>    <link rel="stylesheet" href="/build/style-vendor.da83a2e697493d9ac2ec1f6367128044.css"/><!--    <link rel="stylesheet" href="/css/pannew.css">-->
    <meta name="google-site-verification" content="MrNi6i4NBCMu9yX1SxDVwJNR121dssOc9axyBB0ib-k"/>
    <!— Global site tag (gtag.js) - Google Analytics —>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-93752321-2"></script>
    <meta name="google-site-verification" content="bu96WRU5wVyIs_RGePM5B4Ilp83IytdjLVEB9MBp_Cw"/>
    <script>
        var host = window.location.hostname;
        if (host == '3dapartment.com') {
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'UA-93752321-2');
        }
    </script>
    <!-- Global site tag (gtag.js) - Google Ads: 611187644 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-611187644"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'AW-611187644');
    </script>
    <!— Facebook Pixel Code —>
    <script>
        !function (f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function () {
                n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '216360782292907');
        fbq('track', 'PageView');
    </script>
    <!— End Facebook Pixel Code —>
    <!-- start Mixpanel --><script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
mixpanel.init("071b3c2f4ab57eb0a180044839b8b65e");</script><!-- end Mixpanel -->
<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "pt8mdkk7jz");
</script>
</head>

<body>
<noscript>
    <img height="1" width="1"
         src="https://www.facebook.com/tr?id=216360782292907&ev=PageView&noscript=1"/>
</noscript>
<section>
    <div id="app">
        <scroll-container @change="showNavbar">
            <!-- player-->
    <section
        v-cloak
        class="listing-page"
        :class="{'navbar-top-offset' : false, 'is-non-vr' : false}">
        <!--todo условия для класса когда офф-маркет-->

        <scroll-item id="mainContent">
            <div class="header-section">
                <template v-if=false>
                    <!--todo  показывать когда офф-маркет-->
                    <navigation></navigation>
                </template>
                <template v-else>
                    <template v-if="false">
                        <navigation></navigation>
                        <flat-gallery></flat-gallery>
                    </template>
                    <template
                            v-if="true"
                    >
                        <mini-tour-viewer
                                :style="$mq.tablet ? {height: (viewHeight - 80) + 'px'} : ''"
                                :spheres="spheresData"
                                :beds="3"
                                :baths="2"
                                :id="176"
                                :is-non-flat-markers="true"
                        >

                        </mini-tour-viewer>

                    </template>

                    <template
                            v-if="false"
                    >
                        <external-tour-viewer
                                :style="$mq.tablet ? {height: (viewHeight - 80) + 'px'} : ''"
                                src=""
                        >
                        </external-tour-viewer>
                    </template>
                </template>
            </div>
        </scroll-item>

        <!-- mixPanel start stats -->
        <mix-panel-helper
                :id="176"
                page="listing_rent"
        ></mix-panel-helper>
        <!-- end -->

        <!-- content-->
        <div class="container is-densed">
            <!--        listing info-->
            <div class="columns is-gapless mobile-flex-reverse" :class="{'is-multiline' : $mq.tabletMin}">


                <!--            Title-->
                <div class="column is-two-thirds-desktop is-full-tablet listing-content"
                    :class="{'off-market': false}">

                    <!-- address and location-->
                    <section class="top-section">
                        <div class="listing-title">
                            <template v-if="false">
                                <div class="nofee off-marker is-size-3-tablet is-size-4-mobile">
                                    Listing Off Market
                                </div>
                            </template>

                            <template v-if="true">
                                <div class="listing-address">
                                    <h1>
                                                                                    185                                                                                Freeman Street,
                                            #940                                                                            </h1>
                                </div>

                                <div class="listing-location">
                                                                            Apartments in Clifton Heights, Massachusetts,
                                                                        Brookline                                </div>
                            </template>
                            <template>
                                                            </template>
                        </div>
                    </section>

                    <!--Price, Rooms, Sqft-->
                    <section class="listing-main-data">
                                                    <div class="listing-price">
                                                                    <div class="price main-value" :class="{'is-contact': false}">
                                        $4,325                                    </div>
                                    <div style="font-size: 1.5em;">For Rent</div>
                                                                <template v-if="false">
                                    <div
                                        class="nofee"
                                        v-if="false"
                                    >
                                        No Fee
                                    </div>
                                </template>
                            </div>
                                                    <div class="listing-rooms">
                                <div class="rooms"
                                    v-if="true"
                                >
                                    <div class="room-contain">
                                                                                            <div class="rc-top">

                                                    <figure class="image bed-icon is-pulled-left">
                                                        <img src="/img/assets/bed-card.svg"
                                                            alt="3d apartment bedrooms count">
                                                    </figure>
                                                    <div class="num main-value">
                                                        3                                                    </div>

                                                </div>

                                                <div class="rc-bottom">
                                                    <div>Bedrooms</div>
                                                </div>
                                                                                    </div>
                                    <div class="room-contain">
                                                                                <div style="display: inline-block; margin-right: 2em;">
                                            <div class="rc-top">
                                                <figure class="image bath-icon is-pulled-left">
                                                    <img src="/img/assets/bath_full.svg"
                                                        alt="3d apartment bathrooms count">
                                                </figure>
                                                <div class="num main-value">
                                                    2                                                </div>
                                            </div>
                                            <div class="rc-bottom">
                                                <div>Full Bathrooms</div>
                                            </div>
                                        </div>
                                                                                                                    </div>
                                </div>
                            </div>
                            <div class="sqft-wrapper">
                                                                <div class="listing-sqft">
                                    <div class="sqft-contain">
                                        <div class="rc-top">
                                            <figure class="image sqft-icon is-pulled-left">
                                                <img src="/img/assets/sq_feet.svg"
                                                    alt="3d apartment bedrooms count">
                                            </figure>
                                            <div class="num main-value">
                                                1,100                                            </div>
                                        </div>
                                        <div class="rc-bottom">
                                            <div class="footage-label">
                                                Square Feet
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                                                                            </div>
                    </section>

                    <!--Taxes and Charges-->
                    <div class="taxes-charges">
                        <div class="taxes-wrapper">
                            
                            
                                                    </div>
                    </div>

                    <!--Exclusive & Available & FP-->
                    <section class="available-and-exclusive">

                        <div class="listing-available-inform exclusive-listing-label">
                                                            Available Now
                                                    </div>

                        
                        <div v-if="listingPageFpImages.length" class="listing-fp-label exclusive-listing-label">
                            <div class="fp-opener"
                                @click="$refs.fpLightbox.showImage(0)"
                            >
                                View Floorplan
                            </div>
                        </div>

                    </section>

                    <!-- Staged Furniture -->
                    
                    <!-- Staged Furniture -->
                    
                    <!-- Staged Furniture -->
                    
                    <!-- Staged Furniture -->
                    
                    <!-- Staged Furniture -->
                    
                    <!-- Staged Furniture -->
                    
                    <!-- Designers -->
                    
                    <!-- Artists -->
                    
                    <!-- 3D Models in Staging -->
                    
                    <!-- Affordability -->
                                            <section class="affordability">
                            <div class="listing-section-title">
                                Affordability
                            </div>
                            <div class="listing-section-content">
                                <div class="affordability-wrapper">
                                    <div class="columns">
                                        <div class="column is-4">
                                            <div class="af-calculated">
                                                <div class="af-label">
                                                    For this property
                                                </div>
                                                <div class="af-value">
                                                    <div class="af-total">
                                                        $129,750                                                    </div>
                                                    <div class="af-caption">
                                                        PER YEAR
                                                    </div>
                                                </div>
                                                <div class="af-label">
                                                    is the suggested income
                                                </div>
                                            </div>
                                        </div>
                                        <div class="column">
                                            <div class="af-descr">
                                                <p>
                                                    <strong>TIP:</strong> Try to keep your rent within a third of your gross household income.
                                                </p>
                                                <p>
                                                    Win over prospective landlords with your smart budgeting. As a good rule of thumb, ideally you would have at least three times your monthly rent in combined household income.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    
                    <!-- Amentities-->
                                            <section v-cloak>
                            <div class="listing-amenities">
                                <div class="listing-section-title">Amenities</div>
                                <div class="listing-section-content">
                                    <div class="amenity-block">

                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/hardwood-floors.svg"
                                                                alt="Hardwood Floors">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Hardwood Floors                                                </div>
                                            </div>
                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/dishwasher.svg"
                                                                alt="Dishwasher">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Dishwasher                                                </div>
                                            </div>
                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/microwave.svg"
                                                                alt="Microwave">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Microwave                                                </div>
                                            </div>
                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/renovated.svg"
                                                                alt="Renovated">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Renovated                                                </div>
                                            </div>
                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/laundry.svg"
                                                                alt="Laundry in Building">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Laundry in Building                                                </div>
                                            </div>
                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/air-conditioning.svg"
                                                                alt="Air Conditioning">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Air Conditioning                                                </div>
                                            </div>
                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/refrigerator.svg"
                                                                alt="Refrigerator">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Refrigerator                                                </div>
                                            </div>
                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/electronic-access.svg"
                                                                alt="Keyless Electronic Apartment Access">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Keyless Electronic Apartment Access                                                </div>
                                            </div>
                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/parking.svg"
                                                                alt="Parking">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Parking                                                </div>
                                            </div>
                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/gym.svg"
                                                                alt="Gym">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Gym                                                </div>
                                            </div>
                                                                                    <div class="listing-amenity-item">
                                                <div class="amenity-pic">
                                                    <figure class="image is-32x32">
                                                        <img
                                                                src="/img/assets/amenities/elevator.svg"
                                                                alt="Elevator">
                                                    </figure>
                                                </div>
                                                <div class="amenity-title">
                                                    Elevator                                                </div>
                                            </div>
                                                                            </div>
                                    <div class="amenity-parking" v-if="false" v-cloak>
                                        <div class="parking-img">
                                            <figure class="image is-48x48">
                                                <img src="/img/assets/amenities/parking.svg" alt="Parking">
                                            </figure>
                                        </div>
                                        <div class="parking-type">
                                            Aviable Parking: Garage, $50
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                    
                    <!--Listing Features-->
                    
                    
                    <!--Listing description-->
                                            <section>
                            <div class="listing-description">
                                <div class="listing-section-title">
                                    Description
                                </div>
                                <div class="listing-section-content">
                                    <div class="listing-section-text">
                                        Hardwood Flooring throughout this renovated high rise 3 bedroom with a semi-open living/dining/kitchen area and comfortable sized bedrooms down the hall.  Heat and Hot Water included in the rent.  Elevator building with doorman, fitness room, laundry, and parking available.                                    </div>
                                </div>
                            </div>
                        </section>
                    
                    <!-- Available rooms-->
                    <template v-if="true"><!--todo прятать?? когда листинг не активен-->
                                            </template>

                    <!--Listing Agents-->
                    <section v-cloak class="listing-agents is-hidden-desktop">
                        <div class="listing-section-title">
                            Listing agent<span v-if="false">s</span>
                        </div>
                        <div class="listing-section-content">
                            <div class="agents-grid">
                                                                    <div class="listing-agent">
                                                                                    <div class="ag-image has-text-centered">
                                                <a>
                                                    <img
                                                        src=" /uploads/avatars/avatar_83005b118e4d0313b2.14826853.jpeg "
                                                        alt="Agent Jason Schuster">
                                                </a>
                                            </div>
                                                                                <div class="agent-info">
                                            <div class="ag-name">Jason Schuster</div>
                                            <p class="ag-company">Proper Realty Group</p>
                                            <p class="ag-company ag-license">License # 9505173</p>
                                            <p v-if="false" class="ag-email">Jason@ProperRealtyGroup.com</p>
                                            <p v-if="false" class="ag-phone">617-505-5060</p>
                                        </div>
                                    </div>
                                                            </div>
                        </div>
                    </section>

                    <!--Apartments in this building-->
                                            <!-- Building info -->
                        <section>
                            <div class="listing-building-info">

                                <div class="listing-section-title">Apartments in this building</div>

                                <section class=" listing-section-content building-listings-carousel">
                                    <!--todo: remove old slider code-->
                                    <carousel v-if="false"
                                            v-cloak
                                            :navigation-enabled="true"
                                            :pagination-enabled="false"
                                            :per-page="1"
                                            :per-page-custom="[ [494, 2], [750, 3], [1430, 3] ]"
                                            navigation-prev-label='<i class="fal fa-4x has-text-primary fa-angle-left"></i>'
                                            navigation-next-label='<i class="fal fa-4x has-text-primary fa-angle-right"></i>'>

                                                                                    <slide>
                                                <div class="listings-grid is-small">
                                                    <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/185-freeman-street-839-2446/174"
   @click="selectListing('174')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_63445b913b1ddf0434.89121435.jpg" alt="185 Freeman Street, #839">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,500</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="185 Freeman Street, #839"
            >
                185 Freeman Street, #839            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                                </div>
                                            </slide>
                                                                                    <slide>
                                                <div class="listings-grid is-small">
                                                    <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/185-freeman-street-936-2446/173"
   @click="selectListing('173')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50895b913b09bfa492.38384461.jpg" alt="185 Freeman Street, #936">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,525</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="185 Freeman Street, #936"
            >
                185 Freeman Street, #936            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                                </div>
                                            </slide>
                                                                            </carousel>

                                    <swiper
                                        v-cloak
                                        ref="listingInBuildingCarousel"
                                        :options="listinPageBuildingSliderOptions"
                                    >
                                                                                    <swiper-slide>
                                                <div class="listings-grid is-small is-static">
                                                    <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/185-freeman-street-839-2446/174"
   @click="selectListing('174')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_63445b913b1ddf0434.89121435.jpg" alt="185 Freeman Street, #839">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,500</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="185 Freeman Street, #839"
            >
                185 Freeman Street, #839            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                                </div>
                                            </swiper-slide>
                                                                                    <swiper-slide>
                                                <div class="listings-grid is-small is-static">
                                                    <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/185-freeman-street-936-2446/173"
   @click="selectListing('173')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50895b913b09bfa492.38384461.jpg" alt="185 Freeman Street, #936">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,525</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="185 Freeman Street, #936"
            >
                185 Freeman Street, #936            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                                </div>
                                            </swiper-slide>
                                                                                <div class="swiper-pagination" slot="pagination"></div>
                                    </swiper>

                                </section>
                            </div>
                        </section>
                    
                    <!--Market Stats-->
                    
                    <!--Market Trends-->
                    
                    <!--Market Supply-->
                    
                    <!-- Subway Stations & Map-->
                                            <template>                            <section>
                                <div class="listing-subways">
                                                                            <div class="listing-section-title">
                                            Nearest Subway Stations
                                        </div>
                                        <div class="listing-section-content">
                                            <div class="columns is-gapless">
                                                <div class="column">
                                                    <div class="stations-cont">
                                                                                                                                                                                <div class="item">
                                                                <div class="street">
                                                                    Saint Paul Street                                                                </div>
                                                                <div class="columns is-gapless is-mobile">

                                                                    <div class="column has-text-left">

                                                                        <div class="miles">
                                                                            <span>0.35</span>
                                                                            mi,
                                                                        </div>

                                                                        <div class="time">
                                                                            <span>7</span>
                                                                            min
                                                                        </div>

                                                                    </div>

                                                                    <div class="column has-text-right">
                                                                                                                                                                                                                                <div class="is-inline-block station">
                                                                                <figure class="image is-24x24"
                                                                                        :class="{'is-32x32' : $mq.widescreen}"
                                                                                ><img
                                                                                        src="/img/assets/sub/GLB.svg"
                                                                                        alt="Subway station ">
                                                                                </figure>
                                                                            </div>
                                                                                                                                                                                                                                <div class="is-inline-block station">
                                                                                <figure class="image is-24x24"
                                                                                        :class="{'is-32x32' : $mq.widescreen}"
                                                                                ><img
                                                                                        src="/img/assets/sub/GLC.svg"
                                                                                        alt="Subway station ">
                                                                                </figure>
                                                                            </div>
                                                                                                                                            </div>

                                                                </div>

                                                            </div>
                                                                                                                                                                                <div class="item">
                                                                <div class="street">
                                                                    Kent Street                                                                </div>
                                                                <div class="columns is-gapless is-mobile">

                                                                    <div class="column has-text-left">

                                                                        <div class="miles">
                                                                            <span>0.36</span>
                                                                            mi,
                                                                        </div>

                                                                        <div class="time">
                                                                            <span>7</span>
                                                                            min
                                                                        </div>

                                                                    </div>

                                                                    <div class="column has-text-right">
                                                                                                                                                                                                                                <div class="is-inline-block station">
                                                                                <figure class="image is-24x24"
                                                                                        :class="{'is-32x32' : $mq.widescreen}"
                                                                                ><img
                                                                                        src="/img/assets/sub/GLC.svg"
                                                                                        alt="Subway station ">
                                                                                </figure>
                                                                            </div>
                                                                                                                                            </div>

                                                                </div>

                                                            </div>
                                                                                                                                                                                <div class="item">
                                                                <div class="street">
                                                                    Pleasant Street                                                                </div>
                                                                <div class="columns is-gapless is-mobile">

                                                                    <div class="column has-text-left">

                                                                        <div class="miles">
                                                                            <span>0.38</span>
                                                                            mi,
                                                                        </div>

                                                                        <div class="time">
                                                                            <span>8</span>
                                                                            min
                                                                        </div>

                                                                    </div>

                                                                    <div class="column has-text-right">
                                                                                                                                                                                                                                <div class="is-inline-block station">
                                                                                <figure class="image is-24x24"
                                                                                        :class="{'is-32x32' : $mq.widescreen}"
                                                                                ><img
                                                                                        src="/img/assets/sub/GLB.svg"
                                                                                        alt="Subway station ">
                                                                                </figure>
                                                                            </div>
                                                                                                                                            </div>

                                                                </div>

                                                            </div>
                                                                                                                                                                                <div class="item">
                                                                <div class="street">
                                                                    Boston Univ. West                                                                </div>
                                                                <div class="columns is-gapless is-mobile">

                                                                    <div class="column has-text-left">

                                                                        <div class="miles">
                                                                            <span>0.45</span>
                                                                            mi,
                                                                        </div>

                                                                        <div class="time">
                                                                            <span>10</span>
                                                                            min
                                                                        </div>

                                                                    </div>

                                                                    <div class="column has-text-right">
                                                                                                                                                                                                                                <div class="is-inline-block station">
                                                                                <figure class="image is-24x24"
                                                                                        :class="{'is-32x32' : $mq.widescreen}"
                                                                                ><img
                                                                                        src="/img/assets/sub/GLB.svg"
                                                                                        alt="Subway station ">
                                                                                </figure>
                                                                            </div>
                                                                                                                                            </div>

                                                                </div>

                                                            </div>
                                                                                                                                                                                <div class="item">
                                                                <div class="street">
                                                                    Babcock Street                                                                </div>
                                                                <div class="columns is-gapless is-mobile">

                                                                    <div class="column has-text-left">

                                                                        <div class="miles">
                                                                            <span>0.49</span>
                                                                            mi,
                                                                        </div>

                                                                        <div class="time">
                                                                            <span>10</span>
                                                                            min
                                                                        </div>

                                                                    </div>

                                                                    <div class="column has-text-right">
                                                                                                                                                                                                                                <div class="is-inline-block station">
                                                                                <figure class="image is-24x24"
                                                                                        :class="{'is-32x32' : $mq.widescreen}"
                                                                                ><img
                                                                                        src="/img/assets/sub/GLB.svg"
                                                                                        alt="Subway station ">
                                                                                </figure>
                                                                            </div>
                                                                                                                                            </div>

                                                                </div>

                                                            </div>
                                                                                                            </div>
                                                </div>
                                            </div>
                                        </div>
                                                                        <div class="listing-section-title">
                                        Map
                                    </div>
                                    <div class="listing-section-content">
                                        <div class="columns is-gapless">
                                            <div class="column">
                                                <div class="subway-map">
                                                    <map-with-marker
                                                        :center="{ lat: 42.347884, lng: -71.117325 }"
                                                        :camera-distance="1700"
                                                        icon-src="/img/assets/map-marker.png"
                                                        class="subway-map-drawer"
                                                    >
                                                    </map-with-marker>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </template>
                    
                    <!-- Neighborhood Info-->
                    
                </div>
                <!-- sticky sidebar -->
                <div class="column is-one-third-desktop is-full-touch sidebar-wrapper is-hidden-mobile is-hidden-tablet-only">
                    <!--https://github.com/eddiemf/vue-affix-->
    <!--                <affix :enabled="$mq.desktop"-->
    <!--                       v-cloak-->
    <!--                       v-if="--><!-- || (spheresData.length && isPlayerLoad)"-->
    <!--                       relative-element-selector=".listing-content"-->
    <!--                       :offset="{ top: 40, bottom: 40 }"-->
    <!--                >-->

                                                <section class="sidebar-wrapper">
                            <div class="sidebar">

                                <template v-if="true">
                                    
                                        <listing-contact
                                            :is-multi-user-enabled="false"
                                            :listing-id="176"
                                            @on-click-send-message="onClickContactListing"
                                            @on-click-request-tour="onClickRequestTour"
                                        ></listing-contact>

                                                                    </template>

                                                                
                                    <div v-cloak v-if="false" class="apply-btn">
                                        <button
                                            class="button is-fullwidth purple-gradient is-primary is-medium listing-cta"
                                            @click="$refs.applyModalComponent.$refs.modal.open()">
                                            Apply Now
                                        </button>
                                    </div>

                                
                                <div v-cloak v-if="false" class="schedule-btn">
                                    <button
                                        class="button is-fullwidth blue-gradient is-primary is-medium listing-cta"
                                        @click="onClickScheduleViewingButton(176)">
                                        Schedule Viewing
                                    </button>
                                </div>

                                <template v-if="true"><!--todo выключать если листинг не активен-->
                                                                        
                                    <div v-if="false" class="apply-btn">
                                        <button
                                            class="button is-fullwidth purple-gradient is-primary is-medium listing-cta"
                                            @click="$refs.applyModalComponent.$refs.modal.open()">
                                            Apply Now
                                        </button>
                                    </div>

                                    
                                    <div v-if="false" class="schedule-btn">
                                        <button
                                            class="button is-fullwidth blue-gradient is-primary is-medium listing-cta"
                                            @click="onClickScheduleViewingButton(176)">
                                            Schedule Viewing
                                        </button>
                                    </div>

                                </template>
                            </div>
                        </section>
    <!--                </affix>-->

                </div>

            </div>

            <!-- Similar Apartments -->
                            <div class="similar-listings-wrapper">
                    <div class="listing-section-title">Similar Apartments</div>
                    <section class="listing-section-content similar-listings">

                        <!--todo: remove old carousel code-->
                        <carousel v-cloak
                                v-if="false"
                                :navigation-enabled="true"
                                :pagination-enabled="false"
                                :per-page-custom="[ [520, 2], [750, 3], [1250, 4], [1600, 5], [1900, 6] ]"
                                :per-page="1"
                                navigation-prev-label='<i class="fal fa-4x has-text-primary fa-angle-left"></i>'
                                navigation-next-label='<i class="fal fa-4x has-text-primary fa-angle-right"></i>'>

                                                            <slide>
                                    <div class="listings-grid is-small">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/189-babcock-street-2-2446/5457"
   @click="selectListing('5457')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74655eebec3b125593.29654053.jpg" alt="189 Babcock Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,300</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="189 Babcock Street, #2"
            >
                189 Babcock Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </slide>
                                                                <slide>
                                    <div class="listings-grid is-small">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/94-pleasant-street-2-2446/1688"
   @click="selectListing('1688')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56305c411a27d542a7.24341909.jpg" alt="94 Pleasant Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="94 Pleasant Street, #2"
            >
                94 Pleasant Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </slide>
                                                                <slide>
                                    <div class="listings-grid is-small">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/1232-beacon-street-6-2446/6690"
   @click="selectListing('6690')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_32055f2bec5e205dc6.63057791.jpg" alt="1232 Beacon Street, #6">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1232 Beacon Street, #6"
            >
                1232 Beacon Street, #6            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </slide>
                                                                <slide>
                                    <div class="listings-grid is-small">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/48-babcock-street-3-2446/6309"
   @click="selectListing('6309')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57215f197a6d5d4499.69677164.jpg" alt="48 Babcock Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,300</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="48 Babcock Street, #3"
            >
                48 Babcock Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </slide>
                                                                <slide>
                                    <div class="listings-grid is-small">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/73-thatcher-street-001-2446/1687"
   @click="selectListing('1687')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_54315c4112a3761ae5.55445225.jpg" alt="73 Thatcher Street, #001">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="73 Thatcher Street, #001"
            >
                73 Thatcher Street, #001            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                                    <div class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </slide>
                                                                <slide>
                                    <div class="listings-grid is-small">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/73-thatcher-street-102-2446/1684"
   @click="selectListing('1684')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_92645c40fb66d7f1d0.48121627.jpg" alt="73 Thatcher Street, #102">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,800</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="73 Thatcher Street, #102"
            >
                73 Thatcher Street, #102            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </slide>
                                                                <slide>
                                    <div class="listings-grid is-small">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/141-fuller-street-3-2446/3985"
   @click="selectListing('3985')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74045e9dceaf7258e5.60985791.jpg" alt="141 Fuller Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,800</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="141 Fuller Street, #3"
            >
                141 Fuller Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </slide>
                                                        </carousel>

                        <swiper
                            v-cloak
                            ref="similarApartmentsCarousel"
                            :options="listingPageSimilarApartmentsOptions"
                        >
                                                            <swiper-slide>
                                    <div class="listings-grid is-small is-static">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/189-babcock-street-2-2446/5457"
   @click="selectListing('5457')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74655eebec3b125593.29654053.jpg" alt="189 Babcock Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,300</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="189 Babcock Street, #2"
            >
                189 Babcock Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </swiper-slide>
                                                            <swiper-slide>
                                    <div class="listings-grid is-small is-static">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/94-pleasant-street-2-2446/1688"
   @click="selectListing('1688')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56305c411a27d542a7.24341909.jpg" alt="94 Pleasant Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="94 Pleasant Street, #2"
            >
                94 Pleasant Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </swiper-slide>
                                                            <swiper-slide>
                                    <div class="listings-grid is-small is-static">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/1232-beacon-street-6-2446/6690"
   @click="selectListing('6690')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_32055f2bec5e205dc6.63057791.jpg" alt="1232 Beacon Street, #6">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1232 Beacon Street, #6"
            >
                1232 Beacon Street, #6            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </swiper-slide>
                                                            <swiper-slide>
                                    <div class="listings-grid is-small is-static">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/48-babcock-street-3-2446/6309"
   @click="selectListing('6309')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57215f197a6d5d4499.69677164.jpg" alt="48 Babcock Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,300</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="48 Babcock Street, #3"
            >
                48 Babcock Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </swiper-slide>
                                                            <swiper-slide>
                                    <div class="listings-grid is-small is-static">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/73-thatcher-street-001-2446/1687"
   @click="selectListing('1687')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_54315c4112a3761ae5.55445225.jpg" alt="73 Thatcher Street, #001">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="73 Thatcher Street, #001"
            >
                73 Thatcher Street, #001            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                                    <div class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </swiper-slide>
                                                            <swiper-slide>
                                    <div class="listings-grid is-small is-static">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/73-thatcher-street-102-2446/1684"
   @click="selectListing('1684')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_92645c40fb66d7f1d0.48121627.jpg" alt="73 Thatcher Street, #102">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,800</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="73 Thatcher Street, #102"
            >
                73 Thatcher Street, #102            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </swiper-slide>
                                                            <swiper-slide>
                                    <div class="listings-grid is-small is-static">
                                        <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/141-fuller-street-3-2446/3985"
   @click="selectListing('3985')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74045e9dceaf7258e5.60985791.jpg" alt="141 Fuller Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,800</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="141 Fuller Street, #3"
            >
                141 Fuller Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>
                                    </div>
                                </swiper-slide>
                                                        <div class="swiper-pagination" slot="pagination"></div>
                        </swiper>

                    </section>
                </div>
            
        </div>
        <section class="before-footer">
            <div class="container">
                <div class="before-footer-context">
                    <b-icon icon="info-circle"></b-icon><span>All data is deemed reliable but is not guaranteed accurate by 3D Apartment.</span>
                    <br><br>
                    No guarantee, warranty or representation of any kind is made regarding the completeness or accuracy of
                    descriptions or measurements (including square footage measurements and property condition), such should
                    be
                    independently verified. Equal Housing Opportunity.
                </div>
            </div>
        </section>
        
            <div class="mobile-contact navbar is-fixed-bottom is-hidden-desktop" v-if="1">
                <button class="button is-radiusless is-info is-fullwidth cta" @click="$refs.newMobileContactModal.open()">
                    Request a Tour
                </button>
            </div>

        
        <sweet-modal ref="newMobileContactModal" class="mobile-contact-modal">
            <listing-contact
                class="is-mobile-modal"
                :is-multi-user-enabled="Boolean(0)"
                :listing-id="176"
                @on-click-send-message="onClickContactListing"
                @on-click-request-tour="onClickRequestTour"
            ></listing-contact>
        </sweet-modal>

        <new-send-message
            ref="listingContactWindow"
            :listing-id="176"
        ></new-send-message>

        <listing-request-schedule
            ref="listingScheduleWindow"
            :listing-id="176"
            :listing-sale="0"
            :listing-embed-link="Boolean(0)"
            :url="encodeURI('https://3dapartment.com')"
            :crm-user-id="'7'"
        ></listing-request-schedule>
    </section>


<!--Modals-->
<contact-modal
        ref="contactModal"
        agent-full-name="agent"
        agent-id=""
        listing-id="176"
        from=""
>
</contact-modal>

<sweet-modal class="schedule-modal" ref="scheduleModal" v-cloak>
    <template slot="title">
        <div class="schedule-modal-hader is-size-4-mobile">Schedule Your Visit</div>
    </template>
    <div class="schedule-modal-block">
        <div class="schedule-modal-block-label" v-if="false">
            "Today: <span>May 18</span>"
        </div>
        <div class="columns isg-gapless" v-if="false">
            <div class="column has-text-left">
                <b-radio-button
                        native-value="1"
                        class="radio-btn-primary-outlined"
                        :disabled="scheduleData.modal.isLoading"
                >
                    Morning
                </b-radio-button>
            </div>
            <div
                    class="column has-text-centered has-text-left-mobile"
            >
                <b-radio-button
                        native-value="2"
                        class="is-inline-block"
                        :disabled="scheduleData.modal.isLoading"
                >
                    Afternoon
                </b-radio-button>
            </div>
            <div
                    class="column has-text-right has-text-left-mobile"
            >
                <b-radio-button
                        native-value="3"
                        class="is-inline-block"
                        :disabled="scheduleData.modal.isLoading"
                >
                    Evening
                </b-radio-button>
            </div>
        </div>
        <div class="schedule-modal-separator" v-if="false">
            - OR -
        </div>
        <div class="schedule-modal-block-label" v-if="false">
            Select Your's
        </div>
        <div class="columns">
            <div class="column">
                <b-field expanded>
                    <b-datepicker
                            placeholder="Type or select a date..."
                            icon="calendar"
                            :readonly="false"
                            v-model="scheduleData.date"
                            :min-date="scheduleData.calendarMinDate"
                            :disabled="scheduleData.modal.isLoading"
                            :date-formatter="(date) => scheduleViewingFormatDate(date)"
                    >
                    </b-datepicker>
                </b-field>
            </div>
            <div class="column">
                <b-field expanded>
                    <b-timepicker
                            placeholder="Type or select a time..."
                            icon="clock"
                            :readonly="false"
                            hour-format="12"
                            v-model="scheduleData.time"
                            :disabled="scheduleData.modal.isLoading"
                    >
                    </b-timepicker>
                </b-field>
            </div>
        </div>
        <div class="schedule-modal-userdata">
            <b-field expanded>
                <b-input
                        placeholder="Your Name"
                        v-model="scheduleData.modal.name"
                        :disabled="scheduleData.modal.isLoading"
                ></b-input>
            </b-field>
            <b-field expanded>
                <b-input
                        placeholder="Phone Number"
                        v-model="scheduleData.modal.phone"
                        :disabled="scheduleData.modal.isLoading"
                ></b-input>
            </b-field>
            <b-field expanded>
                <b-input
                        placeholder="E-Mail"
                        v-model="scheduleData.modal.email"
                        :disabled="scheduleData.modal.isLoading"
                ></b-input>
            </b-field>
        </div>
        <div class="schedule-modal-control">
            <button
                    class="button is-primary blue-gradient is-fullwidth is-medium"
                    @click="onClickScheduleViewingModalSendRequest()"
                    :class="{'is-loading' : scheduleData.modal.isLoading}"
                    :disabled="scheduleData.modal.isLoading"
            >
                Send your request
            </button>
        </div>
    </div>
</sweet-modal>

<light-box
    ref="fpLightbox"
    :images="listingPageFpImages"
    :show-thumbs="false"
    :show-light-box="false"
></light-box>


        </scroll-container>

        <login-modal ref="loginWindow"></login-modal>

                    <footer-component></footer-component>
        
        <sweet-modal ref="contactModal" title="We're here to help" v-cloak class="main-contact-modal">


            <div class="columns is-multiline">
                <div class="column is-6">
                    <div class="contact-modal-section-label">
                        <b-icon icon="phone" size="is-large"></b-icon>
                        <div class="label-txt">
                            Call Us: <a href="tel:8447333385">(844) 733-3385</a>
                        </div>
                    </div>
                </div>
                <div class="column is-6">
                    <div class="contact-modal-section-label">
                        <b-icon icon="envelope" size="is-large"></b-icon>
                        <div class="label-txt">
                           Or send us a message:
                        </div>
                    </div>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Your Name:
                    </div>
                    <section>
                        <b-field>
                            <b-input
                                v-model.trim="contactModalForm.name"
                                v-bind="{'disabled': isLoading}"
                            >
                            </b-input>
                        </b-field>
                    </section>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Your Email:
                    </div>
                    <section>
                        <b-field>
                            <b-input
                                v-model.trim="contactModalForm.email"
                                v-bind="{'disabled': isLoading}"
                            >
                            </b-input>
                        </b-field>
                    </section>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Your Phone:
                    </div>
                    <section>
                        <b-field>
                            <b-input
                                v-cleave="contactModalForm.masks.phone"
                                v-model.trim="contactModalForm.phone"
                                v-bind="{'disabled': isLoading}"
                            >
                            </b-input>
                        </b-field>
                    </section>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Type of questions:
                    </div>
                    <b-field>
                        <b-select
                            v-model="contactModalForm.questionTypeIndex"
                            v-bind="{'disabled': isLoading}"
                            expanded
                        >
                            <option
                                v-for="(title, index) in contactModalForm.questionTypes"
                                :value="index"
                                :key="'option_' + index"
                            >
                                {{ title }}
                            </option>
                        </b-select>
                    </b-field>
                </div>
                <div class="column is-12">
                    <div class="filters-modal-block-label">
                        Message:
                    </div>
                    <b-field>
                        <b-input
                            maxlength="500"
                            type="textarea"
                            v-model.trim="contactModalForm.message"
                            v-bind="{'disabled': isLoading}"
                        ></b-input>
                    </b-field>
                </div>
                <div class="column is-12 has-text-right">
                    <button
                        class="button is-primary"
                        :class="{'is-loading': isLoading}"
                        @click="contactModalFormOnClickSendMessage"
                    >
                        Send
                    </button>
                </div>
            </div>

        </sweet-modal>
    </div>

</section>

<script>
    window.fbAsyncInit = function () {
        FB.init({
            appId: 438487566501401,
            cookie: true,
            xfbml: true,
            version: 'v2.12'
        });

        FB.AppEvents.logPageView();
    };

    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {
            return;
        }
        js = d.createElement(s);
        js.id = id;
        js.src = "https://connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<script type="text/javascript">
    var user = {};
</script>
<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "Organization",
        "name": "3D Apartment",
        "url": "https://3dapartment.com/",
        "sameAs": [
            "https://www.youtube.com/c/3DAPARTMENT",
            "https://www.facebook.com/3Dapartments",
            "https://www.linkedin.com/company/3dapartment",
            "https://twitter.com/3dapartment"
        ],
        "logo": "https://3dapartment.com/img/assets/big-logo-blue.png"
    }
</script>
<script type="text/javascript">
    var company = '4';
    var teamAssignUsers = [{"id":7,"full_name":"Jason Schuster","email":"Jason@ProperRealtyGroup.com","phone":"617-505-5060","is_hidden_address":false,"avatar_path":"\/uploads\/avatars\/avatar_83005b118e4d0313b2.14826853.jpeg","slug":"fdsgyufghj","about":"Jason is the managing broker of Proper Realty Group and has been in Boston Apartment Rentals for over 10 years. Thank you","color":"is-apple","instagram":null,"twitter":null,"company_id":4,"crm_role_id":1,"crm_users_team_id":null,"crm_listing_team_layout_id":null,"created":"2018-04-25T13:06:51+00:00","support_marker":true,"company":{"id":4,"title":"Proper Realty Group","address":"1340A Commonwealth Avenue","about":"Live Proper with Us.\nProper Realty Group is a modern, full-service real estate agency committed to providing our clients with exceptional service and insight into Boston area communities. Proper Realty Group employs the latest technology to provide clients 24-hour online access and real time property updates. We understand that real estate is about more than property. It\u2019s about our clients\u2013whether they\u2019re landlords, tenants, buyers, or sellers\u2013and really getting to know them, their lifestyle, a","logo_path":"\/uploads\/companies\/logos\/5b7efa04c9c376.07558642.png","is_has_request_tour":true,"city_group_id":2,"created":"2018-04-25T13:08:00+00:00","modified":"2020-11-20T22:27:53+00:00","is_hidden":false,"is_allow_sync":true,"applies_templates":[{"id":1,"template_path":"v-src\/json\/applies_templates\/bostonDefaultTemplate.json","is_active":true,"company_id":4,"created":"2018-06-01T18:47:26+00:00","modified":"2018-06-01T18:47:26+00:00"}]}}];
    var spheresData = {"spheres":[{"id":1243,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":985,"path":"\/spheres\/pano\/sphere_72095ae3910fd2f023.35837823.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_50625b40cefdd4de70.28264211.jpg","preview_path":"\/spheres\/previews\/sphere_50625b40cefdd4de70.28264211.jpg","name":null,"config_path":"\/spheres\/multires\/9671_5b40cefdd4dfa2.61541098\/config.json","is_default":true,"made_date":"2018-04-27T15:43:19+00:00","created":"2018-04-27T21:07:33+00:00","modified":"2019-04-26T12:58:37+00:00","tour_items":[{"id":447,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-12.671698029969,\"y\":-9.1633576087755,\"z\":-12.468397907148}","type":"floor","id_target_sphere":1243,"sphere_id":1242,"1":null},{"id":448,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-15.633415874876,\"y\":-5.5432470411929,\"z\":-11.174467339586}","type":"floor","id_target_sphere":1243,"sphere_id":1241,"1":null},{"id":449,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-19.175452896958,\"y\":-3.5682898258339,\"z\":-4.4237217267125}","type":"floor","id_target_sphere":1243,"sphere_id":1240,"1":null},{"id":450,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-18.227215061873,\"y\":-8.2276420577872,\"z\":-0.2730151225757}","type":"floor","id_target_sphere":1243,"sphere_id":1238,"1":null},{"id":451,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-9.3294492907611,\"y\":-10.986592025937,\"z\":13.865647175186}","type":"floor","id_target_sphere":1243,"sphere_id":1237,"1":null},{"id":452,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-10.625090595307,\"y\":-6.1776934823364,\"z\":15.777945147573}","type":"floor","id_target_sphere":1243,"sphere_id":1239,"1":null}]},{"id":1242,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":984,"path":"\/spheres\/pano\/sphere_25735ae39109be61b5.97078542.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_12425b40cf0caa0732.81434699.jpg","preview_path":"\/spheres\/previews\/sphere_12425b40cf0caa0732.81434699.jpg","name":null,"config_path":"\/spheres\/multires\/4067_5b40cf0caa0815.50290066\/config.json","is_default":false,"made_date":"2018-04-27T15:43:31+00:00","created":"2018-04-27T21:07:27+00:00","modified":"2019-04-26T12:58:37+00:00","tour_items":[{"id":453,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":6.9740618198908,\"y\":-8.7846971226885,\"z\":16.558730573174}","type":"floor","id_target_sphere":1242,"sphere_id":1243,"1":null},{"id":454,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-9.4196796348991,\"y\":-8.4931407056289,\"z\":-15.464029116962}","type":"floor","id_target_sphere":1242,"sphere_id":1241,"1":null},{"id":455,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-19.272904323151,\"y\":-5.2825529098455,\"z\":0.80609782616626}","type":"floor","id_target_sphere":1242,"sphere_id":1240,"1":null},{"id":456,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-16.144150937086,\"y\":-10.400048202316,\"z\":5.586178292007}","type":"floor","id_target_sphere":1242,"sphere_id":1238,"1":null},{"id":457,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-5.736384312375,\"y\":-7.3525043043261,\"z\":17.692783146684}","type":"floor","id_target_sphere":1242,"sphere_id":1237,"1":null}]},{"id":1241,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":983,"path":"\/spheres\/pano\/sphere_72585ae391038940c3.60193279.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_38815b40cf1b892396.02338540.jpg","preview_path":"\/spheres\/previews\/sphere_38815b40cf1b892396.02338540.jpg","name":null,"config_path":"\/spheres\/multires\/5788_5b40cf1b892501.52479437\/config.json","is_default":false,"made_date":"2018-04-27T15:43:45+00:00","created":"2018-04-27T21:07:21+00:00","modified":"2019-04-26T12:58:37+00:00","tour_items":[{"id":459,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-11.846588511751,\"y\":-4.7636236449133,\"z\":15.393707493742}","type":"floor","id_target_sphere":1241,"sphere_id":1243,"1":null},{"id":460,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-7.8711786324095,\"y\":-9.3404643749698,\"z\":15.836674909735}","type":"floor","id_target_sphere":1241,"sphere_id":1242,"1":null},{"id":461,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-11.308513469161,\"y\":-10.932702485036,\"z\":-12.352875757956}","type":"floor","id_target_sphere":1241,"sphere_id":1240,"1":null},{"id":462,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-19.701673636665,\"y\":-2.9480644769727,\"z\":-1.7756609344013}","type":"floor","id_target_sphere":1241,"sphere_id":1235,"1":null},{"id":463,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-18.238795760886,\"y\":-6.744232576632,\"z\":4.6756449977498}","type":"floor","id_target_sphere":1241,"sphere_id":1238,"1":null},{"id":464,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-17.232447735166,\"y\":-2.5623822530162,\"z\":9.8222676732115}","type":"floor","id_target_sphere":1241,"sphere_id":1237,"1":null}]},{"id":1240,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":982,"path":"\/spheres\/pano\/sphere_47945ae390fd542dc6.75312701.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_64605b40cf2ac036a0.46730780.jpg","preview_path":"\/spheres\/previews\/sphere_64605b40cf2ac036a0.46730780.jpg","name":null,"config_path":"\/spheres\/multires\/2412_5b40cf2ac037e2.29555717\/config.json","is_default":false,"made_date":"2018-04-27T15:43:59+00:00","created":"2018-04-27T21:07:15+00:00","modified":"2019-04-26T12:58:37+00:00","tour_items":[{"id":465,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-15.195777708378,\"y\":-11.25658475898,\"z\":-6.5098110111945}","type":"floor","id_target_sphere":1240,"sphere_id":1235,"1":null},{"id":466,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-2.86478558436,\"y\":-7.8481554777522,\"z\":18.17139122777}","type":"floor","id_target_sphere":1240,"sphere_id":1242,"1":null},{"id":468,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-11.756285205079,\"y\":-6.3342322087443,\"z\":14.88849423221}","type":"floor","id_target_sphere":1240,"sphere_id":1243,"1":null},{"id":469,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":11.752019709738,\"y\":-9.065825430598,\"z\":13.405254268526}","type":"floor","id_target_sphere":1240,"sphere_id":1241,"1":null}]},{"id":1238,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":980,"path":"\/spheres\/pano\/sphere_93715ae390f0f380c8.36446550.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_93935b40cf48863a21.20277819.jpg","preview_path":"\/spheres\/previews\/sphere_93935b40cf48863a21.20277819.jpg","name":null,"config_path":"\/spheres\/multires\/7209_5b40cf48863b90.56206043\/config.json","is_default":false,"made_date":"2018-04-27T15:44:16+00:00","created":"2018-04-27T21:07:03+00:00","modified":"2019-04-26T12:58:36+00:00","tour_items":[{"id":470,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":14.844653386697,\"y\":-4.9207152432521,\"z\":-12.466869186915}","type":"floor","id_target_sphere":1238,"sphere_id":1241,"1":null},{"id":471,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":17.891745792921,\"y\":-7.76658838976,\"z\":4.423294842708}","type":"floor","id_target_sphere":1238,"sphere_id":1242,"1":null},{"id":472,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":7.9590638310727,\"y\":-7.3300853239634,\"z\":16.820319618733}","type":"floor","id_target_sphere":1238,"sphere_id":1243,"1":null},{"id":473,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-2.8597886579702,\"y\":-7.2649912715037,\"z\":18.413079879714}","type":"floor","id_target_sphere":1238,"sphere_id":1237,"1":null}]},{"id":1237,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":979,"path":"\/spheres\/pano\/sphere_37765ae390eac2bc92.85060989.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_60685b40cf5783f275.32901024.jpg","preview_path":"\/spheres\/previews\/sphere_60685b40cf5783f275.32901024.jpg","name":null,"config_path":"\/spheres\/multires\/7302_5b40cf5783f341.63065306\/config.json","is_default":false,"made_date":"2018-04-27T15:44:31+00:00","created":"2018-04-27T21:06:56+00:00","modified":"2019-04-26T12:58:36+00:00","tour_items":[{"id":476,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":15.339175757153,\"y\":-10.019135927861,\"z\":-8.0203866708666}","type":"floor","id_target_sphere":1237,"sphere_id":1243,"1":null},{"id":477,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-9.9793058754085,\"y\":-6.402740609152,\"z\":-16.10646972297}","type":"floor","id_target_sphere":1237,"sphere_id":1238,"1":null},{"id":478,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":8.0799999983072,\"y\":-8.2074339446262,\"z\":-16.350890742463}","type":"floor","id_target_sphere":1237,"sphere_id":1242,"1":null},{"id":479,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-0.88014883200488,\"y\":-2.3728253249753,\"z\":-19.839229773625}","type":"floor","id_target_sphere":1237,"sphere_id":1241,"1":null},{"id":481,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-12.42438545867,\"y\":-13.607841179192,\"z\":7.7756867488524}","type":"floor","id_target_sphere":1237,"sphere_id":1239,"1":null}]},{"id":1239,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":981,"path":"\/spheres\/pano\/sphere_89555ae390f72edf05.84763960.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_18125b40cf39b7f6b8.08118687.jpg","preview_path":"\/spheres\/previews\/sphere_18125b40cf39b7f6b8.08118687.jpg","name":null,"config_path":"\/spheres\/multires\/6336_5b40cf39b7f825.82740759\/config.json","is_default":false,"made_date":"2018-04-27T15:44:42+00:00","created":"2018-04-27T21:07:09+00:00","modified":"2019-04-26T12:58:36+00:00","tour_items":[{"id":482,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-6.0602363017763,\"y\":-13.307070030833,\"z\":-13.645344376788}","type":"floor","id_target_sphere":1239,"sphere_id":1237,"1":null},{"id":483,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-8.4392798816997,\"y\":-5.8801690783742,\"z\":-17.152322486709}","type":"floor","id_target_sphere":1239,"sphere_id":1243,"1":null},{"id":484,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-11.874260906567,\"y\":-14.166289380109,\"z\":7.6366336249533}","type":"floor","id_target_sphere":1239,"sphere_id":1236,"1":null},{"id":485,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-16.564810630871,\"y\":-6.7234540016402,\"z\":8.9667282244548}","type":"floor","id_target_sphere":1239,"sphere_id":1235,"1":null},{"id":486,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":9.6062569650885,\"y\":-10.489947481289,\"z\":14.059901456287}","type":"floor","id_target_sphere":1239,"sphere_id":1234,"1":null}]},{"id":1236,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":978,"path":"\/spheres\/pano\/sphere_46375ae390e48910f3.56858820.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_81945b40cf66a10f12.81022358.jpg","preview_path":"\/spheres\/previews\/sphere_81945b40cf66a10f12.81022358.jpg","name":null,"config_path":"\/spheres\/multires\/2800_5b40cf66a11018.85537583\/config.json","is_default":false,"made_date":"2018-04-27T15:44:56+00:00","created":"2018-04-27T21:06:50+00:00","modified":"2019-04-26T12:58:35+00:00","tour_items":[{"id":487,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":10.957945007199,\"y\":-12.379482133732,\"z\":-11.254859542429}","type":"floor","id_target_sphere":1236,"sphere_id":1239,"1":null},{"id":488,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-13.495258274628,\"y\":-11.773940817852,\"z\":8.9023773071465}","type":"floor","id_target_sphere":1236,"sphere_id":1235,"1":null}]},{"id":1235,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":977,"path":"\/spheres\/pano\/sphere_53125ae390de2b4c81.45350863.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_82685b40cf75aa7461.26480536.jpg","preview_path":"\/spheres\/previews\/sphere_82685b40cf75aa7461.26480536.jpg","name":null,"config_path":"\/spheres\/multires\/2749_5b40cf75aa7551.90637914\/config.json","is_default":false,"made_date":"2018-04-27T15:45:09+00:00","created":"2018-04-27T21:06:44+00:00","modified":"2019-04-26T12:58:35+00:00","tour_items":[{"id":490,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-14.227362915634,\"y\":-7.1844220064115,\"z\":-12.081648269199}","type":"floor","id_target_sphere":1235,"sphere_id":1240,"1":null},{"id":491,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-9.028221331569,\"y\":-2.2982332278795,\"z\":-17.697721424479}","type":"floor","id_target_sphere":1235,"sphere_id":1241,"1":null},{"id":494,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":15.72888035767,\"y\":-12.353094622047,\"z\":-0.058102950538644}","type":"floor","id_target_sphere":1235,"sphere_id":1236,"1":null},{"id":495,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":18.539644391655,\"y\":-7.486380134177,\"z\":-0.48548771105636}","type":"floor","id_target_sphere":1235,"sphere_id":1239,"1":null}]},{"id":1234,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":976,"path":"\/spheres\/pano\/sphere_58755ae390d76d2a51.53236346.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_30235b40cf84b0dc95.75629546.jpg","preview_path":"\/spheres\/previews\/sphere_30235b40cf84b0dc95.75629546.jpg","name":null,"config_path":"\/spheres\/multires\/9908_5b40cf84b0ddd7.85574514\/config.json","is_default":false,"made_date":"2018-04-27T15:45:24+00:00","created":"2018-04-27T21:06:37+00:00","modified":"2019-04-26T12:58:34+00:00","tour_items":[{"id":496,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-8.5540647738902,\"y\":-14.984054015551,\"z\":-10.114647848697}","type":"floor","id_target_sphere":1234,"sphere_id":1233,"1":null},{"id":497,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":11.584014486029,\"y\":-8.999360998834,\"z\":-13.594929569518}","type":"floor","id_target_sphere":1234,"sphere_id":1239,"1":null},{"id":498,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-11.091457713513,\"y\":-11.308329905763,\"z\":12.210701885305}","type":"floor","id_target_sphere":1234,"sphere_id":1232,"1":null}]},{"id":1233,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":975,"path":"\/spheres\/pano\/sphere_40055ae390d1558ae7.37590733.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_75005b40cf9380e717.77257458.jpg","preview_path":"\/spheres\/previews\/sphere_75005b40cf9380e717.77257458.jpg","name":null,"config_path":"\/spheres\/multires\/1507_5b40cf9380e820.18710521\/config.json","is_default":false,"made_date":"2018-04-27T15:45:35+00:00","created":"2018-04-27T21:06:31+00:00","modified":"2019-04-26T12:58:34+00:00","tour_items":[{"id":499,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":12.063393365556,\"y\":-12.817236475403,\"z\":-9.4969989808079}","type":"floor","id_target_sphere":1233,"sphere_id":1234,"1":null}]},{"id":1232,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":974,"path":"\/spheres\/pano\/sphere_79845ae390caed4896.80751853.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_68485b40cfa2537f23.11980404.jpg","preview_path":"\/spheres\/previews\/sphere_68485b40cfa2537f23.11980404.jpg","name":null,"config_path":"\/spheres\/multires\/1543_5b40cfa2538016.18349297\/config.json","is_default":false,"made_date":"2018-04-27T15:45:47+00:00","created":"2018-04-27T21:06:25+00:00","modified":"2019-04-26T12:58:34+00:00","tour_items":[{"id":500,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-4.5481319912303,\"y\":-12.366282812642,\"z\":15.046246867179}","type":"floor","id_target_sphere":1232,"sphere_id":1231,"1":null},{"id":501,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-17.121040583256,\"y\":-10.208144666549,\"z\":-1.6321004299068}","type":"floor","id_target_sphere":1232,"sphere_id":1229,"1":null},{"id":502,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-12.418656862444,\"y\":-10.968831796613,\"z\":-11.200968295218}","type":"floor","id_target_sphere":1232,"sphere_id":1223,"1":null},{"id":503,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":12.215415434661,\"y\":-9.9069466424032,\"z\":-12.354595662474}","type":"floor","id_target_sphere":1232,"sphere_id":1234,"1":null}]},{"id":1231,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":973,"path":"\/spheres\/pano\/sphere_64525ae390c4612126.32477428.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_92545b40cfb1324504.34389250.jpg","preview_path":"\/spheres\/previews\/sphere_92545b40cfb1324504.34389250.jpg","name":null,"config_path":"\/spheres\/multires\/5746_5b40cfb13245c3.77067293\/config.json","is_default":false,"made_date":"2018-04-27T15:45:57+00:00","created":"2018-04-27T21:06:18+00:00","modified":"2019-04-26T12:58:33+00:00","tour_items":[{"id":504,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":10.297174781454,\"y\":-11.058214064062,\"z\":-13.102827680832}","type":"floor","id_target_sphere":1231,"sphere_id":1232,"1":null},{"id":505,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-14.725162880565,\"y\":-10.822998157179,\"z\":8.1260254140968}","type":"floor","id_target_sphere":1231,"sphere_id":1230,"1":null},{"id":506,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":13.619794249734,\"y\":-11.942570794916,\"z\":8.4779836873717}","type":"floor","id_target_sphere":1231,"sphere_id":1228,"1":null}]},{"id":1230,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":972,"path":"\/spheres\/pano\/sphere_37795ae390be1fcee7.45076673.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_86545b40cfc0234380.74887693.jpg","preview_path":"\/spheres\/previews\/sphere_86545b40cfc0234380.74887693.jpg","name":null,"config_path":"\/spheres\/multires\/4340_5b40cfc0234463.94196509\/config.json","is_default":false,"made_date":"2018-04-27T15:46:09+00:00","created":"2018-04-27T21:06:12+00:00","modified":"2019-04-26T12:58:33+00:00","tour_items":[{"id":507,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":17.938119511398,\"y\":-8.704032352781,\"z\":-1.5696143464408}","type":"floor","id_target_sphere":1230,"sphere_id":1231,"1":null},{"id":508,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":16.110192662126,\"y\":-5.41144540652,\"z\":10.544095551607}","type":"floor","id_target_sphere":1230,"sphere_id":1228,"1":null}]},{"id":1228,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":970,"path":"\/spheres\/pano\/sphere_74605ae390b1443c69.46098999.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_55495b40cfdde42647.46479665.jpg","preview_path":"\/spheres\/previews\/sphere_55495b40cfdde42647.46479665.jpg","name":null,"config_path":"\/spheres\/multires\/7449_5b40cfdde426e0.83430184\/config.json","is_default":false,"made_date":"2018-04-27T15:46:23+00:00","created":"2018-04-27T21:05:59+00:00","modified":"2019-04-26T12:58:31+00:00","tour_items":[{"id":509,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":15.092852265021,\"y\":-9.6213734937963,\"z\":-8.9238434880445}","type":"floor","id_target_sphere":1228,"sphere_id":1231,"1":null},{"id":510,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":2.3905100581148,\"y\":-5.1416110378431,\"z\":-19.179397738135}","type":"floor","id_target_sphere":1228,"sphere_id":1230,"1":null}]},{"id":1229,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":971,"path":"\/spheres\/pano\/sphere_83255ae390b76da2b2.14209952.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_34985b40cfcf37c422.27433348.jpg","preview_path":"\/spheres\/previews\/sphere_34985b40cfcf37c422.27433348.jpg","name":null,"config_path":"\/spheres\/multires\/1456_5b40cfcf37c523.84933807\/config.json","is_default":false,"made_date":"2018-04-27T15:46:41+00:00","created":"2018-04-27T21:06:05+00:00","modified":"2019-04-26T12:58:32+00:00","tour_items":[{"id":511,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":12.079905053852,\"y\":-9.8117263342788,\"z\":-12.562082639083}","type":"floor","id_target_sphere":1229,"sphere_id":1232,"1":null},{"id":512,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":0.18451232411389,\"y\":-10.162432202974,\"z\":17.224718486007}","type":"floor","id_target_sphere":1229,"sphere_id":1226,"1":null}]},{"id":1226,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":968,"path":"\/spheres\/pano\/sphere_30535ae390a48802c9.36108794.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_15165b40cffbce0924.05675453.jpg","preview_path":"\/spheres\/previews\/sphere_15165b40cffbce0924.05675453.jpg","name":null,"config_path":"\/spheres\/multires\/3897_5b40cffbce0a19.97942597\/config.json","is_default":false,"made_date":"2018-04-27T15:46:51+00:00","created":"2018-04-27T21:05:46+00:00","modified":"2019-04-26T12:58:30+00:00","tour_items":[{"id":514,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":13.457016022559,\"y\":-12.434669970838,\"z\":8.0179612424181}","type":"floor","id_target_sphere":1226,"sphere_id":1227,"1":null},{"id":515,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":9.3721237360458,\"y\":-9.8323969162865,\"z\":-14.679484580762}","type":"floor","id_target_sphere":1226,"sphere_id":1229,"1":null}]},{"id":1227,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":969,"path":"\/spheres\/pano\/sphere_55895ae390aad57dc3.72812359.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_11275b40cfed0b2e37.75723202.jpg","preview_path":"\/spheres\/previews\/sphere_11275b40cfed0b2e37.75723202.jpg","name":null,"config_path":"\/spheres\/multires\/5680_5b40cfed0b2f98.03650836\/config.json","is_default":false,"made_date":"2018-04-27T15:47:05+00:00","created":"2018-04-27T21:05:52+00:00","modified":"2019-04-26T12:58:30+00:00","tour_items":[{"id":517,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-0.61817520062247,\"y\":-16.245977453844,\"z\":-11.648436632894}","type":"floor","id_target_sphere":1227,"sphere_id":1226,"1":null}]},{"id":1223,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":966,"path":"\/spheres\/pano\/sphere_50495ae39091af6652.72502555.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_32035b40d02886e037.73530937.jpg","preview_path":"\/spheres\/previews\/sphere_32035b40d02886e037.73530937.jpg","name":null,"config_path":"\/spheres\/multires\/4592_5b40d02886e191.76307670\/config.json","is_default":false,"made_date":"2018-04-27T15:47:39+00:00","created":"2018-04-27T21:05:27+00:00","modified":"2019-04-26T12:58:29+00:00","tour_items":[{"id":521,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":1.6932795747291,\"y\":-9.8063545514858,\"z\":-17.348435511376}","type":"floor","id_target_sphere":1223,"sphere_id":1232,"1":null},{"id":522,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-3.3443861339495,\"y\":-11.273614633019,\"z\":16.177783979681}","type":"floor","id_target_sphere":1223,"sphere_id":1224,"1":null}]},{"id":1224,"id_old_sphere":null,"position":null,"listing_id":176,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":967,"path":"\/spheres\/pano\/sphere_17385ae39098293451.87279067.jpg","preview_base_path":"\/spheres\/base_previews\/sphere_51985b40d0199c37c6.25786875.jpg","preview_path":"\/spheres\/previews\/sphere_51985b40d0199c37c6.25786875.jpg","name":null,"config_path":"\/spheres\/multires\/2169_5b40d0199c38b6.38588411\/config.json","is_default":false,"made_date":"2018-04-27T15:47:54+00:00","created":"2018-04-27T21:05:34+00:00","modified":"2019-04-26T12:58:30+00:00","tour_items":[{"id":523,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-11.975465925859,\"y\":-6.6698247357998,\"z\":-14.563710167821}","type":"floor","id_target_sphere":1224,"sphere_id":1223,"1":null}]}]};

    var oldApply = false;
    const listingPhotos = [];
    const marketStatsData = null;
    const features = null;
</script>
<script src="https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.js"></script><script src="/build/app.801b4dd2f257a817c590.js" async="async"></script>
<script type="text/javascript">
(function(){
    const map = {
        '8573056004': 'AW-611187644/1s_3CJTx2eYBELz3t6MC',
        '7866716029': 'AW-611187644/HothCM_MveYBELz3t6MC',
        '8447333385': 'AW-611187644/HPePCPru2eYBELz3t6MC',
    };

    document.addEventListener('click', ({ target }) => {
        if (typeof gtag !== 'undefined' && target && target.hasAttribute('href')) {
            Object.entries(map)
                .forEach(([tel, to]) => {
                    if (`tel:${tel}` === target.getAttribute('href')) {
                        gtag('event', 'conversion', { send_to: to });
                    }
                });
        }
    });
})();
</script>
</body>
</html>