<!--
                                                                          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=1.0, minimum-scale=1.0">

    <title>59 Strathmore Road, Brighton, Boston, unit 3, id: 1992</title>

    <meta  name="title" content="59 Strathmore Road, Brighton, Boston, 4/2, $4000 | 3D Apartment"><meta  property="og:title" content="59 Strathmore Road, Brighton, Boston, 4/2, $4000 | 3D Apartment"><meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com/brighton/59-strathmore-road-3-2135/1992"><meta property="og:image" content="https://3dapartment.com/spheres/listing_preview/listing_preview_96775c782e5ddc7049.27594530.jpg"><meta property="og:image:type" content="image/png"><meta  property="og:description" content="See all available apartments for rent at 59 Strathmore Road in Brighton, Boston. Apartments for Rent in Virtual Reality at 3D Apartment!, id: 1992"><meta  name="description" content="See all available apartments for rent at 59 Strathmore Road in Brighton, Boston. Apartments for Rent in Virtual Reality at 3D Apartment!, id: 1992"><link rel="canonical" href="https://3dapartment.com/brighton/59-strathmore-road-3-2135/1992"/>    <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.644de2831ac7f111e534ff6829630d42.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>
    <noscript>
        <img height="1" width="1"
             src="https://www.facebook.com/tr?id=216360782292907&ev=PageView&noscript=1"/>
    </noscript>
    <!— 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>
