athletics.givenow.columbia.edu Open in urlscan Pro
54.198.24.231  Public Scan

URL: https://athletics.givenow.columbia.edu/
Submission Tags: falconsandbox
Submission: On July 29 via api from US — Scanned from DE

Form analysis 4 forms found in the DOM

Name: mainform

<form id="mainform" name="mainform" class="ng-pristine ng-valid-maxlength ng-invalid ng-invalid-required">
  <div ng-bind-html="imageurl" class="ng-binding"></div>
  <div id="form"></div>
  <ul id="progressbar" class="notSrch">
    <li class="active">Gift Information</li>
    <li>Contact Details</li>
    <li>Payment Details</li>
  </ul>
  <fieldset id="f0">
    <div class="row">
      <h2 class="fs-title"><span ng-show="curIndex ==-1">Enter</span><span ng-show="curIndex !=-1" class="ng-hide">Edit</span> your Gift Information</h2>
      <h3 class="fs-subtitle">Step 1</h3>
    </div>
    <div ng-show="!configData.isSearch">
      <div id="school">
        <div id="d1" class="browse-area school-block ng-hide" ng-hide="configData.gift.hideDivision">
          <div class="ui-select-container ui-select-bootstrap dropdown ng-valid" ng-class="{open: $select.open}" ng-model="search.division" ng-click="search.chosenFund=null">
            <div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Enter School / Department"><span tabindex="-1"
                class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()"
                  class="ui-select-placeholder text-muted ng-binding ng-hide">Enter School / Department</span> <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left"
                  ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude=""><span class="ng-binding ng-scope">Athletics</span></span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
                <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
            </div><input type="text" autocomplete="off" tabindex="-1" aria-expanded="true" aria-label="Select box" aria-owns="ui-select-choices-0" aria-activedescendant="ui-select-choices-row-0-0"
              class="form-control ui-select-search ng-pristine ng-untouched ng-valid ng-hide" placeholder="Enter School / Department" ng-model="$select.search" ng-show="$select.searchEnabled &amp;&amp; $select.open">
            <ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-scope ng-hide" role="listbox" ng-show="$select.items.length > 0" repeat="d in divisions | filter: $select.search" group-by="'type'">
              <!-- ngRepeat: $group in $select.groups --></ul><ui-select-single></ui-select-single><input ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen ng-scope" type="text" id="focusser-0" aria-label="Select box focus"
              aria-haspopup="true" role="button">
          </div>
          <div class="clear" ng-click="search.division = null"></div>
        </div>
      </div>
      <div class="row dubspace" ng-show="configData.gift.labelDivision &amp;&amp; configData.gift.hideDivision">
        <div class="col-xs-12" style="text-align:left">
          <h4 class="right-collapse tal" ng-show="!configData.rd">Division:</h4>
          <p class="right-collapse tal ng-hide" ng-show="configData.rd">Top funds for this commitment:</p>
          <p class="right-collapse tal ng-binding" ng-show="!configData.rd">Athletics</p>
        </div>
      </div>
      <div id="fund">
        <div id="d2" class="browse-area division-block" ng-click="fundOpen()" ng-hide="configData.gift.hideAllocation">
          <div class="ui-select-container ui-select-bootstrap dropdown ng-valid" ng-class="{open: $select.open}" ng-model="search.chosenFund">
            <div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Enter Fund" ng-show="search.division !=null"><span tabindex="-1"
                class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;"><span ng-show="$select.isEmpty()"
                  class="ui-select-placeholder text-muted ng-binding ng-hide">Enter Fund</span> <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left"
                  ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude=""><span class="ng-binding ng-scope">OneRoar Fund</span></span> <i class="caret pull-right" ng-click="$select.toggle($event)"></i>
                <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide"><i class="glyphicon glyphicon-remove" aria-hidden="true"></i></a></span>
            </div><input type="text" autocomplete="off" tabindex="-1" aria-expanded="true" aria-label="Select box" aria-owns="ui-select-choices-1" aria-activedescendant="ui-select-choices-row-1-0"
              class="form-control ui-select-search ng-pristine ng-untouched ng-valid ng-hide" placeholder="Enter Fund" ng-model="$select.search" ng-show="$select.searchEnabled &amp;&amp; $select.open">
            <ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu ng-scope" role="listbox" ng-show="$select.items.length > 0"
              repeat="f in funds | filter:statusFilter| filter: {division: search.division.division, title: $select.search} | filter:shFilter | filter:otherFilter">
              <li class="ui-select-choices-group" id="ui-select-choices-1">
                <div class="divider ng-hide" ng-show="$select.isGrouped &amp;&amp; $index > 0"></div>
                <div ng-show="$select.isGrouped" class="ui-select-choices-group-label dropdown-header ng-binding ng-hide" ng-bind="$group.name"></div>
                <!-- ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items --><!-- ngIf: $select.open --><!-- end ngRepeat: f in $select.items -->
              </li>
            </ul><ui-select-single></ui-select-single><input ng-disabled="$select.disabled" class="ui-select-focusser ui-select-offscreen ng-scope" type="text" id="focusser-1" aria-label="Select box focus" aria-haspopup="true" role="button">
          </div>
          <div class="clear" ng-click="search.chosenFund=null"></div>
          <div class="ph-label">Fund</div>
        </div>
      </div>
      <div class="no-results ng-hide" ng-hide="true">
        <p class="small">Unable to find what you are looking for? Try the Fund Search</p>
      </div>
    </div>
    <div class="row ng-hide" style="margin-top:30px" ng-show="configData.isSearch">
      <div class="col-xs-12" id="advSrch">
        <div ng-show="showSearch">
          <p style="margin-bottom:15px">Search Columbia Funds</p>
          <div class="search"><i class="search-icon fa fa-search"></i> <input class="form-control ng-pristine ng-untouched ng-valid" id="search" type="text" ng-click="open();"
              placeholder="e.g. &quot;Columbia College&quot;, &quot;Arts&quot;, &quot;Climate Response&quot;" ng-model="search.searchTerm" ng-class="{'red': err==true}"></div>
        </div>
        <div ng-show="!showSearch" class="dubspace ng-hide" style="margin-bottom:20px;clear:both">
          <div class="col-xs-8 col-md-9">
            <h2 class="add-title">Selected Fund:</h2>
            <p class="right-collapse tal ng-binding"></p>
            <p class="text-muted right-collapse tal ng-binding"></p>
            <p class="small right-collapse ng-hide" ng-show="o.isHM ==1"><span ng-show="o.notifyType ==1" class="ng-hide">In honor of:</span> <span ng-show="o.notifyType ==2" class="ng-hide">In memory of:</span> <span
                class="text-muted capitalize ng-binding"></span></p>
          </div>
          <div class="col-xs-4 col-md-2">
            <p class="pull-right right-side ng-binding"></p>
          </div>
          <div class="col-xs-4 col-md-3 remove">
            <p ng-click="removeFund()" data-keyboard="true" class="opensearch pull-right right-side edit-gift text-muted"><i class="fa fa-remove"></i> Remove Fund</p>
          </div>
        </div>
      </div>
    </div>
    <div class="row ng-hide" ng-show="!configData.gift.hideAllocation &amp;&amp; !configData.gift.hideDivision">
      <div class="col-xs-6">
        <p data-toggle="modal" data-target="#featured" style="display:none;text-align:left;cursor:pointer">Featured Funds</p>
      </div>
      <div class="col-xs-6" id="advSrch">
        <p class="search-modal pull-right" ng-click="open()"><i class="fa fa-search"></i> Fund Search</p>
      </div>
    </div>
    <div class="row">
      <div id="donate-select" class="donation"><!-- ngRepeat: o in configData.amountButtons -->
        <div ng-repeat="o in configData.amountButtons" class="col-xs-4 col-sm-2 col-md-2 ng-scope"><label type="button" class="btn btn-default" data-val="1000" ng-class="otherAmt == 1000 ? 'activeState' : ''">
            <p class="ng-binding">$1000</p>
          </label></div><!-- end ngRepeat: o in configData.amountButtons -->
        <div ng-repeat="o in configData.amountButtons" class="col-xs-4 col-sm-2 col-md-2 ng-scope"><label type="button" class="btn btn-default activeState" data-val="500" ng-class="otherAmt == 500 ? 'activeState' : ''">
            <p class="ng-binding">$500</p>
          </label></div><!-- end ngRepeat: o in configData.amountButtons -->
        <div ng-repeat="o in configData.amountButtons" class="col-xs-4 col-sm-2 col-md-2 ng-scope"><label type="button" class="btn btn-default" data-val="100" ng-class="otherAmt == 100 ? 'activeState' : ''">
            <p class="ng-binding">$100</p>
          </label></div><!-- end ngRepeat: o in configData.amountButtons -->
      </div>
      <div id="donate-other">
        <div class="col-xs-12 col-sm-6 col-md-6"><span class="error"></span> <input type="text" class="form-control currency ng-pristine ng-untouched ng-valid ng-valid-maxlength" id="otherAmt" placeholder="Other Amount" ng-model="otherAmt"
            data-stage="1" maxlength="15" data-req="true" data-min="true"> <span class="focus">Other Amount</span> <span class="correct"><i class="fa fa-check"></i></span> <span class="incorrect"><i class="fa fa-ban"></i></span></div>
      </div>
    </div>
    <div class="col-xs-12 textarea ng-hide" ng-show="otherVisible"><span class="focus">Allocation Instructions</span> <span class="error"></span><textarea type="text" class="form-control ng-pristine ng-untouched ng-valid ng-valid-maxlength"
        ng-class="{'validOtherNotes':otherVisible == true}" data-req="true" placeholder="Allocation Instructions" data-stage="1" name="instructions" id="otherNotes" rows="3" maxlength="225" ng-model="formData.specialInst"></textarea>
      <div id="whatsThis">
        <p>What's this?</p>
      </div>
      <div id="wt-desc">
        <p>Indicate allocation instructions here.</p>
      </div>
      <div id="textarea_feedback" style="font-family: Montserrat; text-align: right; margin-top: 4px; font-size: 12px;">225 characters remaining</div><span class="correct"><i class="fa fa-check"></i></span> <span
        class="incorrect"><i class="fa fa-ban"></i></span>
    </div>
    <div class="row dubspace" ng-hide="configData.hideHM">
      <div cladss="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
        <div class="col-xs-8" style="">
          <p class="right-collapse tal">Is this gift in honor or in memory of someone?</p>
        </div>
        <div class="col-xs-4" data-check="in-memory">
          <div class="bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-off bootstrap-switch-large bootstrap-switch-id-in-memory bootstrap-switch-animate" style="width: 103.375px;">
            <div class="bootstrap-switch-container" style="width: 152.062px; margin-left: -50.6875px;"><span class="bootstrap-switch-handle-on bootstrap-switch-primary" style="width: 50.6875px;">Yes</span><span class="bootstrap-switch-label"
                style="width: 50.6875px;">&nbsp;</span><span class="bootstrap-switch-handle-off bootstrap-switch-default" style="width: 50.6875px;">No</span><input type="checkbox" id="in-memory" name="toggle-switch" data-on-text="Yes"
                data-off-text="No" data-size="large"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div id="in-memory-options" class="in-memory">
        <div class="col-xs-6 col-md-4"><label type="button" id="hm1" class="btn btn-default activeState" ng-click="setHM(1)">
            <p>In honor</p>
          </label></div>
        <div class="col-xs-6 col-md-4"><label type="button" id="hm2" class="btn btn-default" ng-click="setHM(2)">
            <p>In memory</p>
          </label></div>
        <div class="col-xs-12 col-md-4"><span class="error"></span> <input type="text" class="form-control validName ng-pristine ng-untouched ng-valid ng-valid-maxlength" placeholder="Person's Name" ng-model="formData.HMPerson" name="name-of-person"
            data-stage="1" maxlength="60" id="name-of-person"> <span class="focus">Person's Name</span> <span class="correct"><i class="fa fa-check"></i></span> <span class="incorrect"><i class="fa fa-ban"></i></span></div>
      </div>
    </div><label type="button" name="next" class="next action-button" id="addgiftbtn" ng-click="addGift(-1);" onclick="stage(1)" ng-show="curIndex == -1">Add Gift</label><label type="button" name="next" class="next action-button preBtn ng-hide"
      onclick="errors=0;moveNext(this)" style="width:180px" ng-show="gifts.length>0 &amp;&amp; curIndex == -1" ng-click="cleanStg()">Back to Summary</label><label type="button" name="next" class="next action-button ng-hide"
      ng-click="addGift(curIndex)" onclick="stage(1)" ng-show="curIndex != -1">Save</label><label type="button" name="next" class="next action-button preBtn ng-hide" onclick="moveNext(this)" ng-show="curIndex != -1"
      ng-click="cancelEdit();">Cancel</label>
    <div class="error-message small" id="errormsg1"></div>
    <div class="col-xs-12 ng-hide" ng-show="configData.rd">
      <p style="text-align:left;margin-top:50px"><br><br><strong>Note:</strong> Don't see what you're looking for? Search related funds <a href="https://www.givenow.columbia.edu" target="gs">here.</a><br></p>
    </div>
    <div class="col-xs-12">
      <p class="small ng-hide" ng-show="isFYE" style="text-align:left;margin-top:50px"></p>
      <div>
        <p style="font-size:14pt;font-weight:bold;">Giving Deadline Approaching!</p>
        <p style="font-size:13pt;line-height:1.6">Columbia University's fiscal year ends on Sunday, June 30, at 11:59 p.m. EDT. Make your gift by the deadline to ensure you're counted as a 2023-2024 donor.</p>
      </div>
      <p></p>
      <p class="small ng-hide" ng-show="isCYE" style="text-align:left;margin-top:50px">If you plan to claim a deduction for this gift on your 2021 tax return, please complete this form before midnight (EST) on December 31.
        <i>In accordance with IRS regulations, the official date of your gift for tax purposes will be the date it is completed, as noted on your final confirmation.</i><br><br><br><br><br><br><br><br><br><br><br><br></p>
      <p style="text-align:left;margin-top:50px" ng-show="isGD" class="ng-hide">Today is Columbia Giving Day! Gifts made on this website will count towards Giving Day totals. Don’t miss the excitement: visit
        <a href="http://givingday.columbia.edu">givingday.columbia.edu</a> to watch the leaderboards in action, connect with the global Columbia community, and celebrate the impact of Giving Day on your favorite schools, programs, and
        causes!<br><br><br><br><br><br><br><br><br><br><br><br></p>
    </div>
  </fieldset>
  <fieldset id="f1">
    <div class="row">
      <h2 class="fs-title">Gift Review</h2>
      <h3 class="fs-subtitle"></h3><br><!-- ngRepeat: o in gifts -->
      <div>
        <p class="pull-right total ng-binding ng-hide" ng-show="showTotal"><br>Total: $0.00<br><br></p>
      </div>
    </div>
    <div class="row dubspace review-gift-options">
      <div class="col-xs-12 ng-hide" ng-show="false">
        <h2 class="add-title">Additional Information</h2>
      </div>
      <div class="col-xs-8" style="">
        <p class="right-collapse tal">Would you like to make this a recurring gift?</p>
        <p class="right-collapse tal small text-muted green-text">It’s a simple and impactful way to make a difference.</p>
      </div>
      <div class="col-xs-4" data-check="recurring"><span style="display:none" id="alertClick" ng-click="recurSwitchAlert();"></span>
        <div class="bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-off bootstrap-switch-large bootstrap-switch-id-recurring">
          <div class="bootstrap-switch-container"><span class="bootstrap-switch-handle-on bootstrap-switch-primary">Yes</span><span class="bootstrap-switch-label">&nbsp;</span><span
              class="bootstrap-switch-handle-off bootstrap-switch-default">No</span><input type="checkbox" id="recurring" name="toggle-switch" data-on-text="Yes" data-off-text="No" data-size="large"></div>
        </div>
      </div>
    </div>
    <div class="row">
      <div id="recurring-options" class="recurring">
        <div class="col-xs-4"><label type="button" id="months" onclick="makeRecurOptions(0)" class="btn btn-default activeState" ng-click="setRecurring(1);setRecurringRange(1);" data-val="1">
            <p>Monthly</p>
          </label></div>
        <div class="col-xs-4"><label type="button" id="quarters" onclick="makeRecurOptions(1)" class="btn btn-default" ng-click="setRecurring(2);setRecurringRange(1);" data-val="2">
            <p>Quarterly</p>
          </label></div>
        <div class="col-xs-4"><label type="button" id="years" onclick="makeRecurOptions(2)" class="btn btn-default" ng-click="setRecurring(3);setRecurringRange(1);" data-val="3">
            <p>Annually</p>
          </label></div>
      </div>
    </div>
    <div id="recurring-stop" class="row dubspace" ngshow="configData.totalRecur">
      <div class="recurring">
        <div class="col-xs-12">
          <p class="right-collapse tal">Do you want to set an end date?</p>
        </div>
        <div class="col-xs-6 col-sm-4"><label type="button" id="recurAlways" class="btn btn-default activeState" ng-click="setRecurringRange(1)">
            <p>No</p>
          </label></div>
        <div class="col-xs-6 col-sm-4">
          <div class="dropdown recurRange"><button class="btn btn-default dropdown-toggle" type="button" id="recurMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
              <p>Stop after<span class="caret"></span></p>
            </button>
            <ul class="dropdown-menu recur-dd" aria-labelledby="recurMenu" ng-click="setRecurringRange(2)">
              <li><a href="javascript:void(0)">2</a></li>
              <li><a href="javascript:void(0)">3</a></li>
              <li><a href="javascript:void(0)">4</a></li>
              <li><a href="javascript:void(0)">5</a></li>
              <li><a href="javascript:void(0)">6</a></li>
              <li><a href="javascript:void(0)">7</a></li>
              <li><a href="javascript:void(0)">8</a></li>
              <li><a href="javascript:void(0)">9</a></li>
              <li><a href="javascript:void(0)">10</a></li>
              <li><a href="javascript:void(0)">11</a></li>
              <li><a href="javascript:void(0)">12</a></li>
              <li><a href="javascript:void(0)">13</a></li>
              <li><a href="javascript:void(0)">14</a></li>
              <li><a href="javascript:void(0)">15</a></li>
              <li><a href="javascript:void(0)">16</a></li>
              <li><a href="javascript:void(0)">17</a></li>
              <li><a href="javascript:void(0)">18</a></li>
              <li><a href="javascript:void(0)">19</a></li>
              <li><a href="javascript:void(0)">20</a></li>
              <li><a href="javascript:void(0)">21</a></li>
              <li><a href="javascript:void(0)">22</a></li>
              <li><a href="javascript:void(0)">23</a></li>
              <li><a href="javascript:void(0)">24</a></li>
              <li><a href="javascript:void(0)">25</a></li>
              <li><a href="javascript:void(0)">26</a></li>
              <li><a href="javascript:void(0)">27</a></li>
              <li><a href="javascript:void(0)">28</a></li>
              <li><a href="javascript:void(0)">29</a></li>
              <li><a href="javascript:void(0)">30</a></li>
              <li><a href="javascript:void(0)">31</a></li>
              <li><a href="javascript:void(0)">32</a></li>
              <li><a href="javascript:void(0)">33</a></li>
              <li><a href="javascript:void(0)">34</a></li>
              <li><a href="javascript:void(0)">35</a></li>
              <li><a href="javascript:void(0)">36</a></li>
            </ul>
          </div>
        </div>
        <div class="col-xs-12">
          <p class="right-collapse tal small"><span ng-show="formData.recurringRange ==1 || formData.recurringRange ==2" class="ng-binding">Your card will be charged <span ng-show="formData.recurring ==1"><strong>monthly</strong></span> <span
                ng-show="formData.recurring ==2" class="ng-hide"><strong>quarterly</strong></span> <span ng-show="formData.recurring ==3" class="ng-hide"><strong>annually</strong></span> in the amount of <strong class="ng-binding">$0.00</strong>.
              Charges will begin on and will automatically continue until <span ng-show="formData.recurringRange == 1">you contact us.</span> <span ng-show="formData.recurringRange == 2" class="ng-binding ng-hide">.</span></span></p>
        </div>
      </div>
    </div><label type="button" name="next" class="next action-button" onclick="stage(2);moveNext(this)" ng-click="isRecur();">Next</label><label ng-show="!configData.gift.singleGift &amp;&amp; gifts.length < 16 &amp;&amp; !hasOther" type="button"
      name="previous" class="previous action-button preBtn" ng-click="addAnother(10,$event);" id="addAnotherGift" style="width:170px !important">Add another gift</label>
    <div class="previous" id="predt"></div>
  </fieldset>
  <fieldset id="f2">
    <div class="row">
      <h2 class="fs-title">Enter your Contact Information</h2>
      <h3 class="fs-subtitle">Step 2</h3>
      <div class="personal">
        <div class="row">
          <div class="form-group">
            <div class="col-md-6 col-xs-12"><span class="error"></span> <input type="text" class="form-control validName ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength" placeholder="First Name" name="fname" id="fname"
                data-stage="3" data-req="true" maxlength="25" ng-model="formData.fname" required=""><span class="focus">First Name</span> <span class="correct"><i class="fa fa-check"></i></span> <span
                class="incorrect"><i class="fa fa-ban"></i></span></div>
            <div class="col-md-6 col-xs-12"><span class="error"></span> <input type="text" class="form-control validName ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength" placeholder="Last Name" name="lname" id="lname"
                data-stage="3" data-req="true" maxlength="25" ng-model="formData.lname" required=""> <span class="focus">Last Name</span> <span class="correct"><i class="fa fa-check"></i></span> <span
                class="incorrect"><i class="fa fa-ban"></i></span></div>
          </div>
        </div>
        <div class="row">
          <div class="form-group">
            <div class="col-md-12"><span class="error"></span> <input type="text" id="email" data-role="none" class="form-control validEmail ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength" placeholder="Email" name="email"
                data-stage="3" data-req="true" maxlength="60" ng-model="formData.email" required=""><span class="focus">Email</span> <span class="correct"><i class="fa fa-check"></i></span> <span class="incorrect"><i class="fa fa-ban"></i></span>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="form-group">
            <div class="col-md-12"><span class="error"></span> <input type="text" class="form-control validAddress ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength" placeholder="Address, Apt #" name="address" id="address"
                data-stage="3" data-req="true" maxlength="40" ng-model="formData.address" required=""><span class="focus">Address, Apt #</span> <span class="correct"><i class="fa fa-check"></i></span> <span
                class="incorrect"><i class="fa fa-ban"></i></span></div>
          </div>
        </div>
        <div class="row">
          <div class="form-group">
            <div class="col-md-12"><span class="error"></span> <input type="text" class="form-control validName ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength" placeholder="City" name="city" id="city" data-stage="3"
                data-req="true" maxlength="30" ng-model="formData.city" required=""><span class="focus">City</span> <span class="correct"><i class="fa fa-check"></i></span> <span class="incorrect"><i class="fa fa-ban"></i></span></div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12" id="hide-states">
            <div id="states" class="bfh-selectbox bfh-states" data-filter="true" data-country="countries_states2"><input type="hidden" class="scSelected" name=""
                value=""><a class="bfh-selectbox-toggle form-control" role="button" data-toggle="bfh-selectbox" href="#"><div class="cs-ph">State / Province</div><span class="bfh-selectbox-option"></span><span class="caret selectbox-caret"></span></a>
              <div class="bfh-selectbox-options">
                <div class="bfh-selectbox-filter-container"><input type="text" class="bfh-selectbox-filter form-control"></div><i class="filter-icon fa fa-search"></i>
                <div id="box-container">
                  <div role="listbox">
                    <ul role="option">
                      <li style="display:none"><a tabindex="-1" href="#" data-option=""></a></li>
                      <li><a tabindex="-1" href="#" data-option="AL">Alabama</a></li>
                      <li><a tabindex="-1" href="#" data-option="AK">Alaska</a></li>
                      <li><a tabindex="-1" href="#" data-option="AS">American Samoa</a></li>
                      <li><a tabindex="-1" href="#" data-option="AZ">Arizona</a></li>
                      <li><a tabindex="-1" href="#" data-option="AR">Arkansas</a></li>
                      <li><a tabindex="-1" href="#" data-option="AA">Armed Forces - Americas</a></li>
                      <li><a tabindex="-1" href="#" data-option="AE">Armed Forces - Europe</a></li>
                      <li><a tabindex="-1" href="#" data-option="AP">Armed Forces - Pacific</a></li>
                      <li><a tabindex="-1" href="#" data-option="CA">California</a></li>
                      <li><a tabindex="-1" href="#" data-option="CO">Colorado</a></li>
                      <li><a tabindex="-1" href="#" data-option="CT">Connecticut</a></li>
                      <li><a tabindex="-1" href="#" data-option="DC">D.C.</a></li>
                      <li><a tabindex="-1" href="#" data-option="DE">Delaware</a></li>
                      <li><a tabindex="-1" href="#" data-option="FM">Fed States of Micronesia</a></li>
                      <li><a tabindex="-1" href="#" data-option="FL">Florida</a></li>
                      <li><a tabindex="-1" href="#" data-option="GA">Georgia</a></li>
                      <li><a tabindex="-1" href="#" data-option="GU">Guam</a></li>
                      <li><a tabindex="-1" href="#" data-option="HI">Hawaii</a></li>
                      <li><a tabindex="-1" href="#" data-option="ID">Idaho</a></li>
                      <li><a tabindex="-1" href="#" data-option="IL">Illinois</a></li>
                      <li><a tabindex="-1" href="#" data-option="IN">Indiana</a></li>
                      <li><a tabindex="-1" href="#" data-option="IA">Iowa</a></li>
                      <li><a tabindex="-1" href="#" data-option="KS">Kansas</a></li>
                      <li><a tabindex="-1" href="#" data-option="KY">Kentucky</a></li>
                      <li><a tabindex="-1" href="#" data-option="LA">Louisiana</a></li>
                      <li><a tabindex="-1" href="#" data-option="ME">Maine</a></li>
                      <li><a tabindex="-1" href="#" data-option="MH">Marshall Islands</a></li>
                      <li><a tabindex="-1" href="#" data-option="MD">Maryland</a></li>
                      <li><a tabindex="-1" href="#" data-option="MA">Massachusetts</a></li>
                      <li><a tabindex="-1" href="#" data-option="MI">Michigan</a></li>
                      <li><a tabindex="-1" href="#" data-option="MN">Minnesota</a></li>
                      <li><a tabindex="-1" href="#" data-option="MS">Mississippi</a></li>
                      <li><a tabindex="-1" href="#" data-option="MO">Missouri</a></li>
                      <li><a tabindex="-1" href="#" data-option="MT">Montana</a></li>
                      <li><a tabindex="-1" href="#" data-option="NE">Nebraska</a></li>
                      <li><a tabindex="-1" href="#" data-option="NV">Nevada</a></li>
                      <li><a tabindex="-1" href="#" data-option="NH">New Hampshire</a></li>
                      <li><a tabindex="-1" href="#" data-option="NJ">New Jersey</a></li>
                      <li><a tabindex="-1" href="#" data-option="NM">New Mexico</a></li>
                      <li><a tabindex="-1" href="#" data-option="NY">New York</a></li>
                      <li><a tabindex="-1" href="#" data-option="NC">North Carolina</a></li>
                      <li><a tabindex="-1" href="#" data-option="ND">North Dakota</a></li>
                      <li><a tabindex="-1" href="#" data-option="MP">Northern Mariana Islands</a></li>
                      <li><a tabindex="-1" href="#" data-option="NT">Northwest Territories</a></li>
                      <li><a tabindex="-1" href="#" data-option="OH">Ohio</a></li>
                      <li><a tabindex="-1" href="#" data-option="OK">Oklahoma</a></li>
                      <li><a tabindex="-1" href="#" data-option="OR">Oregon</a></li>
                      <li><a tabindex="-1" href="#" data-option="PW">Palau</a></li>
                      <li><a tabindex="-1" href="#" data-option="PA">Pennsylvania</a></li>
                      <li><a tabindex="-1" href="#" data-option="PR">Puerto Rico</a></li>
                      <li><a tabindex="-1" href="#" data-option="RI">Rhode Island</a></li>
                      <li><a tabindex="-1" href="#" data-option="SC">South Carolina</a></li>
                      <li><a tabindex="-1" href="#" data-option="SD">South Dakota</a></li>
                      <li><a tabindex="-1" href="#" data-option="TN">Tennessee</a></li>
                      <li><a tabindex="-1" href="#" data-option="TX">Texas</a></li>
                      <li><a tabindex="-1" href="#" data-option="UM">US Minor Outlying Islands</a></li>
                      <li><a tabindex="-1" href="#" data-option="UT">Utah</a></li>
                      <li><a tabindex="-1" href="#" data-option="VT">Vermont</a></li>
                      <li><a tabindex="-1" href="#" data-option="VI">Virgin Islands</a></li>
                      <li><a tabindex="-1" href="#" data-option="VA">Virginia</a></li>
                      <li><a tabindex="-1" href="#" data-option="WA">Washington</a></li>
                      <li><a tabindex="-1" href="#" data-option="WV">West Virginia</a></li>
                      <li><a tabindex="-1" href="#" data-option="WI">Wisconsin</a></li>
                      <li><a tabindex="-1" href="#" data-option="WY">Wyoming</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="cs-focus">State / Province</div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12"><span class="error"></span> <input type="text" id="zip" class="form-control validUsZip ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-maxlength" placeholder="Postal / Zip Code" name="zip"
              data-stage="3" data-req="true" maxlength="10" ng-model="formData.zip" required=""><span class="focus">Postal Code</span> <span class="correct"><i class="fa fa-check"></i></span> <span class="incorrect"><i class="fa fa-ban"></i></span>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div id="countries_states2" class="bfh-selectbox bfh-countries ng-pristine ng-untouched ng-valid" data-filter="true" data-country="USA" data-stage="3" data-flags="true" ng-model="formData.country"><input type="hidden" class="scSelected"
                name=""
                value="USA"><a class="bfh-selectbox-toggle form-control" role="button" data-toggle="bfh-selectbox" href="#"><div class="cs-ph">State / Province</div><span class="bfh-selectbox-option"><i class="glyphicon bfh-flag-USA"></i>United States of America</span><span class="caret selectbox-caret"></span></a>
              <div class="bfh-selectbox-options">
                <div class="bfh-selectbox-filter-container"><input type="text" class="bfh-selectbox-filter form-control"></div><i class="filter-icon fa fa-search"></i>
                <div id="box-container">
                  <div role="listbox">
                    <ul role="option">
                      <li><a tabindex="-1" href="#" data-option="USA"><i class="glyphicon bfh-flag-USA"></i>United States of America</a></li>
                      <li><a tabindex="-1" href="#" data-option="AFG"><i class="glyphicon bfh-flag-AFG"></i>Afghanistan</a></li>
                      <li><a tabindex="-1" href="#" data-option="ALB"><i class="glyphicon bfh-flag-ALB"></i>Albania</a></li>
                      <li><a tabindex="-1" href="#" data-option="ALG"><i class="glyphicon bfh-flag-ALG"></i>Algeria</a></li>
                      <li><a tabindex="-1" href="#" data-option="AND"><i class="glyphicon bfh-flag-AND"></i>Andorra</a></li>
                      <li><a tabindex="-1" href="#" data-option="ANG"><i class="glyphicon bfh-flag-ANG"></i>Angola</a></li>
                      <li><a tabindex="-1" href="#" data-option="ANT"><i class="glyphicon bfh-flag-ANT"></i>Antigua and Barbuda</a></li>
                      <li><a tabindex="-1" href="#" data-option="ARG"><i class="glyphicon bfh-flag-ARG"></i>Argentina</a></li>
                      <li><a tabindex="-1" href="#" data-option="ARM"><i class="glyphicon bfh-flag-ARM"></i>Armenia</a></li>
                      <li><a tabindex="-1" href="#" data-option="ARU"><i class="glyphicon bfh-flag-ARU"></i>Aruba</a></li>
                      <li><a tabindex="-1" href="#" data-option="AUS"><i class="glyphicon bfh-flag-AUS"></i>Australia</a></li>
                      <li><a tabindex="-1" href="#" data-option="AUT"><i class="glyphicon bfh-flag-AUT"></i>Austria</a></li>
                      <li><a tabindex="-1" href="#" data-option="AZE"><i class="glyphicon bfh-flag-AZE"></i>Azerbaijan</a></li>
                      <li><a tabindex="-1" href="#" data-option="AZR"><i class="glyphicon bfh-flag-AZR"></i>Azores</a></li>
                      <li><a tabindex="-1" href="#" data-option="BHM"><i class="glyphicon bfh-flag-BHM"></i>Bahamas</a></li>
                      <li><a tabindex="-1" href="#" data-option="BAH"><i class="glyphicon bfh-flag-BAH"></i>Bahrain</a></li>
                      <li><a tabindex="-1" href="#" data-option="BNG"><i class="glyphicon bfh-flag-BNG"></i>Bangladesh</a></li>
                      <li><a tabindex="-1" href="#" data-option="BAR"><i class="glyphicon bfh-flag-BAR"></i>Barbados</a></li>
                      <li><a tabindex="-1" href="#" data-option="BYE"><i class="glyphicon bfh-flag-BYE"></i>Belarus</a></li>
                      <li><a tabindex="-1" href="#" data-option="BEL"><i class="glyphicon bfh-flag-BEL"></i>Belgium</a></li>
                      <li><a tabindex="-1" href="#" data-option="BLZ"><i class="glyphicon bfh-flag-BLZ"></i>Belize</a></li>
                      <li><a tabindex="-1" href="#" data-option="BEN"><i class="glyphicon bfh-flag-BEN"></i>Benin</a></li>
                      <li><a tabindex="-1" href="#" data-option="BER"><i class="glyphicon bfh-flag-BER"></i>Bermuda</a></li>
                      <li><a tabindex="-1" href="#" data-option="BHU"><i class="glyphicon bfh-flag-BHU"></i>Bhutan</a></li>
                      <li><a tabindex="-1" href="#" data-option="BOL"><i class="glyphicon bfh-flag-BOL"></i>Bolivia</a></li>
                      <li><a tabindex="-1" href="#" data-option="BOS"><i class="glyphicon bfh-flag-BOS"></i>Bosnia</a></li>
                      <li><a tabindex="-1" href="#" data-option="BOT"><i class="glyphicon bfh-flag-BOT"></i>Botswana</a></li>
                      <li><a tabindex="-1" href="#" data-option="BRA"><i class="glyphicon bfh-flag-BRA"></i>Brazil</a></li>
                      <li><a tabindex="-1" href="#" data-option="BVI"><i class="glyphicon bfh-flag-BVI"></i>British Virgin Islands</a></li>
                      <li><a tabindex="-1" href="#" data-option="BWI"><i class="glyphicon bfh-flag-BWI"></i>British West Indies</a></li>
                      <li><a tabindex="-1" href="#" data-option="BRU"><i class="glyphicon bfh-flag-BRU"></i>Brunei</a></li>
                      <li><a tabindex="-1" href="#" data-option="BUL"><i class="glyphicon bfh-flag-BUL"></i>Bulgaria</a></li>
                      <li><a tabindex="-1" href="#" data-option="BKF"><i class="glyphicon bfh-flag-BKF"></i>Burkina Faso</a></li>
                      <li><a tabindex="-1" href="#" data-option="BRD"><i class="glyphicon bfh-flag-BRD"></i>Burundi</a></li>
                      <li><a tabindex="-1" href="#" data-option="CAP"><i class="glyphicon bfh-flag-CAP"></i>Cabo Verde</a></li>
                      <li><a tabindex="-1" href="#" data-option="CAM"><i class="glyphicon bfh-flag-CAM"></i>Cambodia</a></li>
                      <li><a tabindex="-1" href="#" data-option="CMR"><i class="glyphicon bfh-flag-CMR"></i>Cameroon</a></li>
                      <li><a tabindex="-1" href="#" data-option="CAN"><i class="glyphicon bfh-flag-CAN"></i>Canada</a></li>
                      <li><a tabindex="-1" href="#" data-option="CAY"><i class="glyphicon bfh-flag-CAY"></i>Cayman Islands</a></li>
                      <li><a tabindex="-1" href="#" data-option="CAR"><i class="glyphicon bfh-flag-CAR"></i>Central African Republic</a></li>
                      <li><a tabindex="-1" href="#" data-option="CHD"><i class="glyphicon bfh-flag-CHD"></i>Chad</a></li>
                      <li><a tabindex="-1" href="#" data-option="CHL"><i class="glyphicon bfh-flag-CHL"></i>Chile</a></li>
                      <li><a tabindex="-1" href="#" data-option="CHN"><i class="glyphicon bfh-flag-CHN"></i>China</a></li>
                      <li><a tabindex="-1" href="#" data-option="CLB"><i class="glyphicon bfh-flag-CLB"></i>Colombia</a></li>
                      <li><a tabindex="-1" href="#" data-option="COM"><i class="glyphicon bfh-flag-COM"></i>Comoros Islands</a></li>
                      <li><a tabindex="-1" href="#" data-option="CGO"><i class="glyphicon bfh-flag-CGO"></i>Congo (Democratic Republic)</a></li>
                      <li><a tabindex="-1" href="#" data-option="CGG"><i class="glyphicon bfh-flag-CGG"></i>Congo (Republic of Congo)</a></li>
                      <li><a tabindex="-1" href="#" data-option="CSR"><i class="glyphicon bfh-flag-CSR"></i>Costa Rica</a></li>
                      <li><a tabindex="-1" href="#" data-option="CRO"><i class="glyphicon bfh-flag-CRO"></i>Croatia</a></li>
                      <li><a tabindex="-1" href="#" data-option="CUB"><i class="glyphicon bfh-flag-CUB"></i>Cuba</a></li>
                      <li><a tabindex="-1" href="#" data-option="CUR"><i class="glyphicon bfh-flag-CUR"></i>Curacao</a></li>
                      <li><a tabindex="-1" href="#" data-option="CYP"><i class="glyphicon bfh-flag-CYP"></i>Cyprus</a></li>
                      <li><a tabindex="-1" href="#" data-option="CZR"><i class="glyphicon bfh-flag-CZR"></i>Czech Republic</a></li>
                      <li><a tabindex="-1" href="#" data-option="DEN"><i class="glyphicon bfh-flag-DEN"></i>Denmark</a></li>
                      <li><a tabindex="-1" href="#" data-option="DJI"><i class="glyphicon bfh-flag-DJI"></i>Djibouti</a></li>
                      <li><a tabindex="-1" href="#" data-option="DCA"><i class="glyphicon bfh-flag-DCA"></i>Dominica</a></li>
                      <li><a tabindex="-1" href="#" data-option="DOM"><i class="glyphicon bfh-flag-DOM"></i>Dominican Republic</a></li>
                      <li><a tabindex="-1" href="#" data-option="ECU"><i class="glyphicon bfh-flag-ECU"></i>Ecuador</a></li>
                      <li><a tabindex="-1" href="#" data-option="EGY"><i class="glyphicon bfh-flag-EGY"></i>Egypt</a></li>
                      <li><a tabindex="-1" href="#" data-option="ELS"><i class="glyphicon bfh-flag-ELS"></i>El Salvador</a></li>
                      <li><a tabindex="-1" href="#" data-option="EQG"><i class="glyphicon bfh-flag-EQG"></i>Equatorial Guinea</a></li>
                      <li><a tabindex="-1" href="#" data-option="ERI"><i class="glyphicon bfh-flag-ERI"></i>Eritrea</a></li>
                      <li><a tabindex="-1" href="#" data-option="EST"><i class="glyphicon bfh-flag-EST"></i>Estonia</a></li>
                      <li><a tabindex="-1" href="#" data-option="ETH"><i class="glyphicon bfh-flag-ETH"></i>Ethiopia</a></li>
                      <li><a tabindex="-1" href="#" data-option="FSM"><i class="glyphicon bfh-flag-FSM"></i>Federal States of Micronesia</a></li>
                      <li><a tabindex="-1" href="#" data-option="FJI"><i class="glyphicon bfh-flag-FJI"></i>Fiji</a></li>
                      <li><a tabindex="-1" href="#" data-option="FIN"><i class="glyphicon bfh-flag-FIN"></i>Finland</a></li>
                      <li><a tabindex="-1" href="#" data-option="FRA"><i class="glyphicon bfh-flag-FRA"></i>France</a></li>
                      <li><a tabindex="-1" href="#" data-option="FGU"><i class="glyphicon bfh-flag-FGU"></i>French Guiana</a></li>
                      <li><a tabindex="-1" href="#" data-option="FPO"><i class="glyphicon bfh-flag-FPO"></i>French Polynesia</a></li>
                      <li><a tabindex="-1" href="#" data-option="GAB"><i class="glyphicon bfh-flag-GAB"></i>Gabon</a></li>
                      <li><a tabindex="-1" href="#" data-option="GAM"><i class="glyphicon bfh-flag-GAM"></i>Gambia</a></li>
                      <li><a tabindex="-1" href="#" data-option="GZS"><i class="glyphicon bfh-flag-GZS"></i>Gaza Strip</a></li>
                      <li><a tabindex="-1" href="#" data-option="GEO"><i class="glyphicon bfh-flag-GEO"></i>Georgia</a></li>
                      <li><a tabindex="-1" href="#" data-option="GER"><i class="glyphicon bfh-flag-GER"></i>Germany</a></li>
                      <li><a tabindex="-1" href="#" data-option="GHA"><i class="glyphicon bfh-flag-GHA"></i>Ghana</a></li>
                      <li><a tabindex="-1" href="#" data-option="GIB"><i class="glyphicon bfh-flag-GIB"></i>Gibraltar</a></li>
                      <li><a tabindex="-1" href="#" data-option="GRC"><i class="glyphicon bfh-flag-GRC"></i>Greece</a></li>
                      <li><a tabindex="-1" href="#" data-option="GRN"><i class="glyphicon bfh-flag-GRN"></i>Greenland</a></li>
                      <li><a tabindex="-1" href="#" data-option="GRE"><i class="glyphicon bfh-flag-GRE"></i>Grenada</a></li>
                      <li><a tabindex="-1" href="#" data-option="GUD"><i class="glyphicon bfh-flag-GUD"></i>Guadeloupe</a></li>
                      <li><a tabindex="-1" href="#" data-option="GUA"><i class="glyphicon bfh-flag-GUA"></i>Guatemala</a></li>
                      <li><a tabindex="-1" href="#" data-option="GUI"><i class="glyphicon bfh-flag-GUI"></i>Guinea</a></li>
                      <li><a tabindex="-1" href="#" data-option="GUY"><i class="glyphicon bfh-flag-GUY"></i>Guyana</a></li>
                      <li><a tabindex="-1" href="#" data-option="HAI"><i class="glyphicon bfh-flag-HAI"></i>Haiti</a></li>
                      <li><a tabindex="-1" href="#" data-option="HND"><i class="glyphicon bfh-flag-HND"></i>Honduras</a></li>
                      <li><a tabindex="-1" href="#" data-option="HKG"><i class="glyphicon bfh-flag-HKG"></i>Hong Kong</a></li>
                      <li><a tabindex="-1" href="#" data-option="HUN"><i class="glyphicon bfh-flag-HUN"></i>Hungary</a></li>
                      <li><a tabindex="-1" href="#" data-option="ICE"><i class="glyphicon bfh-flag-ICE"></i>Iceland</a></li>
                      <li><a tabindex="-1" href="#" data-option="IND"><i class="glyphicon bfh-flag-IND"></i>India</a></li>
                      <li><a tabindex="-1" href="#" data-option="INO"><i class="glyphicon bfh-flag-INO"></i>Indonesia</a></li>
                      <li><a tabindex="-1" href="#" data-option="IRN"><i class="glyphicon bfh-flag-IRN"></i>Iran</a></li>
                      <li><a tabindex="-1" href="#" data-option="IRQ"><i class="glyphicon bfh-flag-IRQ"></i>Iraq</a></li>
                      <li><a tabindex="-1" href="#" data-option="IRE"><i class="glyphicon bfh-flag-IRE"></i>Ireland</a></li>
                      <li><a tabindex="-1" href="#" data-option="ISR"><i class="glyphicon bfh-flag-ISR"></i>Israel</a></li>
                      <li><a tabindex="-1" href="#" data-option="ITL"><i class="glyphicon bfh-flag-ITL"></i>Italy</a></li>
                      <li><a tabindex="-1" href="#" data-option="IVO"><i class="glyphicon bfh-flag-IVO"></i>Ivory Coast</a></li>
                      <li><a tabindex="-1" href="#" data-option="JAM"><i class="glyphicon bfh-flag-JAM"></i>Jamaica</a></li>
                      <li><a tabindex="-1" href="#" data-option="JPN"><i class="glyphicon bfh-flag-JPN"></i>Japan</a></li>
                      <li><a tabindex="-1" href="#" data-option="JDN"><i class="glyphicon bfh-flag-JDN"></i>Jordan</a></li>
                      <li><a tabindex="-1" href="#" data-option="KAZ"><i class="glyphicon bfh-flag-KAZ"></i>Kazakhstan</a></li>
                      <li><a tabindex="-1" href="#" data-option="KEN"><i class="glyphicon bfh-flag-KEN"></i>Kenya</a></li>
                      <li><a tabindex="-1" href="#" data-option="KBI"><i class="glyphicon bfh-flag-KBI"></i>Kiribati Islands</a></li>
                      <li><a tabindex="-1" href="#" data-option="KOS"><i class="glyphicon bfh-flag-KOS"></i>Kosovo</a></li>
                      <li><a tabindex="-1" href="#" data-option="KUW"><i class="glyphicon bfh-flag-KUW"></i>Kuwait</a></li>
                      <li><a tabindex="-1" href="#" data-option="KYR"><i class="glyphicon bfh-flag-KYR"></i>Kyrgyzstan</a></li>
                      <li><a tabindex="-1" href="#" data-option="LAO"><i class="glyphicon bfh-flag-LAO"></i>Laos</a></li>
                      <li><a tabindex="-1" href="#" data-option="LAT"><i class="glyphicon bfh-flag-LAT"></i>Latvia</a></li>
                      <li><a tabindex="-1" href="#" data-option="LEB"><i class="glyphicon bfh-flag-LEB"></i>Lebanon</a></li>
                      <li><a tabindex="-1" href="#" data-option="LES"><i class="glyphicon bfh-flag-LES"></i>Lesotho</a></li>
                      <li><a tabindex="-1" href="#" data-option="LIB"><i class="glyphicon bfh-flag-LIB"></i>Liberia</a></li>
                      <li><a tabindex="-1" href="#" data-option="LBA"><i class="glyphicon bfh-flag-LBA"></i>Libya</a></li>
                      <li><a tabindex="-1" href="#" data-option="LCH"><i class="glyphicon bfh-flag-LCH"></i>Liechtenstein</a></li>
                      <li><a tabindex="-1" href="#" data-option="LIT"><i class="glyphicon bfh-flag-LIT"></i>Lithuania</a></li>
                      <li><a tabindex="-1" href="#" data-option="LUX"><i class="glyphicon bfh-flag-LUX"></i>Luxembourg</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAC"><i class="glyphicon bfh-flag-MAC"></i>Macao</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAE"><i class="glyphicon bfh-flag-MAE"></i>Macedonia</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAD"><i class="glyphicon bfh-flag-MAD"></i>Madagascar</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAL"><i class="glyphicon bfh-flag-MAL"></i>Malagasy Republic</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAW"><i class="glyphicon bfh-flag-MAW"></i>Malawi</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAY"><i class="glyphicon bfh-flag-MAY"></i>Malaysia</a></li>
                      <li><a tabindex="-1" href="#" data-option="MDV"><i class="glyphicon bfh-flag-MDV"></i>Maldives</a></li>
                      <li><a tabindex="-1" href="#" data-option="MLI"><i class="glyphicon bfh-flag-MLI"></i>Mali</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAA"><i class="glyphicon bfh-flag-MAA"></i>Malta</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAI"><i class="glyphicon bfh-flag-MAI"></i>Mariana Islands</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAR"><i class="glyphicon bfh-flag-MAR"></i>Martinique</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAT"><i class="glyphicon bfh-flag-MAT"></i>Mauritania</a></li>
                      <li><a tabindex="-1" href="#" data-option="MAU"><i class="glyphicon bfh-flag-MAU"></i>Mauritius</a></li>
                      <li><a tabindex="-1" href="#" data-option="MEX"><i class="glyphicon bfh-flag-MEX"></i>Mexico</a></li>
                      <li><a tabindex="-1" href="#" data-option="MOL"><i class="glyphicon bfh-flag-MOL"></i>Moldova</a></li>
                      <li><a tabindex="-1" href="#" data-option="MON"><i class="glyphicon bfh-flag-MON"></i>Monaco</a></li>
                      <li><a tabindex="-1" href="#" data-option="MOG"><i class="glyphicon bfh-flag-MOG"></i>Mongolia</a></li>
                      <li><a tabindex="-1" href="#" data-option="MGO"><i class="glyphicon bfh-flag-MGO"></i>Montenegro</a></li>
                      <li><a tabindex="-1" href="#" data-option="MOR"><i class="glyphicon bfh-flag-MOR"></i>Morocco</a></li>
                      <li><a tabindex="-1" href="#" data-option="MOZ"><i class="glyphicon bfh-flag-MOZ"></i>Mozambique</a></li>
                      <li><a tabindex="-1" href="#" data-option="MYA"><i class="glyphicon bfh-flag-MYA"></i>Myanmar</a></li>
                      <li><a tabindex="-1" href="#" data-option="NAM"><i class="glyphicon bfh-flag-NAM"></i>Namibia</a></li>
                      <li><a tabindex="-1" href="#" data-option="NEP"><i class="glyphicon bfh-flag-NEP"></i>Nepal</a></li>
                      <li><a tabindex="-1" href="#" data-option="NTH"><i class="glyphicon bfh-flag-NTH"></i>Netherlands</a></li>
                      <li><a tabindex="-1" href="#" data-option="NEA"><i class="glyphicon bfh-flag-NEA"></i>Netherlands Antilles</a></li>
                      <li><a tabindex="-1" href="#" data-option="NCD"><i class="glyphicon bfh-flag-NCD"></i>New Caledonia</a></li>
                      <li><a tabindex="-1" href="#" data-option="NZL"><i class="glyphicon bfh-flag-NZL"></i>New Zealand</a></li>
                      <li><a tabindex="-1" href="#" data-option="NIC"><i class="glyphicon bfh-flag-NIC"></i>Nicaragua</a></li>
                      <li><a tabindex="-1" href="#" data-option="NIG"><i class="glyphicon bfh-flag-NIG"></i>Niger</a></li>
                      <li><a tabindex="-1" href="#" data-option="NGR"><i class="glyphicon bfh-flag-NGR"></i>Nigeria</a></li>
                      <li><a tabindex="-1" href="#" data-option="NKO"><i class="glyphicon bfh-flag-NKO"></i>North Korea</a></li>
                      <li><a tabindex="-1" href="#" data-option="NOR"><i class="glyphicon bfh-flag-NOR"></i>Norway</a></li>
                      <li><a tabindex="-1" href="#" data-option="OMN"><i class="glyphicon bfh-flag-OMN"></i>Oman</a></li>
                      <li><a tabindex="-1" href="#" data-option="PAK"><i class="glyphicon bfh-flag-PAK"></i>Pakistan</a></li>
                      <li><a tabindex="-1" href="#" data-option="PSE"><i class="glyphicon bfh-flag-PSE"></i>Palestine (via Israel)</a></li>
                      <li><a tabindex="-1" href="#" data-option="PAN"><i class="glyphicon bfh-flag-PAN"></i>Panama</a></li>
                      <li><a tabindex="-1" href="#" data-option="PAP"><i class="glyphicon bfh-flag-PAP"></i>Papua New Guinea</a></li>
                      <li><a tabindex="-1" href="#" data-option="PAR"><i class="glyphicon bfh-flag-PAR"></i>Paraguay</a></li>
                      <li><a tabindex="-1" href="#" data-option="PER"><i class="glyphicon bfh-flag-PER"></i>Peru</a></li>
                      <li><a tabindex="-1" href="#" data-option="PHI"><i class="glyphicon bfh-flag-PHI"></i>Philippines</a></li>
                      <li><a tabindex="-1" href="#" data-option="POL"><i class="glyphicon bfh-flag-POL"></i>Poland</a></li>
                      <li><a tabindex="-1" href="#" data-option="POR"><i class="glyphicon bfh-flag-POR"></i>Portugal</a></li>
                      <li><a tabindex="-1" href="#" data-option="QAT"><i class="glyphicon bfh-flag-QAT"></i>Qatar</a></li>
                      <li><a tabindex="-1" href="#" data-option="ROM"><i class="glyphicon bfh-flag-ROM"></i>Romania</a></li>
                      <li><a tabindex="-1" href="#" data-option="RUS"><i class="glyphicon bfh-flag-RUS"></i>Russia</a></li>
                      <li><a tabindex="-1" href="#" data-option="RWA"><i class="glyphicon bfh-flag-RWA"></i>Rwanda</a></li>
                      <li><a tabindex="-1" href="#" data-option="RSM"><i class="glyphicon bfh-flag-RSM"></i>San Marino</a></li>
                      <li><a tabindex="-1" href="#" data-option="STP"><i class="glyphicon bfh-flag-STP"></i>Sao Tome and Principe</a></li>
                      <li><a tabindex="-1" href="#" data-option="SAU"><i class="glyphicon bfh-flag-SAU"></i>Saudi Arabia</a></li>
                      <li><a tabindex="-1" href="#" data-option="SEN"><i class="glyphicon bfh-flag-SEN"></i>Senegal</a></li>
                      <li><a tabindex="-1" href="#" data-option="SER"><i class="glyphicon bfh-flag-SER"></i>Serbia</a></li>
                      <li><a tabindex="-1" href="#" data-option="SLE"><i class="glyphicon bfh-flag-SLE"></i>Sierra Leone</a></li>
                      <li><a tabindex="-1" href="#" data-option="SIK"><i class="glyphicon bfh-flag-SIK"></i>Sikkim</a></li>
                      <li><a tabindex="-1" href="#" data-option="SIN"><i class="glyphicon bfh-flag-SIN"></i>Singapore</a></li>
                      <li><a tabindex="-1" href="#" data-option="SXM"><i class="glyphicon bfh-flag-SXM"></i>Sint Maarten</a></li>
                      <li><a tabindex="-1" href="#" data-option="SLR"><i class="glyphicon bfh-flag-SLR"></i>Slovak Republic</a></li>
                      <li><a tabindex="-1" href="#" data-option="SLO"><i class="glyphicon bfh-flag-SLO"></i>Slovenia</a></li>
                      <li><a tabindex="-1" href="#" data-option="SLM"><i class="glyphicon bfh-flag-SLM"></i>Solomon Islands</a></li>
                      <li><a tabindex="-1" href="#" data-option="SOM"><i class="glyphicon bfh-flag-SOM"></i>Somalia</a></li>
                      <li><a tabindex="-1" href="#" data-option="SAF"><i class="glyphicon bfh-flag-SAF"></i>South Africa</a></li>
                      <li><a tabindex="-1" href="#" data-option="SKO"><i class="glyphicon bfh-flag-SKO"></i>South Korea</a></li>
                      <li><a tabindex="-1" href="#" data-option="SPN"><i class="glyphicon bfh-flag-SPN"></i>Spain</a></li>
                      <li><a tabindex="-1" href="#" data-option="SRL"><i class="glyphicon bfh-flag-SRL"></i>Sri Lanka</a></li>
                      <li><a tabindex="-1" href="#" data-option="SCN"><i class="glyphicon bfh-flag-SCN"></i>St. Kitts and Nevis</a></li>
                      <li><a tabindex="-1" href="#" data-option="SLU"><i class="glyphicon bfh-flag-SLU"></i>St. Lucia</a></li>
                      <li><a tabindex="-1" href="#" data-option="SPM"><i class="glyphicon bfh-flag-SPM"></i>St. Pierre and Miquelon</a></li>
                      <li><a tabindex="-1" href="#" data-option="SVI"><i class="glyphicon bfh-flag-SVI"></i>St. Vincent</a></li>
                      <li><a tabindex="-1" href="#" data-option="SUD"><i class="glyphicon bfh-flag-SUD"></i>Sudan</a></li>
                      <li><a tabindex="-1" href="#" data-option="SUR"><i class="glyphicon bfh-flag-SUR"></i>Suriname</a></li>
                      <li><a tabindex="-1" href="#" data-option="SWZ"><i class="glyphicon bfh-flag-SWZ"></i>Swaziland</a></li>
                      <li><a tabindex="-1" href="#" data-option="SWD"><i class="glyphicon bfh-flag-SWD"></i>Sweden</a></li>
                      <li><a tabindex="-1" href="#" data-option="SWI"><i class="glyphicon bfh-flag-SWI"></i>Switzerland</a></li>
                      <li><a tabindex="-1" href="#" data-option="SYR"><i class="glyphicon bfh-flag-SYR"></i>Syria</a></li>
                      <li><a tabindex="-1" href="#" data-option="TWN"><i class="glyphicon bfh-flag-TWN"></i>Taiwan</a></li>
                      <li><a tabindex="-1" href="#" data-option="TAJ"><i class="glyphicon bfh-flag-TAJ"></i>Tajikistan</a></li>
                      <li><a tabindex="-1" href="#" data-option="TNZ"><i class="glyphicon bfh-flag-TNZ"></i>Tanzania</a></li>
                      <li><a tabindex="-1" href="#" data-option="THL"><i class="glyphicon bfh-flag-THL"></i>Thailand</a></li>
                      <li><a tabindex="-1" href="#" data-option="TGO"><i class="glyphicon bfh-flag-TGO"></i>Togo</a></li>
                      <li><a tabindex="-1" href="#" data-option="TRT"><i class="glyphicon bfh-flag-TRT"></i>Trinidad and Tobago</a></li>
                      <li><a tabindex="-1" href="#" data-option="TUN"><i class="glyphicon bfh-flag-TUN"></i>Tunisia</a></li>
                      <li><a tabindex="-1" href="#" data-option="TRK"><i class="glyphicon bfh-flag-TRK"></i>Turkey</a></li>
                      <li><a tabindex="-1" href="#" data-option="TUR"><i class="glyphicon bfh-flag-TUR"></i>Turkmenistan</a></li>
                      <li><a tabindex="-1" href="#" data-option="UGA"><i class="glyphicon bfh-flag-UGA"></i>Uganda</a></li>
                      <li><a tabindex="-1" href="#" data-option="UKR"><i class="glyphicon bfh-flag-UKR"></i>Ukraine</a></li>
                      <li><a tabindex="-1" href="#" data-option="UAE"><i class="glyphicon bfh-flag-UAE"></i>United Arab Emirates</a></li>
                      <li><a tabindex="-1" href="#" data-option="UKD"><i class="glyphicon bfh-flag-UKD"></i>United Kingdom</a></li>
                      <li><a tabindex="-1" href="#" data-option="URU"><i class="glyphicon bfh-flag-URU"></i>Uruguay</a></li>
                      <li><a tabindex="-1" href="#" data-option="UZB"><i class="glyphicon bfh-flag-UZB"></i>Uzbekistan</a></li>
                      <li><a tabindex="-1" href="#" data-option="VAN"><i class="glyphicon bfh-flag-VAN"></i>Vanuatu</a></li>
                      <li><a tabindex="-1" href="#" data-option="VEN"><i class="glyphicon bfh-flag-VEN"></i>Venezuela</a></li>
                      <li><a tabindex="-1" href="#" data-option="VIE"><i class="glyphicon bfh-flag-VIE"></i>Vietnam</a></li>
                      <li><a tabindex="-1" href="#" data-option="WSA"><i class="glyphicon bfh-flag-WSA"></i>Western Sahara</a></li>
                      <li><a tabindex="-1" href="#" data-option="YEM"><i class="glyphicon bfh-flag-YEM"></i>Yemen</a></li>
                      <li><a tabindex="-1" href="#" data-option="ZAM"><i class="glyphicon bfh-flag-ZAM"></i>Zambia</a></li>
                      <li><a tabindex="-1" href="#" data-option="ZIM"><i class="glyphicon bfh-flag-ZIM"></i>Zimbabwe</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="cs-focus" style="display:block">Country</div>
          </div>
        </div>
        <div class="row ng-hide" ng-show="false">
          <div class="form-group">
            <div class="col-md-12"><span class="error"></span> <input type="text" id="phone" class="form-control validPhone ng-pristine ng-untouched ng-valid ng-valid-maxlength" placeholder="Phone" name="phone" data-stage="3" maxlength="100"
                ng-model="formData.phone"><span class="focus">Phone</span> <span class="correct"><i class="fa fa-check"></i></span> <span class="incorrect"><i class="fa fa-ban"></i></span></div>
          </div>
        </div>
        <div class="row" style="margin-top:15px">
          <div class="col-md-12 col-xs-12 tal" id="matching-gift">
            <h2 class="add-title">See if your employer will match your donation!</h2>
            <p class="small">Many companies sponsor matching gift programs for employees and their spouses.</p>
            <div style="margin-top:15px" id="dd-company-name-input" data-doublethedonation-widget-id="G__2">
              <div class="dtd-streamlined-plugin"><input type="hidden" name="doubledonation_status" value="no_interaction"><input type="hidden" name="doublethedonation_status" value="no_interaction"><input type="hidden"
                  name="doublethedonation_entered_text"><input type="hidden" name="doubledonation_company_id"><input type="hidden" name="doublethedonation_company_id"><input type="hidden" name="doubledonation_company_name"><input type="hidden"
                  name="doublethedonation_company_name">
                <div class="dtd-search-box" style="width: 100%; margin-bottom: 0px;">
                  <div aria-live="assertive" style="display: block; font-size: 0px; color: rgb(255, 255, 255); opacity: 0; position: absolute; height: 0px; margin: 0px; z-index: -99999;"></div>
                  <div aria-live="polite" style="display: block; font-size: 0px; color: rgb(255, 255, 255); opacity: 0; position: absolute; height: 0px; margin: 0px; z-index: -99999;"></div><input role="combobox" aria-expanded="false"
                    name="doublethedonation_company_name_input" autocomplete="new-password" type="text" id="dd-input" class="dtd-search-input form-control BBFormTextbox" placeholder="Search for company..." aria-label="Search for company..."
                    style="width: 100%;">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div><label type="button" name="next" class="next action-button" onclick="stage(3);moveNext(this)" ng-click="setBilling();isAffil();receipt();">Next</label><label type="button" name="previous"
      class="previous action-button preBtn">Previous</label>
    <div class="error-message small" id="errormsg3"></div>
  </fieldset>
  <fieldset id="f3">
    <div class="row">
      <h2 class="fs-title">Enter Payment Information</h2>
      <h3 class="fs-subtitle">Step 3</h3>
      <div class="personal">
        <div class="row">
          <div class="col-md-12">
            <p class="pull-left"><span style="text-transform:capitalize" class="ng-binding"></span>, you are giving to:</p>
          </div><!-- ngRepeat: o in gifts -->
          <div class="col-xs-8 col-md-10 dubspace">
            <p class="right-collapse pull-left">Total</p>
          </div>
          <div class="col-xs-4 col-md-2 dubspace">
            <p class="right-side ng-binding">$0.00</p>
          </div>
          <div class="col-xs-12">
            <p class="small payRecur ng-hide" ng-show="recurs">Recurring Gift: <span ng-show="formData.recurring ==1">Monthly</span><span ng-show="formData.recurring ==2" class="ng-hide">Quarterly</span><span ng-show="formData.recurring ==3"
                class="ng-hide">Annually</span></p>
          </div>
        </div>
        <div class="row dubspace">
          <div class="form-group">
            <div class="col-md-6 col-xs-12"><span class="error"></span> <input type="text" class="form-control validName ng-pristine ng-untouched ng-valid ng-valid-maxlength" placeholder="First Name on Card" data-stage="4" name="fnamecard"
                id="fnamecard" maxlength="25" data-req="true" ng-model="formData.billingFname"> <span class="focus">First Name on Card</span> <span class="correct"><i class="fa fa-check"></i></span> <span
                class="incorrect"><i class="fa fa-ban"></i></span></div>
            <div class="col-md-6 col-xs-12"><span class="error"></span> <input type="text" class="form-control validName ng-pristine ng-untouched ng-valid ng-valid-maxlength" placeholder="Last Name on Card" data-stage="4" name="lnamecard"
                id="lnamecard" maxlength="25" data-req="true" ng-model="formData.billingLname"> <span class="focus">Last Name on Card</span> <span class="correct"><i class="fa fa-check"></i></span> <span
                class="incorrect"><i class="fa fa-ban"></i></span></div>
            <div class="col-xs-12 textarea" ng-show="!hasOther"><span class="focus">Special Instructions</span> <span class="error"></span><textarea type="text" class="form-control ng-pristine ng-untouched ng-valid ng-valid-maxlength"
                placeholder="Special Instructions" data-stage="4" name="instructions" id="instructions" rows="3" maxlength="225" ng-model="formData.specialInst"></textarea></div>
            <div class="row dubspace">
              <div class="col-xs-12 ng-hide" ng-show="hasOther"><br>
                <h2 class="add-title">Allocation Instructions</h2>
                <div class="row dubspace">
                  <div class="tal">
                    <p class="ng-binding"></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-xs-12 dubspace">
      <h2 class="add-title">Additional Information</h2>
    </div>
    <div class="row dubspace" ng-show="true">
      <div class="col-xs-8" style="">
        <p class="right-collapse tal">Is this a joint gift?</p>
      </div>
      <div class="col-xs-4" data-check="jointGift">
        <div class="bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-off bootstrap-switch-large bootstrap-switch-id-jointGift">
          <div class="bootstrap-switch-container"><span class="bootstrap-switch-handle-on bootstrap-switch-primary">Yes</span><span class="bootstrap-switch-label">&nbsp;</span><span
              class="bootstrap-switch-handle-off bootstrap-switch-default">No</span><input type="checkbox" id="jointGift" name="toggle-switch" data-on-text="Yes" data-off-text="No" data-size="large"></div>
        </div>
      </div>
    </div>
    <div class="row">
      <div id="joint-gift-options" class="joint-gift">
        <div class="col-md-6 col-xs-12"><span class="error"></span> <input type="text" class="form-control validName ng-pristine ng-untouched ng-valid ng-valid-maxlength" placeholder="Spouse / Partner First Name" data-stage="4" maxlength="25"
            name="spfname" id="spfname" ng-model="formData.jgFname"> <span class="focus">Spouse / Partner First Name</span> <span class="correct"><i class="fa fa-check"></i></span> <span class="incorrect"><i class="fa fa-ban"></i></span></div>
        <div class="col-md-6 col-xs-12"><span class="error"></span> <input type="text" class="form-control validName ng-pristine ng-untouched ng-valid ng-valid-maxlength" placeholder="Spouse / Partner Last Name" data-stage="4" name="splname"
            maxlength="25" id="splname" ng-model="formData.jgLname"> <span class="focus">Spouse / Partner Last Name</span> <span class="correct"><i class="fa fa-check"></i></span> <span class="incorrect"><i class="fa fa-ban"></i></span></div>
      </div>
    </div>
    <div class="row dubspace">
      <div class="col-xs-8" style="">
        <p class="right-collapse tal">Mail an official tax receipt?</p>
        <p class="right-collapse tal small green-text">To save paper, we only mail tax receipts at the donor’s request—but we will always e-mail a confirmation to you.</p>
        <a href="#" id="recbtn" onclick="moveNext('#_receipt')" ng-click="sem()" style="display:none"></a>
      </div>
      <div class="col-xs-4" data-check="receipt">
        <div class="bootstrap-switch bootstrap-switch-wrapper bootstrap-switch-off bootstrap-switch-large bootstrap-switch-id-receipt">
          <div class="bootstrap-switch-container"><span class="bootstrap-switch-handle-on bootstrap-switch-primary">Yes</span><span class="bootstrap-switch-label">&nbsp;</span><span
              class="bootstrap-switch-handle-off bootstrap-switch-default">No</span><input type="checkbox" id="receipt" name="toggle-switch" data-on-text="Yes" data-off-text="No" data-size="large"></div>
        </div>
      </div>
    </div>
    <div id="_receipt"></div>
    <div class="g-recaptcha" data-sitekey="6Leel6sZAAAAAO4IgLK_oVbvTP2QQQV75ag82pn6" data-callback="gr" data-size="invisible">
      <div class="grecaptcha-badge" data-style="bottomright"
        style="width: 256px; height: 60px; display: block; transition: right 0.3s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;">
        <div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-6sj697e0hn6c" frameborder="0" scrolling="no"
            sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
            src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6Leel6sZAAAAAO4IgLK_oVbvTP2QQQV75ag82pn6&amp;co=aHR0cHM6Ly9hdGhsZXRpY3MuZ2l2ZW5vdy5jb2x1bWJpYS5lZHU6NDQz&amp;hl=de&amp;v=Xv-KF0LlBu_a0FJ9I5YSlX5m&amp;size=invisible&amp;cb=f6lrtyviqkfh"></iframe>
        </div>
        <div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
          style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
      </div><iframe style="display: none;"></iframe>
    </div>
    <div class="row">
      <div class="col-xs-12"> <label id="btnDonate" type="submit" name="submit" class="submit action-button" style="min-width:160px" onclick="stage(4)" ng-click="isJointGift();initGr('cc')">Pay by Card</label> </div>
    </div><label type="button" name="previous" class="previous action-button preBtn" value="Previous">Previous</label>
    <div class="error-message small" id="errormsg4"></div>
  </fieldset>
  <fieldset id="f4">
    <div class="row">
      <div id="thank-you">
        <div class="row">
          <div class="col-md-12 col-xs-12 capitalize">
            <h1 class="ng-binding">Thank you, </h1>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 col-xs-12">
            <p ng-bind-html="configData.confirmationMessage" class="ng-binding">Thank you for being a part of our mission to maximize the opportunities for our student-athletes to reach their highest levels of achievement, here at Columbia and for
              the rest of their lives.</p>
            <p ng-show="formData.isRec ==1" class="ng-hide">With your recurring gift you become a member of the Loyal Blue Society.
              <a href="https://giving.columbia.edu/loyal-blue-society" _class="small" target="_blank" style="text-decoration:none">Click here</a> to learn more.</p>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 col-xs-12">
            <p>Check your e-mail shortly for a confirmation of your donation.<br>Please keep it for your records.</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12">
          <h4>Confirmation # <span id="confid"></span></h4>
          <p class="ng-binding"><b>Gift Date:</b> </p>
          <p><i class="fa fa-envelope-o" style="padding-right:4px"></i><span ng-show="formData.isMail ==0" class="ng-hide">As requested, we will</span> <span ng-show="formData.isMail ==1" class="ng-hide">We will</span> <span
              ng-show="formData.isMail ==0" class="ng-hide"><strong>NOT</strong></span> be sending you an official tax receipt by mail.</p>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 personal">
          <h4>Personal Information</h4>
        </div>
        <div class="col-xs-12 col-sm-6 capitalize">
          <p class="ng-binding"> </p>
          <p class="ng-binding"></p>
          <p class="ng-binding">, <span id="confState" class="ng-binding">,</span> <span style="text-transform:uppercase" class="ng-binding"></span></p>
          <p class="ng-binding"></p>
        </div>
        <div class="col-xs-12 col-sm-6">
          <p class="ng-binding"></p>
          <p class="ng-binding"></p>
          <p class="capitalize ng-binding"><span class="receipt-title">Name on card</span><br> </p>
        </div>
        <div class="col-xs-12 ng-hide" ng-show="affils == 1">
          <p><span class="chosenAffil ng-hide" ng-show="formData.affil.alumni==true"><i class="fa fa-check-square-o"></i> Alumni</span> <span class="chosenAffil ng-hide" ng-show="formData.affil.student==true"><i class="fa fa-check-square-o"></i>
              Student</span> <span class="chosenAffil ng-hide" ng-show="formData.affil.parent==true"><i class="fa fa-check-square-o"></i> Parent</span></p>
        </div>
        <div class="col-xs-12 ng-hide" ng-show="jointGift==1">
          <p><strong>Joint Gift:</strong> <span class="capitalize ng-binding"> </span></p>
          <p><span ng-show="formData.jgIsAlum==1" class="ng-hide">Yes, <span class="capitalize ng-binding"></span> is an alumni.</span></p>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12">
          <h4>Gift Information</h4>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12" id="gift-list"><!-- ngRepeat: o in gifts -->
          <div class="gift-list-group">
            <div class="col-xs-8 col-md-8">
              <p><strong>Total</strong></p>
            </div>
            <div class="col-xs-4 col-md-4">
              <p class="amount ng-binding">$0.00</p>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 ng-hide" ng-show="recurs ==1">
          <p><strong>Recurring Gift:</strong> <span ng-show="formData.recurringRange ==1" class="ng-binding">Your card will be charged <span ng-show="formData.recurring ==1">monthly</span> <span ng-show="formData.recurring ==2"
                class="ng-hide">quarterly</span> <span ng-show="formData.recurring ==3" class="ng-hide">annually</span> in the amount of $0.00. Charges will begin on and will continue until you contact us.</span> <span
              ng-show="formData.recurringRange ==2" class="ng-binding ng-hide">Your card will be charged <span ng-show="formData.recurring ==1">monthly</span> <span ng-show="formData.recurring ==2" class="ng-hide">quarterly</span> <span
                ng-show="formData.recurring ==3" class="ng-hide">annually</span> in the amount of $0.00. Charges will begin on and will continue until . To change the frequency or stop your gift, contact webgift@columbia.edu or call
              1-866-GiftSytems.</span></p>
        </div>
        <div class="col-xs-12 ng-hide" ng-show="formData.specialInst !=null &amp;&amp; formData.specialInst !=''">
          <p class="textarea ng-binding"><strong>Special Instructions:</strong> </p>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12"><label type="button" class="action-button" onclick="refresh()">Give Again</label></div>
      </div>
      <div class="col-md-12 col-xs-12" ngshow="showConf==1" style="text-align:left!important">
        <h4 class="ng-binding">Amplify your impact</h4>
        <p><span ng-bind-html="confBlock.desc" class="ng-binding">Many companies sponsor matching gift programs for employees and their spouses.
            <a href="https://giving.columbia.edu/index.php/matchinggifts?utm_source=Gift%20Confirmation&amp;utm_medium=referral" target="_blank">Click here</a> to access your employer's matching gift request form, information, and guidelines.</span>
        </p>
      </div>
      <div ng-bind-html="mcpxl" class="ng-binding"></div>
    </div>
  </fieldset>
