Flint Institute of Music Component Library

Contribute 

<html lang="en" xml:lang="en">

<head>
</head>

<body><input name="__RequestVerificationToken" type="hidden" value="jn5Hq1AKzvKXsnaz-MHQsWDCG60NFveZOP8f1Q_HxzErbWUGaHEb-mdDTJyJOEjmu-iUGl-6CVZXc3a_u9Rr0h3YlYisFZRISbsGLvUNpf-tWn8z7lqkxEXPNEfeVG9Vdg4soammq6qm21Gl8FMpfHEsvCRg6Ga-cJc_GAiE7nBvcx3-0">

    <meta charset="UTF-8">
    <title>Your Cart | FIM Ticket Center</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">

    <link href="https://production.tnew-assets.com/tnew/public/tnew.33f5fdb65e529b0c707e.css" rel="stylesheet">

    <link href="https://production.tnew-assets.com/tnew/public/tnew-account-upcoming-events.375a3cb4ab031f86d380.css" rel="stylesheet">

    <div style="display: none;" data-tn-component-property="32a0f2f8-6d0e-4f70-bb20-c03b3e9d24ad_FormSubmissionErrorMessage">Please correct the following error(s):</div>
    <div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_Heading">Are you sure you want to remove this item?</div>
    <div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_Body">If you are removing seats, you may not be able to reserve the same seats again.</div>
    <div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_DeleteItemButtonText">Remove Item</div>
    <div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_CancelButtonText">Cancel</div>
    <div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_RemoveNonInventoryItemSectionText">The item will be removed from your cart.</div>
    <!-- BEGIN INJECTED HEAD -->

    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=2, minimum-scale=1, user-scalable=yes">
    <style>
        #tn-whitelabel-container {
            max-width: 1230px;
            margin: 0 auto;
            padding: 0 15px;
        }

        @media (max-width: 767px) {
            #tn-whitelabel-container {
                padding: 0 10px;
            }
        }
    </style>

    <!-- END INJECTED HEAD -->

    <!-- BEGIN INJECTED HEADER -->

    <link media="all" rel="stylesheet" href="../../css/tnew.css">

    <header class="header">
        <div class="header_inner">
            <h1 class="header_logo">
                <img class="header_logo_image" src="../../images/logo.svg" alt="FIM Ticket Center Logo" />
                <span class="header_logo_label">Ticket<br />Center</span>
            </h1>

            <nav class="header_nav_wrapper">
                <button class="js-swap header_nav_toggle" data-swap-target=".header_nav">
                    <span class="header_nav_toggle_label">Menu</span>
                    <span class="header_nav_toggle_icon"></span>
                </button>

                <nav class="header_nav">
                    <a class="header_link" href="#">Events Listing</a>
                    <a class="header_link" href="#">Packages</a>
                    <a class="header_link" href="#">Donate</a>
                </nav>
        </div>
        </div>
    </header>
    <div id="tn-whitelabel-container">

        <!-- END INJECTED HEADER -->

        <div class="tn-utility-nav">

            <div class="tn-utility-nav-account-section__container">
                <nav class="tn-utility-nav-account-section tn-utility-nav-account-section--logged-in" aria-labelledby="tn-utility-nav-account-heading">
                    <h2 id="tn-utility-nav-account-heading" class="sr-only">Account</h2>

                    <div class="tn-utility-nav-account-section__user-display tn-utility-nav-inline-container">
                        <div class="tn-utility-nav-account-user-display">
                            <span class="tn-utility-nav-account-user-display__label">My Account: &nbsp;</span>
                            <span class="tn-utility-nav-account-user-display__email">dtruckenbrodt@fastspot.com</span>
                        </div>

                    </div>
                    <button id="tn-utility-nav-account-menu-button" type="button" class="tn-utility-nav-account-menu-btn btn btn-primary btn-sm" aria-expanded="false">
                        <svg aria-hidden="true" class="tn-icon tn-icon--person-fill tn-utility-nav-account-login-link__user-icon">
                            <use xlink:href="../../images/sprites.svg#person-fill" />
                        </svg>
                        <svg aria-hidden="true" class="tn-icon tn-icon--caret-down-fill tn-utility-nav-account-menu-btn__triangle-down">
                            <use xlink:href="../../images/sprites.svg#caret-down-fill" />
                        </svg>
                        <span class="sr-only">Account Options</span>
                    </button>
                    <div class="tn-utility-nav-account-menu__container" style="display: none;">
                        <div class="tn-utility-nav-account-menu">

                            <div class="tn-utility-nav-account-menu__section tn-utility-nav-account-menu__section--user-display">
                                <div class="tn-utility-nav-account-user-display">
                                    <span class="tn-utility-nav-account-user-display__label">My Account: &nbsp;</span>
                                    <span class="tn-utility-nav-account-user-display__email">dtruckenbrodt@fastspot.com</span>
                                </div>

                            </div>

                            <div class="tn-utility-nav-account-menu__section tn-utility-nav-account-menu__section--account-navigation">
                                <h3 class="tn-utility-nav-account-menu__section-heading" id="tn-utility-nav-account-list-heading">Account</h3>
                                <ul class="tn-utility-nav-account-menu__list" aria-labelledby="tn-utility-nav-account-list-heading">
                                    <li><a class="tn-utility-nav-account-menu__link" href="/account/content">Digital Content</a></li>
                                    <li><a class="tn-utility-nav-account-menu__link" href="https://tickets.thefim.org/account/update?returnurl=%2fdonate%2fcontribute1">Edit Your Account Information</a></li>
                                    <li><a class="tn-utility-nav-account-menu__link" href="/account/upcomingevents">Upcoming Events</a></li>
                                    <li><a class="tn-utility-nav-account-menu__link" href="/account/interests">Update Your Interests</a></li>
                                    <li class="tn-utility-nav-account-menu__divided-list-item">
                                        <a class="tn-utility-nav-account-menu__link" href="https://tickets.thefim.org/account/logout">Logout</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </nav>
            </div>

            <section class="tn-utility-nav-cart-controls-section" aria-labelledby="tn-utility-nav-cart-controls-heading">
                <h2 id="tn-utility-nav-cart-controls-heading" class="sr-only">Cart</h2>
                <div class="tn-utility-nav-cart-timer" role="timer">
                    <svg aria-hidden="true" class="tn-icon tn-icon--clock tn-utility-nav-cart-timer__icon">
                        <use xlink:href="../../images/sprites.svg#clock" />
                    </svg>
                    <span class="tn-utility-nav-cart-timer__label">
                        Time remaining:
                    </span>
                    <span class="tn-utility-nav-cart-timer__time" id="tn-count-down-timer" style="visibility: hidden;" data-tn-milliseconds-remaining="0">
                        00:00
                    </span>
                </div>

                <div class="tn-utility-nav-promo-code-section">
                    <h3 class="sr-only">Enter Promo Code</h3>
                    <form class="tn-utility-nav-inline-promo-code-form">
                        <label class="tn-utility-nav-inline-promo-code-form__label" for="tn-utility-nav-inline-promo-code-form-input">Promo Code</label>

                        <div class="tn-utility-nav-inline-promo-code-form__input-container">
                            <input id="tn-utility-nav-inline-promo-code-form-input" class="tn-utility-nav-inline-promo-code-form__input form-control input-sm" aria-describedby="tn-utility-nav-inline-promo-code-form-help-block" aria-invalid="true" required>
                            <button type="submit" class="tn-utility-nav-inline-promo-code-form__btn-submit btn btn-primary btn-sm">
                                <span class="tn-utility-nav-inline-promo-code-form__btn-submit-label">submit</span>
                            </button>

                            <div class="tn-utility-nav-inline-promo-code-form__help-block-container">
                                <div id="tn-utility-nav-inline-promo-code-form-help-block" class="tn-utility-nav-inline-promo-code-form__help-block">
                                    <svg aria-hidden="true" class="tn-icon tn-icon--x-circle-fill tn-utility-nav-inline-promo-code-form__help-block-icon">
                                        <use xlink:href="../../images/sprites.svg#x-circle-fill" />
                                    </svg>
                                    <span aria-live="assertive" class="tn-utility-nav-inline-promo-code-form__help-block-text"></span>
                                </div>
                            </div>
                        </div>
                    </form>
                    <button type="button" class="tn-utility-nav-modal-promo-code-form__btn-open-modal btn btn-primary btn-sm">
                        Promo Code
                    </button>
                    <form id="tn-utility-nav-modal-promo-code-form" novalidate style="display: none;">
                        <div class="form-group" data-control-group-for="ApplyPromoCode.PromoCode">
                            <label class="control-label tn-promo-code" for="ApplyPromoCode_PromoCode"><span>Promo Code</span><span aria-hidden="true" class="tn-required-field">Required</span></label><input aria-describedby="tn-error-help-block-ApplyPromoCode.PromoCode tn-help-block-ApplyPromoCode.PromoCode" aria-invalid="true" autocomplete="off" class=" form-control tn-promo-code" data-tn-form-control="true" id="ApplyPromoCode_PromoCode" name="ApplyPromoCode.PromoCode" required="required" type="text" value="" />
                        </div>
                    </form>

                </div>

                <a href="https://tickets.thefim.org/cart/details" class="tn-utility-nav-cart-link btn btn-primary btn-sm" aria-label="View Cart, 0 items">
                    <svg aria-hidden="true" class="tn-icon tn-icon--cart-fill tn-utility-nav-cart-link__icon">
                        <use xlink:href="../../images/sprites.svg#cart-fill" />
                    </svg>
                    <span class="tn-utility-nav-cart-link__label">View Cart</span>
                    <span class="tn-utility-nav-cart-link__quantity-badge">0</span>
                </a>
            </section>
        </div>

        <div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalTitle">Your cart has expired</div>
        <div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalText">Your order contained expired items and your shopping cart has been emptied.</div>
        <div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalButton">Close</div>
        <div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_PromoCodeEntrySubhead">Enter Promo Code</div>
        <main class="tn-contribution-group1-page" data-tn-page-type="ee9787a6-46f3-4c4c-9102-ee4570ba6b34">

            <section class="tn-header-component">
                <h1 class="tn-header-component__heading tn-heading " id="tn-page-heading">
                    Support Us
                </h1>

                <div id="tn-error-message-template"></div>

                <div id="tn-alert-message-template"></div>

                <div class="tn-header-component__sub-text tn-heading-sub-text">
                    Thank you for your support. Please provide more information prior to continuing.
                </div>
            </section>

            <section class="tn-contribution-component">
                <form action="/donate/contribute1" id="tn-contribution-form" method="post" novalidate="novalidate"><input name="__RequestVerificationToken" type="hidden" value="JnKumS_-ElJ90aGKD2PT02Pd4J4_NJViBNZOVFnPKsmr_0ORlWv8rrwAX1umqGHV7JuScmrukIBEZCGTxfm-46bRt1IOtreSciF63AWTqSsOfyRCWZpkW1q4_tijPwNl3iU7HAkXYubHl6m6rCkY2xAsb7RdgBy5mk-utF7vFRP_MsTx0" />
                    <div class="row">
                        <div class="col-xs-12 col-sm-6">
                            <div class="form-group" data-control-group-for="AddContribution.ContributionTypeId">
                                <label class="control-label tn-contribution-type-id" for="AddContribution_ContributionTypeId"><span>Contribution</span><span aria-hidden="true" class="tn-required-field">Required</span></label><select aria-describedby="tn-error-help-block-AddContribution.ContributionTypeId tn-help-block-AddContribution.ContributionTypeId" aria-invalid="true" class=" form-control tn-contribution-type-id" data-tn-form-control="true" id="AddContribution_ContributionTypeId" name="AddContribution.ContributionTypeId" required="required">
                                    <option selected="selected" value="">Select</option>
                                    <option value="16">FIM Annual Fund</option>
                                    <option value="22">KidsTix</option>
                                    <option value="17">Flint Symphony Orchestra</option>
                                    <option value="23">Flint School of Performing Arts</option>
                                    <option value="24">Flint Repertory Theater</option>
                                    <option value="25">Whiting Auditorium</option>
                                    <option value="26">Capitol Theater</option>
                                </select>
                            </div>

                            <div class="form-group" data-control-group-for="AddContribution.Amount">
                                <label class="control-label tn-amount" for="AddContribution_Amount"><span>Amount</span><span aria-hidden="true" class="tn-required-field">Required</span></label>
                                <div class="input-group">
                                    <span class="input-group-addon tn-currency-symbol">$</span>

                                    <input aria-describedby="tn-error-help-block-AddContribution.Amount tn-help-block-AddContribution.Amount" aria-invalid="true" autocomplete="on" class=" form-control tn-amount" data-tn-form-control="true" id="AddContribution_Amount" name="AddContribution.Amount" placeholder="" required="required" type="text" value="" />

                                </div>
                            </div>

                            <div class="tn-contribution-type-text"></div>

                            <div class="tn-contribution-type-form-container">
                            </div>

                            <div class="tn-loader alert-warning alert tn-form-loader" style="display: none;">
                                <svg aria-hidden="true" class="tn-icon tn-icon--arrow-repeat tn-loader-icon tn-waiting">
                                    <use xlink:href="../../images/sprites.svg#arrow-repeat" />
                                </svg>
                                <p>Please Wait</p>
                            </div>

                            <div class="form-group">
                                <button type="submit" id="tn-contribution-submit" class="btn btn-primary">
                                    Add to Cart
                                </button>
                            </div>

                        </div>
                    </div>
                </form>
            </section>

        </main>

        <!-- BEGIN INJECTED FOOTER -->

    </div>

    <footer class="footer">
        <div class="footer_inner">
            <div class="footer_groups">
                <div class="footer_group">
                    <div class="footer_logo">
                        <img class="footer_logo_image" src="../../images/logo.svg" alt="FIM Ticket Center Logo" />
                        <span class="footer_logo_label">Ticket<br />Center</span>
                    </div>

                    <nav class="footer_nav">
                        <a class="footer_link" href="#">Events & Tickets</a>
                        <a class="footer_link" href="#">Plan your visit</a>
                        <a class="footer_link" href="#">Support</a>
                        <a class="footer_link" href="#">Policies (Ticket Center policies)</a>
                    </nav>

                    <p class="footer_credit footer_credit_lg">© 2023 Flint Institute of Music. All rights reserved. Flint Institute of Music is a 501(c)(3) nonprofit organization. Federal Tax Exempt Number: 38-6159482.</p>
                </div>

                <div class="footer_group">
                    <div class="footer_metas">
                        <div class="footer_meta">
                            <div class="footer_meta_bit">
                                <span class="footer_meta_title">In-Person Box Office</span>
                            </div>

                            <div class="footer_meta_bit">
                                <span class="footer_meta_label">Whiting Auditorium</span>
                                <span class="footer_meta_value">1241 E. Kearsley St., Flint</span>
                            </div>

                            <div class="footer_meta_bit">
                                <span class="footer_meta_label">Capitol Theatre</span>
                                <span class="footer_meta_value">140 E. Second St., Flint</span>
                            </div>
                        </div>

                        <div class="footer_meta">
                            <div class="footer_meta_bit">
                                <span class="footer_meta_title">Ticket Center Hours</span>
                            </div>

                            <div class="footer_meta_bit">
                                <span class="footer_meta_label">Summer hours beginning July 1</span>
                                <span class="footer_meta_value">Monday – Friday 10am-3pm</span>
                            </div>

                            <div class="footer_meta_bit">
                                <span class="footer_meta_label">September – June</span>
                                <span class="footer_meta_value">Monday - Friday 10am-6pm, Saturday 10am-3pm</span>
                            </div>

                            <div class="footer_meta_bit">
                                <span class="footer_meta_info footer_meta_info_secondary">FIM Ticket Center is open two hours prior to each performance.</span>
                            </div>
                        </div>

                        <div class="footer_meta">
                            <div class="footer_meta_bit">
                                <span class="footer_meta_info"><span class="footer_meta_info_type">Online:</span> <a class="footer_meta_info_link" href="#">tickets.thefim.org</a></span>
                                <span class="footer_meta_info"><span class="footer_meta_info_type">Phone:</span> <a class="footer_meta_info_link" href="#">810.237.7333</a></span>
                            </div>
                        </div>
                    </div>

                    <p class="footer_credit footer_credit_sm">© 2023 Flint Institute of Music. All rights reserved. Flint Institute of Music is a 501(c)(3) nonprofit organization. Federal Tax Exempt Number: 38-6159482.</p>
                </div>
            </div>
        </div>
    </footer>

    <script src="../../vendor/jquery/jquery.3.5.1.min.js"></script>
    <script src="../../js/site.js"></script>
    <!-- END INJECTED FOOTER -->

    <script src="https://production.tnew-assets.com/tnew/public/tnew-runtime.797efa41e9bcc70aae4d.js"></script>
    <script src="https://production.tnew-assets.com/tnew/public/tnew-vendor.2a456d0011a89cb7d552.js"></script>
    <script src="https://production.tnew-assets.com/tnew/public/tnew.541a6d4dc87399e9bd00.js"></script>

    <script>
        tnew.app.init({
            "appVersion": "16.0.8.6",
            "tessituraVersion": "16.0.5.73585",
            "environment": "staging",
            "rootUrl": "https://flnt-tnew-test.tnhs.cloud/",
            "bcp47LanguageTag": "en-US",
            "iso4217CurrencyCode": "USD"
        });
    </script>

    <script>
        (function() {
            var orderDataModel = {
                "modeOfSale": 23,
                "number": 756804,
                "fees": 39.0000,
                "total": 140.0000,
                "cartItems": [{
                    "id": 1030846,
                    "productId": 9808,
                    "performanceId": 9808,
                    "packageId": 0,
                    "price": 10.0000,
                    "priceType": 1,
                    "priceTypeDescription": "Regular",
                    "productType": "General Admission",
                    "productDescription": "9793|Jazz at MacArthur Hall",
                    "quantity": 4,
                    "sku": "9808|Regular|1|10"
                }, {
                    "id": 1030847,
                    "productId": 9806,
                    "performanceId": 9806,
                    "packageId": 0,
                    "price": 15.0000,
                    "priceType": 1,
                    "priceTypeDescription": "Regular",
                    "productType": "General Admission",
                    "productDescription": "9790|Festival of Dance",
                    "quantity": 3,
                    "sku": "9806|Regular|1|15"
                }, {
                    "id": 1030847,
                    "productId": 9806,
                    "performanceId": 9806,
                    "packageId": 0,
                    "price": 8.0000,
                    "priceType": 3,
                    "priceTypeDescription": "Child - (12 & under)",
                    "productType": "General Admission",
                    "productDescription": "9790|Festival of Dance",
                    "quantity": 2,
                    "sku": "9806|Child - (12 & under)|3|8"
                }]
            };
            var productDataModel = {
                "packageId": 0,
                "productionSeasonId": 0,
                "performanceId": 0,
                "productTypeDescription": null,
                "contributionTypeId": 0,
                "fundId": 0,
                "onAccountPaymentMethodId": 0,
                "giftCertificatePaymentMethodId": 0,
                "membershipOrganizationId": 0,
                "membershipLevelId": 0
            };
            var sessionDataModel = {
                "customerNumber": 289243,
                "sessionKey": "HcXp6yyLNBL3Osxt05pqfFPtWOp4UCrhO2cdGqF94bYJ07xCUKuxWunEE3jhMJBf7HZtTLPZ9HkIm1t0bsp9Pk5XW44zXE2R5waZfblmlkjvGzl+TxzmDzXL4B8FbU5hETku1Geu918l5xvO4TaGmnZHVwavt5D5mz4nIpjSXmPhQeOUyMVf+/u9wk+xocJF",
                "modeOfSale": 23,
                "isGuest": false,
                "isAnonymous": false,
                "sourceId": 8037,
                "isRenewalOrder": false
            };
            var provider = new tnew.lib.GoogleDataLayerProvider(orderDataModel, productDataModel, sessionDataModel);
            window.dataLayer = window.dataLayer || [];
            var session = provider.getSession();
            window.dataLayer.push(session);
            var product = provider.getProduct();
            window.dataLayer.push(product);
            var order = provider.transformOrder();
            if (order) {
                window.dataLayer.push(order);
            }
        })();
    </script>

    <script src="https://production.tnew-assets.com/tnew/public/tnew-cart-details.4b0a6f01f27d5204be51.js"></script>

    <script>
        (function() {
            var jsPageData = {
                "isPaymentPlanSelectionVisible": false,
                "isPaymentPlanApplied": false
            };
            window.tnew.page.initialize(jsPageData);
        })();
    </script>

    <!--