<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>
            <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="4"
                            :baths="2"
                            :id="1992"
                            :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="1992"
            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>
                                                                            59                                                                        Strathmore Road,
                                        #3                                                                    </h1>
                            </div>

                            <div class="listing-location">
                                Brighton,
                                                                Boston                            </div>
                        </template>
                    </div>
                </section>

                <!--Price, Rooms, Sqft-->
                <section class="listing-main-data">
                                            <div class="listing-price">
                                                            <div class="price main-value">
                                    $4,000                                </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">
                                                    4                                                </div>

                                            </div>

                                            <div class="rc-bottom">
                                                <div>Bedrooms</div>
                                            </div>
                                                                            </div>
                                <div class="room-contain">
                                        <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">
                                                2                                            </div>
                                        </div>
                                        <div class="rc-bottom">
                                            <div>Bathrooms</div>
                                        </div>
                                    </div>
                            </div>
                        </div>
                        <div class="sqft-wrapper">
                                                                                </div>
                </section>

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

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

                    <div class="listing-available-inform exclusive-listing-label">
                                                    Available Now
                                            </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/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/kitchen.svg"
                                                            alt="Custom Kitchen">
                                                </figure>
                                            </div>
                                            <div class="amenity-title">
                                                Custom Kitchen                                            </div>
                                        </div>
                                                                            <div class="listing-amenity-item">
                                            <div class="amenity-pic">
                                                <figure class="image is-32x32">
                                                    <img
                                                            src="/img/assets/amenities/brand-new.svg"
                                                            alt="Brand New">
                                                </figure>
                                            </div>
                                            <div class="amenity-title">
                                                Brand New                                            </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/air-conditioning.svg"
                                                            alt="Central AC">
                                                </figure>
                                            </div>
                                            <div class="amenity-title">
                                                Central AC                                            </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/furnished.svg"
                                                            alt="Furnished">
                                                </figure>
                                            </div>
                                            <div class="amenity-title">
                                                Furnished                                            </div>
                                        </div>
                                                                            <div class="listing-amenity-item">
                                            <div class="amenity-pic">
                                                <figure class="image is-32x32">
                                                    <img
                                                            src="/img/assets/amenities/fireplace.svg"
                                                            alt="Fireplace">
                                                </figure>
                                            </div>
                                            <div class="amenity-title">
                                                Fireplace                                            </div>
                                        </div>
                                                                            <div class="listing-amenity-item">
                                            <div class="amenity-pic">
                                                <figure class="image is-32x32">
                                                    <img
                                                            src="/img/assets/amenities/intercom.svg"
                                                            alt="Intercom">
                                                </figure>
                                            </div>
                                            <div class="amenity-title">
                                                Intercom                                            </div>
                                        </div>
                                                                            <div class="listing-amenity-item">
                                            <div class="amenity-pic">
                                                <figure class="image is-32x32">
                                                    <img
                                                            src="/img/assets/amenities/recessed-lighting.svg"
                                                            alt="Recessed Lighting">
                                                </figure>
                                            </div>
                                            <div class="amenity-title">
                                                Recessed Lighting                                            </div>
                                        </div>
                                                                            <div class="listing-amenity-item">
                                            <div class="amenity-pic">
                                                <figure class="image is-32x32">
                                                    <img
                                                            src="/img/assets/amenities/stainless-steel-appliances.svg"
                                                            alt="Stainless Steel Appliance">
                                                </figure>
                                            </div>
                                            <div class="amenity-title">
                                                Stainless Steel Appliance                                            </div>
                                        </div>
                                                                            <div class="listing-amenity-item">
                                            <div class="amenity-pic">
                                                <figure class="image is-32x32">
                                                    <img
                                                            src="/img/assets/amenities/dot.svg"
                                                            alt="Granite Countertops">
                                                </figure>
                                            </div>
                                            <div class="amenity-title">
                                                Granite Countertops                                            </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 Unit">
                                                </figure>
                                            </div>
                                            <div class="amenity-title">
                                                Laundry In Unit                                            </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 description-->
                                    <section>
                        <div class="listing-description">
                            <div class="listing-section-title">
                                Description
                            </div>
                            <div class="listing-section-content">
                                <div class="listing-section-text">
                                    Brand new gut renovated four bed / two bath apartment in the heart of Cleveland circle. Right by Brookline and on the Green Line with quick access to the Green Line (C) (D) (B). Be the first to live in this luxury unit. New kitchen with modern appliances. Sunny living room and bedrooms. Modern bathrooms. Laundry in unit. Awesome living space for a great value. Available now for short term only till end of august. Can be furnished for additional rent.                                </div>
                            </div>
                        </div>
                    </section>
                
                <!-- Available rooms-->
                <template v-if="true"><!--todo прятать?? когда листинг не активен-->
                                            <section>
                            <div class="listing-rooms">
                                <div class="listing-section-title">Available rooms</div>
                            </div>
                            <section class="listing-rooms-carousel">
                                <carousel v-cloak
                                          :navigation-enabled="true"
                                          :pagination-enabled="false"
                                          :per-page="1"
                                          :per-page-custom="[ [494, 2], [750, 3], [1430, 4] ]"
                                          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="rooms-grid is-carousel">
                                                <room-card
                                                        :square-feet="0"
                                                        :price="1000"
                                                        title="Room 1"
                                                >
                                                </room-card>
                                            </div>
                                        </slide>
                                                                            <slide>
                                            <div class="rooms-grid is-carousel">
                                                <room-card
                                                        :square-feet="0"
                                                        :price="1000"
                                                        title="Room 2"
                                                >
                                                </room-card>
                                            </div>
                                        </slide>
                                                                            <slide>
                                            <div class="rooms-grid is-carousel">
                                                <room-card
                                                        :square-feet="0"
                                                        :price="1000"
                                                        title="Room 3"
                                                >
                                                </room-card>
                                            </div>
                                        </slide>
                                                                            <slide>
                                            <div class="rooms-grid is-carousel">
                                                <room-card
                                                        :square-feet="0"
                                                        :price="1000"
                                                        title="Room 4"
                                                >
                                                </room-card>
                                            </div>
                                        </slide>
                                                                    </carousel>
                            </section>
                        </section>
                                    </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_54015b50b5a53d1199.02818924.jpeg "
                                                    alt="Agent Gary Medina">
                                            </a>
                                        </div>
                                                                        <div class="agent-info">
                                        <div class="ag-name">Gary Medina</div>
                                        <p class="ag-company">Red Tree Real Estate</p>
                                        <p v-if="false" class="ag-email">gary@redtreeboston.com</p>
                                        <p v-if="false" class="ag-phone">6172023333</p>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                </section>

                <!--Apartments in this building-->
                
                <!-- Subway Stations & Map-->
                                    <template><!--todo прятать?? когда листинг не активен-->
                                                    <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">
                                                                Englewood Ave.                                                            </div>
                                                            <div class="columns is-gapless is-mobile">

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

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

                                                                    <div class="time">
                                                                        <span>4</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">
                                                                Cleveland Circle                                                            </div>
                                                            <div class="columns is-gapless is-mobile">

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

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

                                                                    <div class="time">
                                                                        <span>5</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">
                                                                Chiswick Road                                                            </div>
                                                            <div class="columns is-gapless is-mobile">

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

                                                                    <div class="miles">
                                                                        <span>0.3</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>

                                                            </div>

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

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

                                                                    <div class="miles">
                                                                        <span>0.34</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>

                                                            </div>

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

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

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

                                                                    <div class="time">
                                                                        <span>9</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/GLD.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.338394, lng: -71.147871 }"
                                                            :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-->
                                    <section>
                        <div class="listing-neighborhood">
                            <div class="listing-section-title">Neighborhood Info</div>
                            <div class="listing-section-content">
                                <div class="columns is-gapless">
                                    <div class="column">
                                        <figure class="image">
                                            <img src="/uploads/neighborhoods/main/main_5ae0734b552dc3.91030448.jpg"
                                                 alt="Brighton">
                                        </figure>
                                    </div>
                                </div>
                                <div class="columns is-gapless">
                                    <div class="column">
                                        <div class="neighborhood-name">
                                            Brighton                                        </div>
                                        <div class="listing-section-text">
                                            Brighton is mostly a residential community. Brighton is easily accessible off the mass pike. There are express buses that leave out of Oak Square with a  direct stop in Kenmore Square. Washington Street is lined with restaurants, bars, and shops.  Brighton sits on the Charles River Wetlands Trails where people walk, ride their bike, canoe on the Charles, and hold outdoor gatherings.                                        </div>
                                        <a
                                            v-if="false"
                                            v-cloak
                                            href="/n/greater-boston/brighton/21"
                                            class="button is-primary is-dark-blue is-inverted"
                                        >
                                            Explore
                                        </a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </section>
                
            </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">
                                                            </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(1992)">
                                    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(1992)">
                                        Schedule Viewing
                                    </button>
                                </div>

                                <send-message
                                    :listing-id="1992"
                                ></send-message>
                            </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="/brighton/1682-commonwealth-avenue-3-2135/1995"
   @click="selectListing('1995')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_38635c7f936a36e4a4.65970599.jpg" alt="1682 Commonwealth Avenue, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,900</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="1682 Commonwealth Avenue, #3"
            >
                1682 Commonwealth Avenue, #3            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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="/brighton/63-fairbanks-street-2-2135/6177"
   @click="selectListing('6177')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_39575f159ea8d1b322.86281498.jpg" alt="63 Fairbanks Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">Contact for pricing</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="63 Fairbanks Street, #2"
            >
                63 Fairbanks Street, #2            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>
                                </div>
                            </slide>
                                                        <slide>
                                <div class="listings-grid is-small">
                                    <a class="listing-grid-card"
   
   href="/brighton/148-strathmore-road-2-2135/9308"
   @click="selectListing('9308')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_95795fb415ae2b6579.83472125.jpg" alt="148 Strathmore Road, #2">
        </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="148 Strathmore Road, #2"
            >
                148 Strathmore Road, #2            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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="/brighton/66-parsons-street-2-2135/11272"
   @click="selectListing('11272')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_6431607858e04cdd45.71374650.jpg" alt="66 Parsons Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,650</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="66 Parsons Street, #2"
            >
                66 Parsons Street, #2            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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 09/01/2021                                            </p>
                            </div>
        </div>
    </div>