</form>

GET //www.matchinggifts.com/columbia-iframe

<form id="matching" action="//www.matchinggifts.com/columbia-iframe" method="get" target="_blank" class="ng-pristine ng-valid">
  <div class="col-xs-12 col-sm-8"><input type="text" class="form-control match" placeholder="Search Company" name="INPUT_ORGNAME" id=""> <span class="focus">Search Company</span></div>
  <div class="col-xs-12 col-sm-4"><input type="submit" class="btn btn-default match" value="Submit" name="submit"></div>
</form>

POST

<form method="post" target="pay-ifr" class="ng-pristine ng-valid"><input type="hidden" class="form-control" name="" id="h1"></form>

POST https://secureacceptance.cybersource.com/embedded/pay

<form id="pfrm" target="pay-ifr" method="post" action="https://secureacceptance.cybersource.com/embedded/pay" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" class="ng-pristine ng-valid"></form>

Text Content

This website uses cookies as well as similar tools and technologies to
understand visitors' experiences. By continuing to use this website, you consent
to Columbia University's usage of cookies and similar technologies, in
accordance with the Columbia University Website Cookie Notice. Learn More
Got it!

Columbia Athletics

   
 * GoColumbiaLions.com
   
 * Athletics Development
   

LCL

DEV

STG


INVEST TODAY