Session MOS: 23 / Original MOS: 23
Promo:  (8037)
SID: 0310

    -->

    <div aria-live="assertive" aria-atomic="true" class="sr-only">Less than 19 minutes 16 seconds remaining before your order expires.</div>
</body>

</html>
 
<html lang="en" xml:lang="en"><head>
    </head><body><input name="__RequestVerificationToken" type="hidden" value="jn5Hq1AKzvKXsnaz-MHQsWDCG60NFveZOP8f1Q_HxzErbWUGaHEb-mdDTJyJOEjmu-iUGl-6CVZXc3a_u9Rr0h3YlYisFZRISbsGLvUNpf-tWn8z7lqkxEXPNEfeVG9Vdg4soammq6qm21Gl8FMpfHEsvCRg6Ga-cJc_GAiE7nBvcx3-0">

    <meta charset="UTF-8">
    <title>Your Cart | FIM Ticket Center</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">



    <link href="https://production.tnew-assets.com/tnew/public/tnew.33f5fdb65e529b0c707e.css" rel="stylesheet">

    <link href="https://production.tnew-assets.com/tnew/public/tnew-account-upcoming-events.375a3cb4ab031f86d380.css" rel="stylesheet">



<div style="display: none;" data-tn-component-property="32a0f2f8-6d0e-4f70-bb20-c03b3e9d24ad_FormSubmissionErrorMessage">Please correct the following error(s):</div><div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_Heading">Are you sure you want to remove this item?</div><div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_Body">If you are removing seats, you may not be able to reserve the same seats again.</div><div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_DeleteItemButtonText">Remove Item</div><div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_CancelButtonText">Cancel</div><div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_RemoveNonInventoryItemSectionText">The item will be removed from your cart.</div>
    <!-- BEGIN INJECTED HEAD -->

    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=2, minimum-scale=1, user-scalable=yes">
    <style>
        #tn-whitelabel-container {
            max-width: 1230px;
            margin: 0 auto;
            padding: 0 15px;
        }
        @media (max-width: 767px) {
            #tn-whitelabel-container {
                padding: 0 10px;
            }
        }
    </style>

    <!-- END INJECTED HEAD -->




    <!-- BEGIN INJECTED HEADER -->

	{% include '@component-tnew-header' %}

    <div id="tn-whitelabel-container">


    <!-- END INJECTED HEADER -->








