<!doctype html>
<html>
<head>
    <title>Scheduled maintenance</title>
    <meta charset="utf-8" />
    <meta name="robots" content="noindex" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>

        h1 {
            font-size: 2.5rem;
        }

        @media screen and (max-width: 460px) {
            .h1-vw {
                font-size: 1.5rem;
            }
        }

        @media screen and (min-width: 461px) and (max-width: 767px) {
            .h1-vw {
                font-size: 5.215vw;
            }
        }

        body {
            font: 1.25rem Helvetica, sans-serif;
            color: #333;
        }

        article {
            display: block;
            max-width: 40rem;
            margin: 0 auto;
        }

        .text-center {
            text-align: center;
        }
        .btn {
            min-width: 6rem;
            border-radius: 0.375rem;
            border: 1px solid #1252b2;
            color: #fff;
            background: #1562d5;
            padding: 0.375rem 0.755rem;
            line-height: 1.5;
            display: inline-block;
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
        }
        .btn:hover {
            color: #fff;
            background: #1253b5;    
            border: 1px solid #0e428e;
        }
        .btn:active {
            color: #fff;
            background: #114eaa;    
            border: 1px solid #0e3e86;
        }

        a {
            color: #dc8100;
            text-decoration: none;
        }

        a:hover {
            color: #333;
            text-decoration: none;
        }
        li {
            margin-bottom: 0.5rem;
        }


    </style>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            let intRsh = 30; // Refresh countdown
            var strRdt = '/';
            if (window.location.pathname.substring(0,4) == '/it/') {
                strRdt = '/it/';
            }
            //const countdownElement = document.getElementById('countdown');

            const tmrRsh = setInterval(function() {
                intRsh--;
                //countdownElement.textContent = intRsh;

                if (intRsh <= 0) {
                    clearInterval(tmrRsh);
                    //location.reload(); // Refresh the page
                    window.location.href = strRdt; // Reload to homepage
                }
            }, 1000); 
        });
    </script>
</head>
<body>
    <article>
        <div class="text-center"><a href="/"><img src="/favicon-512x512.png" style="width: 8rem; height: 8rem;" /></a></div>

<h1 class="h1-vw text-center">Scheduled maintenance</h1>

<p>We are currently updating Find a Crew™.</p>

<p>We will be back online as soon as possible. Thanks for your patience.</p>

<p>This page will auto redirect back to Find a Crew™ when the maintenance is complete.</p>

<p>Can&#39;t wait? <a href="/">reload page now</a> to check.</p>

    </article>
</body>
</html>