</a>
                                </div>
                            </slide>
                                                        <slide>
                                <div class="listings-grid is-small">
                                    <a class="listing-grid-card"
   
   href="/brighton/1657-commonwealth-avenue-7-2135/3931"
   @click="selectListing('3931')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_32615e9908893d0162.01468172.jpg" alt="1657 Commonwealth Avenue, #7">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,400</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="1657 Commonwealth Avenue, #7"
            >
                1657 Commonwealth Avenue, #7            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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="/brighton/3-ayr-road-basement-2135/8493"
   @click="selectListing('8493')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_42075f71ff29aa3b05.42081163.jpg" alt="3 Ayr Road, #BASEMENT">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">Contact for pricing</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="3 Ayr Road, #BASEMENT"
            >
                3 Ayr Road, #BASEMENT            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>
                                </div>
                            </slide>
                                                        <slide>
                                <div class="listings-grid is-small">
                                    <a class="listing-grid-card"
   
   href="/brighton/34-orkney-road-1-2135/3418"
   @click="selectListing('3418')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20715e6ab1be646668.64271117.jpg" alt="34 Orkney Road, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,900</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="34 Orkney Road, #1"
            >
                34 Orkney Road, #1            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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="/brighton/1682-commonwealth-avenue-3-2135/1995"
   @click="selectListing('1995')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_38635c7f936a36e4a4.65970599.jpg" alt="1682 Commonwealth Avenue, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,900</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="1682 Commonwealth Avenue, #3"
            >
                1682 Commonwealth Avenue, #3            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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="/brighton/63-fairbanks-street-2-2135/6177"
   @click="selectListing('6177')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_39575f159ea8d1b322.86281498.jpg" alt="63 Fairbanks Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">Contact for pricing</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="63 Fairbanks Street, #2"
            >
                63 Fairbanks Street, #2            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>
                                </div>
                            </swiper-slide>
                                                    <swiper-slide>
                                <div class="listings-grid is-small is-static">
                                    <a class="listing-grid-card"
   
   href="/brighton/148-strathmore-road-2-2135/9308"
   @click="selectListing('9308')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_95795fb415ae2b6579.83472125.jpg" alt="148 Strathmore Road, #2">
        </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="148 Strathmore Road, #2"
            >
                148 Strathmore Road, #2            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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="/brighton/66-parsons-street-2-2135/11272"
   @click="selectListing('11272')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_6431607858e04cdd45.71374650.jpg" alt="66 Parsons Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,650</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="66 Parsons Street, #2"
            >
                66 Parsons Street, #2            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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 09/01/2021                                            </p>
                            </div>
        </div>
    </div>
