CINXE.COM
Home Value Affordability - How Much Home Can You Afford | CENTURY 21 Residential Real Estate
<!doctype html> <html lang="en"> <head> <link rel="preconnect" href="//www.googletagmanager.com" crossorigin="anonymous"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta name="theme-color" content="#ffffff"> <meta name="msapplication-TileColor" content="#00a300"> <meta name="msapplication-TileColor" content="#ffc40d"> <meta name="msapplication-TileImage" content="/build/assets/images/favicon/mstile-144x144.png"> <link rel="apple-touch-icon" sizes="57x57" href="/build/assets/images/favicon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="114x114" href="/build/assets/images/favicon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="72x72" href="/build/assets/images/favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="144x144" href="/build/assets/images/favicon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="60x60" href="/build/assets/images/favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="120x120" href="/build/assets/images/favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="76x76" href="/build/assets/images/favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="152x152" href="/build/assets/images/favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/build/assets/images/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/build/assets/images/favicon/favicon-196x196.png" sizes="196x196"> <link rel="icon" type="image/png" href="/build/assets/images/favicon/favicon-160x160.png" sizes="160x160"> <link rel="icon" type="image/png" href="/build/assets/images/favicon/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/build/assets/images/favicon/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/build/assets/images/favicon/favicon-32x32.png" sizes="32x32"> <link rel="mask-icon" href="/build/assets/images/favicon/safari-pinned-tab.svg" color="#252526"> <link rel="manifest" href="/manifest.json"> <link rel="canonical" href="https://www.century21.com/buyingadvice/lookingforahome/afford" /> <meta property="og:image" content="https://www.century21.com/build/assets/images/resources/buying-advice-header.jpg"> <meta name="title" content="Home Value Affordability - How Much Home Can You Afford | CENTURY 21 Residential Real Estate"> <meta name="description" content=""/> <meta name="keywords" content=""/> <title>Home Value Affordability - How Much Home Can You Afford | CENTURY 21 Residential Real Estate</title> <link rel="stylesheet" href="/build/app.31f9de0f.css" data-turbo-track="reload"> <link rel="stylesheet" href="/build/app-content.bb9613e8.css" data-turbo-track="reload"> <script src="/build/runtime.eb8d759b.js" defer data-turbo-track="reload"></script><script src="/build/6034.24bc2dd9.js" defer data-turbo-track="reload"></script><script src="/build/9041.772ff586.js" defer data-turbo-track="reload"></script><script src="/build/app.7142874c.js" defer data-turbo-track="reload"></script> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <script> window.g_recaptchaLoaded = false; // noinspection JSUnusedGlobalSymbols function recaptchaCallback() { window.g_recaptchaLoaded = true; /** @var textAreaCheck {HTMLTextAreaElement} */ try { window.g_recaptchaHandle = window.grecaptcha.enterprise.render('global-grecaptcha-badge', { 'sitekey': '6Lfr0b8eAAAAAKn7NS5Ess3kImN-pjAnU2R3FQon', 'badge': 'inline', // must be inline 'size': 'invisible' // must be invisible }); let textAreaCheck = document.querySelector('textarea.g-recaptcha-response'); if (textAreaCheck) { textAreaCheck.setAttribute('aria-hidden', 'true'); textAreaCheck.setAttribute('aria-label', 'Are you human?'); } } catch (e) { console.warn('Recaptcha render failed.', e); } } </script> <script src="https://www.google.com/recaptcha/enterprise.js?render=explicit&onload=recaptchaCallback" async defer></script> <script>window.dataLayer = window.dataLayer || [];</script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TX78KF3');</script> <script type="text/javascript" id="botcopy-embedder-d7lcfheammjct" class="botcopy-embedder-d7lcfheammjct" data-botId="5ffcf1fb24e59300089789ee" ></script> <link rel="preconnect" href="https://consent.trustarc.com/" crossorigin> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/bootstrap-icons.woff2"/> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/Typold-Regular.woff2"/> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/Typold-Bold.woff2"/> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/oakes-regular.woff2"/> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/oakes-regular-italic.woff2"/> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/oakes-semi-bold.woff2"/> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/oakes-light.woff2"/> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/oakes-medium.woff2"/> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/TypoldExtended-Medium.woff2"/> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/BarlowSemiCondensed-Regular.woff2"/> <link rel="preload" crossorigin as="font" type="font/woff2" href="/build/assets/fonts/BarlowSemiCondensed-Medium.woff2"/> </head> <body data-controller="personalization" data-personalization-personalization-url-value="https://my.century21.com" class="page"> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TX78KF3" height="0" width="0" style="display:none;visibility:hidden"> </iframe> </noscript> <link rel="preload" href="/build/app-icons.caaac8cd.css" data-turbo-track="default" as="style" id="deferred-app-icons" onload="this.onload=null;this.rel='stylesheet'"> <div class="skippy visually-hidden-focusable overflow-hidden"> <div class="container-xl"> <a class="d-inline-flex p-2 m-1" href="#content">Skip to main content</a> </div> </div> <header data-controller="global-navigation" id="globalHeader" class="bg-dark" > <div class="screen-max"> <nav id="globalNavigation" class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-lg"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#globalMenu" aria-controls="globalMenu" aria-expanded="false" aria-label="Toggle navigation"> <svg class="bi bi-grid-3x2-gap-fill d-block mx-auto mb-1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M1 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4zM1 9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V9zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V9zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V9z"/> </svg> Menu </button> <a class="navbar-brand" href="/"> <img src="/build/assets/images/century21-logo.svg" width=300 height=34 alt="CENTURY 21" /> </a> <button data-bs-toggle="modal" data-bs-target="#personalizationModal" type="button" class="nav-link text-gold nav-link-sm d-lg-none"> <i class="bi bi-bookmark d-block fs-5 text-center" aria-hidden="true"></i> Saved </button> <div data-action="shown.bs.collapse->global-navigation#onCollapseShown hidden.bs.collapse->global-navigation#onCollapseHidden shown.bs.dropdown->global-navigation#onDropdownShown hidden.bs.dropdown->global-navigation#onDropdownHidden" id="globalMenu" class="collapse navbar-collapse flex-wrap" > <div class="mobile-nav-header"> <button type="button" class="btn-close" aria-label="Close Navigation" data-bs-toggle="collapse" aria-controls="globalMenu" data-bs-target="#globalMenu"></button> <img class="mobile-nav-header__logo" src="/build/assets/images/century21-logo.svg" width=300 height=34 alt="CENTURY 21" /> </div> <ul id="globalMegaMenu" class="navbar-nav" data-action="searchNavigationUpdated@window->global-navigation#searchNavigationUpdated"> <li class="nav-item dropdown has-megamenu find-a-home"> <a id="nav-find-a-home" class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Find a Home</a> <div class="dropdown-menu megamenu" aria-labelledby="nav-find-a-home"> <button class="btn-back" data-action="global-navigation#onBack" data-target="nav-find-a-home">Back</button> <div class="megamenu__overview bg-light"> <div data-global-navigation-target="noActiveLocationDefault" class="megamenu__overview_headline">Search Real Estate</div> <template data-global-navigation-target="activeLocationTemplate"> <div data-active-location-template="{formattedName}" class="megamenu__overview_headline"></div> </template> <div class="menu-header">Find a Home</div> <p>When it comes to your home, never settle. Move with the relentless agents of the CENTURY 21<sup>®</sup> brand on your side.</p> <a data-global-navigation-target="noActiveLocationDefault" class="icon-right-link" href="/property-search"> <strong>Property Search</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> <template data-global-navigation-target="activeLocationTemplate"> <a class="icon-right-link" data-active-location-link="propertySearchUrl"> <strong data-active-location-template="View Homes in {formattedName}"></strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> <ul class="list-unstyled"> <li><a data-active-location-link="openHouseSearchUrl">Open Houses</a></li> <li><a data-active-location-link="recentlyReducedSearchUrl">Recently Reduced</a></li> <li><a data-active-location-link="rentalsSearchUrl">Rentals</a></li> </ul> <p>Or, <a href="/property-search-map" class="fw-bold">search homes by map</a> in another area</p> </template> </div> <div class="megamenu__links"> <div class="row"> <div class="col-xl-6"> <div class="menu-header">Contact an Agent</div> <ul data-global-navigation-target="noActiveLocationDefault" class="list-unstyled"> <li><a href="/real-estate-agents">C21 Agents in Your Area</a></li> </ul> <template data-global-navigation-target="activeLocationTemplate"> <ul class="list-unstyled extra-pad"> <li><a data-active-location-link="agentSearchUrl" data-active-location-template="C21 Agents in {formattedName}"></a></li> <li><a data-active-location-link="officeSearchUrl" data-active-location-template="C21 Offices in {formattedName}"></a></li> </ul> <p>Or, <a href="/real-estate-agents">search in another area</a></p> </template> </div> <div class="col-xl-6 ps-xl-4"> <div class="menu-header">Resources</div> <ul class="list-unstyled"> <li><a href="/calculators/affordability">Affordability Calculator</a></li> <li><a href="/buyingadvice">Home Buying Guide</a></li> <li><a href="/stories/agent-stories">Agent Stories</a></li> </ul> </div> </div> </div> </div> </li> <li class="nav-item dropdown has-megamenu sell-a-home"> <a id="nav-sell-a-home" class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Sell a Home</a> <div class="dropdown-menu megamenu" aria-labelledby="nav-sell-a-home"> <button class="btn-back" data-action="global-navigation#onBack" data-target="nav-sell-a-home">Back</button> <div class="megamenu__overview bg-light"> <div class="megamenu__overview_headline">Sell a Home</div> <p class="lead mt-5">Choose the Agents <br> with the 98% Recommendation Rating<sup>†</sup></p> <a class="icon-right-link" href="/contact/listaproperty"> <strong>List Your Home Today</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> <p class="legal mt-5 mb-0"><sup>†</sup> Real Satisfied Surveys Feb ’19 Jan ‘20</p> </div> <div class="megamenu__links"> <div class="row"> <div class="col-xl-6"> <div class="menu-header">Contact an Agent</div> <ul data-global-navigation-target="noActiveLocationDefault" class="list-unstyled"> <li><a href="/real-estate-agents">C21 Agents in Your Area</a></li> </ul> <template data-global-navigation-target="activeLocationTemplate"> <ul class="list-unstyled extra-pad"> <li><a data-active-location-link="agentSearchUrl" data-active-location-template="C21 Agents in {formattedName}"></a></li> <li><a data-active-location-link="officeSearchUrl" data-active-location-template="C21 Offices in {formattedName}"></a></li> </ul> <p>Or, <a href="/real-estate-agents">search in another area</a></p> </template> </div> <div class="col-xl-6 ps-xl-4"> <div class="menu-header">Resources</div> <ul class="list-unstyled"> <li><a href="/sellingadvice/">Selling Advice</a></li> <li><a href="/stories/agent-stories">Agent Stories</a></li> </ul> </div> </div> </div> </div> </li> <li class="nav-item dropdown has-megamenu mortgage"> <a id="nav-mortgage" class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Mortgage</a> <div class="dropdown-menu megamenu" aria-labelledby="nav-mortgage"> <button class="btn-back" data-action="global-navigation#onBack" data-target="nav-mortgage">Back</button> <div class="megamenu__overview bg-light"> <div class="menu-header">Financial Calculators</div> <a class="icon-right-link" href="/calculators/affordability"> <strong>Affordability Calculator</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> <p>Determine how much home you can afford.</p> <a class="icon-right-link" href="/calculators/rentvsbuy"> <strong>Renting vs Buying Calculator</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> <p>Find out which option is best for you.</p> <a class="icon-right-link" href="/calculators/mortgage"> <strong>Mortgage Calculator</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> <p>How much your home will cost you every month?</p> <div class="megamenu__overview_headline">After Purchase</div> <div class="d-lg-flex"> <a class="icon-right-link me-3" href="/calculators/amortization"> <strong>Amortization Calculator</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> <a class="icon-right-link" href="/calculators/refinance"> <strong>Refinance Calculator</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> </div> </div> <div class="megamenu__links"> <div class="menu-header">Learning Resources</div> <ul class="list-unstyled"> <li><a href="/buyingadvice/buying101/makinganoffer">Making An Offer</a></li> <li><a href="/buyingadvice/lookingforahome/afford">How Much Can I Afford?</a></li> <li><a href="/buyingadvice/buying101/mortgage">Applying For A Mortgage</a></li> <li><a href="/buyingadvice/buying101/makinganoffer/leaseoptions">Lease Options</a></li> <li><a href="/buyingadvice/buying101/makinganoffer/allcash">All Cash</a></li> </ul> </div> </div> </li> <li class="nav-item dropdown has-megamenu joinC21"> <a id="nav-join-C21" class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Join C21</a> <div class="dropdown-menu megamenu" aria-labelledby="nav-join-C21"> <button class="btn-back" data-action="global-navigation#onBack" data-target="nav-join-C21">Back</button> <div class="megamenu__overview"> <div class="megamenu__overview_headline text-lg-center"> Real Estate Careers </div> <div class="menu-header h2 text-lg-center mb-lg-4">Elevate Your Experience, <br>Join the Team</div> <ul class="list-unstyled"> <li><a href="/careers">Careers in Real Estate</a></li> <li><a href="/careers/how-we-support-you">How We Support You</a></li> <li><a href="/careers/contact">Ready to Chat?</a></li> </ul> </div> <div class="megamenu__links bg-light"> <div class="megamenu__overview_headline"> Franchise with Us </div> <p class="lead mb-4">As Far as You’ve Come, We Can Go Further Together</p> <ul class="list-unstyled mb-lg-4"> <li><a href="/franchise">Franchise with C21</a></li> <li><a href="/franchise/brand-video-series">Steps to Ownership</a></li> </ul> <a class="icon-right-link d-lg-block" href="/franchise/contact" style="margin-bottom: -15px;"> <strong>Explore Franchising Opportunities</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> </div> </div> </li> </ul> <ul id="globalSecondaryMenu" class="navbar-nav ms-auto"> <li id="savedMenu" class="nav-item dropdown has-megamenu"> <button data-bs-toggle="modal" data-bs-target="#personalizationModal" type="button" id="saved" class="nav-link"> <i class="bi bi-bookmark d-block mb-1" aria-hidden="true"></i> Saved </button> </li> <li id="moreMenu" class="nav-item dropdown has-megamenu"> <a id="nav-more" class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> <i class="bi bi-three-dots d-none d-lg-block mb-1" aria-hidden="true"></i>More </a> <div class="dropdown-menu megamenu" aria-labelledby="nav-more"> <button class="btn-back" data-action="global-navigation#onBack" data-target="nav-more">Back</button> <div class="megamenu__overview"> <div class="row"> <div class="col-lg-4"> <div class="menu-header">Español</div> <p lang="es">Buscar CENTURY 21 Español para encontrar casas en venta y agentes de bienes raíces.</p> <a class="icon-right-link" href="https://espanol.century21.com/"> <strong>Visit C21 In Español</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> </div> <div class="col-lg-4"> <div class="menu-header mt-4 mt-lg-0">Commercial</div> <p>A Global brand with local representation specializing in Commercial spaces.</p> <a class="icon-right-link" href="https://commercial.century21.com/"> <strong>View Offices & Properties</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> </div> <div class="col-lg-4"> <div class="menu-header mt-4 mt-lg-0">Luxury</div> <p>Explore featured luxury homes & Estates.</p> <a class="icon-right-link" href="https://finehomes.century21.com/"> <strong>Search Luxury Listings</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="menu-header mt-4">Global</div> <p>Search International Listings in over 18 languages with more than 36 currencies.</p> <a class="icon-right-link" href="https://www.century21global.com/"> <strong>Search International Listings</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> </div> <div class="col-lg-4 col-adjust"> <div class="menu-header mt-4">Blog</div> <p>Articles to help inspire you whether you are buying a new home or ready to sell.</p> <a class="icon-right-link" href="/real-estate-blog/"> <strong>Get Advice From Our Blog</strong> <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> </div> </div> </div> <div class="megamenu__links bg-obsessed-grey-light"> <div class="menu-header">How Can We Help?</div> <p class="small">CENTURY 21<sup>®</sup> Real Estate is here to help you have an extraordinary experience.</p> <div class="megamenu-contact"> <i class="bi bi-phone" aria-hidden="true"></i> <div>Give us a Call <br> <a href="tel:866-732-6139" class="phone" data-controller="track-action" data-track-action-inject-current-url-value="true" data-track-action-event-details-value="{"event":"click-to-call","sourceFormType":"site-header-call-center"}" data-action="track-action#trigger"> (866) 732-6139 </a> </div> </div> </div> </div> </li> </ul> <div class="mobile-menu-message"> <p class="lead">Find an agent <br> who delivers 121%</p> <a class="d-block font-family-taglines" data-controller="track-action" data-track-action-inject-current-url-value="true" data-track-action-event-details-value="{"event":"click-to-call","sourceFormType":"site-header-call-center"}" data-action="track-action#trigger" href="tel:8667326139"> (866) 732-6139 </a> <a href="/real-estate-agents" class="btn btn-secondary btn-lg mt-auto mx-auto">Find an Agent</a> </div> </div> </div> </nav> </div> <div id="globalSearch" class="bg-dark" data-action="open-global-search@window->global-navigation#openGlobalSearch"> <div class="container-lg border-top d-flex flex-wrap justify-content-between" id="global-fts-trigger-container"> <div class="row" data-global-navigation-target="searchInactive"> <div class="col-12 mb-3 mb-lg-0"> <button class="global-fts-trigger" data-action="global-navigation#openGlobalSearch"> <i class="bi bi-search" aria-hidden="true"></i> Find Homes or Agents </button> </div> </div> </div> <div class="global-search-dialog d-none" data-global-navigation-target="searchActive"> <div class="container-lg"> <div class="row justify-content-center"> <div class="col-12 col-md-10 col-lg-10 col-xl-7"> <form data-controller="free-text-search" data-free-text-search-url-value="/search/api/autocomplete" data-free-text-search-min-length-value="3" action="/search" class="fts-form" > <label id="globalHeader-fts-label" for="globalHeader-fts-input" class="form-label">Find Homes or Agents</label> <div class="input-group"> <input id="globalHeader-fts-input" type="text" name="q" required="required" minlength="3" role="combobox" class="form-control" placeholder="Location, Address, or Agent Name" aria-autocomplete="list" aria-controls="globalHeader-fts-results" aria-haspopup="listbox" aria-expanded="false" aria-describedby="globalHeader-fts-instructions" autocomplete="off" data-free-text-search-target="input" > <button class="btn btn-primary btn-sm-mobile" type="submit" aria-label="Search"><i class="bi bi-search hidden d-sm-none"></i> <span class="d-none d-sm-block">Search</span></button> </div> <!-- Instructions --> <div id="globalHeader-fts-instructions" class="d-none"> Begin typing to search, use arrow keys to navigate, Enter to select </div> <!-- Result status --> <div class="results-count visually-hidden" aria-live="assertive" data-free-text-search-target="count" ></div> <!-- Results popup --> <div class="list-group fts-results-popup" id="globalHeader-fts-results" role="listbox" aria-labelledby="globalHeader-fts-label" data-free-text-search-target="results" data-action="active-location-updated@document->free-text-search#updateActiveLocationHints" > <div class="list-group-item" role="option" aria-disabled="true"> <p>Begin typing to search, use arrow keys to navigate results, Enter to select.</p> <div class="fts-results__header ps-0"> Suggested Searches </div> <ul class="list-unstyled list-two-col list-loose"> <template data-fts-template="activeLocation"> <li><a data-active-location-link="propertySearchUrl" data-active-location-template="{formattedName} Homes"></a></li> <li><a data-active-location-link="agentSearchUrl" data-active-location-template="{formattedName} Agents"></a></li> </template> <li><a href="/real-estate/atlanta-ga/LCGAATLANTA/">Atlanta, GA</a></li> <li><a href="/real-estate/austin-tx/LCTXAUSTIN/">Austin, TX</a></li> <li><a href="/real-estate/san-francisco-ca/LCCASANFRANCISCO/">San Francisco, CA</a></li> <li><a href="/real-estate/los-angeles-ca/LCCALOSANGELES/">Los Angeles, CA</a></li> <li><a href="/real-estate/dallas-tx/LCTXDALLAS/">Dallas, TX</a></li> <li><a href="/real-estate/houston-tx/LCTXHOUSTON/">Houston, TX</a></li> <li><a href="/real-estate/chicago-il/LCILCHICAGO/">Chicago, IL</a></li> <li><a href="/real-estate/orlando-fl/LCFLORLANDO/">Orlando, FL</a></li> <li><a href="/real-estate/philadelphia-pa/LCPAPHILADELPHIA/">Philadelphia, PA</a></li> <li><a href="/real-estate/phoenix-az/LCAZPHOENIX">Phoenix, AZ</a></li> <li><a href="/real-estate/boston-ma/LCMABOSTON/">Boston, MA</a></li> <li><a href="/real-estate/miami-fl/LCFLMIAMI/">Miami, FL</a></li> </ul> </div> </div> </form> </div> </div> </div> </div> </div> <div class="global-mask d-none" data-global-navigation-target="mask" data-action="click->global-navigation#closeAll" ></div> </header> <main id="content"> <section id="buyingAdviceHeader" class="header-hero header-hero-split-short"> <div class="screen-max screen-max-right"> <div class="container-lg"> <div class="row align-items-center justify-content-lg-between justify-content-center"> <div class="col-12 col-sm-7"> <div class="hero-text-wrap text-center text-sm-start"> <h1 class="mb-2"> <span class="kicker text-digital-dark-gold">Buying Advice</span> <span class="fw-bold">A Home of Your Own</span> </h1> <h2 class="h3 text-muted"> What Can you Afford? </h2> </div> </div> <div class="col-12 col-sm-5 animate__animated animate__fadeInRight justify-content-end align-items-center px-0 px-lg-2 overflow-hidden"> <div class="hero-img-wrap text-center "> <img src="/build/assets/images/resources/buying-advice-header.jpg" width="527" height="260" class="my-0 my-lg-4 career-franchise-header-img-hero float-sm-end me-sm-1 elevation-3" alt=""> </div> </div> </div> </div> </div> </section> <div id="homeOfYourOwn"> <nav class="navbar navbar-expand-lg navbar-light bg-digital-dark-gold-light-tint shadow py-1" id="buyingSellingNav"> <div class="container-lg justify-content-start py-2 py-lg-0 font-family-headers"> <p class="navbar-brand pt-0 ps-sm-0 fw-bold mb-0 pb-1 pb-md-0 pe-2 fs-3 align-self-end align-self-lg-center"><a class="text-decoration-none text-black" href="/buyingadvice">Buying Advice</a></p> <div class="d-lg-none"> <button class="btn btn-link text-black no-deco dropdown-toggle py-0 px-0 ps-sm-1" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="mobile-franchise-page-nav">A Home of Your Own</span> </button> <ul class="dropdown-menu border-0 w-100 nav-dropdown-bottom-radius shadow mt-0"> <li><a class="btn btn-link text-start" href="/buyingadvice/lookingforahome/rightforyou"><span class="h4 buying-selling-mobile-menu-active">A Home of Your Own</span></a></li> <li><a class="btn btn-link text-start" href="/buyingadvice/buying101/makinganoffer"><span class="h4 ">Buying Your Home</span></a></li> <li><a class="btn btn-link text-start" href="/buyingadvice/closingandbeyond/inspection"><span class="h4 ">Beyond Closing</span></a></li> <li><a class="btn btn-link text-start" href="/buyingadvice"><span class="h4 ">Buying Advice</span></a></li> </ul> </div> <div class="collapse navbar-collapse justify-content-end navbar-animated-hover" id="buyingNavbar"> <div class="navbar-nav align-items-center flex-wrap"> <a class="nav-link active mx-3 mx-lg-2 mx-xl-3 py-4 buying-selling-menu-font" aria-current="page" href="/buyingadvice/lookingforahome/rightforyou">A Home Of Your Own</a> <a class="nav-link active mx-3 mx-lg-2 mx-xl-3 py-4 buying-selling-menu-font" href="/buyingadvice/buying101/makinganoffer">Buying Your Home</a> <a class="nav-link active mx-3 mx-lg-2 mx-xl-3 py-4 buying-selling-menu-font" href="/buyingadvice/closingandbeyond/inspection">Beyond Closing</a> </div> </div> </div> </nav> <div class="breadcrumb-bar"> <div class="container-lg pt-3 mb-3"> <div class="row"> <div class="col-sm-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item d-none d-sm-inline-block"><a href="/">CENTURY 21 Real Estate</a> </li> <li class="breadcrumb-item d-none d-sm-inline-block"><a href="/buyingadvice"> Buying Advice </a> </li> <li class="breadcrumb-item" aria-current="page"> <a href="/buyingadvice/lookingforahome/rightforyou">A Home of Your Own</a> </li> <li class="breadcrumb-item active d-none d-sm-inline-block" aria-current="page">What Can You Afford? </li> </ol> </nav> </div> </div> </div> </div> <section> <div class="container-lg"> <div class="row pt-3"> <div class="col-lg-8 col-xl-9 pe-lg-4"> <h2>What Can You Afford?</h2> <p class="lead pb-3">How much home can you afford? Review your income, savings, and debt to figure out how much home you can afford.</p> <h3>How Much Can You Afford?</h3> <p>Now that you know what you're looking for, the next step is figuring out what type of home you can afford. A review of your income, savings, monthly expenses and debt will be necessary.</p> <p>Early in the process, you'll want to get pre-qualified for a mortgage loan. It enables you to move swiftly when you find the right home, especially when there are other interested buyers. It also indicates to the seller that you are serious and can afford to buy the property. A pre-approval is a simple calculation done by a mortgage lender that tells you the amount you'll be able to finance through a loan and what your monthly payment will be.</p> <p>The price you can afford to pay for a home will depend on several factors, such as:</p> <ul> <li>Gross income</li> <li>The funds you have available for the down payment, closing costs and cash reserves required by the lender</li> <li>Your debt</li> <li>Your credit history</li> <li>The type of mortgage you select</li> <li>Current interest rates</li> </ul> <p>Another figure that lenders use to evaluate how much you can afford is the housing expense-to-income ratio. It is determined by calculating your projected monthly housing expense, which consists of the principal and interest payment, property tax payments and insurance premiums on your new home loan (also known as PITI).</p> <p>Each buyer is unique, and a mortgage professional can help you find out just what you can afford. Your income and debts will typically play the biggest roles in determining your price range. It's simple to make an estimate – just run the numbers for yourself using our <a href="/calculators/affordability">Affordability Calculator.</a> </p> </div> <div class="col-lg-4 col-xl-3 mt-lg-3 px-0 position-relative"> <div class="ms-lg-2 h-100 border-start"> <nav class="nav flex-column nav-pills position-sticky top-0 sticky-sidebar-right"> <h3 class="h4 font-family-taglines text-digital-dark-gold ps-3 pb-2 border-bottom mb-0">On This Page</h3> <a href="/buyingadvice/lookingforahome/rightforyou" class="nav-link " > What's Right for You? </a> <a href="/buyingadvice/lookingforahome/afford" class="nav-link active" aria-current="page"> What Can You Afford? </a> <a href="/buyingadvice/lookingforahome/knowyourneighborhood" class="nav-link " > Know Your Neighborhood </a> <a href="/buyingadvice/lookingforahome/alreadyown" class="nav-link " > Already Have a Home? </a> <a href="/buyingadvice/lookingforahome/shopping" class="nav-link " > Shopping for a Home </a> </nav> </div> </div> </div> </div> </section> </div> </main> <footer id="globalFooter"> <div class="deco-logo" aria-hidden="true"> <svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 406.2 509.46"><defs><style>.cls-1{fill:#bcaf8a;}</style></defs><g id="Layer_1-2"><g><g><g><path class="cls-1" d="M216.53,322.73l47.13-68.08,1.09-1.57c7.48-11.09,11.85-24.44,11.85-38.82,0-5.67-.68-11.17-1.96-16.45-7.39-30.48-34.85-53.11-67.6-53.11-38.42,0-69.56,31.14-69.56,69.56,0,.87,.02,1.73,.05,2.59h42.1c-.08-.85-.13-1.71-.13-2.59,0-15.18,12.35-27.53,27.53-27.53s28.25,11.49,27.53,27.53c-.32,7.08-6.5,17.95-8.85,21.38-2.35,3.43-89.39,129.11-89.39,129.11h49.33s69.69,0,69.69,0l29.1-42.02h-67.93Z"/><polygon class="cls-1" points="324.09 144.7 323.63 144.7 294.53 186.72 331.09 186.72 331.09 364.76 373.11 364.76 373.11 144.7 324.09 144.7"/></g><path class="cls-1" d="M337.51,450.73c-26.2,11.08-54.05,16.7-82.78,16.7s-56.58-5.62-82.78-16.7c-25.32-10.71-48.07-26.05-67.62-45.6-19.55-19.55-34.89-42.3-45.6-67.62-11.08-26.2-16.7-54.05-16.7-82.78s5.62-56.58,16.7-82.78c10.71-25.32,26.05-48.07,45.6-67.62,19.55-19.55,42.3-34.89,67.62-45.6,26.2-11.08,54.05-16.7,82.78-16.7s56.58,5.62,82.78,16.7c11.74,4.97,22.92,10.94,33.5,17.86l23.95-34.52C354.74,15.49,306.54,0,254.73,0,114.05,0,0,114.05,0,254.73s114.05,254.73,254.73,254.73c54,0,104.06-16.82,145.27-45.48l-23.95-34.51c-12.04,8.38-24.92,15.5-38.55,21.26Z"/></g><path class="cls-1" d="M401.09,345.05c1.59,.88,2.84,2.13,3.75,3.73,.91,1.61,1.37,3.42,1.37,5.44s-.46,3.84-1.37,5.45c-.91,1.6-2.16,2.84-3.75,3.73-1.59,.88-3.38,1.32-5.38,1.32s-3.78-.45-5.38-1.32c-1.59-.89-2.84-2.13-3.75-3.73-.91-1.61-1.37-3.42-1.37-5.45s.46-3.83,1.37-5.44c.91-1.6,2.16-2.85,3.75-3.73,1.6-.88,3.39-1.32,5.38-1.32s3.79,.45,5.38,1.32m-.95,16.79c1.3-.73,2.32-1.76,3.06-3.08,.73-1.31,1.1-2.82,1.1-4.53s-.37-3.21-1.1-4.53c-.74-1.31-1.76-2.34-3.06-3.07-1.3-.74-2.78-1.11-4.43-1.11s-3.12,.37-4.45,1.11c-1.31,.73-2.33,1.76-3.05,3.07-.73,1.32-1.09,2.83-1.09,4.53s.36,3.22,1.09,4.53c.72,1.32,1.74,2.35,3.05,3.08,1.32,.74,2.81,1.11,4.45,1.11s3.13-.37,4.43-1.11m-.89-7.68c-.51,.59-1.21,.96-2.11,1.11l3.35,4.55h-2.34l-3.12-4.47h-1.65v4.47h-1.86v-11.24h4.78c1.12,0,2.02,.31,2.71,.91,.68,.6,1.02,1.42,1.02,2.42,0,.9-.25,1.64-.76,2.24m-5.88-.58h2.91c1.21,0,1.82-.55,1.82-1.65,0-.52-.16-.91-.49-1.19-.32-.27-.76-.41-1.34-.41h-2.91v3.25Z"/></g></g></svg> </div> <div id="mainFooter" class="bg-obsessed-grey-light main-footer"> <div class="container"> <div class="row"> <div class="col-lg-3 text-center text-lg-start"> <img class="footer-branding" src="/build/assets/images/century21-logo.svg" width=168 height=19 alt="CENTURY 21" /> <a class="mt-4 font-family-taglines footer-phone" data-controller="track-action" data-track-action-inject-current-url-value="true" data-track-action-event-details-value="{"event":"click-to-call","sourceFormType":"site-footer-call-center"}" data-action="track-action#trigger" href="tel:8667326139"> 866-732-6139 </a> </div> <div class="col-lg-9 mobile-collapse-menu"> <div class="row"> <div class="col-lg-3" role="navigation" aria-label="General Information"> <a class="collapse-menu-header" data-bs-toggle="collapse" href="#general" role="button" aria-expanded="false" aria-controls="general"> General </a> <ul class="collapse mobile-collapse" id="general"> <li><a href="/about-us/contact">Contact Us</a></li> <li><a href="/about-us/about/faqs/buying-and-selling">FAQs</a></li> <li><a href="/sitemap">Sitemap</a></li> <li><a href="/about-us/legal/fraudalert">Fraud Alert</a></li> </ul> </div> <div class="col-lg-3" role="navigation" aria-label="Resources"> <a class="collapse-menu-header" data-bs-toggle="collapse" href="#resources" role="button" aria-expanded="false" aria-controls="resources"> Resources </a> <ul class="collapse mobile-collapse" id="resources"> <li><a href="/home-selling-advice">Home Seller Resources</a></li> <li><a href="/home-buying-advice">Home Buyer Resources</a></li> <li><a href="/glossary">Real Estate Glossary</a></li> <li><a href="/calculators/home-mortgage">Mortgage Calculators</a></li> </ul> </div> <div class="col-lg-3" role="navigation" aria-label="About C21"> <a class="collapse-menu-header" data-bs-toggle="collapse" href="#about" role="button" aria-expanded="false" aria-controls="about"> About C21 </a> <ul class="collapse mobile-collapse" id="about"> <li><a href="/about-us/about/company-profile">Company Profile</a></li> <li><a href="/about-us/about">About Us</a></li> <li><a href="/about-us/newsroom">In the News</a></li> <li><a href="/about-us/about/philanthropy">Philanthropy</a></li> <li><a href="/real-estate-blog">Blog</a></li> </ul> </div> <div class="col-lg-3" role="navigation" aria-label="Join C21" > <a class="collapse-menu-header" data-bs-toggle="collapse" href="#join" role="button" aria-expanded="false" aria-controls="join"> Join C21 </a> <ul class="collapse mobile-collapse" id="join"> <li><a href="/franchise/brand-video-series">Why C21?</a></li> <li><a href="/careers">Real Estate Careers</a></li> <li><a href="/franchise">Franchise</a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col text-center"> <div class="social-links" role="navigation" aria-label="Social media"> <a href="https://www.facebook.com/pages/CENTURY-21-Real-Estate-LLC/44054450913" target="_blank">Facebook</a> - <a href="https://instagram.com/century21" target="_blank">Instagram</a> - <a href="https://twitter.com/Century21" target="_blank">X</a> - <a href="https://www.youtube.com/century21" target="_blank">YouTube</a> </div> <a class="do-not-sell" href="https://submit-irm.trustarc.com/services/validation/c0ae98d2-b513-4450-bebd-a98a944721f0" target="_blank">Do Not Sell or Share My Personal Information</a> <hr> </div> </div> <div class="row"> <div class="col text-center" role="navigation" aria-label="Legal information"> <ul class="privacy-menu" role="menu"> <li role="none"><a role="menuitem" href="/about-us/legal/privacy">Privacy Policy</a></li> <li role="none"><a role="menuitem" href="/about-us/legal/terms">Terms & Conditions</a></li> <li role="none"><a role="menuitem" href="/about-us/accessibility-statement">Accessibility Statement</a></li> <li role="none"><a role="menuitem" href="https://www.century21.com/sites/default/files/2022-07/ny-reasonable-accommodations-notice.pdf">NY Reasonable Accommodations Notice</a></li> <li role="none"> <div id="footerCookie" style="display: none;" data-turbo-permanent="true"></div> <div id="teconsent" style="display: none;" data-turbo-permanent="true"></div> </li> <li role="none"><a role="menuitem" href="/about-us/legal/fair-housing-statement">Fair Housing Act</a></li> </ul> <hr> </div> </div> <div class="row"> <div class="col-12 text-center"> <a class="language-chooser btn btn-outline-secondary" href="/locale"><i class="bs bi-globe me-2" aria-hidden="true"></i> United States (English)</a> <p class="footer-legal"> <img class="me-2 mb-2 invert" src="/build/assets/images/ahs-logo-white-sm.png" height="20" width="60" alt="American Home Shield® Logo" /> Protect your home and budget with an American Home Shield® home warranty. <a href="https://www.ahshome.com/?utm_source=re&utm_medium=partner&utm_campaign=aw-C21&utm_content=footer__;!!CHCva4lQ!GbFZq_jUbTSR5mElFKUWBzssn5HDPSSt_p4rLcDzgta2083dztjRtrlvMObZHNLpwDfm0ADvrFd_YJD_axCg3Ok9sCU49g$" target="_blank">Learn more!</a> </p> <p class="footer-legal">©2024 Century 21 Real Estate LLC. All rights reserved.</p> <p class="footer-legal">CENTURY 21<sup>®</sup>, the CENTURY 21 Logo and C21<sup>®</sup> are service marks owned by Century 21 Real Estate LLC. Century 21 Real Estate LLC fully supports the principles of the Fair Housing Act and the Equal Opportunity Act. Each office is independently owned and operated. Listing information is deemed reliable but not guaranteed accurate.</p> </div> </div> </div> </div> </footer> <div class="modal fade" id="globalFullScreenModal" tabindex="-1" aria-labelledby="globalFullScreenModalLabel" aria-hidden="true" data-turbo="true"> <div class="modal-dialog modal-xl modal-fullscreen-xxl-down"> <div class="modal-content d-none" id="globalFullScreenModalContent"> </div> <div class="modal-content d-none" id="globalFullScreenModalLoading"> <div class="modal-header"> <div class="modal-title" id="globalFullScreenModalLabel">Loading...</div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body d-flex align-items-center justify-content-center"> <div role="status" class="text-center mb-2"> <span class="visually-hidden">Loading...</span> <svg class="loading-spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="loading-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle> </svg> </div> </div> <div class="modal-footer"></div> </div> </div> </div> <div data-controller="global-navigation-saved-menu" data-action="global-navigation-saved-menu:openModal@window->global-navigation-saved-menu#openModal" id="personalizationModal" aria-labelledby="saved" aria-hidden="true" class="modal fade saved__modal"> <div class="modal-dialog modal-fullscreen-md-down"> <div class="modal-content"> <div class="modal-header border-bottom"> <div class="modal-title h4" id="personalizationModalLabel">My C21</div> <button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div data-action="personalization:accountUpdated@window->global-navigation-saved-menu#accountUpdated"> <div data-global-navigation-saved-menu-target="emptyList" class="d-none saved__list saved__list_emptyList text-center "> <img src="/build/assets/images/svg-icons/layout-nav-icon-saved-empty.svg" alt="" aria-hidden="true"> <p class="lead">Your saved item list is empty.</p> <a class="icon-right-link" href="/myc21">Welcome to My CENTURY 21<sup>®</sup> <i class="svgi mi-arrow-right" aria-hidden="true"></i></a> </div> <div data-global-navigation-saved-menu-target="noRecent" class="d-none saved__list saved__list_noRecent text-center"> <img src="/build/assets/images/svg-icons/layout-nav-icon-saved-empty.svg" alt="" aria-hidden="true"> <p class="lead">You have no recent saved items.</p> <a class="icon-right-link d-block mt-3" href="/myc21"> See All Your Saved Items <i class="svgi mi-arrow-right" aria-hidden="true"></i> </a> </div> <div data-action="personalization:accountRecentUpdated@window->global-navigation-saved-menu#recentUpdated" data-global-navigation-saved-menu-target="recent" class="d-none saved__list saved__list_recent"> <p class="h5"><strong>Recently Saved Items</strong></p> <template id="personalizationAgentTemplate"> <a class="personalization-agent-link my-1" href="#"> <img src="" class="personalization-agent-img rounded-circle" alt="" role="presentation"> <p class="personalization-agent-name"></p> </a> </template> <template id="personalizationOfficeTemplate"> <a class="personalization-office-link my-1" href="#"> <img src="" class="personalization-office-img" alt="" role="presentation"> <p class="personalization-office-name"></p> </a> </template> <template id="personalizationPropertyTemplate"> <a class="personalization-property-link my-1" href="#"> <img src="" class="personalization-property-img" alt="" role="presentation"> <p class="personalization-property-name"></p> </a> </template> <div data-global-navigation-saved-menu-target="personalizationRecentList" class="recent-list"></div> <a class="icon-right-link d-block mt-3" href="/myc21">See All Your Saved Items <i class="svgi mi-arrow-right" aria-hidden="true"></i></a> </div> <div data-global-navigation-saved-menu-target="notAuthorized" class="d-none saved__login bg-relentless-gold-light"> <p class="font-family-headers"><strong>Become a My C21 Member</strong></p> <p>Use your account to save homes & agents across devices. </p> <a href="/myc21/create-account" class="btn btn-outline-secondary">Join</a> <a href="/myc21?return=/buyingadvice/lookingforahome/afford" class="btn btn-outline-secondary">Sign In</a> </div> <div data-global-navigation-saved-menu-target="authorized" class="d-none saved__login bg-relentless-gold-light text-center"> <button data-action="personalization#logout" type="button" class="btn btn-outline-secondary">LOG OUT</button> </div> </div> </div> </div> </div> </div> <div data-controller="save-search" data-action="save-search:openSaveSearchModal@window->save-search#openSaveSearchModal" id="personalizationSaveSearchModal" aria-labelledby="saved" aria-hidden="true" class="modal fade save_search__modal"> <div class="modal-dialog modal-fullscreen-md-down"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title h4" id="personalizationModalLabel">Save this Search</div> <button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form name="myc21_save_search_form" action="#" method="post" onsubmit="return false;" class="text-center save_search_form" data-save-search-target="searchForm"> <div class="save-search-detail"> <div class="d-none save_search__error" data-save-search-target="saveError"> <p class="h5"><strong>Save Search Error</strong></p> <p>There was an error saving your search. Please try again later.</p> </div> <div class="save-search-item text-start"> <label for="searchNameInput" class="form-label">Name this Search</label> <input type="text" id="searchNameInput" name="searchNameInput" required="required" class="form-control mb-2" maxlength="48" data-save-search-target="searchNameInput"/> </div> <div class="d-flex justify-content-end"> <button type="button" class="btn btn-link" data-action="save-search#closeSaveSearchModal"> Cancel </button> <button type="submit" class="btn btn-secondary" data-action="save-search#saveSearch"> Save </button> </div> <a class="icon-right-link d-block mt-4" href="/myc21">See All Your Saved Searches <i class="svgi mi-arrow-right" aria-hidden="true"></i></a> </div> </form> <div data-save-search-target="saveSuccess" class="d-none save_search__success bg-relentless-gold-light"> <p class="font-family-headers"><strong>Search Saved</strong></p> <p>Your search has been saved successfully!</p> <a class="icon-right-link d-block mt-3" href="/myc21">See All Your Saved Searches <i class="svgi mi-arrow-right" aria-hidden="true"></i></a> </div> <div data-save-search-target="notAuthorized" class="d-none saved__login bg-relentless-gold-light"> <p class="font-family-headers"><strong>Become a My C21 Member</strong></p> <p>Use your account to save homes & agents across devices. </p> <a href="/myc21/create-account" class="btn btn-outline-secondary">Join</a> <a href="/myc21?return=/buyingadvice/lookingforahome/afford" class="btn btn-outline-secondary">Sign In</a> </div> <div data-save-search-target="authorized" class="d-none saved__login bg-relentless-gold-light text-center"> <button data-action="personalization#logout" type="button" class="btn btn-outline-secondary btn-sm">LOG OUT</button> </div> </div> </div> </div> </div> <div id="global-grecaptcha-badge" data-turbo-permanent></div> <div id="consent_blackbar" data-turbo-permanent="true"></div> <script async="async" data-turbo-eval="false" crossorigin src="//consent.trustarc.com/notice?domain=century21.com&c=teconsent&js=nj¬iceType=bb&text=true>m=1"></script> <div data-controller="chat"> <div class="d-none" style="position: fixed; bottom:20px; right:20px;z-index: 8" data-chat-target="triggerWrapper"> <button class="btn btn-primary rounded shadow chat-trigger" data-chat-target="primaryTrigger" data-action="chat#openChat" ><i class="bi bi-chat"></i> Chat </button> <span class="d-none btn btn-warning rounded shadow pe-none" data-chat-target="loadingIndicator"> <svg style="height: 8px" version="1.1" id="L4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 16" enable-background="new 0 0 0 0" xml:space="preserve"> <circle fill="#252526" stroke="none" cx="8" cy="8" r="8"> <animate attributeName="opacity" dur="1.2s" values="0.4;1;0.4" repeatCount="indefinite" begin="0.1"/> </circle> <circle fill="#252526" stroke="none" cx="20" cy="8" r="8"> <animate attributeName="opacity" dur="1.2s" values="1;0.4;1" repeatCount="indefinite" begin="0.2"/> </circle> </svg> Loading </span> </div> </div> </body> </html>