<!--
                                                                          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 sale in Central Avenue, Apartments in Mansfield, Massachusetts, Medford, id: 6786 - 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-mansfield-massachusetts/216-central-avenue-2155/6786"><meta property="og:image" content="https://3dapartment.com/spheres/listing_preview/listing_preview_44405f33effa622fd3.05324042.jpg"><meta property="og:image:type" content="image/png"><link rel="canonical" href="https://3dapartment.com/apartments-in-mansfield-massachusetts/216-central-avenue-2155/6786"/><meta name="title" content="Virtual Tour of 3 bedrooms apartment for sale in 216 Central Avenue, Medford, MA, id: 6786 — 3DAPARTMENT"><meta property="og:title" content="Virtual Tour of 3 bedrooms apartment for sale in 216 Central Avenue, Medford, MA, id: 6786 — 3DAPARTMENT"><meta name="description" content="3 bedrooms apartment for sale in 216 Central Avenue, Medford, MA, id: 6786 with virtual tour at 3DAPARTMENT"><meta property="og:description" content="3 bedrooms apartment for sale in 216 Central Avenue, Medford, MA, id: 6786 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":"Medford","streetAddress":"216 Central Avenue","postalCode":"02155","addressCountry":{"@type":"Country","name":"USA"}},"name":"Virtual Tour of 3 bedrooms apartment for sale in 216 Central Avenue, Medford, MA, id: 6786 \u2014 3DAPARTMENT","description":"Rare opportunity to own this exceptional, bi-level 3 bed, 2.5 bath, w\/private entrance. The main level offers best of all worlds, beautiful welcoming foyer w\/ marble octagon tiles. Massive living area offers versatile entertaining w\/ gorgeous electric fireplace. Chef\u2019s kitchen spares no detail w\/ SS appliances, quartz counters, 7ft waterfall island & serving bar w\/ wine fridge and dining area. Master suite w\/ elegant walk in shower, wifi speaker, marble floor, walk-in closet, privacy deck. 2nd generous bedroom, laundry, powder room, white oak floors. Large custom deck. Second level, features third bedroom, office, bonus living area, full bath. This home is crafted w\/ intricate Custom Finishes, Woodwork & Lighting! Contemporary, sleek & sophisticated, it suits several lifestyles. Storage, private yard plus TWO parking spots. Conveniently located minutes to Wellington, RT 93, Assembly Row & Boston.","datePosted":"2021-12-15","numberOfRooms":3,"numberOfBathroomsTotal":2.5,"geo":{"@type":"GeoCoordinates","latitude":42.418561,"longitude":-71.087999},"image":["https:\/\/3dapartment.com\/spheres\/listing_preview\/listing_preview_44405f33effa622fd3.05324042.jpg"],"event":{"@context":"https:\/\/schema.org","@type":"Event","name":"Virtual Tour Available: 216 Central Avenue","description":"Virtual tour of 3 bedrooms apartment for sale in 216 Central Avenue, Medford, MA, id: 6786","url":"https:\/\/listing3d.com\/embed\/sYQAAGoIAAAac?brand=1&overlay=1","startDate":"2024-05-18","endDate":"2024-05-18","eventAttendanceMode":"http:\/\/schema.org\/OnlineEventAttendanceMode","eventStatus":"http:\/\/schema.org\/EventScheduled","location":{"@type":"VirtualLocation","url":"https:\/\/listing3d.com\/embed\/sYQAAGoIAAAac?brand=1&overlay=1"},"organizer":{"@type":"Organization","name":"3D Apartment","url":"https:\/\/3dapartment.com\/"},"image":"https:\/\/3dapartment.com\/spheres\/listing_preview\/listing_preview_44405f33effa622fd3.05324042.jpg","offers":{"@type":"Offer","price":810900,"priceCurrency":"USD","availability":"inStock","url":"https:\/\/3dapartment.com\/apartments-in-mansfield-massachusetts\/216-central-avenue-2155\/6786"}},"brand":"Engel & Voelkers Lisa Sheehan","offers":{"@type":"Offer","price":810900,"priceCurrency":"USD","availability":"inStock","url":"https:\/\/3dapartment.com\/apartments-in-mansfield-massachusetts\/216-central-avenue-2155\/6786"}}</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.41951d62090b0b813dbc3c86f60c0683.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>
        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 —>
    
<!-- Hotjar Tracking Code for http://3dapartment.com -->
    <script>
        (function (h, o, t, j, a, r) {
            h.hj = h.hj || function () {
                (h.hj.q = h.hj.q || []).push(arguments)
            };
            h._hjSettings = {hjid: 938428, hjsv: 6};
            a = o.getElementsByTagName('head')[0];
            r = o.createElement('script');
            r.async = 1;
            r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
            a.appendChild(r);
        })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
    </script>