</a>
                                </div>
                            </swiper-slide>
                                                    <swiper-slide>
                                <div class="listings-grid is-small is-static">
                                    <a class="listing-grid-card"
   
   href="/brighton/1657-commonwealth-avenue-7-2135/3931"
   @click="selectListing('3931')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_32615e9908893d0162.01468172.jpg" alt="1657 Commonwealth Avenue, #7">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,400</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="1657 Commonwealth Avenue, #7"
            >
                1657 Commonwealth Avenue, #7            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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="/brighton/3-ayr-road-basement-2135/8493"
   @click="selectListing('8493')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_42075f71ff29aa3b05.42081163.jpg" alt="3 Ayr Road, #BASEMENT">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">Contact for pricing</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="3 Ayr Road, #BASEMENT"
            >
                3 Ayr Road, #BASEMENT            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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">For Sale</p>
                            </div>
        </div>
    </div>
</a>
                                </div>
                            </swiper-slide>
                                                    <swiper-slide>
                                <div class="listings-grid is-small is-static">
                                    <a class="listing-grid-card"
   
   href="/brighton/34-orkney-road-1-2135/3418"
   @click="selectListing('3418')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20715e6ab1be646668.64271117.jpg" alt="34 Orkney Road, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,900</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="34 Orkney Road, #1"
            >
                34 Orkney Road, #1            </p>
                        <p
                class="hood"
                title="Brighton, Boston"
            >
                Brighton, Boston            </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">
                        4                    </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 is-densed">
            <div class="before-footer-context">
                All data is deemed reliable but is not guaranteed accurate by 3D Apartment.
                <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.mobileContactModal.open()">
            Contact
        </button>
    </div>
</section>

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

<sweet-modal ref="mobileContactModal" class="mobile-contact-modal">
    <send-message
        :listing-id="1992"
        @sent="$refs.mobileContactModal.close()"
    ></send-message>