<div class="tn-utility-nav">

    <div class="tn-utility-nav-account-section__container">
            <nav class="tn-utility-nav-account-section tn-utility-nav-account-section--logged-in" aria-labelledby="tn-utility-nav-account-heading">
                <h2 id="tn-utility-nav-account-heading" class="sr-only">Account</h2>

                    <div class="tn-utility-nav-account-section__user-display tn-utility-nav-inline-container">
                            <div class="tn-utility-nav-account-user-display">
        <span class="tn-utility-nav-account-user-display__label">My Account: &nbsp;</span>
        <span class="tn-utility-nav-account-user-display__email">dtruckenbrodt@fastspot.com</span>
    </div>

                    </div>
                        <button id="tn-utility-nav-account-menu-button" type="button" class="tn-utility-nav-account-menu-btn btn btn-primary btn-sm" aria-expanded="false">
                            <svg aria-hidden="true" class="tn-icon tn-icon--person-fill tn-utility-nav-account-login-link__user-icon"><use xlink:href="../../images/sprites.svg#person-fill" /></svg>
                            <svg aria-hidden="true" class="tn-icon tn-icon--caret-down-fill tn-utility-nav-account-menu-btn__triangle-down"><use xlink:href="../../images/sprites.svg#caret-down-fill" /></svg>
                            <span class="sr-only">Account Options</span>
                        </button>
                        <div class="tn-utility-nav-account-menu__container" style="display: none;">
                            <div class="tn-utility-nav-account-menu">

                                <div class="tn-utility-nav-account-menu__section tn-utility-nav-account-menu__section--user-display">
                                        <div class="tn-utility-nav-account-user-display">
        <span class="tn-utility-nav-account-user-display__label">My Account: &nbsp;</span>
        <span class="tn-utility-nav-account-user-display__email">dtruckenbrodt@fastspot.com</span>
    </div>

                                </div>


                                <div class="tn-utility-nav-account-menu__section tn-utility-nav-account-menu__section--account-navigation">
                                    <h3 class="tn-utility-nav-account-menu__section-heading" id="tn-utility-nav-account-list-heading">Account</h3>
                                    <ul class="tn-utility-nav-account-menu__list" aria-labelledby="tn-utility-nav-account-list-heading">
                                            <li><a class="tn-utility-nav-account-menu__link" href="/account/content">Digital Content</a></li>
                                            <li><a class="tn-utility-nav-account-menu__link" href="https://tickets.thefim.org/account/update?returnurl=%2fdonate%2fcontribute1">Edit Your Account Information</a></li>
                                            <li><a class="tn-utility-nav-account-menu__link" href="/account/upcomingevents">Upcoming Events</a></li>
                                            <li><a class="tn-utility-nav-account-menu__link" href="/account/interests">Update Your Interests</a></li>
                                        <li class="tn-utility-nav-account-menu__divided-list-item">
                                            <a class="tn-utility-nav-account-menu__link" href="https://tickets.thefim.org/account/logout">Logout</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
            </nav>
    </div>



    <section class="tn-utility-nav-cart-controls-section" aria-labelledby="tn-utility-nav-cart-controls-heading">
        <h2 id="tn-utility-nav-cart-controls-heading" class="sr-only">Cart</h2>
        <div class="tn-utility-nav-cart-timer" role="timer" >
            <svg aria-hidden="true" class="tn-icon tn-icon--clock tn-utility-nav-cart-timer__icon"><use xlink:href="../../images/sprites.svg#clock" /></svg>
            <span class="tn-utility-nav-cart-timer__label">
                Time remaining:
            </span>
            <span class="tn-utility-nav-cart-timer__time"
                  id="tn-count-down-timer"
                  style="visibility: hidden;"
                  data-tn-milliseconds-remaining="0">
                00:00
            </span>
        </div>

            <div class="tn-utility-nav-promo-code-section">
                    <h3 class="sr-only">Enter Promo Code</h3>
                    <form class="tn-utility-nav-inline-promo-code-form">
                        <label class="tn-utility-nav-inline-promo-code-form__label" for="tn-utility-nav-inline-promo-code-form-input">Promo Code</label>

                        <div class="tn-utility-nav-inline-promo-code-form__input-container">
                            <input id="tn-utility-nav-inline-promo-code-form-input" class="tn-utility-nav-inline-promo-code-form__input form-control input-sm" aria-describedby="tn-utility-nav-inline-promo-code-form-help-block" aria-invalid="true" required>
                            <button type="submit" class="tn-utility-nav-inline-promo-code-form__btn-submit btn btn-primary btn-sm">
                                <span class="tn-utility-nav-inline-promo-code-form__btn-submit-label">submit</span>
                            </button>

                            <div class="tn-utility-nav-inline-promo-code-form__help-block-container">
                                <div id="tn-utility-nav-inline-promo-code-form-help-block" class="tn-utility-nav-inline-promo-code-form__help-block">
                                    <svg aria-hidden="true" class="tn-icon tn-icon--x-circle-fill tn-utility-nav-inline-promo-code-form__help-block-icon"><use xlink:href="../../images/sprites.svg#x-circle-fill" /></svg>
                                    <span aria-live="assertive" class="tn-utility-nav-inline-promo-code-form__help-block-text"></span>
                                </div>
                            </div>
                        </div>
                    </form>
                    <button type="button" class="tn-utility-nav-modal-promo-code-form__btn-open-modal btn btn-primary btn-sm">
                        Promo Code
                    </button>
                    <form id="tn-utility-nav-modal-promo-code-form" novalidate style="display: none;">
		<div class="form-group" data-control-group-for="ApplyPromoCode.PromoCode">