--------------------------------------------------------------------------------

It all adds up
 * Gift Information
 * Contact Details
 * Payment Details


ENTEREDIT YOUR GIFT INFORMATION


STEP 1

Enter School / Department Athletics


DIVISION:

Top funds for this commitment:

Athletics

Enter Fund OneRoar Fund
 * 


Fund

Unable to find what you are looking for? Try the Fund Search

Search Columbia Funds




SELECTED FUND:





In honor of: In memory of:



Remove Fund

Featured Funds

Fund Search

$1000

$500

$100

Other Amount
Allocation Instructions

What's this?

Indicate allocation instructions here.

225 characters remaining

Is this gift in honor or in memory of someone?

Yes No

In honor

In memory

Person's Name
Add GiftBack to SummarySaveCancel




Note: Don't see what you're looking for? Search related funds here.


Giving Deadline Approaching!

Columbia University's fiscal year ends on Sunday, June 30, at 11:59 p.m. EDT.
Make your gift by the deadline to ensure you're counted as a 2023-2024 donor.



If you plan to claim a deduction for this gift on your 2021 tax return, please
complete this form before midnight (EST) on December 31. In accordance with IRS
regulations, the official date of your gift for tax purposes will be the date it
is completed, as noted on your final confirmation.













Today is Columbia Giving Day! Gifts made on this website will count towards
Giving Day totals. Don’t miss the excitement: visit givingday.columbia.edu to
watch the leaderboards in action, connect with the global Columbia community,
and celebrate the impact of Giving Day on your favorite schools, programs, and
causes!