<!-- 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 -->
</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 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="false"
                >
                    <mini-tour-viewer
                            :style="$mq.tablet ? {height: (viewHeight - 80) + 'px'} : ''"
                            :spheres="spheresData"
                            :beds="3"
                            :baths="2.5"
                            :id="6786"
                            :is-non-flat-markers="true"
                    >

                    </mini-tour-viewer>

                </template>

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

    <!-- mixPanel start stats -->
    <mix-panel-helper
            :id="6786"
            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>
                                                                            216                                                                        Central Avenue                                </h1>
                            </div>

                            <div class="listing-location">
                                                                Medford                            </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}">
                                    $810,900                                </div>
                                <div style="font-size: 1.5em;">For Sale</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 style="display: inline-block;">
                                        <div class="rc-top">
                                            <figure class="image bath-icon is-pulled-left">
                                                <img src="/img/assets/bath-card.svg"
                                                     alt="3d apartment bathrooms count">
                                            </figure>
                                            <div class="num main-value">
                                                1                                            </div>
                                        </div>
                                        <div class="rc-bottom">
                                            <div>Half Bathroom</div>
                                        </div>
                                    </div>
                                                                    </div>
                            </div>
                        </div>
                        <div class="sqft-wrapper">
                                                                                </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">
                                            </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 -->
                
                <!-- Amentities-->
                
                <!--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">
                                    Rare opportunity to own this exceptional, bi-level 3 bed, 2.5 bath, w/private entrance. The main level offers best of all worlds, beautiful welcoming foyer w/ marble octagon tiles. Massive living area offers versatile entertaining w/ gorgeous electric fireplace. Chef’s kitchen spares no detail w/ SS appliances, quartz counters, 7ft waterfall island &amp; serving bar w/ wine fridge and dining area. Master suite w/ elegant walk in shower, wifi speaker, marble floor, walk-in closet, privacy deck. 2nd generous bedroom, laundry, powder room, white oak floors. Large custom deck. Second level, features third bedroom, office, bonus living area, full bath. This home is crafted w/ intricate Custom Finishes, Woodwork &amp; Lighting! Contemporary, sleek &amp; sophisticated, it suits several lifestyles. Storage, private yard plus TWO parking spots. Conveniently located minutes to Wellington, RT 93, Assembly Row &amp; Boston.                                </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_16185ebc181e516960.74112986.jpeg "
                                                    alt="Agent Lisa Sheehan">
                                            </a>
                                        </div>
                                                                        <div class="agent-info">
                                        <div class="ag-name">Lisa Sheehan</div>
                                        <p class="ag-company">Engel &amp; Voelkers Lisa Sheehan</p>
                                        <p class="ag-company ag-license"></p>
                                        <p v-if="false" class="ag-email">lisa.sheehan@engelvoelkers.com</p>
                                        <p v-if="false" class="ag-phone">978-821-4023</p>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                </section>

                <!--Apartments in this building-->
                
                <!--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">
                                                                Malden Center                                                            </div>
                                                            <div class="columns is-gapless is-mobile">

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

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

                                                                    <div class="time">
                                                                        <span>26</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/OL.svg"
                                                                                    alt="Subway station ">
                                                                            </figure>
                                                                        </div>
                                                                                                                                    </div>

                                                            </div>

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

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

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

                                                                    <div class="time">
                                                                        <span>32</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/OL.svg"
                                                                                    alt="Subway station ">
                                                                            </figure>
                                                                        </div>
                                                                                                                                    </div>

                                                            </div>

                                                        </div>
                                                                                                                                                                    <div class="item">
                                                            <div class="street">
                                                                Oak Grove                                                            </div>
                                                            <div class="columns is-gapless is-mobile">

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

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

                                                                    <div class="time">
                                                                        <span>39</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/OL.svg"
                                                                                    alt="Subway station ">
                                                                            </figure>
                                                                        </div>
                                                                                                                                    </div>

                                                            </div>

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

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

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

                                                                    <div class="time">
                                                                        <span>45</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/OL.svg"
                                                                                    alt="Subway station ">
                                                                            </figure>
                                                                        </div>
                                                                                                                                    </div>

                                                            </div>

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

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

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

                                                                    <div class="time">
                                                                        <span>59</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/RL.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.418561, lng: -71.087999 }"
                                                    :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="6786"
                                        @on-click-send-message="onClickContactListing"
                                        @on-click-request-tour="onClickRequestTour"
                                    ></listing-contact>

                                                            </template>

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

                            <template v-if="true"><!--todo выключать если листинг не активен-->
                                                                
                                <div v-if="false" class="schedule-btn">
                                    <button
                                        class="button is-fullwidth blue-gradient is-primary is-medium listing-cta"
                                        @click="onClickScheduleViewingButton(6786)">
                                        Schedule Viewing
                                    </button>
                                </div>

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

            </div>

        </div>

        <!-- Similar Apartments -->
        
    </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="6786"
            @on-click-send-message="onClickContactListing"
            @on-click-request-tour="onClickRequestTour"
        ></listing-contact>
    </sweet-modal>

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

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

<!--Modals-->
<contact-modal
        ref="contactModal"
        agent-full-name="agent"
        agent-id=""
        listing-id="6786"
        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 = '859';
    var teamAssignUsers = [{"id":1692,"full_name":"Lisa Sheehan","email":"lisa.sheehan@engelvoelkers.com","phone":"978-821-4023","is_hidden_address":false,"avatar_path":"\/uploads\/avatars\/avatar_16185ebc181e516960.74112986.jpeg","slug":null,"about":"Lisa Sheehan\nResidential\u2022Development\u2022Commercial \nGreen Realtor\nLuxury Global Advisor\n\nwww.lisasheehan@evusa.com","color":null,"instagram":null,"twitter":null,"company_id":859,"crm_role_id":1,"id_stripe_cus":null,"crm_users_team_id":null,"crm_listing_team_layout_id":null,"created":"2020-05-13T15:51:47+00:00","support_marker":true,"company":{"id":859,"title":"Engel & Voelkers Lisa Sheehan","address":" - ","about":"","logo_path":"\/uploads\/companies\/logos\/5ebc1853c17a84.44110271.png","is_has_request_tour":true,"city_group_id":2,"created":"2020-05-13T15:53:08+00:00","modified":"2020-05-13T15:54:59+00:00","is_hidden":false,"is_allow_sync":true,"applies_templates":[]}}];
    var spheresData = {"spheres":[]};

    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.e64ccd0354c14255e1ff.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>