<label class="control-label tn-promo-code" for="ApplyPromoCode_PromoCode"><span>Promo Code</span><span aria-hidden="true" class="tn-required-field">Required</span></label><input aria-describedby="tn-error-help-block-ApplyPromoCode.PromoCode tn-help-block-ApplyPromoCode.PromoCode" aria-invalid="true" autocomplete="off" class=" form-control tn-promo-code" data-tn-form-control="true" id="ApplyPromoCode_PromoCode" name="ApplyPromoCode.PromoCode" required="required" type="text" value="" />		</div>
                    </form>

            </div>

        <a href="https://tickets.thefim.org/cart/details" class="tn-utility-nav-cart-link btn btn-primary btn-sm" aria-label="View Cart, 0 items">
            <svg aria-hidden="true" class="tn-icon tn-icon--cart-fill tn-utility-nav-cart-link__icon"><use xlink:href="../../images/sprites.svg#cart-fill" /></svg>
            <span class="tn-utility-nav-cart-link__label">View Cart</span>
            <span class="tn-utility-nav-cart-link__quantity-badge">0</span>
        </a>
    </section>
</div>


<div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalTitle">Your cart has expired</div><div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalText">Your order contained expired items and your shopping cart has been emptied.</div><div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalButton">Close</div><div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_PromoCodeEntrySubhead">Enter Promo Code</div>
    <main class="tn-contribution-group1-page" data-tn-page-type="ee9787a6-46f3-4c4c-9102-ee4570ba6b34">