</sweet-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>


        </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="text/javascript">
    var company = '15';
    var teamAssignUsers = [{"id":55,"full_name":"Gary Medina","email":"gary@redtreeboston.com","license_number":"9521192","phone":"6172023333","is_deleted":false,"is_hidden_address":false,"avatar_path":"\/uploads\/avatars\/avatar_54015b50b5a53d1199.02818924.jpeg","slug":"gary","about":"","color":"is-dark","facebook":null,"instagram":null,"twitter":null,"login_count":95,"company_id":15,"crm_role_id":3,"last_login":"2020-07-16T16:34:08+00:00","is_sended_engage_inactive_email":true,"settings_listing_pool_default_source":-2,"user_register_email_option_id":null,"crm_users_team_id":null,"crm_listing_team_layout_id":null,"share_listings_to_team":false,"is_shadow_registered":null,"created":"2018-07-11T02:33:03+00:00","modified":"2020-07-16T16:34:08+00:00","forgot":"","support_marker":true,"company":{"id":15,"title":"Red Tree Real Estate","address":"193 Harvard Street, Brookline, MA 02446","about":"","logo_path":"\/uploads\/companies\/logos\/5bb3aefeb122c0.80407113.png","is_has_request_tour":true,"city_group_id":2,"created":"2018-06-27T01:35:25+00:00","modified":"2020-03-31T18:28:50+00:00","is_hidden":false,"is_allow_sync":true,"applies_templates":[]}}];
    var spheresData = {"spheres":[{"id":16971,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13333,"path":"\/spheres\/multires\/4273_5c782b643c4f83.93928440","preview_base_path":"\/spheres\/base_previews\/sphere_75295c782b643c4eb5.00249817.jpg","preview_path":"\/spheres\/previews\/sphere_75295c782b643c4eb5.00249817.jpg","name":null,"config_path":"\/spheres\/multires\/4273_5c782b643c4f83.93928440\/config.json","is_default":true,"made_date":"2019-02-27T06:20:11+00:00","created":"2019-02-28T18:42:12+00:00","modified":"2019-04-26T14:41:32+00:00","tour_items":[{"id":27388,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-15.291207127715,\"y\":-6.8463901716946,\"z\":10.92272521829}","type":"floor","id_target_sphere":16971,"sphere_id":16973,"1":null}]},{"id":16973,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13335,"path":"\/spheres\/multires\/8005_5c782ba56454e5.44907129","preview_base_path":"\/spheres\/base_previews\/sphere_76565c782ba5645443.70248898.jpg","preview_path":"\/spheres\/previews\/sphere_76565c782ba5645443.70248898.jpg","name":null,"config_path":"\/spheres\/multires\/8005_5c782ba56454e5.44907129\/config.json","is_default":false,"made_date":"2019-02-27T06:21:05+00:00","created":"2019-02-28T18:43:17+00:00","modified":"2019-04-26T14:41:34+00:00","tour_items":[{"id":27389,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":17.878370098081,\"y\":-7.0797874059868,\"z\":-5.4991356522718}","type":"floor","id_target_sphere":16973,"sphere_id":16971,"1":null},{"id":27390,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":16.203771298721,\"y\":7.5356477138035,\"z\":-8.9806352354496}","type":"floor","id_target_sphere":16973,"sphere_id":16974,"1":null},{"id":27391,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-12.394804418724,\"y\":-14.660379843192,\"z\":5.6073243418687}","type":"floor","id_target_sphere":16973,"sphere_id":16976,"1":null},{"id":27392,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-0.14964365925976,\"y\":-4.7142984751919,\"z\":-19.435868816755}","type":"floor","id_target_sphere":16973,"sphere_id":16980,"1":null},{"id":27393,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-0.16021400465248,\"y\":-6.8892022000566,\"z\":-18.775335536802}","type":"floor","id_target_sphere":16973,"sphere_id":16979,"1":null},{"id":27420,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-0.042471800195817,\"y\":-2.4452169860473,\"z\":-19.849914610329}","type":"floor","id_target_sphere":16973,"sphere_id":16984,"1":null}]},{"id":16974,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13336,"path":"\/spheres\/multires\/5047_5c782bc628ea01.01996104","preview_base_path":"\/spheres\/base_previews\/sphere_54095c782bc628e957.57315970.jpg","preview_path":"\/spheres\/previews\/sphere_54095c782bc628e957.57315970.jpg","name":null,"config_path":"\/spheres\/multires\/5047_5c782bc628ea01.01996104\/config.json","is_default":false,"made_date":"2019-02-27T06:21:37+00:00","created":"2019-02-28T18:43:50+00:00","modified":"2019-04-26T14:41:35+00:00","tour_items":[{"id":27394,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":8.8915919261433,\"y\":-11.242161042868,\"z\":13.948240322892}","type":"floor","id_target_sphere":16974,"sphere_id":16973,"1":null}]},{"id":16976,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13338,"path":"\/spheres\/multires\/9439_5c782c07c25266.59323360","preview_base_path":"\/spheres\/base_previews\/sphere_17755c782c07c25144.27303385.jpg","preview_path":"\/spheres\/previews\/sphere_17755c782c07c25144.27303385.jpg","name":null,"config_path":"\/spheres\/multires\/9439_5c782c07c25266.59323360\/config.json","is_default":false,"made_date":"2019-02-27T06:21:58+00:00","created":"2019-02-28T18:44:56+00:00","modified":"2019-04-26T14:41:36+00:00","tour_items":[{"id":27395,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-11.480251356087,\"y\":-13.208922306847,\"z\":9.6813325680268}","type":"floor","id_target_sphere":16976,"sphere_id":16973,"1":null},{"id":27396,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-17.631608778155,\"y\":-5.3959085567855,\"z\":7.7466471935228}","type":"floor","id_target_sphere":16976,"sphere_id":16971,"1":null},{"id":27397,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":0.20571531360254,\"y\":-7.6590568136526,\"z\":-18.474212566034}","type":"floor","id_target_sphere":16976,"sphere_id":16975,"1":null}]},{"id":16975,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13337,"path":"\/spheres\/multires\/8017_5c782be7148046.09712028","preview_base_path":"\/spheres\/base_previews\/sphere_12445c782be7147f13.21296681.jpg","preview_path":"\/spheres\/previews\/sphere_12445c782be7147f13.21296681.jpg","name":null,"config_path":"\/spheres\/multires\/8017_5c782be7148046.09712028\/config.json","is_default":false,"made_date":"2019-02-27T06:22:16+00:00","created":"2019-02-28T18:44:23+00:00","modified":"2019-04-26T14:41:36+00:00","tour_items":[{"id":27398,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-0.017877633497671,\"y\":-6.6683572946317,\"z\":-18.855574543921}","type":"floor","id_target_sphere":16975,"sphere_id":16976,"1":null},{"id":27399,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":16.408203757774,\"y\":-11.429554044429,\"z\":0.36897667791752}","type":"floor","id_target_sphere":16975,"sphere_id":16978,"1":null}]},{"id":16978,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13339,"path":"\/spheres\/multires\/9345_5c782c49d69004.07342795","preview_base_path":"\/spheres\/base_previews\/sphere_32925c782c49d68f35.36087774.jpg","preview_path":"\/spheres\/previews\/sphere_32925c782c49d68f35.36087774.jpg","name":null,"config_path":"\/spheres\/multires\/9345_5c782c49d69004.07342795\/config.json","is_default":false,"made_date":"2019-02-27T06:22:36+00:00","created":"2019-02-28T18:46:02+00:00","modified":"2019-04-26T14:41:37+00:00","tour_items":[{"id":27400,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":1.412772116494,\"y\":-9.5237461500123,\"z\":-17.530040907453}","type":"floor","id_target_sphere":16978,"sphere_id":16975,"1":null}]},{"id":16979,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13340,"path":"\/spheres\/multires\/6549_5c782c6a57e0d8.04414779","preview_base_path":"\/spheres\/base_previews\/sphere_34405c782c6a57e027.96714891.jpg","preview_path":"\/spheres\/previews\/sphere_34405c782c6a57e027.96714891.jpg","name":null,"config_path":"\/spheres\/multires\/6549_5c782c6a57e0d8.04414779\/config.json","is_default":false,"made_date":"2019-02-27T06:24:55+00:00","created":"2019-02-28T18:46:34+00:00","modified":"2019-04-26T14:41:39+00:00","tour_items":[{"id":27401,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-0.17570332789502,\"y\":-6.9393682699419,\"z\":18.75671336761}","type":"floor","id_target_sphere":16979,"sphere_id":16973,"1":null},{"id":27402,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":14.04559293433,\"y\":-14.150035670457,\"z\":-1.5804460281495}","type":"floor","id_target_sphere":16979,"sphere_id":16981,"1":null},{"id":27403,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":2.5608374969716,\"y\":-7.4734645319783,\"z\":-18.373607136417}","type":"floor","id_target_sphere":16979,"sphere_id":16982,"1":null},{"id":27404,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-0.8839735922028,\"y\":-14.820039599586,\"z\":-13.400933435958}","type":"floor","id_target_sphere":16979,"sphere_id":16980,"1":null}]},{"id":16981,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13342,"path":"\/spheres\/multires\/6873_5c782cab89c953.14253801","preview_base_path":"\/spheres\/base_previews\/sphere_15715c782cab89c825.78070207.jpg","preview_path":"\/spheres\/previews\/sphere_15715c782cab89c825.78070207.jpg","name":null,"config_path":"\/spheres\/multires\/6873_5c782cab89c953.14253801\/config.json","is_default":false,"made_date":"2019-02-27T06:25:08+00:00","created":"2019-02-28T18:47:40+00:00","modified":"2019-04-26T14:41:41+00:00","tour_items":[{"id":27405,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-12.461743141461,\"y\":-15.444361989946,\"z\":2.4852848126067}","type":"floor","id_target_sphere":16981,"sphere_id":16979,"1":null}]},{"id":16980,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13341,"path":"\/spheres\/multires\/9738_5c782c8aefee22.89415362","preview_base_path":"\/spheres\/base_previews\/sphere_48265c782c8aefed12.10852261.jpg","preview_path":"\/spheres\/previews\/sphere_48265c782c8aefed12.10852261.jpg","name":null,"config_path":"\/spheres\/multires\/9738_5c782c8aefee22.89415362\/config.json","is_default":false,"made_date":"2019-02-27T06:25:26+00:00","created":"2019-02-28T18:47:07+00:00","modified":"2019-04-26T14:41:40+00:00","tour_items":[{"id":27406,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":6.1442810525725,\"y\":-11.552877833715,\"z\":-15.125436327798}","type":"floor","id_target_sphere":16980,"sphere_id":16982,"1":null},{"id":27407,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":0.57911551511731,\"y\":-3.5676375182586,\"z\":-19.670703794183}","type":"floor","id_target_sphere":16980,"sphere_id":16984,"1":null},{"id":27408,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-0.1220934333426,\"y\":-13.456723798608,\"z\":14.795326214772}","type":"floor","id_target_sphere":16980,"sphere_id":16979,"1":null},{"id":27409,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-0.71733448144732,\"y\":-5.9245759745604,\"z\":19.088866670481}","type":"floor","id_target_sphere":16980,"sphere_id":16973,"1":null},{"id":27410,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-17.620070035694,\"y\":-7.553906855563,\"z\":5.6983877680205}","type":"floor","id_target_sphere":16980,"sphere_id":16983,"1":null}]},{"id":16983,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13344,"path":"\/spheres\/multires\/1685_5c782cece10841.39979106","preview_base_path":"\/spheres\/base_previews\/sphere_57165c782cece10735.91623075.jpg","preview_path":"\/spheres\/previews\/sphere_57165c782cece10735.91623075.jpg","name":null,"config_path":"\/spheres\/multires\/1685_5c782cece10841.39979106\/config.json","is_default":false,"made_date":"2019-02-27T06:25:58+00:00","created":"2019-02-28T18:48:45+00:00","modified":"2019-04-26T14:41:44+00:00","tour_items":[{"id":27411,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":14.368376669788,\"y\":-5.5859491376426,\"z\":-12.741543238821}","type":"floor","id_target_sphere":16983,"sphere_id":16980,"1":null}]},{"id":16982,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13343,"path":"\/spheres\/multires\/9790_5c782ccc54f321.42869829","preview_base_path":"\/spheres\/base_previews\/sphere_81005c782ccc54f1f4.37434396.jpg","preview_path":"\/spheres\/previews\/sphere_81005c782ccc54f1f4.37434396.jpg","name":null,"config_path":"\/spheres\/multires\/9790_5c782ccc54f321.42869829\/config.json","is_default":false,"made_date":"2019-02-27T06:26:26+00:00","created":"2019-02-28T18:48:12+00:00","modified":"2019-04-26T14:41:42+00:00","tour_items":[{"id":27412,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-17.79684816016,\"y\":-7.129116220292,\"z\":-5.6963055994038}","type":"floor","id_target_sphere":16982,"sphere_id":16986,"1":null},{"id":27413,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":14.022745103751,\"y\":-6.3330458796585,\"z\":-12.777133858631}","type":"floor","id_target_sphere":16982,"sphere_id":16972,"1":null},{"id":27414,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-2.7546300875081,\"y\":-4.6653134673783,\"z\":-19.252191130676}","type":"floor","id_target_sphere":16982,"sphere_id":16984,"1":null},{"id":27415,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-5.5540493468433,\"y\":-12.319209182148,\"z\":14.744138529575}","type":"floor","id_target_sphere":16982,"sphere_id":16980,"1":null}]},{"id":16986,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13346,"path":"\/spheres\/multires\/6818_5c782d4f4a1cd0.81248752","preview_base_path":"\/spheres\/base_previews\/sphere_25855c782d4f4a1bb4.77524925.jpg","preview_path":"\/spheres\/previews\/sphere_25855c782d4f4a1bb4.77524925.jpg","name":null,"config_path":"\/spheres\/multires\/6818_5c782d4f4a1cd0.81248752\/config.json","is_default":false,"made_date":"2019-02-27T06:27:09+00:00","created":"2019-02-28T18:50:23+00:00","modified":"2019-04-26T14:41:46+00:00","tour_items":[{"id":27416,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-12.748036011596,\"y\":-7.3944022478172,\"z\":-13.52073937492}","type":"floor","id_target_sphere":16986,"sphere_id":16980,"1":null}]},{"id":16984,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13345,"path":"\/spheres\/multires\/7514_5c782d0dbc5d17.23228157","preview_base_path":"\/spheres\/base_previews\/sphere_74045c782d0dbc5be3.21958910.jpg","preview_path":"\/spheres\/previews\/sphere_74045c782d0dbc5be3.21958910.jpg","name":null,"config_path":"\/spheres\/multires\/7514_5c782d0dbc5d17.23228157\/config.json","is_default":false,"made_date":"2019-02-27T06:27:45+00:00","created":"2019-02-28T18:49:18+00:00","modified":"2019-04-26T14:41:45+00:00","tour_items":[{"id":27417,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-1.4331938845154,\"y\":-5.6420670643582,\"z\":-19.134080446436}","type":"floor","id_target_sphere":16984,"sphere_id":16982,"1":null},{"id":27418,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":0.84803748803892,\"y\":-2.0541352488054,\"z\":-19.876150552824}","type":"floor","id_target_sphere":16984,"sphere_id":16973,"1":null}]},{"id":16972,"id_old_sphere":null,"position":null,"listing_id":1992,"ma_user_id":null,"mamp_user_id":null,"admin_user_id":null,"spheres_uniq_id":13334,"path":"\/spheres\/multires\/8577_5c782b84c6c312.00045360","preview_base_path":"\/spheres\/base_previews\/sphere_48865c782b84c6c276.04113038.jpg","preview_path":"\/spheres\/previews\/sphere_48865c782b84c6c276.04113038.jpg","name":null,"config_path":"\/spheres\/multires\/8577_5c782b84c6c312.00045360\/config.json","is_default":false,"made_date":"2019-02-27T06:28:42+00:00","created":"2019-02-28T18:42:45+00:00","modified":"2019-04-26T14:41:34+00:00","tour_items":[{"id":27419,"id_old_marker":null,"color":"#138AC3","label":"","position":"{\"x\":-15.314888458784,\"y\":-6.511137813453,\"z\":11.09320854709}","type":"floor","id_target_sphere":16972,"sphere_id":16980,"1":null}]}]};

    var oldApply = false;