GIFT REVIEW






Total: $0.00




ADDITIONAL INFORMATION

Would you like to make this a recurring gift?

It’s a simple and impactful way to make a difference.

Yes No

Monthly

Quarterly

Annually

Do you want to set an end date?

No

Stop after

 * 2
 * 3
 * 4
 * 5
 * 6
 * 7
 * 8
 * 9
 * 10
 * 11
 * 12
 * 13
 * 14
 * 15
 * 16
 * 17
 * 18
 * 19
 * 20
 * 21
 * 22
 * 23
 * 24
 * 25
 * 26
 * 27
 * 28
 * 29
 * 30
 * 31
 * 32
 * 33
 * 34
 * 35
 * 36

Your card will be charged monthly quarterly annually in the amount of $0.00.
Charges will begin on and will automatically continue until you contact us. .

NextAdd another gift



ENTER YOUR CONTACT INFORMATION


STEP 2

First Name
Last Name
Email
Address, Apt #
City
State / Province
 * 
 * Alabama
 * Alaska
 * American Samoa
 * Arizona
 * Arkansas
 * Armed Forces - Americas
 * Armed Forces - Europe
 * Armed Forces - Pacific
 * California
 * Colorado
 * Connecticut
 * D.C.
 * Delaware
 * Fed States of Micronesia
 * Florida
 * Georgia
 * Guam
 * Hawaii
 * Idaho
 * Illinois
 * Indiana
 * Iowa
 * Kansas
 * Kentucky
 * Louisiana
 * Maine
 * Marshall Islands
 * Maryland
 * Massachusetts
 * Michigan
 * Minnesota
 * Mississippi
 * Missouri
 * Montana
 * Nebraska
 * Nevada
 * New Hampshire
 * New Jersey
 * New Mexico
 * New York
 * North Carolina
 * North Dakota
 * Northern Mariana Islands
 * Northwest Territories
 * Ohio
 * Oklahoma
 * Oregon
 * Palau
 * Pennsylvania
 * Puerto Rico
 * Rhode Island
 * South Carolina
 * South Dakota
 * Tennessee
 * Texas
 * US Minor Outlying Islands
 * Utah
 * Vermont
 * Virgin Islands
 * Virginia
 * Washington
 * West Virginia
 * Wisconsin
 * Wyoming

