< /iframe></noscript> <!-- End Google Tag Manager (noscript) --> <style>a#skip-nav{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}a#skip-nav:focus,a#skip-nav:active{position:fixed;bottom:10px;left:10px;width:auto;height:auto;text-decoration:underline;background:white;padding:5px 20px 10px;z-index:100000}</style> <a id="skip-nav" href="#main-content">Skip to main content</a> <nav id="ysi-mobile-navbar" aria-label="main navigation" class="ysi-navbar-mobile navbar w-100 d-lg-none py-2 navbar-light bg-white" style="width: 100%; "> <button id="nav-btn" class="navbar-toggler collapsed " style=" " type="button" data-toggle="collapse" data-target="#navbarMobileCollapse" aria-controls="navbarMobileCollapse" aria-expanded="false" aria-label="Toggle navigation" aria-haspopup="true"> <svg class="ysi-svg-icon ysi-svg-icon-bars" width="1em" height="1em" viewBox="0 0 256 256"><path d="m 24,66 h 208 c 4,0 8,-4 8,-8 V 38 c 0,-4 -4,-8 -8,-8 H 24 c -4,0 -8,4 -8,8 v 20 c 0,4 4,8 8,8 z m 0,80 h 208 c 4,0 8,-4 8,-8 v -20 c 0,-4 -4,-8 -8,-8 H 24 c -4,0 -8,4 -8,8 v 20 c 0,4 4,8 8,8 z m 0,80 h 208 c 4,0 8,-4 8,-8 v -20 c 0,-4 -4,-8 -8,-8 H 24 c -4,0 -8,4 -8,8 v 20 c 0,4 4,8 8,8 z" /></svg> <svg class="ysi-svg-icon ysi-svg-icon-times" width="1em" height="1em" viewBox="0 0 256 256"><rect transform="rotate(45, 128, 128)" width="244" height="44.8" x="6" y="108" rx="12" ry="12"></rect><rect transform="rotate(-45, 128, 128)" width="244" height="44.8" x="6" y="108" rx="12" ry="12"></rect></svg> </button> <div class="navbar-right pr-2"> <div class="dropdown ysi-login-link-widget ysi-login-dropdown d-inline" style="max-width: max-content;"> <a data-selenium-id="loginlinks" class="dropdown-toggle color-inherit text-decoration-none text-dark " href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style=""> <svg class="ysi-svg-icon ysi-svg-icon-user" width="1em" height="1em" viewBox="0 0 256 256"><path d="m 128,128 c 35.35,0 64,-28.7 64,-64 C 192,28.7 163.4,0 128,0 92.7,0 64,28.7 64,64 c 0,35.4 28.65,64 64,64 z m 44.8,16 h -8.4 c -11.1,5.1 -23.5,8 -36.5,8 -13,0 -25.3,-2.9 -36.5,-8 H 83.2 C 46.1,144 16,174.1 16,211.2 V 232 c 0,13.3 10.8,24 24,24 h 176 c 13.3,0 24,-10.8 24,-24 V 211.2 C 240,174.1 209.9,144 172.8,144 Z" /></svg> <span class="sr-only">Login</span> </a> <div class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-list list-unstyled mb-0"> <li> <a data-selenium-id="residentlogin" class="dropdown-item track-resident-login" href="https://tranceterraces-thecafesandbox.securecafe.com/residentservices/trance-terraces/userlogin.aspx?dropdownlangid=999" rel="noopener" target="_Blank"> Resident <span class="sr-only">Login Opens in a new tab</span> </a> </li> <li> <a data-selenium-id="applicantlogin" class="dropdown-item track-applicant-login" href="https://tranceterraces-thecafesandbox.securecafe.com/onlineleasing/trance-terraces/guestlogin.aspx?dropdownlangid=999" rel="noopener" target="_Blank"> Applicant <span class="sr-only">Login Opens in a new tab</span> </a> </li> </ul> </div> </div> <style>.mobile-only .click-to-call{display:none}</style> <div class="ysi-phone-widget ysi-phone-wrapper mobile-only d-inline ml-2 text-dark"> <div class="d-inline-flex"> <a data-selenium-id="click_to_call" onclick="fireGaPhone()" href="tel:(919) 123-6745" aria-label="Call Trance Terraces at (919) 123-6745" class="ysi-phone-number click-to-call-href color-inherit " data-selenium-id="click-to-call"> <svg class="ysi-svg-icon mobile-phone-icon" width="1em" height="1em" viewBox="0 0 256 256"><path d="M 9.3,12.3 61.3,0.3 c 5.6,-1.3 11.5,1.6 13.7,6.9 L 99,63.3 c 2.1,4.9 0.7,10.6 -3.4,14 L 65.3,102 c 18,38.3 49.4,70.2 88.6,88.6 l 24.8,-30.3 c 3.4,-4.1 9.1,-5.5 14,-3.4 l 56,24 c 5.3,2.3 8.3,8.1 7,13.8 L 243.7,246.7 C 242.4,252.1 237.6,256 232,256 103.9,256 0,152.3 0,24 0,18.4 3.8,13.6 9.3,12.3 Z" /></svg> <span class="click-to-call">(919) 123-6745</span> </a> </div> </div> <script> function fireGaPhone() { if (typeof gtag != 'undefined') { var myPage = location.pathname.replace("/", ""); if (myPage == "") { myPage = "index"; } if (false ) { var propertyName = document.querySelector('meta[name="author"]').content; gtag('event', 'phone_call', { 'property_name': propertyName, 'page_name': document.title, 'page_url': window.location.href, 'header_phone_number': '(919) 123-6745'}); } gtag('event', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); gtag('rc.send', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); } } </script> </div> <div class="collapse navbar-collapse" id="navbarMobileCollapse"> <ul class="nav navbar-nav pt-3 custom-scroll"> <li class="nav-item"> <a data-selenium-id="mobile_indexaspx_MenuLink" href="/" class="nav-link" > Home </a> </li> <li class="nav-item"> <a data-selenium-id="mobile_amenitiesaspx_MenuLink" href="/amenities" class="nav-link" > Amenities </a> </li> <li class="nav-item"> <a data-selenium-id="mobile_floorplansaspx_MenuLink" href="/floorplans" class="nav-link" > Floorplans </a> </li> <li class="nav-item"> <a data-selenium-id="mobile_photogalleryaspx_MenuLink" href="/photogallery" class="nav-link" > Pictures </a> </li> <li class="nav-item active"> <a data-selenium-id="mobile_mapsanddirectionsaspx_MenuLink" href="/mapsanddirections" aria-current=page class="nav-link" > Maps and Directions </a> </li> <li class="nav-item"> <a data-selenium-id="mobile_propertysiteratingsaspx_MenuLink" href="/propertysiteratings" class="nav-link" > Reviews </a> </li> <li class="dropdown nav-item show"> <a id="navbar-dropdown-menu-mobile-1" href="#" data-selenium-id="contactusaspx_MenuLink" class="nav-link dropdown-toggle" role="button" aria-haspopup="true">Reach Out</a> <ul class="dropdown-menu show" aria-labelledby="navbar-dropdown-menu-mobile-1"> <li class=""> <a class="dropdown-item" data-selenium-id="mobile_contactusaspx_ActualMenuLink" href="/contactus" > Reach Out </a> </li> <li class=""> <a class="dropdown-item" data-selenium-id="mobile_scheduletouraspx_MenuLink" href="/scheduletour" > Schedule Your Tour! </a> </li> </ul> </li> <li class="nav-item"> <a data-selenium-id="mobile_sisterpropertiesdetailedviewaspx_MenuLink" href="/sisterpropertiesdetailedview" class="nav-link" > Sister </a> </li> </ul> </div> </nav> <script> window.addEventListener("load", () => { document.querySelectorAll('button.navbar-toggler[aria-expanded]').forEach((hamburger) => { const update = () => { hamburger.setAttribute( "aria-label", hamburger.getAttribute("aria-expanded") === "true" ? "Close navigation" : "Toggle navigation" ); }; update(); new MutationObserver(update).observe(hamburger, { attributes: true, attributeFilter: ["aria-expanded"], }); }); }); </script> <header class="mt-lg-4 mt-md-5 mt-4 pt-md-0 pt-4 px-lg-3 se-custom-bgcolor container-fluid p-0 ysi-row header box-shadow fixed-top z-index-5 bg-transform" style="background-color:rgba(255, 255, 255, .85) !important"><div class="row no-gutters"> <div class="justify-content-center justify-content-lg-start align-items-center flex-row d-flex text-center text-lg-left col-12 col-lg-2"><div class='ysi-logo-widget ysi-logo-wrapper pr-lg-3 p-2 p-lg-0'><a href="/" class="d-inline-block"><picture id="logo524"> <source media="(min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 992px) and (min-resolution: 2dppx)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_fit,w_165,h_70,dpr_2/s3/3/624396/1dc2_imperial_logo_dd.jpg 2x"><source media="(min-width: 992px)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_165,h_70/s3/3/624396/1dc2_imperial_logo_dd.jpg"> <source media="(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx)" srcset="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_fit,w_165,h_70,dpr_2/s3/3/624396/1dc2_imperial_logo_dd.jpg 2x"><img src="https://resource.rentcafe.com/image/upload/q_auto,f_auto,c_limit,w_165,h_70/s3/3/624396/1dc2_imperial_logo_dd.jpg" class="d-inline-block img-fluid" alt="Trance Terraces" title="Imperial"> </picture> </a></div> </div> <div class="justify-content-center align-items-center flex-row d-none d-lg-flex text-center col-12 col-lg-9"> <style> #navbarCollapse .nav.navbar-nav { background-color: inherit; } </style> <nav id="ysi-navbar" aria-label="main navigation" class="ysi-navbar navbar navbar-expand text-uppercase font-weight-bold navbar-light" style=""> <div class="navbar-collapse collapse navbar-z-index " style="width: 100%; " id="navbarCollapse"> <ul class="nav navbar-nav mx-auto "> <li class="nav-item"> <a data-selenium-id="indexaspx_MenuLink" href="/" class="nav-link"> Home </a> </li> <li class="nav-item"> <a data-selenium-id="amenitiesaspx_MenuLink" href="/amenities" class="nav-link"> Amenities </a> </li> <li class="nav-item"> <a data-selenium-id="floorplansaspx_MenuLink" href="/floorplans" class="nav-link"> Floorplans </a> </li> <li class="nav-item"> <a data-selenium-id="photogalleryaspx_MenuLink" href="/photogallery" class="nav-link"> Pictures </a> </li> <li class="nav-item active"> <a data-selenium-id="mapsanddirectionsaspx_MenuLink" href="/mapsanddirections" aria-current="page" class="nav-link"> Maps and Directions </a> </li> <li class="nav-item"> <a data-selenium-id="propertysiteratingsaspx_MenuLink" href="/propertysiteratings" class="nav-link"> Reviews </a> </li> <li class="dropdown nav-item"> <a id="navbar-dropdown-menu-1" data-selenium-id="contactusaspx_MenuLink" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Reach Out </a> <!-- Submenu items --> <ul class="dropdown-menu" aria-labelledby="navbar-dropdown-menu-1"> <li class=""> <a class="dropdown-item" data-selenium-id="contactusaspx_ActualMenuLink" href="/contactus"> Reach Out </a> </li> <li class=""> <a class="dropdown-item" data-selenium-id="scheduletouraspx_MenuLink" href="/scheduletour"> Schedule Your Tour! </a> </li> </ul> <!-- END: Submenu items --> </li> <li class="nav-item"> <a data-selenium-id="sisterpropertiesdetailedviewaspx_MenuLink" href="/sisterpropertiesdetailedview" class="nav-link"> Sister </a> </li> </ul> </div> </nav> <script> window.addEventListener("load", () => { document.querySelectorAll('button.navbar-toggler[aria-expanded]').forEach((hamburger) => { const update = () => { hamburger.setAttribute( "aria-label", hamburger.getAttribute("aria-expanded") === "true" ? "Close navigation" : "Toggle navigation" ); }; update(); new MutationObserver(update).observe(hamburger, { attributes: true, attributeFilter: ["aria-expanded"], }); }); }); </script> </div> <div class="justify-content-end align-items-center flex-row d-none d-lg-flex text-right col-12 col-lg-1"> <div class="dropdown ysi-login-link-widget ysi-login-dropdown text-uppercase font-weight-bold" style="max-width: max-content;"> <a data-selenium-id="loginlinks" class="dropdown-toggle btn text-body " style="" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span aria-hidden="true" class="fas fa-user mr-1"></span> <span>Login</span> </a> <div class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-list list-unstyled mb-0"> <li> <a data-selenium-id="residentlogin" class="dropdown-item track-resident-login" href="https://tranceterraces-thecafesandbox.securecafe.com/residentservices/trance-terraces/userlogin.aspx?dropdownlangid=999" rel="noopener" target="_Blank"> Resident <span class="sr-only">Login Opens in a new tab</span> </a> </li> <li> <a data-selenium-id="applicantlogin" class="dropdown-item track-applicant-login" href="https://tranceterraces-thecafesandbox.securecafe.com/onlineleasing/trance-terraces/guestlogin.aspx?dropdownlangid=999" rel="noopener" target="_Blank"> Applicant <span class="sr-only">Login Opens in a new tab</span> </a> </li> </ul> </div> </div> </div> </div></header> <div style="background-color:#29304d !important" class="overlay border-secondary border-5 border-bottom center-center repeat pb-5 pt-7 py-lg-5 text-white se-custom-bgcolor" data-ysi-lazyload="url('https://resource.rentcafe.com/image/upload/q_auto,f_auto/s3/themes/miera/images/bg-pattern.png')"><div class="container-fluid"><div class="row"> <div class="justify-content-center align-items-center flex-column d-flex text-center col-12"> <div class="font-stylized h2 text-shadow-1 mt-0 mt-lg-7">ENJOY THE LIFE OF LUXURY</div> <style>.mobile-only .click-to-call{display:none}</style> <div class="ysi-phone-widget ysi-phone-wrapper text-white text-lg font-weight-normal"> <div class="d-inline-flex"> <a data-selenium-id="click_to_call" onclick="fireGaPhone()" href="tel:(919) 123-6745" aria-label="Call Trance Terraces at (919) 123-6745" class="ysi-phone-number click-to-call-href text-decoration-none color-inherit " data-selenium-id="click-to-call"> <span aria-hidden="true" class="fa-flip-horizontal fa fa-phone"></span> <span data-selenium-id="click_to_call_span" class="click-to-call ml-2 text-underline">(919) 123-6745</span> </a> </div> </div> <script> function fireGaPhone() { if (typeof gtag != 'undefined') { var myPage = location.pathname.replace("/", ""); if (myPage == "") { myPage = "index"; } if (false ) { var propertyName = document.querySelector('meta[name="author"]').content; gtag('event', 'phone_call', { 'property_name': propertyName, 'page_name': document.title, 'page_url': window.location.href, 'header_phone_number': '(919) 123-6745'}); } gtag('event', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); gtag('rc.send', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); } } </script> </div> </div></div></div> <main id="main-content"> <div class="bg-white"><div class="container"><div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left py-4 py-md-5 col-12"> <div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left col-12"></div> </div> <div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left col-12"><h1 class="text-uppercase" data-selenium-id="SID_h1Tag">Map & Directions</h1></div> </div> <div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left col-12"> <div class=" page-content-map"> <div class="row"> <div class="col-12 my-3" data-selenium-id="MapTopNarrative"> </div> </div> <div class="row justify-content-between mb-3" id="DirectionControls"> <!-- Get directions (hidden on mobile) --> <section id="divgoogleGetDirections" aria-label="Get Directions" class="d-block col-12 col-md-7 col-lg-6"> <div class="input-group form-group floating-label"> <label for="AddressFrom">Enter your address</label> <input id="AddressFrom" autocomplete="street-address" name="AddressFrom" type="text" class="form-control pr-5" value=""> <div class="input-group-append"> <a aria-label="Locate Me" role="button" id="LocateMe" class="target btn btn-light border" onclick="getLocation();" href="javascript:void(0)"> <svg width="16px" height="16px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M461.9 0c-5.73 0-11.59 1.1-17.39 3.52L28.74 195.41c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 30.01 24.21 47.93 48.74 47.93 17.3 0 34.75-8.9 44.01-28.74l191.9-415.78C522.06 34.89 494.14 0 461.9 0zm17.55 54.08L287.6 469.74c-3.18 6.82-8.24 10.28-15.03 10.28-5.8 0-16.76-3.33-16.76-15.94v-207.9H47.93c-11.45 0-14.64-8.83-15.49-12.63-1.1-4.93-1.27-13.98 9.7-19.1L456.82 33.04c1.71-.71 3.37-1.05 5.09-1.05 5.42 0 11.49 3.65 15.11 9.08 2.19 3.29 4.32 8.41 2.43 13.01z"></path></svg> </a> <button class="btn btn-primary px-3" name="GetDirections" id="GetDirections" aria-label="Get Directions" type="button"><svg class="fa-rotate-270" width="18px" height="18px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path d="M313.553 392.331L209.587 504.334c-9.485 10.214-25.676 10.229-35.174 0L70.438 392.331C56.232 377.031 67.062 352 88.025 352H152V80H68.024a11.996 11.996 0 0 1-8.485-3.515l-56-56C-4.021 12.926 1.333 0 12.024 0H208c13.255 0 24 10.745 24 24v328h63.966c20.878 0 31.851 24.969 17.587 40.331z"></path></svg></button> </div> </div> </section> <!-- Walkscore --> <div id="MapBtnHolder" class="col-12 col-md-5 col-lg-6 text-center text-md-right my-3 my-md-0"> <div id="walkscore-div" class="btn-group"> <a target="_blank" href="https://www.walkscore.com/score/66-Execute-Order-Ave-Coroscant-CA-90210/lat=34.103003/lng=-118.410468/?utm_source=rentcafe.com&utm_medium=ws_api&utm_campaign=ws_api"> <img src="https://cdn.walk.sc/images/api-logo.png" alt="Walk score"> <span class="walkscore-scoretext" data-selenium-id="WalkScoreText">8</span> <span class="sr-only"> opens in new tab</span> </a> <span id="ws_info"> <a href="https://www.redfin.com/how-walk-score-works" target="_blank" class="ml-1 px-1 d-inline-block"> <img src="https://cdn.walk.sc/images/api-more-info.gif" width="16" height="16" alt="More information about Walk Score."> <span class="sr-only"> opens in new tab</span> </a> </span> </div> </div> </div> <div class="row"> <div class="col-12"> <!-- Bird's eye view, street view --> <div id="map-view" class="text-center text-md-right mb-2 right-0 z-index-2"> <button id="birdsEyeModalButton" class="btn btn-light btn-sm" type="button" data-selenium-id="mapdirBirdsView" data-toggle="modal" data-target="#myViewModal" onclick="opendialog('modalbodyViews', '', ysi.mapModals.loadModalMap('MicrosoftMap', 'Bird\'s Eye View', 'birdsEyeJS', ysi.mapModals.birdsEyeJS, ysi_loadBirdsEye));">Bird's Eye View <span class="sr-only"> opens in a dialog</span></button> <button id="streetViewModalButton" class="btn btn-light btn-sm" type="button" data-selenium-id="mapdirStreetView" data-toggle="modal" data-target="#myViewModal" onclick="opendialog('modalbodyViews', '', ysi.mapModals.loadModalMap('gm-style', 'Google Street View', 'streetViewJS', ysi.mapModals.streetViewJS, ysi_loadStreetView));">Street View <span class="sr-only"> opens in a dialog</span></button> </div> <!-- Map widget --> <div class="top-map-info mb-4 d-flex justify-content-between align-items-center"> <!-- Dropdown for Pins --> <div class="form-group col-12 col-lg-8 pr-0 pl-0 mb-0 mt-2"> <div class="row"> <div class="col-12 col-md-6"> <div class="floating-label-group"> <select id="pins-select" class="custom-select"> <option selected="" value="0">All Categories</option> <option value="Entertainment">Entertainment</option> </select> <label for="pins-select" class="floating-label">All Categories</label> </div> </div> <div class="col-12 col-md-6"> <div class="pt-2 pl-2"> <input type="hidden" id="totalcount" value="1"> <p id="resultcount" class="pt-1" aria-live="polite">1 results found.</p> </div> </div> </div> </div> </div> <!-- Map container --> <div id="mapsanddirections" class="" style="; flex: 100%; min-height: 480px"> <!-- Map gets loaded here --> </div> <!-- Category locations list --> <div class="mb-2 expand_setting " id="locations"> <h2 class="sr-only">Category Locations List</h2> <div class="mapnav_container"> <div id="mapnav_text"> <!-- Tabs Content --> <div id="all-categories"> <div class="loc_category" id="Entertainment"> <h3 class="h4 font-weight-bold maplist-header"> Entertainment </h3> <input type="hidden" id="Entertainment-count" value="1"> <ul class="maplist-items" id="Entertainment_list"> <li> <a role="button" href="javascript:showme('test', '44.00000000000000', '81.00000000000000');"> test </a> </li> </ul> </div> </div> </div> </div> </div> <div class="row-fluid" id="googledirections"></div> <script> ysi.registerCallback(function () { const propertyBubbleHtml = `<h2 id="lam-prop-bubble-name" class="h6 my-3 lam-prop-bubble-name">Trance Terraces</h2> <div class="d-flex flex-row lam-prop-bubble"> <div class="mr-4"><img class="propthumbnail" alt="Trance Terraces"></div> <div> <ul class="list-unstyled lam-prop-info-list"> <li>${ysi.utils?.translateText?.('Bedrooms') ?? 'Bedrooms'}: 1-3</li> <li>${ysi.utils?.translateText?.('Bathrooms') ?? 'Bathrooms'}: 1-3</li> <li class='font-weight-bold mt-2'>${ysi.utils?.translateText?.('Rent') ?? 'Rent'}: Call for pricing</li> </ul> </div> </div>`; ysi.lamMap?.register({ latitude: "34.103003", longitude: "-118.410468", address: "66 Execute Order Ave", city: "Coroscant", state: "CA", zip: "90210", markerAriaLabel: "Map Marker: Trance Terraces", PropDetail:propertyBubbleHtml.replace(/[\n\r]/g, " "), video: "", mapId: "mapsanddirections", markerArray: [ [ "724543", "https://a.tiles.mapbox.com/v4/marker/pin-l-theatre+000000.png?access_token=pk.eyJ1IjoiYW5kcmVpZDIwIiwiYSI6ImNreWQ5aWZrczA3d20yb255dXYybG9vNmMifQ.RwPxuIPIFcNG61l86xw2Ww", "test", 44.00000000000000, 81.00000000000000, "Entertainment", "", "test" ] ], mapZoomLevel: 13, mapType: "applemapsesque", catagories: [{"MapGroupId":53000,"MapGroupName":"Entertainment","TrimmedMapGroupName":"Entertainment","MapGroupMarkerColor":"#000000"},{"MapGroupId":53001,"MapGroupName":"Food","TrimmedMapGroupName":"Food","MapGroupMarkerColor":"#000000"},{"MapGroupId":53002,"MapGroupName":"Shops And Service","TrimmedMapGroupName":"ShopsAndService","MapGroupMarkerColor":"#000000"},{"MapGroupId":53003,"MapGroupName":"Night Life","TrimmedMapGroupName":"NightLife","MapGroupMarkerColor":"#000000"},{"MapGroupId":53004,"MapGroupName":"Recreation","TrimmedMapGroupName":"Recreation","MapGroupMarkerColor":"#000000"},{"MapGroupId":53005,"MapGroupName":"Professional","TrimmedMapGroupName":"Professional","MapGroupMarkerColor":"#000000"},{"MapGroupId":53006,"MapGroupName":"Travel","TrimmedMapGroupName":"Travel","MapGroupMarkerColor":"#000000"}], isfornhood: 0 }); }); </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC4ELwmY53w6Io-60vPWF7-BTgLAL3vejY" defer=""></script> <script type="text/javascript"> // Not sure what this is for var colours = { 0: "#000000", 1: "#000000", 2: "#000000", 3: "#000000", 4: "#000000", 5: "#000000", 6: "#000000", 7: "#000000"}; function escapeRegExp(str) { return str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1"); } function replaceAll(str, find, replace) { return str.replace(new RegExp(escapeRegExp(find), 'g'), replace); } // This variable actually seems to be overridden by the gmarkersarr in map-Local-Area.js // All of the gmarkersarr references below assume that that variable is defined // It does not need to be defined here var gmarkersarr = [{"MapGroupId":53000,"MapGroupName":"Entertainment","TrimmedMapGroupName":"Entertainment","MapGroupMarkerColor":"#000000"},{"MapGroupId":53001,"MapGroupName":"Food","TrimmedMapGroupName":"Food","MapGroupMarkerColor":"#000000"},{"MapGroupId":53002,"MapGroupName":"Shops And Service","TrimmedMapGroupName":"ShopsAndService","MapGroupMarkerColor":"#000000"},{"MapGroupId":53003,"MapGroupName":"Night Life","TrimmedMapGroupName":"NightLife","MapGroupMarkerColor":"#000000"},{"MapGroupId":53004,"MapGroupName":"Recreation","TrimmedMapGroupName":"Recreation","MapGroupMarkerColor":"#000000"},{"MapGroupId":53005,"MapGroupName":"Professional","TrimmedMapGroupName":"Professional","MapGroupMarkerColor":"#000000"},{"MapGroupId":53006,"MapGroupName":"Travel","TrimmedMapGroupName":"Travel","MapGroupMarkerColor":"#000000"}]; function showme(markertitle, lat, lng) { // Use an approximate comparison of 6 significant digits lat = Number(lat).toPrecision(6); lng = Number(lng).toPrecision(6); markertitle = replaceAll(markertitle, '(', '('); markertitle = replaceAll(markertitle, ')', ')'); markertitle = replaceAll(markertitle, ')', ')'); markertitle = replaceAll(markertitle, '"', '"'); markertitle = replaceAll(markertitle, ''', '\''); for (var i = 0; i < gmarkersarr.length; i++) { var markerlat = gmarkersarr[i].position.lat().toPrecision(6); var markerlng = gmarkersarr[i].position.lng().toPrecision(6); var title = gmarkersarr[i].title; title = replaceAll(title, '(', '('); title = replaceAll(title, ')', ')'); title = replaceAll(title, ')', ')'); title = replaceAll(title, '"', '"'); title = replaceAll(title, ''', '\''); if (title === markertitle && markerlat === lat && markerlng === lng) { // google.maps.event.trigger(gmarkersarr[i], 'click'); } else { continue } } } // Helper function for below function moveIndicator(item, color) { var textPosition = item.getBoundingClientRect(); var container = pnProductNavContents.getBoundingClientRect().left; var distance = textPosition.left - container; var scroll = pnProductNavContents.scrollLeft; pnIndicator.style.transform = "translateX(" + (distance + scroll) + "px) scaleX(" + textPosition.width * 0.01 + ")"; // count = count += 100; // pnIndicator.style.transform = "translateX(" + count + "px)"; if (color) { pnIndicator.style.backgroundColor = color; } } ysi.registerCallback(function () { let hideMapCategoryPins = false; function filterMap(filter) { // Close open info window (see map-local-area.js) openinfowindow && openinfowindow.close(); for (var i = 0; i < gmarkersarr.length; i++) { var marker = gmarkersarr[i]; var markercat = marker.category; var markervis = marker.getVisible(); if (filter === 'all' || filter === '0') { // If hideMapCategoryPins is on and not sister property or nearby property marker, hide the marker if (hideMapCategoryPins && markercat !== 'SisterProp' && markercat !== 'NearByProp') { marker.setVisible(false); } else { marker.setVisible(true); } } else if (markervis === false && markercat === filter) { marker.setVisible(true); } else if (markervis === true && markercat != filter && markercat !== 'SisterProp' && markercat !== 'NearByProp') { marker.setVisible(false); } } } var pinsSelect = document.querySelector('#pins-select'); if (pinsSelect) { pinsSelect.addEventListener('input', function () { filterMap(pinsSelect.value); }); var floatingLabel = document.querySelector('.floating-label-group .floating-label'); function updateFloatingLabel() { if (pinsSelect.value !== '0') { floatingLabel.classList.add('active'); } else { floatingLabel.classList.remove('active'); } } pinsSelect.addEventListener('focus', function () { floatingLabel.classList.add('active'); }); pinsSelect.addEventListener('blur', function () { updateFloatingLabel(); }); pinsSelect.addEventListener('change', function () { updateFloatingLabel(); }); updateFloatingLabel(); } let infolegendButtons = document.querySelectorAll('#infolegend-sm button'); infolegendButtons.forEach(function (b) { b.addEventListener('click', function () { filterMap(b.dataset.value); }); }); }); </script> </div> </div> <!-- Map page bottom narrative --> <div class="row"> <div class="col-12 mt-3" data-selenium-id="MapBottomNarrative"> </div> </div> </div> <!-- Map modal (for displaying bird's eye view, street view) --> <div class="modal fade" id="myViewModal" role="dialog" aria-labelledby="mapsModalTitle" aria-modal="true"> <div class="modal-dialog modal-lg"> <div class="modal-content" id="modalContent"> <div class="modal-header"> <h2 class="h3 m-0" id="mapsModalTitle">Bird's Eye View</h2> <button id="CloseModalDialogButton" type="button" class="close" data-dismiss="modal" aria-label="close dialog"><svg width="14px" height="22px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg></button> </div> <!-- Modal body --> <div id="modalbodyViews" class="modal-body"> <div id="myMap" style="height: 450px; width: 100%; float: left;"></div> </div> </div> </div> </div> <script> ysi.registerCallback(function () { if (ysi.mapModals) { ysi.mapModals.register({ latitude: "34.103003", longitude: "-118.410468" }); } }); </script> </div> </div> <div class="section-divider-1 row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left pt-4 col-12"> <script> ysi.registerCallback(function () { testimonialHeight = function () { var maxHeight = 10; var currentHeight; var elements = document.getElementsByClassName("testimonial-item"); //elements[i].style.cssText = "height:auto"; for (var i = 0; i < elements.length; i++) { elements[i].style.cssText = "visibility: hidden; position: absolute; display: block;"; currentHeight = elements[i].offsetHeight; if (currentHeight > maxHeight) { maxHeight = currentHeight; } } for (var i = 0; i < elements.length; i++) { elements[i].style.cssText = "height: " + maxHeight + "px"; } } testimonialHeight(); window.addEventListener('resize', testimonialHeight, true); // set accessibility const c = document.querySelectorAll('.carousel[data-gallery-type="testimonials"]'); for (let i = 0; i < c.length; ++i) { new ysiCarousel(c[i]); } }); </script> <script> const testimonialcarouselInner = document.querySelector('.testimonial-widget .carousel-inner'); const testimonialcarousel = document.querySelector('.testimonial-widget .carousel'); var activeItem; const testimonialupdateHeight = () => { if(testimonialcarouselInner){ activeItem = testimonialcarouselInner.querySelector('.testimonial-widget .carousel-item.active'); } if (activeItem) { testimonialcarouselInner.style.height = `${activeItem.offsetHeight}px`; } }; testimonialupdateHeight(); // Re-observe on slide change if(testimonialcarousel){ testimonialcarousel.addEventListener('slid.bs.carousel', () => { testimonialupdateHeight(); testimonialobserveActiveItem(); }); } const testimonialobserver = new ResizeObserver(() => testimonialupdateHeight()); const testimonialobserveActiveItem = () => { if(testimonialcarouselInner){ const activeItem = testimonialcarouselInner.querySelector('.testimonial-widget .carousel-item.active'); if (activeItem) testimonialobserver.observe(activeItem); } }; testimonialobserveActiveItem(); </script> </div> </div> <div class="pt-4 row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left col-12"> <style>ul.ysi-socialmedia-popover-icons li a,ul.ysi-socialmedia-popover-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{margin:1px 0}ul.ysi-socialmedia-icons li a,ul.ysi-socialmedia-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{margin:0}ul.ysi-socialmedia-icons,ul.ysi-socialmedia-popover-icons,.ysi-socialmedia-widget{margin-bottom:0}ul.ysi-socialmedia-icons li a,ul.ysi-socialmedia-icons p a,ul.ysi-socialmedia-popover-icons li a,ul.ysi-socialmedia-popover-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{width:40px;height:40px;display:inline-block;line-height:2.2;color:#fff;font-size:1.2rem;text-align:center}ul.ysi-socialmedia-icons li a.facebook_icon,ul.ysi-socialmedia-icons p a.facebook_icon,ul.ysi-socialmedia-popover-icons li a.facebook_icon,ul.ysi-socialmedia-popover-icons p a.facebook_icon,.ysi-socialmedia-widget li a.facebook_icon,.ysi-socialmedia-widget p a.facebook_icon{background:#3b5998;-moz-transition:background-color 1s 0.001s,color 1s;-o-transition:background-color 1s 0.001s,color 1s;-webkit-transition:background-color 1s 0.001s,color 1s;transition:background-color 1s 0.001s,color 1s}ul.ysi-socialmedia-icons li a.facebook_icon:hover,ul.ysi-socialmedia-icons p a.facebook_icon:hover,ul.ysi-socialmedia-popover-icons li a.facebook_icon:hover,ul.ysi-socialmedia-popover-icons p a.facebook_icon:hover,.ysi-socialmedia-widget li a.facebook_icon:hover,.ysi-socialmedia-widget p a.facebook_icon:hover{background:#4565ab}ul.ysi-socialmedia-icons li a.twitter_icon,ul.ysi-socialmedia-icons p a.twitter_icon,ul.ysi-socialmedia-popover-icons li a.twitter_icon,ul.ysi-socialmedia-popover-icons p a.twitter_icon,.ysi-socialmedia-widget li a.twitter_icon,.ysi-socialmedia-widget p a.twitter_icon{background:#2CAAE1;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.twitter_icon:hover,ul.ysi-socialmedia-icons p a.twitter_icon:hover,ul.ysi-socialmedia-popover-icons li a.twitter_icon:hover,ul.ysi-socialmedia-popover-icons p a.twitter_icon:hover,.ysi-socialmedia-widget li a.twitter_icon:hover,.ysi-socialmedia-widget p a.twitter_icon:hover{background:#2fb4ed}ul.ysi-socialmedia-icons li a.pinterest_icon,ul.ysi-socialmedia-icons p a.pinterest_icon,ul.ysi-socialmedia-popover-icons li a.pinterest_icon,ul.ysi-socialmedia-popover-icons p a.pinterest_icon,.ysi-socialmedia-widget li a.pinterest_icon,.ysi-socialmedia-widget p a.pinterest_icon{background:#C13238;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.pinterest_icon:hover,ul.ysi-socialmedia-icons p a.pinterest_icon:hover,ul.ysi-socialmedia-popover-icons li a.pinterest_icon:hover,ul.ysi-socialmedia-popover-icons p a.pinterest_icon:hover,.ysi-socialmedia-widget li a.pinterest_icon:hover,.ysi-socialmedia-widget p a.pinterest_icon:hover{background:#cc353a}ul.ysi-socialmedia-icons li a.instagram_icon,ul.ysi-socialmedia-icons p a.instagram_icon,ul.ysi-socialmedia-popover-icons li a.instagram_icon,ul.ysi-socialmedia-popover-icons p a.instagram_icon,.ysi-socialmedia-widget li a.instagram_icon,.ysi-socialmedia-widget p a.instagram_icon{background:#49709b;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.instagram_icon:hover,ul.ysi-socialmedia-icons p a.instagram_icon:hover,ul.ysi-socialmedia-popover-icons li a.instagram_icon:hover,ul.ysi-socialmedia-popover-icons p a.instagram_icon:hover,.ysi-socialmedia-widget li a.instagram_icon:hover,.ysi-socialmedia-widget p a.instagram_icon:hover{background:#608bba}ul.ysi-socialmedia-icons li a.linkedin_icon,ul.ysi-socialmedia-icons p a.linkedin_icon,ul.ysi-socialmedia-popover-icons li a.linkedin_icon,ul.ysi-socialmedia-popover-icons p a.linkedin_icon,.ysi-socialmedia-widget li a.linkedin_icon,.ysi-socialmedia-widget p a.linkedin_icon{background:#005a87;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.linkedin_icon:hover,ul.ysi-socialmedia-icons p a.linkedin_icon:hover,ul.ysi-socialmedia-popover-icons li a.linkedin_icon:hover,ul.ysi-socialmedia-popover-icons p a.linkedin_icon:hover,.ysi-socialmedia-widget li a.linkedin_icon:hover,.ysi-socialmedia-widget p a.linkedin_icon:hover{background:#0472a5}ul.ysi-socialmedia-icons li a.youtube_icon,ul.ysi-socialmedia-icons p a.youtube_icon,ul.ysi-socialmedia-popover-icons li a.youtube_icon,ul.ysi-socialmedia-popover-icons p a.youtube_icon,.ysi-socialmedia-widget li a.youtube_icon,.ysi-socialmedia-widget p a.youtube_icon{background:#c9322b;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.youtube_icon:hover,ul.ysi-socialmedia-icons p a.youtube_icon:hover,ul.ysi-socialmedia-popover-icons li a.youtube_icon:hover,ul.ysi-socialmedia-popover-icons p a.youtube_icon:hover,.ysi-socialmedia-widget li a.youtube_icon:hover,.ysi-socialmedia-widget p a.youtube_icon:hover{background:#dd3830}ul.ysi-socialmedia-icons li a.yelp_icon,ul.ysi-socialmedia-icons p a.yelp_icon,ul.ysi-socialmedia-popover-icons li a.yelp_icon,ul.ysi-socialmedia-popover-icons p a.yelp_icon,.ysi-socialmedia-widget li a.yelp_icon,.ysi-socialmedia-widget p a.yelp_icon{background:#DE3C43;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.yelp_icon:hover,ul.ysi-socialmedia-icons p a.yelp_icon:hover,ul.ysi-socialmedia-popover-icons li a.yelp_icon:hover,ul.ysi-socialmedia-popover-icons p a.yelp_icon:hover,.ysi-socialmedia-widget li a.yelp_icon:hover,.ysi-socialmedia-widget p a.yelp_icon:hover{background:#ea3f45}ul.ysi-socialmedia-icons li a.snapchat_icon,ul.ysi-socialmedia-icons p a.snapchat_icon,ul.ysi-socialmedia-popover-icons li a.snapchat_icon,ul.ysi-socialmedia-popover-icons p a.snapchat_icon,.ysi-socialmedia-widget li a.snapchat_icon,.ysi-socialmedia-widget p a.snapchat_icon{background:#E0E237;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.snapchat_icon:hover,ul.ysi-socialmedia-icons p a.snapchat_icon:hover,ul.ysi-socialmedia-popover-icons li a.snapchat_icon:hover,ul.ysi-socialmedia-popover-icons p a.snapchat_icon:hover,.ysi-socialmedia-widget li a.snapchat_icon:hover,.ysi-socialmedia-widget p a.snapchat_icon:hover{background:#efef39}ul.ysi-socialmedia-icons li a.more-social-icons,ul.ysi-socialmedia-icons p a.more-social-icons,ul.ysi-socialmedia-popover-icons li a.more-social-icons,ul.ysi-socialmedia-popover-icons p a.more-social-icons,.ysi-socialmedia-widget li a.more-social-icons,.ysi-socialmedia-widget p a.more-social-icons{background:#6e6e6e;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.more-social-icons:hover,ul.ysi-socialmedia-icons p a.more-social-icons:hover,ul.ysi-socialmedia-popover-icons li a.more-social-icons:hover,ul.ysi-socialmedia-popover-icons p a.more-social-icons:hover,.ysi-socialmedia-widget li a.more-social-icons:hover,.ysi-socialmedia-widget p a.more-social-icons:hover{background:#888888}.ysi-socialmedia-widget ul{padding-left:0;list-style:none}.ysi-socialmedia-widget p{margin-bottom:0}.ysi-socialmedia-widget.icon-white ul li a,.ysi-socialmedia-widget.icon-white p a{color:#fff;background:none}.ysi-socialmedia-widget.icon-white ul li a:hover,.ysi-socialmedia-widget.icon-white p a:hover{color:#f8f9fa;background:none}.ysi-socialmedia-widget.icon-light ul li a,.ysi-socialmedia-widget.icon-light p a{color:#f8f9fa;background:none}.ysi-socialmedia-widget.icon-light ul li a:hover,.ysi-socialmedia-widget.icon-light p a:hover{color:#fff;background:none}.ysi-socialmedia-widget.icon-dark ul li a,.ysi-socialmedia-widget.icon-dark p a{color:#343a40;background:none}.ysi-socialmedia-widget.icon-dark ul li a:hover,.ysi-socialmedia-widget.icon-dark p a:hover{color:#0056b3;background:none}.ysi-socialmedia-widget.icon-primary ul li a,.ysi-socialmedia-widget.icon-primary p a{color:#c03258;background:none}.ysi-socialmedia-widget.icon-primary ul li a:hover,.ysi-socialmedia-widget.icon-primary p a:hover{color:#c03258;background:none}.ysi-socialmedia-widget.icon-secondary ul li a,.ysi-socialmedia-widget.icon-secondary p a{color:#137ca8;background:none}.ysi-socialmedia-widget.icon-secondary ul li a:hover,.ysi-socialmedia-widget.icon-secondary p a:hover{color:#137ca8;background:none}.ysi-socialmedia-widget.background-light ul li a,.ysi-socialmedia-widget.background-light p a{background-color:#f8f9fa}.ysi-socialmedia-widget.background-light ul li a:hover,.ysi-socialmedia-widget.background-light p a:hover{background-color:#f8f9fa}.ysi-socialmedia-widget.background-dark ul li a,.ysi-socialmedia-widget.background-dark p a{background-color:#000}.ysi-socialmedia-widget.background-dark ul li a:hover,.ysi-socialmedia-widget.background-dark p a:hover{background-color:#000}.ysi-socialmedia-widget.background-primary ul li a,.ysi-socialmedia-widget.background-primary p a{background-color:#c03258}.ysi-socialmedia-widget.background-primary ul li a:hover,.ysi-socialmedia-widget.background-primary p a:hover{background-color:#c03258}.ysi-socialmedia-widget.background-secondary ul li a,.ysi-socialmedia-widget.background-secondary p a{background-color:#137ca8}.ysi-socialmedia-widget.background-secondary ul li a:hover,.ysi-socialmedia-widget.background-secondary p a:hover{background-color:#137ca8}.ysi-socialmedia-widget.rounded ul li a,.ysi-socialmedia-widget.rounded p a{border-radius:50px}.ysi-socialmedia-widget.square ul li a,.ysi-socialmedia-widget.square p a{border-radius:0px}.ysi-socialmedia-widget.regular ul li a,.ysi-socialmedia-widget.regular p a{font-size:1.2rem;width:45px;height:45px}.ysi-socialmedia-widget.large ul li a,.ysi-socialmedia-widget.large p a{font-size:2.5rem;width:60px;height:60px;line-height:1.5}.ysi-socialmedia-widget.horizontal ul,.ysi-socialmedia-widget.horizontal p{line-height:10px}.ysi-socialmedia-widget.horizontal ul li,.ysi-socialmedia-widget.horizontal p li{display:inline-block}.ysi-socialmedia-widget.vertical ul li,.ysi-socialmedia-widget.vertical p{margin:3px 0}.ysi-socialmedia-widget.outline-light ul li a,.ysi-socialmedia-widget.outline-light p a{border:1px solid #f8f9fa;background:none}.ysi-socialmedia-widget.outline-light ul li a:hover,.ysi-socialmedia-widget.outline-light p a:hover{border:1px solid #fff;background:none}.ysi-socialmedia-widget.outline-dark ul li a,.ysi-socialmedia-widget.outline-dark p a{border:1px solid #343a40;background:none;color:#343a40}.ysi-socialmedia-widget.outline-dark ul li a:hover,.ysi-socialmedia-widget.outline-dark p a:hover{border:1px solid #343a40;background:none;color:#343a40}.ysi-socialmedia-widget.outline-primary ul li a,.ysi-socialmedia-widget.outline-primary p a{border:1px solid #c03258}.ysi-socialmedia-widget.outline-primary ul li a:hover,.ysi-socialmedia-widget.outline-primary p a:hover{border:1px solid #c03258}.ysi-socialmedia-widget.outline-secondary ul li a,.ysi-socialmedia-widget.outline-secondary p a{border:1px solid #137ca8}.ysi-socialmedia-widget.outline-secondary ul li a:hover,.ysi-socialmedia-widget.outline-secondary p a:hover{border:1px solid #137ca8}.ysi-socialmedia-widget.left,.ysi-socialmedia-widget.right{position:fixed;z-index:5;top:0;padding:0 3px}.ysi-socialmedia-widget.left{left:0}.ysi-socialmedia-widget.right{right:0}.ysi-socialmedia-share.horizontal ul{float:inherit}.ysi-socialmedia-share.horizontal ul li{float:inherit;margin-left:0.25rem}.ysi-socialmedia-share.horizontal ul li a.more-social-icons{height:20px;line-height:1;margin:0;background:#c7c7c7;color:#6e6e6e}.ysi-socialmedia-follow.horizontal{line-height:0}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons{display:inline-flex}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons li{margin-right:0.4rem}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons li a,.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-popover-icons li a{width:auto;height:auto;line-height:initial}ul.ysi-socialmedia-icons li a.ysi-share,ul.ysi-socialmedia-popover-icons li a.ysi-share,.ysi-socialmedia-share p a.ysi-share{font:11px/18px 'Helvetica Neue', Arial, sans-serif;color:#fff;background:#6e6e6e;height:20px;line-height:18px;padding:1px 8px 1px 6px;border:none;border-radius:3px;outline:0;width:unset;height:unset}ul.ysi-socialmedia-icons li a.ysi-share:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share:hover,.ysi-socialmedia-share p a.ysi-share:hover{text-decoration:none}ul.ysi-socialmedia-icons li a.ysi-share i,ul.ysi-socialmedia-popover-icons li a.ysi-share i,.ysi-socialmedia-share p a.ysi-share i{margin-right:.3em;font-size:1.2em}ul.ysi-socialmedia-icons li a.ysi-share.facebook,ul.ysi-socialmedia-popover-icons li a.ysi-share.facebook,.ysi-socialmedia-share p a.ysi-share.facebook{background:#4267b2}ul.ysi-socialmedia-icons li a.ysi-share.facebook:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share.facebook:hover,.ysi-socialmedia-share p a.ysi-share.facebook:hover{background:#365899}ul.ysi-socialmedia-icons li a.ysi-share.twitter,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter,.ysi-socialmedia-share p a.ysi-share.twitter{background:#1b95e0}ul.ysi-socialmedia-icons li a.ysi-share.twitter:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter:hover,.ysi-socialmedia-share p a.ysi-share.twitter:hover{background:#0c7abf}ul.ysi-socialmedia-icons li a.ysi-share.twitter i,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter i,.ysi-socialmedia-share p a.ysi-share.twitter i{font-size:inherit}ul.ysi-socialmedia-icons li a.ysi-share.pinterest,ul.ysi-socialmedia-popover-icons li a.ysi-share.pinterest,.ysi-socialmedia-share p a.ysi-share.pinterest{background:#C13238}ul.ysi-socialmedia-icons li a.ysi-share.pinterest i,ul.ysi-socialmedia-popover-icons li a.ysi-share.pinterest i,.ysi-socialmedia-share p a.ysi-share.pinterest i{font-size:inherit}ul.ysi-socialmedia-icons li a.ysi-share.linkedin,ul.ysi-socialmedia-popover-icons li a.ysi-share.linkedin,.ysi-socialmedia-share p a.ysi-share.linkedin{background:#005a87}@media (max-width: 991.98px){.d-md-none-down{display:none !important}}</style> <div class="ysi-socialmedia-widget ysi-socialmedia-wrapper ysi-socialmedia-share horizontal text-right small"> <ul class="ysi-socialmedia-icons" data-selenium-id="socialmedia03"> <li class="social-media-facebook "> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse" target="_blank" rel="noopener" class="ysi-share facebook" onclick="ysi.socialmedia.popupWindow('//www.facebook.com/sharer.php?u='+window.location.href, 'facebook', 600, 300); return false;" data-selenium-id="socialmedia03FacebookShare" aria-label="Share on Facebook (opens in new tab)"> <span aria-hidden="true" class="fab fa-facebook nu nu-secondary_facebook_logo"></span> Share </a> </li> <li class="social-media-twitter "> <a href="https://twitter.com/share" target="_blank" aria-label=" Post on X (formerly Twitter) (opens in new tab)" rel="noopener" class="ysi-share twitter" onclick="ysi.socialmedia.popupWindow('//twitter.com/intent/tweet?url='+window.location.href + '&text=' + encodeURI(document.title), 'title', 600, 400); return false;" data-selenium-id="socialmedia03TwitterShare"> <span aria-hidden="true" class="fab fa-twitter nu nu-twitter_logo"></span> Share </a> </li> <li class="social-media-pinterest "> <a href="//www.pinterest.com/pin/create/button/" target="_blank" aria-label=" Pin it (opens in new tab)" rel="noopener" class="ysi-share pinterest" onclick="location.href='//pinterest.com/pin/create/button/?url='+window.location.href;" data-selenium-id="socialmedia03PinterestShare"><span aria-hidden="true" class="fab fa-pinterest-p"></span> Pin it</a> </li> </ul> </div> <div class="ysi-socialmedia-widget ysi-socialmedia-popover-wrapper d-none"> <ul class="ysi-socialmedia-popover-icons list-inline text-center list-inline"> </ul> </div> </div> </div> <div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-left col-12"></div> </div> </div> </div></div></div> </main> <footer> <div class="border-secondary border-5 border-top cover center-center no-repeat text-white" data-ysi-lazyload="url('https://resource.rentcafe.com/image/upload/q_auto,f_auto/s3/themes/miera/images/bg-img-2.jpg')"><div class="container-fluid"><div class="row"> <div class="overlay-70 justify-content-start align-items-center flex-column d-flex text-center py-5 py-lg-6 col-12"> <div class="side-lines mb-3"> <h2>CONTACT US</h2> </div> <div class="ysi-address-widget ysi-address-wrapper"> <div class="d-inline-flex"> <address class="ysi-address"> <a class="address-link color-inherit d-block" href="https://maps.google.com?q=66 Execute Order Ave Coroscant, CA 90210" target="_blank" rel="noreferrer"> <div itemprop="name" data-selenium-id="address_propname">Trance Terraces</div> <div itemprop="address"> <div data-selenium-id="address_street"> 66 Execute Order Ave </div> <div> <span data-selenium-id="address_city">Coroscant</span>, <span data-selenium-id="address_state">CA</span><span data-selenium-id="address_zip"> 90210</span> </div> </div> <span class="sr-only">Opens in a new tab</span> </a> </address> </div> </div> <div data-selenium-id="address_phone_foot" class="phone-number-address ysi-phone-wrapper my-2 py-1 py-sm-0 "> <div class="d-inline-flex"> <a href="tel:(919) 123-4532" onclick="fireGaNa();" aria-label="Call Trance Terraces at (919) 123-4532" class="ysi-phone-number click-to-call-foot-href text-decoration-none color-inherit" data-selenium-id="click-to-call-foot"> <span aria-hidden="true" class="fa-flip-horizontal fas fa-phone fas fa-phone"></span> <span data-selenium-id="click_to_call_foot_span" class="click-to-call-foot ml-2 text-underline">(919) 123-4532</span> </a> </div> </div> <script> function fireGaNa() { if (typeof gtag != 'undefined') { var myPage = location.pathname.replace("/", ""); if (myPage == "") { myPage = "index"; } if (false ) { var propertyName = document.querySelector('meta[name="author"]').content; gtag('event', 'phone_call', { 'property_name': propertyName, 'page_name': document.title, 'page_url': window.location.href, 'footer_phone_number': '(919) 123-4532'}); } gtag('event', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickFooter', 'event_label': myPage }); gtag('rc.send', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickFooter', 'event_label': myPage }); } } </script> <style>ul.ysi-socialmedia-popover-icons li a,ul.ysi-socialmedia-popover-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{margin:1px 0}ul.ysi-socialmedia-icons li a,ul.ysi-socialmedia-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{margin:0}ul.ysi-socialmedia-icons,ul.ysi-socialmedia-popover-icons,.ysi-socialmedia-widget{margin-bottom:0}ul.ysi-socialmedia-icons li a,ul.ysi-socialmedia-icons p a,ul.ysi-socialmedia-popover-icons li a,ul.ysi-socialmedia-popover-icons p a,.ysi-socialmedia-widget li a,.ysi-socialmedia-widget p a{width:40px;height:40px;display:inline-block;line-height:2.2;color:#fff;font-size:1.2rem;text-align:center}ul.ysi-socialmedia-icons li a.facebook_icon,ul.ysi-socialmedia-icons p a.facebook_icon,ul.ysi-socialmedia-popover-icons li a.facebook_icon,ul.ysi-socialmedia-popover-icons p a.facebook_icon,.ysi-socialmedia-widget li a.facebook_icon,.ysi-socialmedia-widget p a.facebook_icon{background:#3b5998;-moz-transition:background-color 1s 0.001s,color 1s;-o-transition:background-color 1s 0.001s,color 1s;-webkit-transition:background-color 1s 0.001s,color 1s;transition:background-color 1s 0.001s,color 1s}ul.ysi-socialmedia-icons li a.facebook_icon:hover,ul.ysi-socialmedia-icons p a.facebook_icon:hover,ul.ysi-socialmedia-popover-icons li a.facebook_icon:hover,ul.ysi-socialmedia-popover-icons p a.facebook_icon:hover,.ysi-socialmedia-widget li a.facebook_icon:hover,.ysi-socialmedia-widget p a.facebook_icon:hover{background:#4565ab}ul.ysi-socialmedia-icons li a.twitter_icon,ul.ysi-socialmedia-icons p a.twitter_icon,ul.ysi-socialmedia-popover-icons li a.twitter_icon,ul.ysi-socialmedia-popover-icons p a.twitter_icon,.ysi-socialmedia-widget li a.twitter_icon,.ysi-socialmedia-widget p a.twitter_icon{background:#2CAAE1;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.twitter_icon:hover,ul.ysi-socialmedia-icons p a.twitter_icon:hover,ul.ysi-socialmedia-popover-icons li a.twitter_icon:hover,ul.ysi-socialmedia-popover-icons p a.twitter_icon:hover,.ysi-socialmedia-widget li a.twitter_icon:hover,.ysi-socialmedia-widget p a.twitter_icon:hover{background:#2fb4ed}ul.ysi-socialmedia-icons li a.pinterest_icon,ul.ysi-socialmedia-icons p a.pinterest_icon,ul.ysi-socialmedia-popover-icons li a.pinterest_icon,ul.ysi-socialmedia-popover-icons p a.pinterest_icon,.ysi-socialmedia-widget li a.pinterest_icon,.ysi-socialmedia-widget p a.pinterest_icon{background:#C13238;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.pinterest_icon:hover,ul.ysi-socialmedia-icons p a.pinterest_icon:hover,ul.ysi-socialmedia-popover-icons li a.pinterest_icon:hover,ul.ysi-socialmedia-popover-icons p a.pinterest_icon:hover,.ysi-socialmedia-widget li a.pinterest_icon:hover,.ysi-socialmedia-widget p a.pinterest_icon:hover{background:#cc353a}ul.ysi-socialmedia-icons li a.instagram_icon,ul.ysi-socialmedia-icons p a.instagram_icon,ul.ysi-socialmedia-popover-icons li a.instagram_icon,ul.ysi-socialmedia-popover-icons p a.instagram_icon,.ysi-socialmedia-widget li a.instagram_icon,.ysi-socialmedia-widget p a.instagram_icon{background:#49709b;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.instagram_icon:hover,ul.ysi-socialmedia-icons p a.instagram_icon:hover,ul.ysi-socialmedia-popover-icons li a.instagram_icon:hover,ul.ysi-socialmedia-popover-icons p a.instagram_icon:hover,.ysi-socialmedia-widget li a.instagram_icon:hover,.ysi-socialmedia-widget p a.instagram_icon:hover{background:#608bba}ul.ysi-socialmedia-icons li a.linkedin_icon,ul.ysi-socialmedia-icons p a.linkedin_icon,ul.ysi-socialmedia-popover-icons li a.linkedin_icon,ul.ysi-socialmedia-popover-icons p a.linkedin_icon,.ysi-socialmedia-widget li a.linkedin_icon,.ysi-socialmedia-widget p a.linkedin_icon{background:#005a87;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.linkedin_icon:hover,ul.ysi-socialmedia-icons p a.linkedin_icon:hover,ul.ysi-socialmedia-popover-icons li a.linkedin_icon:hover,ul.ysi-socialmedia-popover-icons p a.linkedin_icon:hover,.ysi-socialmedia-widget li a.linkedin_icon:hover,.ysi-socialmedia-widget p a.linkedin_icon:hover{background:#0472a5}ul.ysi-socialmedia-icons li a.youtube_icon,ul.ysi-socialmedia-icons p a.youtube_icon,ul.ysi-socialmedia-popover-icons li a.youtube_icon,ul.ysi-socialmedia-popover-icons p a.youtube_icon,.ysi-socialmedia-widget li a.youtube_icon,.ysi-socialmedia-widget p a.youtube_icon{background:#c9322b;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.youtube_icon:hover,ul.ysi-socialmedia-icons p a.youtube_icon:hover,ul.ysi-socialmedia-popover-icons li a.youtube_icon:hover,ul.ysi-socialmedia-popover-icons p a.youtube_icon:hover,.ysi-socialmedia-widget li a.youtube_icon:hover,.ysi-socialmedia-widget p a.youtube_icon:hover{background:#dd3830}ul.ysi-socialmedia-icons li a.yelp_icon,ul.ysi-socialmedia-icons p a.yelp_icon,ul.ysi-socialmedia-popover-icons li a.yelp_icon,ul.ysi-socialmedia-popover-icons p a.yelp_icon,.ysi-socialmedia-widget li a.yelp_icon,.ysi-socialmedia-widget p a.yelp_icon{background:#DE3C43;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.yelp_icon:hover,ul.ysi-socialmedia-icons p a.yelp_icon:hover,ul.ysi-socialmedia-popover-icons li a.yelp_icon:hover,ul.ysi-socialmedia-popover-icons p a.yelp_icon:hover,.ysi-socialmedia-widget li a.yelp_icon:hover,.ysi-socialmedia-widget p a.yelp_icon:hover{background:#ea3f45}ul.ysi-socialmedia-icons li a.snapchat_icon,ul.ysi-socialmedia-icons p a.snapchat_icon,ul.ysi-socialmedia-popover-icons li a.snapchat_icon,ul.ysi-socialmedia-popover-icons p a.snapchat_icon,.ysi-socialmedia-widget li a.snapchat_icon,.ysi-socialmedia-widget p a.snapchat_icon{background:#E0E237;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.snapchat_icon:hover,ul.ysi-socialmedia-icons p a.snapchat_icon:hover,ul.ysi-socialmedia-popover-icons li a.snapchat_icon:hover,ul.ysi-socialmedia-popover-icons p a.snapchat_icon:hover,.ysi-socialmedia-widget li a.snapchat_icon:hover,.ysi-socialmedia-widget p a.snapchat_icon:hover{background:#efef39}ul.ysi-socialmedia-icons li a.more-social-icons,ul.ysi-socialmedia-icons p a.more-social-icons,ul.ysi-socialmedia-popover-icons li a.more-social-icons,ul.ysi-socialmedia-popover-icons p a.more-social-icons,.ysi-socialmedia-widget li a.more-social-icons,.ysi-socialmedia-widget p a.more-social-icons{background:#6e6e6e;-moz-transition:background-color 1s 0.5s,color 1s;-o-transition:background-color 1s 0.5s,color 1s;-webkit-transition:background-color 1s 0.5s,color 1s;transition:background-color 1s 0.5s,color 1s}ul.ysi-socialmedia-icons li a.more-social-icons:hover,ul.ysi-socialmedia-icons p a.more-social-icons:hover,ul.ysi-socialmedia-popover-icons li a.more-social-icons:hover,ul.ysi-socialmedia-popover-icons p a.more-social-icons:hover,.ysi-socialmedia-widget li a.more-social-icons:hover,.ysi-socialmedia-widget p a.more-social-icons:hover{background:#888888}.ysi-socialmedia-widget ul{padding-left:0;list-style:none}.ysi-socialmedia-widget p{margin-bottom:0}.ysi-socialmedia-widget.icon-white ul li a,.ysi-socialmedia-widget.icon-white p a{color:#fff;background:none}.ysi-socialmedia-widget.icon-white ul li a:hover,.ysi-socialmedia-widget.icon-white p a:hover{color:#f8f9fa;background:none}.ysi-socialmedia-widget.icon-light ul li a,.ysi-socialmedia-widget.icon-light p a{color:#f8f9fa;background:none}.ysi-socialmedia-widget.icon-light ul li a:hover,.ysi-socialmedia-widget.icon-light p a:hover{color:#fff;background:none}.ysi-socialmedia-widget.icon-dark ul li a,.ysi-socialmedia-widget.icon-dark p a{color:#343a40;background:none}.ysi-socialmedia-widget.icon-dark ul li a:hover,.ysi-socialmedia-widget.icon-dark p a:hover{color:#0056b3;background:none}.ysi-socialmedia-widget.icon-primary ul li a,.ysi-socialmedia-widget.icon-primary p a{color:#c03258;background:none}.ysi-socialmedia-widget.icon-primary ul li a:hover,.ysi-socialmedia-widget.icon-primary p a:hover{color:#c03258;background:none}.ysi-socialmedia-widget.icon-secondary ul li a,.ysi-socialmedia-widget.icon-secondary p a{color:#137ca8;background:none}.ysi-socialmedia-widget.icon-secondary ul li a:hover,.ysi-socialmedia-widget.icon-secondary p a:hover{color:#137ca8;background:none}.ysi-socialmedia-widget.background-light ul li a,.ysi-socialmedia-widget.background-light p a{background-color:#f8f9fa}.ysi-socialmedia-widget.background-light ul li a:hover,.ysi-socialmedia-widget.background-light p a:hover{background-color:#f8f9fa}.ysi-socialmedia-widget.background-dark ul li a,.ysi-socialmedia-widget.background-dark p a{background-color:#000}.ysi-socialmedia-widget.background-dark ul li a:hover,.ysi-socialmedia-widget.background-dark p a:hover{background-color:#000}.ysi-socialmedia-widget.background-primary ul li a,.ysi-socialmedia-widget.background-primary p a{background-color:#c03258}.ysi-socialmedia-widget.background-primary ul li a:hover,.ysi-socialmedia-widget.background-primary p a:hover{background-color:#c03258}.ysi-socialmedia-widget.background-secondary ul li a,.ysi-socialmedia-widget.background-secondary p a{background-color:#137ca8}.ysi-socialmedia-widget.background-secondary ul li a:hover,.ysi-socialmedia-widget.background-secondary p a:hover{background-color:#137ca8}.ysi-socialmedia-widget.rounded ul li a,.ysi-socialmedia-widget.rounded p a{border-radius:50px}.ysi-socialmedia-widget.square ul li a,.ysi-socialmedia-widget.square p a{border-radius:0px}.ysi-socialmedia-widget.regular ul li a,.ysi-socialmedia-widget.regular p a{font-size:1.2rem;width:45px;height:45px}.ysi-socialmedia-widget.large ul li a,.ysi-socialmedia-widget.large p a{font-size:2.5rem;width:60px;height:60px;line-height:1.5}.ysi-socialmedia-widget.horizontal ul,.ysi-socialmedia-widget.horizontal p{line-height:10px}.ysi-socialmedia-widget.horizontal ul li,.ysi-socialmedia-widget.horizontal p li{display:inline-block}.ysi-socialmedia-widget.vertical ul li,.ysi-socialmedia-widget.vertical p{margin:3px 0}.ysi-socialmedia-widget.outline-light ul li a,.ysi-socialmedia-widget.outline-light p a{border:1px solid #f8f9fa;background:none}.ysi-socialmedia-widget.outline-light ul li a:hover,.ysi-socialmedia-widget.outline-light p a:hover{border:1px solid #fff;background:none}.ysi-socialmedia-widget.outline-dark ul li a,.ysi-socialmedia-widget.outline-dark p a{border:1px solid #343a40;background:none;color:#343a40}.ysi-socialmedia-widget.outline-dark ul li a:hover,.ysi-socialmedia-widget.outline-dark p a:hover{border:1px solid #343a40;background:none;color:#343a40}.ysi-socialmedia-widget.outline-primary ul li a,.ysi-socialmedia-widget.outline-primary p a{border:1px solid #c03258}.ysi-socialmedia-widget.outline-primary ul li a:hover,.ysi-socialmedia-widget.outline-primary p a:hover{border:1px solid #c03258}.ysi-socialmedia-widget.outline-secondary ul li a,.ysi-socialmedia-widget.outline-secondary p a{border:1px solid #137ca8}.ysi-socialmedia-widget.outline-secondary ul li a:hover,.ysi-socialmedia-widget.outline-secondary p a:hover{border:1px solid #137ca8}.ysi-socialmedia-widget.left,.ysi-socialmedia-widget.right{position:fixed;z-index:5;top:0;padding:0 3px}.ysi-socialmedia-widget.left{left:0}.ysi-socialmedia-widget.right{right:0}.ysi-socialmedia-share.horizontal ul{float:inherit}.ysi-socialmedia-share.horizontal ul li{float:inherit;margin-left:0.25rem}.ysi-socialmedia-share.horizontal ul li a.more-social-icons{height:20px;line-height:1;margin:0;background:#c7c7c7;color:#6e6e6e}.ysi-socialmedia-follow.horizontal{line-height:0}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons{display:inline-flex}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons li{margin-right:0.4rem}.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-icons li a,.ysi-socialmedia-follow.horizontal ul.ysi-socialmedia-popover-icons li a{width:auto;height:auto;line-height:initial}ul.ysi-socialmedia-icons li a.ysi-share,ul.ysi-socialmedia-popover-icons li a.ysi-share,.ysi-socialmedia-share p a.ysi-share{font:11px/18px 'Helvetica Neue', Arial, sans-serif;color:#fff;background:#6e6e6e;height:20px;line-height:18px;padding:1px 8px 1px 6px;border:none;border-radius:3px;outline:0;width:unset;height:unset}ul.ysi-socialmedia-icons li a.ysi-share:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share:hover,.ysi-socialmedia-share p a.ysi-share:hover{text-decoration:none}ul.ysi-socialmedia-icons li a.ysi-share i,ul.ysi-socialmedia-popover-icons li a.ysi-share i,.ysi-socialmedia-share p a.ysi-share i{margin-right:.3em;font-size:1.2em}ul.ysi-socialmedia-icons li a.ysi-share.facebook,ul.ysi-socialmedia-popover-icons li a.ysi-share.facebook,.ysi-socialmedia-share p a.ysi-share.facebook{background:#4267b2}ul.ysi-socialmedia-icons li a.ysi-share.facebook:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share.facebook:hover,.ysi-socialmedia-share p a.ysi-share.facebook:hover{background:#365899}ul.ysi-socialmedia-icons li a.ysi-share.twitter,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter,.ysi-socialmedia-share p a.ysi-share.twitter{background:#1b95e0}ul.ysi-socialmedia-icons li a.ysi-share.twitter:hover,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter:hover,.ysi-socialmedia-share p a.ysi-share.twitter:hover{background:#0c7abf}ul.ysi-socialmedia-icons li a.ysi-share.twitter i,ul.ysi-socialmedia-popover-icons li a.ysi-share.twitter i,.ysi-socialmedia-share p a.ysi-share.twitter i{font-size:inherit}ul.ysi-socialmedia-icons li a.ysi-share.pinterest,ul.ysi-socialmedia-popover-icons li a.ysi-share.pinterest,.ysi-socialmedia-share p a.ysi-share.pinterest{background:#C13238}ul.ysi-socialmedia-icons li a.ysi-share.pinterest i,ul.ysi-socialmedia-popover-icons li a.ysi-share.pinterest i,.ysi-socialmedia-share p a.ysi-share.pinterest i{font-size:inherit}ul.ysi-socialmedia-icons li a.ysi-share.linkedin,ul.ysi-socialmedia-popover-icons li a.ysi-share.linkedin,.ysi-socialmedia-share p a.ysi-share.linkedin{background:#005a87}@media (max-width: 991.98px){.d-md-none-down{display:none !important}}</style> <div class="ysi-socialmedia-widget ysi-socialmedia-wrapper ysi-socialmedia-link mt-3 horizontal icon-white text-center"> <ul class="ysi-socialmedia-icons" data-selenium-id="socialmedia04"> <li class="social-media-facebook "> <a href="https://www.facebook.com/Iamaddictedtostarwars/" target="_blank" aria-label="Facebook, opens in new tab" rel="noopener" data-selenium-id="SM_FaceBookIcon" class="facebook_icon"> <span aria-hidden="true" class="nu nu-secondary_facebook_logo fab fa-facebook-f"></span> </a> </li> <li class="social-media-twitter "> <a href="https://twitter.com/starwars?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank" aria-label="X (formerly Twitter), opens in new tab" rel="noopener" data-selenium-id="SM_TwitterIcon" class="twitter_icon"> <span aria-hidden="true" class="nu nu-twitter_logo fab fa-twitter"></span> </a> </li> <li class="social-media-pinterest "> <a href="https://www.pinterest.com/explore/star-wars/?lp=true" target="_blank" aria-label="Pinterest, opens in new tab" rel="noopener" data-selenium-id="SM_PinterestIcon" class="pinterest_icon"> <span aria-hidden="true" class="fab fa-pinterest"></span> </a> </li> </ul> </div> <div class="ysi-socialmedia-widget ysi-socialmedia-popover-wrapper d-none"> <ul class="ysi-socialmedia-popover-icons list-inline text-center list-inline"> </ul> </div> </div> </div></div></div> <div style="background-color:#0e111b !important" class="pt-5 text-white se-custom-bgcolor"><div class="container-fluid"><div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-center col-12"><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/footerlinks-widget.134292782880000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/footerlinks-widget.134292782880000000.css"></noscript> <ul class="ysi-footer-links list-unstyled inline text-uppercase text-xs"> <li class="py-2 py-sm-0"><a class="color-inherit" href="https://tranceterraces-thecafesandbox.securecafe.com/residentservices/trance-terraces/userlogin.aspx?dropdownlangid=999" target="_blank" data-selenium-id="SID_footer_ResidentLogin"> Resident Login <span class="sr-only">Opens in a new tab</span></a></li> <li class="py-2 py-sm-0"><a class="color-inherit" href="https://tranceterraces-thecafesandbox.securecafe.com/onlineleasing/trance-terraces/guestlogin.aspx?dropdownlangid=999" target="_blank" data-selenium-id="SID_footer_ApplicantLogin"> Applicant Login <span class="sr-only">Opens in a new tab</span></a></li> <li class="py-2 py-sm-0"> <a class="color-inherit" href="/termsandconditions" target="_blank" data-selenium-id="SID_footer_termsandconditions"> Terms and Conditions <span class="sr-only">Opens in a new tab</span> </a> </li> <li class="py-2 py-sm-0"> <a class="color-inherit" href="/privacypolicy" target="_blank" data-selenium-id="SID_footer_privacypolicy"> Privacy Policy <span class="sr-only">Opens in a new tab</span> </a> </li> <li class="py-2 py-sm-0"> <a class="color-inherit" href="/contactus" data-selenium-id="SID_footer_contactus"> Contact Us </a> </li> <li class="py-2 py-sm-0"> <a class="color-inherit" href="/accessibility" target="_blank" data-selenium-id="SID_footer_accessibility"> Accessibility Statement <span class="sr-only">Opens in a new tab</span> </a> </li> </ul> <script language="javascript"> function translatepage() { var url1 = window.location; var lang1 = (navigator.language || navigator.userLanguage); var e = (document.charset || document.characterSet); var urlf = 'https://translate.google.com/translate?prev=hp&hl=en&js=y&u=' + url1 + '&sl=' + e + '&tl=' + lang1 + '&history_state0='; window.open(urlf); } </script> </div> </div></div></div> <div style="background-color:#0e111b !important" class="text-white se-custom-bgcolor"><div class="container-fluid"><div class="row"> <div class="justify-content-start align-items-stretch flex-column d-flex text-center col-12"> <div class="ysi-copyright"> <svg role="img" alt="Equal housing opportunity" aria-labelledby="svgeho" focusable="false" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1em" height=".884em" viewbox="0 0 15.2 10.72"> <title id="svgeho">Equal housing opportunity</title> <defs><style> .cls-1 { fill-rule: evenodd; } </style></defs> <path class="cls-1" d="M7.54,0,0,3.72V5.46H.84V10.7H14.19V5.46h1V3.72Zm5,9.12H2.48V4.34l5.06-2.6,5,2.6Z"></path> <polygon class="cls-1" points="9.85 6.02 5.18 6.02 5.18 4.34 9.85 4.34 9.85 6.02 9.85 6.02"></polygon> <polygon class="cls-1" points="9.85 8.44 5.18 8.44 5.18 6.76 9.85 6.76 9.85 8.44 9.85 8.44"></polygon> </svg> <span id="footerText" data-selenium-id="customCopyrightText">©2026</span> <span> | <span>Powered by RentCafe </span>(© <span>2026 </span> Yardi Systems, Inc.<span> All Rights Reserved.</span>)</span> </div> </div> </div></div></div> <div style="background-color:#0e111b !important" class="pt-4 pb-5 se-custom-bgcolor"><div class="container-fluid"><div class="row justify-content-center"> <div class="justify-content-start align-items-center flex-column d-flex text-center col-12"></div> </div></div></div> </footer> <script> // Set visited timestamp, regardless of whether a nudge is on this page let visited = localStorage.getItem('timestamp'); if (!visited) { localStorage.setItem('timestamp', new Date().getTime()); } let innerPage = document.getElementById("innerpage"); // We check if device uses common breakpoint 767px, has touch capabilities, or supports DocumentTouch interface (supported by some older mobile browsers) let isMobileorTablet = window.matchMedia('(max-width: 767px)').mactches || ('ontouchstart' in window) || (window.DocumentTouch && document instanceof window.DocumentTouch); if (innerPage && !isMobileorTablet) { console.log('Not mobile or tablet'); let mainEle = document.querySelector("main"); let bannerImg = mainEle.previousElementSibling; if (bannerImg.classList.contains("fixed-background") && !bannerImg.classList.contains("ysi-innerpage-banner")) { console.log("No Banner Image Widget") bannerImg.classList.add("center-top"); let nudgeEle = document.getElementById("nudgeTop"); let menuEle = document.querySelector(".sticky-top"); function updateBackgroundPosition() { /* *We use the height of the nudge to correct *the position of the banner image when set to parallax */ let menuHeight = menuEle.offsetHeight; let nudgeHeight = nudgeEle.offsetHeight; bannerImg.style.backgroundPositionY = (nudgeHeight + menuHeight) + 'px'; } // Update background position updateBackgroundPosition(); // Update if window resized //window.addEventListener("resize", updateBackgroundPosition); // We chech for changes in the nudge widget let resizeObserver = new ResizeObserver(() => { updateBackgroundPosition(); }); resizeObserver.observe(nudgeEle); // We remove the classes that cause bg image to blow out bannerImg.classList.remove("cover", "center-center") }; } </script> <yardi-widget-craigslist /> <script> ysi.SiteId = 'NTQ3MQ%3d%3d-ymUavYKfd8U%3d'; ysi.registerCallback(function () { ysi.SiteId='NTQ3MQ%3d%3d-ymUavYKfd8U%3d'; if (window.location.search ) { if (window.location.search.includes("touchpoint")) { if (!ysi.cookie.read('Propleadtouchpoint_' + 624396)) { var urlParams = new URLSearchParams(window.location.search); urlParams.forEach(function (value, key) { if (key == "touchpoint" && value.length > 0) { ysi.cookie.create("Propleadtouchpoint_" + 624396, value, 0.0138889); } }); } } if (window.location.search.includes("conversationguid")) { var urlParams = new URLSearchParams(window.location.search); urlParams.forEach(function (value, key) { if (key == "conversationguid" && value.length > 0 && value.length != "undefined") { var conversationguidval = value; ysi.cookie.create("cgid", conversationguidval, 0.0138889); } }); } if (window.location.search.includes("ccpid")) { if (!ysi.cookie.read('ccpid_' + 624396)) { var urlParams = new URLSearchParams(window.location.search); urlParams.forEach(function (value, key) { if (key == "ccpid" && value.length > 0) { ysi.cookie.create("ccpid_" + 624396, value, 0.0138889); } }); } } } }); </script> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/map-widget.134292782880000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/map-widget.134292782880000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/map-local-area.134292782880000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/map-local-area.134292782880000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/testimonials-widget.134292782880000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/testimonials-widget.134292782880000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/address-widget.134292782880000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/address-widget.134292782880000000.css"></noscript> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.modal.134292779760000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/map-widget-modals.134292779700000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.bsn.134292779750000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.lib.134292779760000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.smartclasses.134292779760000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/siteeditor-preview.134292779650000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/incompatible-browser.134292779620000000.js" nomodule="nomodule"></script> <script src="https://cdngeneralmvc.rentcafe.com/admin/admin-area.js" defer="defer"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/focus-scroll-visible.134292779680000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.bootstrap.carousel.134292779740000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/socialmedia-widget.134292779730000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.tab.134292779760000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/map-Local-Area.134292779690000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/menu.134292779700000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/map-local-area-tabs.134292779700000000.js"></script> <script>ysi.serviceworker={register:function(){if("serviceWorker"in navigator){let e=document.getElementById("mainCSS"),r=e?encodeURI(e.getAttribute("href")):"",i=r?r.substr(r.indexOf(".")+1,r.lastIndexOf(".")-r.indexOf(".")-1):"",s=document.querySelectorAll("[data-name=property-logo]")[0],t=s?"PICTURE"===s.tagName?s.getElementsByTagName("img")[0].src:s.src:"",o="/serviceworker.js?version="+i+"&css="+r+"&logo="+(t=t?encodeURI(t):"")+"&serviceworker=1";navigator.serviceWorker.register(o)}}},ysi.serviceworker&&ysi.serviceworker.register();</script> <!-- <yardi-add-sass path="widgets/go-to-top" async="true" /> --> <div id="goToTop" role="complementary" aria-labelledby="gototoparialabel"> <button data-selenium-id="btngototop" class="btn btn-dark border-0 "><svg width="16px" height="26px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z" /></svg><span class="sr-only" id="gototoparialabel">Go to top</span></button> </div> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/go-to-top.134292779680000000.js" defer="defer"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.localstorage.134292779760000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/adwords_gadid.134292779570000000.js"></script> <style> :root { --helpwidget-background-color: #000000; --helpwidget-outline-color: #ffffff; } </style> <div id="help-widget" class="w-100 widget-right" role="complementary" aria-label="Front desk - how can we help you?"> <input type="hidden" name="propertyid" id="propertyid" value="624396"> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/help-widget-default.134292782880000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/help-widget-default.134292782880000000.css"></noscript> <!---START: Layout horizontal---> <!---NOTE: .frontdesk-animation is used for animation. Remove class if you want to remove animation---> <div id="frontDesk-widget-horizontal" class="frontDesk-widget-horizontal horizontal position-fixed d-flex frontdesk-animation"> <button id="btnFrontDesk" type="button" class="btn btn-primary hide-frontDesk-widget animation-bell bell" aria-expanded="false" data-selenium-id="showHidefrontDeskWidget"> <span class="d-block bounce-dot"></span> <span class="btn-bell d-inline-block"> <span class="fas fa-concierge-bell" aria-hidden="true"></span> <span class="sr-only">Front desk options </span> </span> </button> <div id="frontDesk-widget-wrapper" class="frontDesk-widget-wrapper close-widget"> <!-- Email Us - modal --> <button id="email-us-btn" data-modal-url="/contactus?IsDialog=1&IsFrontDesk=true" type="button" class="btn btn-primary email-us-btn widget-btns trigger-popup" data-selenium-id="emailUs" data-toggle="tooltip" data-placement="top" data-animation="true" data-title="Email Us"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" stroke-width="2"><g stroke-width="2" transform="translate(0, 0)"><polyline data-cap="butt" data-color="color-2" points="1.614 3.558 12 13 22.385 3.559" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="2" stroke-linecap="butt" stroke-linejoin="miter"></polyline> <rect x="1" y="3" width="22" height="18" rx="2" ry="2" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect></g></svg><span class='sr-only'>Email Us</span></button> <!-- Call Us - mobile --> <a id="call-us-btn-phone" href="tel:(919) 123-6745" onclick="callusGA4trackM();" role="button" class="btn btn-primary click-to-call-href click-to-call-title call-us-btn widget-btns d-inline-block d-md-none" data-selenium-id="callUsPhone" data-toggle="tooltip" data-placement="top" data-animation="true" data-title="Call Us at (919) 123-6745"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 48 48" stroke-width="4"><g stroke-width="4" transform="translate(0, 0)"><path d="M31.041,28.94l-3.423,4.279A36.116,36.116,0,0,1,14.782,20.384l4.279-3.423a2.908,2.908,0,0,0,.84-3.45L16,4.728a2.908,2.908,0,0,0-3.39-1.635L5.186,5.019A2.925,2.925,0,0,0,3.028,8.25,43.142,43.142,0,0,0,39.751,44.973a2.925,2.925,0,0,0,3.23-2.158l1.926-7.425A2.91,2.91,0,0,0,43.273,32l-8.782-3.9A2.907,2.907,0,0,0,31.041,28.94Z" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="4" stroke-linejoin="miter"></path></g></svg><span class='sr-only'>Call Us</span></a> <!-- Call Us - desktop --> <button id="call-us-btn" aria-label="Call Us" type="button" class="btn btn-primary click-to-call-title call-us-btn widget-btns trigger-popup d-none d-md-inline-block" data-selenium-id="callUsDesktop" data-toggle="tooltip" data-placement="top" data-animation="true" data-title="Call Us at (919) 123-6745"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 48 48" stroke-width="4"><g stroke-width="4" transform="translate(0, 0)"><path d="M31.041,28.94l-3.423,4.279A36.116,36.116,0,0,1,14.782,20.384l4.279-3.423a2.908,2.908,0,0,0,.84-3.45L16,4.728a2.908,2.908,0,0,0-3.39-1.635L5.186,5.019A2.925,2.925,0,0,0,3.028,8.25,43.142,43.142,0,0,0,39.751,44.973a2.925,2.925,0,0,0,3.23-2.158l1.926-7.425A2.91,2.91,0,0,0,43.273,32l-8.782-3.9A2.907,2.907,0,0,0,31.041,28.94Z" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="4" stroke-linejoin="miter"></path></g></svg></button> <!-- Schedule tour --> <button id="schedule-a-tour-btn" data-modal-url="/scheduletour?IsDialog=true" type="button" class="btn btn-primary schedule-a-tour-btn widget-btns trigger-popup" data-selenium-id="scheduleTour" data-toggle="tooltip" data-placement="top" data-animation="true" data-title="Schedule a Tour"><svg focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" stroke-width="2"><g stroke-width="2" transform="translate(0, 0)"><rect data-color="color-2" x="5" y="12" width="2" height="1" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="11" y="12" width="2" height="1" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="5" y="17" width="2" height="1" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="11" y="17" width="2" height="1" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="17" y="12" width="2" height="1" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <rect data-color="color-2" data-stroke="none" x="5" y="12" width="2" height="1" fill="#ffffff"></rect> <rect data-color="color-2" data-stroke="none" x="11" y="12" width="2" height="1" fill="#ffffff"></rect> <rect data-color="color-2" data-stroke="none" x="5" y="17" width="2" height="1" fill="#ffffff"></rect> <rect data-color="color-2" data-stroke="none" x="11" y="17" width="2" height="1" fill="#ffffff"></rect> <rect data-color="color-2" data-stroke="none" x="17" y="12" width="2" height="1" fill="#ffffff"></rect> <rect x="1" y="3" width="22" height="19" rx="2" ry="2" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></rect> <line x1="6" y1="1" x2="6" y2="4" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></line> <line x1="18" y1="1" x2="18" y2="4" fill="none" stroke="#ffffff" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="miter"></line> <line x1="1" y1="8" x2="23" y2="8" fill="none" stroke="#ffffff" stroke-miterlimit="10" stroke-width="2"></line></g></svg><span class='sr-only'>Schedule a Tour</span></button> </div> </div> <!---END: Layout horizontal---> <!--- Show/Hide aria-label for Front Desk button ---> <script> (function (d) { "use strict"; function updateBtnFrontDeskAriaLabel(btn) { if (!btn || btn.id !== "btnFrontDesk") return; var expanded = btn.getAttribute("aria-expanded"); btn.setAttribute("aria-label", expanded === "true" ? "Hide Front Desk" : "Show Front Desk"); } function init() { var btn = d.getElementById("btnFrontDesk"); if (!btn) return; updateBtnFrontDeskAriaLabel(btn); if (window.MutationObserver) { var observer = new MutationObserver(function () { updateBtnFrontDeskAriaLabel(btn); }); observer.observe(btn, { attributes: true, attributeFilter: ["aria-expanded"] }); } } if (d.readyState === "loading") d.addEventListener("DOMContentLoaded", init); else init(); })(document); </script> <style> :root { --helpwidget-window-x-offset: 0px; --helpwidget-window-y-offset: 0px; } </style> <!--START Modal: Contact Us / Email Us --> <div id="email-us-window" class="popup-widgets-window draggable scrollable "> <div class="popup-content"> <div class="popup-header modal-header"> <h2 class="m-0 text-truncate">Contact Us </h2> <button class="close" aria-label="Close this dialog window" data-selenium-id="close"> <span aria-hidden="true" class="fa fa-times"></span></button> </div> <div id="help-widget-email-modal-body" class="popup-body p-4"> </div> </div> </div> <!--END Modal: Contact Us / Email Us --> <!--START Modal: Call Us --> <div id="call-us-window" class="popup-widgets-window draggable scrollable "> <div class="popup-content"> <div class="popup-header modal-header"> <h2 class="m-0 text-truncate">Call Us</h2> <button class="close" aria-label="Close this dialog window" data-selenium-id="close"> <span aria-hidden="true" class="fa fa-times"></span></button> </div> <div class="popup-body p-4 text-center"> <strong class="text-xl mb-4 d-block"> <style>.mobile-only .click-to-call{display:none}</style> <div class="ysi-phone-widget ysi-phone-wrapper"> <div class="d-inline-flex"> <a data-selenium-id="click_to_call" onclick="fireGaPhone()" href="tel:(919) 123-6745" aria-label="Call Trance Terraces at (919) 123-6745" class="ysi-phone-number click-to-call-href text-decoration-none color-inherit " data-selenium-id="click-to-call"> <span aria-hidden="true" class="fa-flip-horizontal fas fa-phone mobile-phone-icon"></span> <span class="click-to-call ml-2 text-underline">(919) 123-6745</span> </a> </div> </div> <script> function fireGaPhone() { if (typeof gtag != 'undefined') { var myPage = location.pathname.replace("/", ""); if (myPage == "") { myPage = "index"; } if (false ) { var propertyName = document.querySelector('meta[name="author"]').content; gtag('event', 'phone_call', { 'property_name': propertyName, 'page_name': document.title, 'page_url': window.location.href, 'header_phone_number': '(919) 123-6745'}); } gtag('event', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); gtag('rc.send', 'PhoneCall', { 'event_category': 'PhoneCall', 'event_action': 'PhoneClickHeader', 'event_label': myPage }); } } </script> </strong> <div class="ysi-office-hours-widget ysi-office-hours-wrapper"> <div class="d-inline-flex"> <div class="ysi-office-hours" data-selenium-id="SID_footer_officeHours"> <ul class="list-unstyled mb-0"> <li class=" "> <span class="office-hours-day" data-selenium-id="OHMonday">Monday: </span> <span class="office-hours-time" data-selenium-id="OHMondayTime">9:00 AM <span class="sr-only">to</span> - 6:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHTuesday">Tuesday: </span> <span class="office-hours-time" data-selenium-id="OHTuesdayTime">9:00 AM <span class="sr-only">to</span> - 6:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHWednesday">Wednesday: </span> <span class="office-hours-time" data-selenium-id="OHWednesdayTime">9:00 AM <span class="sr-only">to</span> - 6:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHThursday">Thursday: </span> <span class="office-hours-time" data-selenium-id="OHThursdayTime">9:00 AM <span class="sr-only">to</span> - 6:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHFriday">Friday: </span> <span class="office-hours-time" data-selenium-id="OHFridayTime">9:00 AM <span class="sr-only">to</span> - 6:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHSaturday">Saturday: </span> <span class="office-hours-time" data-selenium-id="OHSaturdayTime">10:00 AM <span class="sr-only">to</span> - 5:00 PM</span> </li> <li class=" "> <span class="office-hours-day" data-selenium-id="OHSunday">Sunday: </span> <span class="office-hours-time" data-selenium-id="OHSundayTime">1:00 PM <span class="sr-only">to</span> - 5:00 PM</span> </li> </ul> </div> </div> </div> </div> <div class="border-top px-4 py-4 text-center"> <div class="ysi-address-widget ysi-address-wrapper"> <div class="d-inline-flex"> <address class="ysi-address"> <a class="address-link color-inherit d-block" href="https://maps.google.com?q=66 Execute Order Ave Coroscant, CA 90210" target="_blank" rel="noreferrer"> <div itemprop="name" data-selenium-id="address_propname">Trance Terraces</div> <div itemprop="address"> <div data-selenium-id="address_street"> 66 Execute Order Ave </div> <div> <span data-selenium-id="address_city">Coroscant</span>, <span data-selenium-id="address_state">CA</span><span data-selenium-id="address_zip"> 90210</span> </div> </div> <span class="sr-only">Opens in a new tab</span> </a> </address> </div> </div> </div> </div> </div> <!--END Modal: Call Us --> <input type="hidden" name="urlpattern" id="helpwidget-urlpattern" value=""> <!-- START Modal: RentCafe Conversations --> <div id="rentcafe-conversations-window" class="popup-widgets-window draggable scrollable " > <div class="popup-content"> <div class="popup-header modal-header"> <h2 class="rentcafe-conversations-title m-0 text-truncate">Chat With Us</h2> <button id="rentcafe-conversations-menu" class="menu d-none" aria-label="Show menu for this dialog window"><i class="fas fa-ellipsis-h" aria-hidden="true"></i></button> <button class="close" aria-label="Close this dialog window" data-selenium-id="close"> <span aria-hidden="true" class="fa fa-times"></span></button> </div> <div id="rentcafe-conversations-modal-body" class="popup-body p-4"> </div> </div> </div> <div id="schedule-a-tour-window" class="popup-widgets-window draggable scrollable "> <div class="popup-content"> <div class="popup-header modal-header"> <h2 class="m-0 text-truncate">Schedule A Tour</h2> <button class="close" aria-label="Close this dialog window" data-selenium-id="close"> <span aria-hidden="true" class="fa fa-times"></span></button> </div> <div id="help-widget-schedule-a-tour-modal-body" class="popup-body"> <!-- Modal content loaded here --> </div> </div> </div> </div> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.modal.134292779760000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/recaptcha-widget.134292779710000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/contactus.134292779670000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/contactmodal-widget.134292779660000000.js"></script> <script> function textGA4track(eventName) { if (typeof gtag != 'undefined') { gtag('event', eventName, { 'property_name': document.querySelector('meta[name="author"]').content, 'page_url': window.location.href, 'page_name': document.title, 'form_name': 'text_us', 'button_label': 'text_us' }); } } let chatBtn = document.querySelector('#rentcafe-conversations-webchat-btn'); if (chatBtn) { chatBtn.addEventListener('click', function () { if (typeof gtag != 'undefined') { gtag('event', 'rentcafe_chatbot', { 'property_name': document.querySelector('meta[name="author"]').content, 'page_url': window.location.href, 'page_name': document.title, 'form_name': 'chat', 'button_label': 'chat_with_us' }); } }); } let textUsBtn = document.querySelector('#text-us-btn'); if (textUsBtn) { textUsBtn.addEventListener('click', function () { textGA4track('front_desk'); }); } let rccTextUsBtn = document.querySelector('#rentcafe-conversations-sms-btn'); if (rccTextUsBtn) { rccTextUsBtn.addEventListener('click', function () { textGA4track('rentcafe_chatbot'); }); } let emailUsBtn = document.querySelector('#email-us-btn'); if (emailUsBtn) { emailUsBtn.addEventListener('click', function () { if (typeof gtag != 'undefined') { gtag('event', 'open_modal', { 'property_name': document.querySelector('meta[name="author"]').content, 'page_url': window.location.href, 'page_name': document.title, 'form_name': 'contact_us', 'button_label': 'email_us' }); } }); } // Desktop Call Us button let callUsDbtn = document.querySelector('#call-us-btn'); if (callUsDbtn) { callUsDbtn.addEventListener('click', function() { if (typeof gtag !== 'undefined') { gtag('event', 'open_modal', { 'property_name': document.querySelector('meta[name="author"]').content, 'page_url': window.location.href, 'page_name': document.title, 'form_name': 'call_us', 'button_label': 'call_us' }); } }); } // Schedule A Tour button let scheduleTourBtn = document.querySelector('#schedule-a-tour-btn'); if (scheduleTourBtn) { scheduleTourBtn.addEventListener('click', function() { if (typeof gtag !== 'undefined') { gtag('event', 'open_modal', { 'property_name': document.querySelector('meta[name="author"]').content, 'page_url': window.location.href, 'page_name': document.title, 'form_name': 'schedule_a_tour', 'button_label': 'schedule_a_tour' }); } }); } </script> <script data-rcc_conversations="widget" data-src="https://webchat.omni.cafe/webchatjs/912ebb68-ba9b-43de-a435-f77092d85f8e/app.js?nocache=1&gaTracking=&buttonbgcolor=000000&buttontextcolor=ffffff&chatheader=0&embed=false" id="rccAppScript" defer ></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/help-widget-rcc.134292779680000000.js"></script> <script> ysi.RCCSMSChannelUuid = ''; ysi.RCCDniUuids = JSON.parse("{\u0022208731\u0022:\u0022\u0022,\u0022301056\u0022:\u0022\u0022,\u00228332217596\u0022:\u0022\u0022,\u00228447787650\u0022:\u0022\u0022,\u0022259516\u0022:\u0022\u0022,\u00228333880289\u0022:\u0022\u0022,\u00228332205726\u0022:\u0022\u0022,\u00228332423315\u0022:\u0022\u0022,\u00228668507147\u0022:\u0022\u0022,\u00228336234981\u0022:\u0022\u0022,\u00228557298865\u0022:\u0022\u0022}"); </script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/help-widget.134292779690000000.js"></script> <!-- Nudge positioning --> <script> ysi.helpWidgetOverlapNudge = false; </script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/help-widget-nudge-positioning.134292779680000000.js"></script> <!-- ScheduleTourEnabled --> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/ysi.datepicker.134292782880000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/ysi.datepicker.134292782880000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/schedule-a-tour.134292782880000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/schedule-a-tour.134292782880000000.css"></noscript> <link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/help-widget-schedule-a-tour.134292782880000000.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/widgets/help-widget-schedule-a-tour.134292782880000000.css"></noscript> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.datepicker.134292779750000000.js" defer="defer"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/widgets/schedule-tour.134292779720000000.js" defer="defer"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/intltelinput.134292779620000000.js"></script> <script src="https://cdngeneralmvc.rentcafe.com/common/js/inttelphoneinput.134292779620000000.js"></script> <link href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/intlTelInput.134292782880000000.css" rel="stylesheet" type="text/css" /> <link data-href="https://cdngeneralmvc.rentcafe.com/css/scss/5471/miera/overlayscrollbar.134292782880000000.css" rel="stylesheet" type="text/css" id="overlayScrollbarStyle" /> <script src="https://cdngeneralmvc.rentcafe.com/common/js/ysi.scrollbars.134292779760000000.js"></script> <script data-src="https://cdngeneralmvc.rentcafe.com/common/js/overlayscrollbars.134292779640000000.js" data-delayload="true" id="overlayScrollbarScript" data-callback="load"></script> <script type="application/ld+json"> { "@context": "https://www.schema.org", "@type": [ "LocalBusiness", "ApartmentComplex" ], "url": "https://tranceterraces.thecafesandbox.com/", "logo": "https://resource.rentcafe.com/image/upload/q_auto,f_auto/s3/3/624396/1dc2_imperial_logo_dd.jpg", "image": "", "sameAs": [ "https://www.facebook.com/Iamaddictedtostarwars/", "https://twitter.com/starwars?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor", "https://www.pinterest.com/explore/star-wars/?lp=true" ], "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday" ], "opens": "09:00:00", "closes": "18:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Tuesday" ], "opens": "09:00:00", "closes": "18:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Wednesday" ], "opens": "09:00:00", "closes": "18:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Thursday" ], "opens": "09:00:00", "closes": "18:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Friday" ], "opens": "09:00:00", "closes": "18:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Saturday" ], "opens": "10:00:00", "closes": "17:00:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Sunday" ], "opens": "13:00:00", "closes": "17:00:00" } ], "name": "Trance Terraces", "address": { "@type": "PostalAddress", "addressLocality": "Coroscant", "addressRegion": "CA", "addressCountry": "US", "postalCode": "90210", "streetAddress": "66 Execute Order Ave" }, "telephone": "(919) 123-4532", "hasMap": "" }</script> <yardi-widget-siteeditorscript /> </body> </html>