<section class="tn-header-component">
    <h1 class="tn-header-component__heading tn-heading " id="tn-page-heading">
        Support Us
    </h1>

    <div id="tn-error-message-template"></div>


<div id="tn-alert-message-template"></div>



        <div class="tn-header-component__sub-text tn-heading-sub-text">
            Thank you for your support. Please provide more information prior to continuing.
        </div>
</section>


<section class="tn-contribution-component">
<form action="/donate/contribute1" id="tn-contribution-form" method="post" novalidate="novalidate"><input name="__RequestVerificationToken" type="hidden" value="JnKumS_-ElJ90aGKD2PT02Pd4J4_NJViBNZOVFnPKsmr_0ORlWv8rrwAX1umqGHV7JuScmrukIBEZCGTxfm-46bRt1IOtreSciF63AWTqSsOfyRCWZpkW1q4_tijPwNl3iU7HAkXYubHl6m6rCkY2xAsb7RdgBy5mk-utF7vFRP_MsTx0" />        <div class="row">
            <div class="col-xs-12 col-sm-6">
		<div class="form-group" data-control-group-for="AddContribution.ContributionTypeId">
<label class="control-label tn-contribution-type-id" for="AddContribution_ContributionTypeId"><span>Contribution</span><span aria-hidden="true" class="tn-required-field">Required</span></label><select aria-describedby="tn-error-help-block-AddContribution.ContributionTypeId tn-help-block-AddContribution.ContributionTypeId" aria-invalid="true" class=" form-control tn-contribution-type-id" data-tn-form-control="true" id="AddContribution_ContributionTypeId" name="AddContribution.ContributionTypeId" required="required"><option selected="selected" value="">Select</option>
<option value="16">FIM Annual Fund</option>
<option value="22">KidsTix</option>
<option value="17">Flint Symphony Orchestra</option>
<option value="23">Flint School of Performing Arts</option>
<option value="24">Flint Repertory Theater</option>
<option value="25">Whiting Auditorium</option>
<option value="26">Capitol Theater</option>
</select>		</div>

		<div class="form-group" data-control-group-for="AddContribution.Amount">