</script>
<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Review",
  "itemReviewed": {
    "@type": "Apartment",
    "image": "http://3dapartment.com/spheres/listing_preview/listing_preview_96775c782e5ddc7049.27594530.jpg",
    "name": "59 Strathmore Road"
  },
  "reviewBody": "4 Bedrooms, 2 Bathrooms. Price: $4000.     Amenities: Hardwood Floors,Microwave,Custom Kitchen,Brand New,Renovated,Central AC,Air Conditioning,Refrigerator,Furnished,Fireplace,Intercom,Recessed Lighting,Stainless Steel Appliance,Granite Countertops,Laundry In Unit,",
  "publisher": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "author": {
    "@type": "Organization",
    "name": "3Dapartment"
  }
}

</script>

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Apartment",
  "numberOfRooms": "4",
  "address":{
        "@type": "PostalAddress",
        "streetAddress": "59 Strathmore Road",
        "addressLocality": "Brighton    , ",
        "addressRegion":"Boston",
        "addressCountry":"USA"
        },
  "amenityFeature":" Hardwood Floors, Microwave, Custom Kitchen, Brand New, Renovated, Central AC, Air Conditioning, Refrigerator, Furnished, Fireplace, Intercom, Recessed Lighting, Stainless Steel Appliance, Granite Countertops, Laundry In Unit, ",
  "geo":{
       "@type": "GeoCoordinates",
       "latitude": "42.338394",
       "longitude":"-71.147871"
  },
  "description":"Brand new gut renovated four bed \/ two bath apartment in the heart of Cleveland circle. Right by Brookline and on the Green Line with quick access to the Green Line (C) (D) (B). Be the first to live in this luxury unit. New kitchen with modern appliances. Sunny living room and bedrooms. Modern bathrooms. Laundry in unit. Awesome living space for a great value. Available now for short term only till end of august. Can be furnished for additional rent.",
  "url" : "http://3dapartment.com/brighton/59-strathmore-road-3-2135/1992",
  "image" : "http://3dapartment.com/spheres/listing_preview/listing_preview_96775c782e5ddc7049.27594530.jpg ",
  "name": "3D Apartment"

}
</script>

<script src="https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.js"></script><script src="/build/app.4f2c0b307654235ff2eb.js"></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>