State / Province
Postal Code
State / Province
United States of America
 * United States of America
 * Afghanistan
 * Albania
 * Algeria
 * Andorra
 * Angola
 * Antigua and Barbuda
 * Argentina
 * Armenia
 * Aruba
 * Australia
 * Austria
 * Azerbaijan
 * Azores
 * Bahamas
 * Bahrain
 * Bangladesh
 * Barbados
 * Belarus
 * Belgium
 * Belize
 * Benin
 * Bermuda
 * Bhutan
 * Bolivia
 * Bosnia
 * Botswana
 * Brazil
 * British Virgin Islands
 * British West Indies
 * Brunei
 * Bulgaria
 * Burkina Faso
 * Burundi
 * Cabo Verde
 * Cambodia
 * Cameroon
 * Canada
 * Cayman Islands
 * Central African Republic
 * Chad
 * Chile
 * China
 * Colombia
 * Comoros Islands
 * Congo (Democratic Republic)
 * Congo (Republic of Congo)
 * Costa Rica
 * Croatia
 * Cuba
 * Curacao
 * Cyprus
 * Czech Republic
 * Denmark
 * Djibouti
 * Dominica
 * Dominican Republic
 * Ecuador
 * Egypt
 * El Salvador
 * Equatorial Guinea
 * Eritrea
 * Estonia
 * Ethiopia
 * Federal States of Micronesia
 * Fiji
 * Finland
 * France
 * French Guiana
 * French Polynesia
 * Gabon
 * Gambia
 * Gaza Strip
 * Georgia
 * Germany
 * Ghana
 * Gibraltar
 * Greece
 * Greenland
 * Grenada
 * Guadeloupe
 * Guatemala
 * Guinea
 * Guyana
 * Haiti
 * Honduras
 * Hong Kong
 * Hungary
 * Iceland
 * India
 * Indonesia
 * Iran
 * Iraq
 * Ireland
 * Israel
 * Italy
 * Ivory Coast
 * Jamaica
 * Japan
 * Jordan
 * Kazakhstan
 * Kenya
 * Kiribati Islands
 * Kosovo
 * Kuwait
 * Kyrgyzstan
 * Laos
 * Latvia
 * Lebanon
 * Lesotho
 * Liberia
 * Libya
 * Liechtenstein
 * Lithuania
 * Luxembourg
 * Macao
 * Macedonia
 * Madagascar
 * Malagasy Republic
 * Malawi
 * Malaysia
 * Maldives
 * Mali
 * Malta
 * Mariana Islands
 * Martinique
 * Mauritania
 * Mauritius
 * Mexico
 * Moldova
 * Monaco
 * Mongolia
 * Montenegro
 * Morocco
 * Mozambique
 * Myanmar
 * Namibia
 * Nepal
 * Netherlands
 * Netherlands Antilles
 * New Caledonia
 * New Zealand
 * Nicaragua
 * Niger
 * Nigeria
 * North Korea
 * Norway
 * Oman
 * Pakistan
 * Palestine (via Israel)
 * Panama
 * Papua New Guinea
 * Paraguay
 * Peru
 * Philippines
 * Poland
 * Portugal
 * Qatar
 * Romania
 * Russia
 * Rwanda
 * San Marino
 * Sao Tome and Principe
 * Saudi Arabia
 * Senegal
 * Serbia
 * Sierra Leone
 * Sikkim
 * Singapore
 * Sint Maarten
 * Slovak Republic
 * Slovenia
 * Solomon Islands
 * Somalia
 * South Africa
 * South Korea
 * Spain
 * Sri Lanka
 * St. Kitts and Nevis
 * St. Lucia
 * St. Pierre and Miquelon
 * St. Vincent
 * Sudan
 * Suriname
 * Swaziland
 * Sweden
 * Switzerland
 * Syria
 * Taiwan
 * Tajikistan
 * Tanzania
 * Thailand
 * Togo
 * Trinidad and Tobago
 * Tunisia
 * Turkey
 * Turkmenistan
 * Uganda
 * Ukraine
 * United Arab Emirates
 * United Kingdom
 * Uruguay
 * Uzbekistan
 * Vanuatu
 * Venezuela
 * Vietnam
 * Western Sahara
 * Yemen
 * Zambia
 * Zimbabwe