<label class="control-label tn-amount" for="AddContribution_Amount"><span>Amount</span><span aria-hidden="true" class="tn-required-field">Required</span></label>                    <div class="input-group">
                            <span class="input-group-addon tn-currency-symbol">$</span>

                        <input aria-describedby="tn-error-help-block-AddContribution.Amount tn-help-block-AddContribution.Amount" aria-invalid="true" autocomplete="on" class=" form-control tn-amount" data-tn-form-control="true" id="AddContribution_Amount" name="AddContribution.Amount" placeholder="" required="required" type="text" value="" />

                    </div>
		</div>

                <div class="tn-contribution-type-text"></div>

                <div class="tn-contribution-type-form-container">
                </div>

                <div class="tn-loader alert-warning alert tn-form-loader" style="display: none;">
                    <svg aria-hidden="true" class="tn-icon tn-icon--arrow-repeat tn-loader-icon tn-waiting"><use xlink:href="../../images/sprites.svg#arrow-repeat" /></svg>
                    <p>Please Wait</p>
                </div>

                <div class="form-group">
                    <button type="submit" id="tn-contribution-submit" class="btn btn-primary">
                        Add to Cart
                    </button>
                </div>

            </div>
        </div>
</form></section>









    </main>









    <!-- BEGIN INJECTED FOOTER -->


     </div>

	{% include '@component-tnew-footer' %}

    <!-- END INJECTED FOOTER -->

    <script src="https://production.tnew-assets.com/tnew/public/tnew-runtime.797efa41e9bcc70aae4d.js"></script>
    <script src="https://production.tnew-assets.com/tnew/public/tnew-vendor.2a456d0011a89cb7d552.js"></script>
    <script src="https://production.tnew-assets.com/tnew/public/tnew.541a6d4dc87399e9bd00.js"></script>

    <script>
        tnew.app.init({"appVersion":"16.0.8.6","tessituraVersion":"16.0.5.73585","environment":"staging","rootUrl":"https://flnt-tnew-test.tnhs.cloud/","bcp47LanguageTag":"en-US","iso4217CurrencyCode":"USD"});
    </script>

    <script>
        (function() {
            var orderDataModel = {"modeOfSale":23,"number":756804,"fees":39.0000,"total":140.0000,"cartItems":[{"id":1030846,"productId":9808,"performanceId":9808,"packageId":0,"price":10.0000,"priceType":1,"priceTypeDescription":"Regular","productType":"General Admission","productDescription":"9793|Jazz at MacArthur Hall","quantity":4,"sku":"9808|Regular|1|10"},{"id":1030847,"productId":9806,"performanceId":9806,"packageId":0,"price":15.0000,"priceType":1,"priceTypeDescription":"Regular","productType":"General Admission","productDescription":"9790|Festival of Dance","quantity":3,"sku":"9806|Regular|1|15"},{"id":1030847,"productId":9806,"performanceId":9806,"packageId":0,"price":8.0000,"priceType":3,"priceTypeDescription":"Child - (12 & under)","productType":"General Admission","productDescription":"9790|Festival of Dance","quantity":2,"sku":"9806|Child - (12 & under)|3|8"}]};

            var productDataModel = {"packageId":0,"productionSeasonId":0,"performanceId":0,"productTypeDescription":null,"contributionTypeId":0,"fundId":0,"onAccountPaymentMethodId":0,"giftCertificatePaymentMethodId":0,"membershipOrganizationId":0,"membershipLevelId":0};

            var sessionDataModel = {"customerNumber":289243,"sessionKey":"HcXp6yyLNBL3Osxt05pqfFPtWOp4UCrhO2cdGqF94bYJ07xCUKuxWunEE3jhMJBf7HZtTLPZ9HkIm1t0bsp9Pk5XW44zXE2R5waZfblmlkjvGzl+TxzmDzXL4B8FbU5hETku1Geu918l5xvO4TaGmnZHVwavt5D5mz4nIpjSXmPhQeOUyMVf+/u9wk+xocJF","modeOfSale":23,"isGuest":false,"isAnonymous":false,"sourceId":8037,"isRenewalOrder":false};

            var provider = new tnew.lib.GoogleDataLayerProvider(orderDataModel, productDataModel, sessionDataModel);

            window.dataLayer = window.dataLayer || [];

            var session = provider.getSession();

            window.dataLayer.push(session);

            var product = provider.getProduct();

            window.dataLayer.push(product);

            var order = provider.transformOrder();

            if (order) {
                window.dataLayer.push(order);
            }
        })();
    </script>




    <script src="https://production.tnew-assets.com/tnew/public/tnew-cart-details.4b0a6f01f27d5204be51.js"></script>

    <script>
        (function () {
            var jsPageData = {"isPaymentPlanSelectionVisible":false,"isPaymentPlanApplied":false};

            window.tnew.page.initialize(jsPageData);
        })();
    </script>



    <!--

Session MOS: 23 / Original MOS: 23
Promo:  (8037)
SID: 0310

    -->

<div aria-live="assertive" aria-atomic="true" class="sr-only">Less than 19 minutes 16 seconds remaining before your order expires.</div></body></html>

No notes defined.