<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Services Offline - a&nbsp;la&nbsp;mode</title>
    <meta content="IE=edge" http-equiv="X-UA-Compatible">

    <meta content="width=device-width, initial-scale=1.0, user-scalable=1" name="viewport">
    <meta content="Our apologies, services are offline while we&#39;re making updates.  Services will be back online shortly." name="description">
    <style>
            * {
                box-sizing: border-box;
            }
            img {
                max-width: 100%;
                vertical-align: top;
            }
            html {
                font-size: 11px;
                touch-action: manipulation;
            }
            @media (min-width: 768px) {
                html {
                    font-size: 10px;
                }
            }
            body {
                -webkit-text-size-adjust: 100%;
                color: #1C1C1C;
                font: normal 1.6rem/2.6rem Arial, sans-serif;
                margin: 0;
                overflow-x: hidden;
            }
            h2 {
                font-size: 2.2rem;
                line-height: 1.4;
                margin: 1rem 0 0;
            }
            p {
                margin: 1.15rem 0 0;
            }
            .m-t-xs-2 {
                margin-top: 30px!important;
            }
            .text-center {
                text-align: center;
            }
            .text-nowrap {
                white-space: nowrap;
            }
            body {
                position: relative;
                left: 0;
                transition: left 300ms ease-in-out;
            }
            body::before {
                background: rgba(255, 255, 255, 0.75);
                bottom: 0;
                content: "";
                left: 0;
                opacity: 0;
                position: absolute;
                right: 0;
                top: 0;
                transition: all 300ms ease-in-out;
                visibility: hidden;
                z-index: 100;
            }
            .dialog {
                padding: 30px;
            }
            .dialog .logo {
                max-width: 210px;
            }
            @media (min-width:500px) {
                body {
                    font: normal 1.4rem/2.3rem Arial, sans-serif;
                }
                h2 {
                    font-size: 2rem;
                }
                main {
                    background: rgba(0, 0, 0, 0.08);
                    display: flex;
                    height: 100vh;
                }
                .dialog {
                    align-items: center;
                    background: #fff;
                    border-radius: 6px;
                    box-shadow: 0 10px 30px -8px rgba(0, 0, 0, 0.3);
                    margin: auto;
                    max-width: 504px;
                    padding: 40px;
                }
            }
            @@media (max-width:499px) {
                .hidden-xs {
                    display: none;
                }
            }
    </style>
</head>
<body>
    <main>
        <div class="dialog">
            <h2>
                Planned Maintenance
            </h2>
            <p>
                We’re working on some updates and improvements that require our services to be offline temporarily.
            </p>
            <p>
                Our goal is to have all systems back online by 7:00am CT or sooner if possible.
            </p>
            <p>
                While we try to perform this kind of maintenance at times that have the lowest customer impact, we apologize for any inconvenience this may cause.
            </p>
            <p>
                <strong>
                    Please check back after the maintenance timeframe.
                </strong>
            </p>
            <p>
                <img class="logo m-t-xs-2" src="logo-cotality_full-alm-horizontal-black.webp">
            </p>
        </div>
    </main>


<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=2&cb=434124801" async></script></body>
</html>