Country
Phone


SEE IF YOUR EMPLOYER WILL MATCH YOUR DONATION!

Many companies sponsor matching gift programs for employees and their spouses.


NextPrevious



ENTER PAYMENT INFORMATION


STEP 3

, you are giving to:

Total

$0.00

Recurring Gift: MonthlyQuarterlyAnnually

First Name on Card
Last Name on Card
Special Instructions




ALLOCATION INSTRUCTIONS




ADDITIONAL INFORMATION

Is this a joint gift?

Yes No
Spouse / Partner First Name
Spouse / Partner Last Name

Mail an official tax receipt?

To save paper, we only mail tax receipts at the donor’s request—but we will
always e-mail a confirmation to you.

Yes No


Pay by Card
Previous



THANK YOU,

Thank you for being a part of our mission to maximize the opportunities for our
student-athletes to reach their highest levels of achievement, here at Columbia
and for the rest of their lives.

With your recurring gift you become a member of the Loyal Blue Society. Click
here to learn more.

Check your e-mail shortly for a confirmation of your donation.
Please keep it for your records.

CONFIRMATION #

Gift Date:

As requested, we will We will NOT be sending you an official tax receipt by
mail.

PERSONAL INFORMATION

, ,



Name on card


Alumni Student Parent

Joint Gift:

