<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <!-- Basic Page Needs -->
    <meta charset="utf-8" />
    <title>404 Error page</title>
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!-- Mobile Specific Metas -->    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />    
    <meta name="theme-color" content="#FFF">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- Google Web Font -->
    <link href='/services/agoraStaticHtmlRender.aspx?type=css' rel='stylesheet' type='text/css' />
    <link href="https://cdn-cws.datafloat.com/IBP/theme/US/site_1/css/error.css" rel="stylesheet" />
    <script type="text/javascript" async>
        WebFontConfig = {
            google: { families: ['Roboto:300,400,500,700', 'Material+Icons', 'Raleway:300,400,500,700', 'Poppins:400,500,600,700'] }
        };
        (function () {
            var wf = document.createElement('script');
            wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
                '://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
            wf.type = 'text/javascript';
            wf.async = 'true';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(wf, s);
        })();</script>
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script>        
        function getColor() {
            var rgbToHex = function (rgb) {var hex = Number(rgb).toString(16);if (hex.length < 2) {hex = "0" + hex;}return hex;};
            var bodyStyles = window.getComputedStyle(document.body);                        
            var themeColor = $('body').hasClass('secondary') ? bodyStyles.getPropertyValue('--secondary-color-500') : bodyStyles.getPropertyValue('--primary-color-500');
            if (typeof (themeColor) != 'undefined' && themeColor != '') {
                var colorSplit = /(.*?)rgb\((\d+),\s*(\d+),\s*(\d+)\)/i.exec(themeColor), r = parseInt(colorSplit[2], 10), g = parseInt(colorSplit[3], 10), b = parseInt(colorSplit[4], 10);
                var colorComputed = "#" + rgbToHex(r) + rgbToHex(g) + rgbToHex(b);
                return colorComputed;
            }
            return '#FFF';
        }

        function updateThemeColor() {
            var metaThemeColor = document.querySelector("meta[name=theme-color]");
            metaThemeColor.setAttribute("content", getColor());            
        }  
        
        $(function () {
            var bodyClass = window.getComputedStyle(document.body, ':after').getPropertyValue('content');
            if (typeof (bodyClass) == 'string' && bodyClass != '')
                document.body.classList += ' ' + bodyClass.replace(/"/gi, '');
            updateThemeColor();
            var $footer = $('footer');
            $footer.find('[data-content]').load('/services/agoraStaticHtmlRender.aspx?type=footer', function (response) { $footer.addClass('active'); });
        });
    </script>
    <script type="text/javascript" src="/services/agoraScript.aspx?resource=FBPixel"></script>
    <script type="text/javascript" src="/services/agoraScript.aspx?resource=GTM"></script>
    <script type="text/javascript" src="/services/agoraScript.aspx?resource=GTM-A"></script>
</head>
<body class="error">
    <form id="form1" runat="server">
        <div class="content">
            <div class="error-content-wrapper">
                <div class="header item-center">
                    <a href="/"><img alt="Logo" title="Logo" class="logo" src="/images/logo.png" /></a>
                </div>
                <div class="error-content">
                    <div class="errpr-wrapper">
                        <h2 class="error">404!</h2>
                        <div class="error-message">
                            <p>We've looked practically everywhere.</p>
                        </div>
                        <div class="error-human">
                            <p><strong>WE ARE SORRY</strong> the page, service, or property that you requested is not available. It may have been moved or deleted.</p>
                        </div>
                    </div>
                </div>
                <footer class="footer item-center">
                    <div class="mdl-grid agora-grid">
                        <div class="mdl-cell mdl-cell--12-col" data-content="">
                        </div>
                    </div>
                </footer>
            </div>            
        </div>
        <div class="disclaimer item-center">
            <div class="mdl-grid agora-grid mdl-grid--no-spacing">
                <div class="mdl-cell mdl-cell--12-col item-center">
                    <div>
                        <p class="copy-right">
                            © <i class="data-year" data-spacer=""></i> <i class="data-company-name" data-spacer=""></i>. All Rights Reserved.
                        </p>
                        <p class="powered-by">
                            <i class="data-company-name" data-spacer=""></i> is powered by <a target="_blank" href="http://www.idcglobal.com/">IDC Global</a> and <a target="_blank" href="http://datafloat.com">Datafloat</a><br>
                            <a target="_blank" href="http://www.idcglobal.com/solution.aspx">Real Estate website solutions</a> | <a target="_blank" href="http://datafloat.com/products.aspx">Big data and market report products for the real estate industry</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="/services/agoraScript.aspx?resource=GA&event=404"></script>
    </form>
</body>
</html>