Yes, is an alumni.

GIFT INFORMATION

Total

$0.00

Recurring Gift: Your card will be charged monthly quarterly annually in the
amount of $0.00. Charges will begin on and will continue until you contact us.
Your card will be charged monthly quarterly annually in the amount of $0.00.
Charges will begin on and will continue until . To change the frequency or stop
your gift, contact webgift@columbia.edu or call 1-866-GiftSytems.

Special Instructions:

Give Again

AMPLIFY YOUR IMPACT

Many companies sponsor matching gift programs for employees and their spouses.
Click here to access your employer's matching gift request form, information,
and guidelines.


Search Company


FIND YOUR COMPANY?

If not, you may contact your HR or employee benefits office for more
information. Matching gift applications are submitted online or via postal mail.
Please contact your company for information on submission format and guidelines
and use the below information when registering your gift.

Columbia University
Gift Systems
Attn: Matching Gift Coordinator
622 West 113 Street
Mail Code 4524
New York, NY 10025

Tax ID 13-5598093

giftsys@columbia.edu
Phone: 212-851-9770
Fax: 212-851-1240

 * Privacy Policy
 * Contact



©2024 Columbia University


FUND SEARCH

Cancel


e.g. "Columbia College", "Arts", "Climate Response"

No Results Found

Fund Title Division


PAYMENT INFORMATION

Secure

Total Gift Amount: $0.00

Recurring Gift: Monthly Quarterly Annually



Cancel



RECURRING MESSAGE



Ok








REMOVE GIFT

Close

ARE YOU SURE YOU WANT TO REMOVE THE BELOW GIFT?





No, keep gift
Yes, remove gift