spca.bc.ca
Open in
urlscan Pro
162.159.135.42
Public Scan
Submitted URL: http://support.spca.bc.ca/site/R?i=nWEpjSTsNfTvSbrV9hVR3LAFMbWBQchybMESqbEaSjWiZCiE3Xa-7Q
Effective URL: https://spca.bc.ca/donations/make-a-donation/?utm_source=donationlanding&utm_medium=banner&utm_campaign=donate
Submission: On August 14 via api from US — Scanned from CA
Effective URL: https://spca.bc.ca/donations/make-a-donation/?utm_source=donationlanding&utm_medium=banner&utm_campaign=donate
Submission: On August 14 via api from US — Scanned from CA
Form analysis 2 forms found in the DOM
<form class="wp-lo-donation-form-style" id="wp-lo-donation-form" onsubmit="return process_donate(event);">
<div class="modal fade" tabindex="-1" role="dialog" id="modal_wplo_monthly_upgrade" aria-labelledby="wploMonthlyUpgradeLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-md" role="document">
<div class="modal-content">
<div class="modal-header border-bottom-0" style="padding:10px 15px 0 15px;">
<button type="button" class="close wplo-modal-close-class" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- <div class="w-100 text-center">-->
<!-- <i class="fas fa-lg fa-heart wplo-monthly-modal-color"></i>-->
<!-- </div>-->
<div class="mb-3">
<p style="text-align: center">You're so kind! Would it be ok to break this down into a monthly gift? It will help animals even more.</p>
</div>
<button type="button" id="btn-monthly-upgrade-confirm" class="button w-100 btn-wp-lo-form mb-0 mt-2 wplo-monthly-modal-btn-solid" onclick="return wplo_upgrade_monthly_goto_next(event)"><span class="wplo-confirm-btn-text-with-amount">Yes!
Give $<span class="wplo-monthly-modal-replace-value"></span> a month!</span><span class="wplo-confirm-btn-text-no-amount" style="display:none;">Yes! Make my gift monthly!</span></button>
<button type="button" class="button btn-wp-lo-form-outline text-center d-flex justify-content-center align-items-center w-100 mt-3 mb-3 wplo-monthly-modal-btn-outline" onclick="return wplo_upgrade_monthly_cancel_next(event)"><span
class="wplo-small-text">No thanks. Complete my one time gift.</span></button>
</div>
</div>
</div>
</div>
<input type="hidden" name="formLoaded9lb4TkY0" value="::KDBFvhPxcXhByhm2GR0JGA==">
<input type="hidden" name="makedonation" value="true">
<input type="hidden" name="send_receipt" value="true">
<input type="hidden" name="form_id" id="form_id" value="6220">
<input type="hidden" name="validate" value="true">
<!-- Multi step insideParagraph -->
<style type="text/css">
.bootstrapiso #insideParagraph[style*="hidden"]+a {
display: none !important;
}
</style>
<div id="insideParagraph">
<p><em>Starved, beaten, exploited…and yet still capable of so much love.</em></p>
<p>I am inspired by the bravery and loyalty shown by animals, even in the face of horrific abuse. I believe that together I, and other animal lovers, can free animals from anguish and misery.</p>
<p><strong>Here is my caring gift!</strong></p>
</div>
<!-- Multi step insideParagraph -->
<div class="wplo-panel wplo-panel-default mt-4" id="amountToggle">
<h2 class="panel-heading mb-4">Choose an Amount</h2>
<div class="wplo-panel-body option_levels">
<div class="form-group">
<ul class="input_container input_container_radio justify-content-center d-block d-sm-flex">
<div class="selectdiv">
<select class="form-control" name="level_id" id="level_id_1" required="required" oninvalid="this.setCustomValidity('Please select a donation amount from the list')" oninput="this.setCustomValidity('')">
<option value="" disabled="disabled" selected="selected">Select amount</option>
<option name="level_id" id="level_id_2" class=" wplo-dl-single" data-amount="75.00" value="7926" required="required"
oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off">75</option>
<option name="level_id" id="level_id_3" class=" wplo-dl-single" data-amount="100.00" value="7925" required="required"
oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off">100</option>
<option name="level_id" id="level_id_4" class=" wplo-dl-single" data-amount="250.00" value="7924" required="required"
oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off">250</option>
<option name="level_id" id="level_id_5" class=" wplo-dl-single" data-amount="500.00" value="7923" required="required"
oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off">500</option>
</select>
</div>
<label class="control-label d-none" for="billing_address_state">Donation Levels</label>
<li class="radio position-relative d-flex mt-4 mt-sm-0 mb-3 mb-spec-xl-0 ">
<input type="radio" id="level-other" name="level_id" value="7921" autocomplete="off" style="position:absolute">
<label for="level-other" class="lbl-other-amt">$</label><input type="number" class="d-inline-block d-sm-inline-flex btn-w-100-mobile form-control" id="other-amount" min="5.00" step="0.01" name="other_amount" placeholder="Other"
oninput="jQuery('#radio-error-bar').empty();" autocomplete="off">
</li>
</ul>
<div id="radio-error-bar"></div>
</div>
</div>
</div>
<div class="wplo-panel wplo-panel-default" id="individualOrOrganizationChoice">
<h2 class="panel-heading mt-4 mb-4">Who is making this donation?</h2>
<div class="wplo-panel-body option_levels">
<div class="form-group">
<ul class="input_container input_container_radio justify-content-center d-block d-sm-flex">
<li class="radio">
<input type="radio" name="choose_donation_type" id="choose_donation_type_ind" value="individual" required="required" autocomplete="off" checked="checked">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="choose_donation_type_ind">Individual</label>
</li>
<li class="radio">
<input type="radio" name="choose_donation_type" id="choose_donation_type_org" value="organization" autocomplete="off">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="choose_donation_type_org">Organization</label>
</li>
</ul>
</div>
</div>
</div>
<div class="row text-center mt-3" id="checkbox_organization" style="display:none;">
<div class="input-margins-forms col-sm-12 col-md-12 mt-3 p-0" id="organization_name_container">
<div class="form-label-group-float">
<input type="text" class="form-control w-100" name="organization_name" id="organization_name" placeholder="Organization Name" oninvalid="this.setCustomValidity('Please enter organization name')" oninput="this.setCustomValidity('')"
disabled="disabled">
<label class="control-label" for="organization_name" id="lbl_org_name">Organization Name</label>
</div>
</div>
</div>
<div class="wplo-panel wplo-panel-default" id="monthlyToggle">
<h2 class="panel-heading mt-5 mb-4">Do you want to make this a monthly gift?</h2>
<div class="wplo-panel-body option_levels">
<div class="form-group">
<ul class="input_container input_container_radio justify-content-center d-block d-sm-flex">
<li class="radio">
<input type="radio" name="choose_gift_type" id="choose_one_time" value="true" required="required"
oninvalid="jQuery('#donation-type-radio-error-bar').empty(); jQuery('#donation-type-radio-error-bar').append('<p class=\'alert alert-danger\'>Please select donation frequency</p>')" autocomplete="off">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="choose_one_time">One Time</label>
</li>
<li class="radio">
<input type="radio" name="choose_gift_type" id="choose_monthly" value="true" autocomplete="off">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="choose_monthly">Monthly</label>
</li>
</ul>
<div id="donation-type-radio-error-bar" class="pt-1"></div>
</div>
</div>
</div>
<div id="donation-frequency-fields">
</div>
<input name="designated.1.amount" id="designated_1_amount" type="hidden" value="">
<div class="" id="step1Toggle">
<div class="text-center d-flex flex-column justify-content-around align-items-center">
<button type="button" id="btn-step-1-amount" class="button btn-w-100-mobile btn-wp-lo-form mt-4 mb-0" onclick="return goto_2nd(event)">Donate <i class="fas fa-arrow-circle-right"></i></button>
<div class="mt-5 mt-md-4 mb-0" style="color:rgb(0,51,127)">
<i class="fas fa-lock"></i>
<span class="secure_payment">Secure Payment</span>
</div>
</div>
</div>
<div id="honourToggle" style="position:absolute;visibility:hidden;">
<div class="wplo-panel wplo-panel-default mt-0" id="honourToggleElement">
<h2 class="panel-heading mb-4">Are you making this gift in honour of someone?</h2>
<div class="wplo-panel-body option_levels">
<div class="form-group">
<ul class="input_container input_container_radio justify-content-center d-block d-sm-flex ml-0">
<li class="radio">
<input type="radio" name="honour" id="honour_no" value="false" checked="checked" required="required" autocomplete="off">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="honour_no">No</label>
</li>
<li class="radio">
<input type="radio" name="honour" id="honour_yes" value="true" autocomplete="off">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="honour_yes" autocomplete="off">In Honour</label>
</li>
<li class="radio">
<input type="radio" name="honour" id="honour_memory" value="memory" autocomplete="off">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="honour_memory" autocomplete="off">In Memory</label>
</li>
</ul>
</div>
</div>
<div class="wplo-panel-body mt-5" id="honouree_name" style="display:none;">
<div class="row" id="nextOfKinNotification" style="display:none;">
<div class="input-margins-forms col-sm-12 col-lg-12 col-xl-12 p-0 text-center">
<p class="mb-0">If requested by the next of kin, a list of donor names will be provided.</p>
</div>
</div>
<div class="row">
<div class="input-margins-forms col-sm-12 col-lg-12 col-xl-12 p-0">
<div class="form-label-group-float">
<input type="text" class="form-control" name="tribute.honoree.name.first" id="tribute_honoree_name_first" placeholder="Honouree First Name" required="required" oninvalid="this.setCustomValidity('Please enter the honouree first name')"
oninput="this.setCustomValidity('')" disabled="disabled">
<label class="control-label honour-label" for="tribute_honoree_name_first" id="label-honoree-name-first">Honouree First Name</label>
</div>
</div>
<div class="input-margins-forms col-sm-12 col-lg-12 col-xl-12 p-0">
<div class="form-label-group-float">
<input type="text" class="form-control" name="tribute.honoree.name.last" id="tribute_honoree_name_last" placeholder="Honouree Last Name" oninvalid="this.setCustomValidity('Please enter the honouree last name')"
oninput="this.setCustomValidity('')" disabled="disabled">
<label class="control-label honour-label" for="tribute_honoree_name_last" id="label-honoree-name-last">Honouree Last Name</label>
</div>
</div>
</div>
</div>
</div>
<div class="wplo-panel wplo-panel-default mt-5" id="ecard-section" style="display:none;">
<h2 class="panel-heading mb-3">Do you want to send an ecard?</h2>
<div class="wplo-panel-body">
<div class="row align-items-center">
<div class="input-margins-forms col-sm-12 col-md-12 p-0 text-center">
<div class="checkbox">
<input type="checkbox" name="ecard.send" id="ecard_send" value="true" disabled="disabled">
<label for="ecard_send">Yes, send an ecard</label>
</div>
</div>
<div id="send_ecard_section" class="w-100 mt-4" style="display:none;">
<script type="text/javascript">
jQuery(document).ready(function() {
var text_max = 190;
jQuery('#ecard_message_feedback').html(text_max + '/190');
jQuery('#ecard_message').on('input', function() {
var text_length = jQuery('#ecard_message').val().length;
var text_remaining = text_max - text_length;
jQuery('#ecard_message_feedback').html(text_remaining + '/190');
});
// jQuery('#ecard_recipients').blur(function() {
// validateMultipleEmails(jQuery('#ecard_recipients').val());
// });
});
</script>
<div class="input-margins-forms col-sm-12 col-md-12 p-0 mb-4">
<div class="input-group">
<label class="control-label d-block w-100" for="ecard.recipients">Recipient Email:</label>
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-lg fa-envelope"></i></span></div>
<input type="email" class="form-control" name="ecard.recipients" id="ecard_recipients" placeholder="email@recipient.com" disabled="disabled" oninvalid="this.setCustomValidity('Please enter e-mail address for e-card')"
oninput="this.setCustomValidity('')">
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-12 p-0 mb-4">
<div class="input-group">
<label class="control-label d-block w-100" for="ecard.subject">Subject:</label>
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-lg fa-envelope"></i></span></div>
<input type="text" class="form-control" name="ecard.subject" id="ecard_subject" placeholder="Subject:" disabled="disabled" maxlength="50" oninvalid="this.setCustomValidity('Please enter an e-card subject')"
oninput="this.setCustomValidity('')">
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-12 p-0 mb-4">
<div class="input-group">
<label for="ecard_message" class="control-label d-flex w-100 ecard_message justify-content-between"><span>Ecard Message:</span><small id="ecard_message_feedback">190/190</small></label>
<textarea name="ecard.message" id="ecard_message" maxlength="190" rows="3" disabled="disabled"></textarea>
</div>
</div>
<div class="col-sm-12 col-md-12 p-0" id="ecard_type_div">
<div class="form-group">
<h5>Select an Ecard:</h5>
<ul class="input_container input_container_radio text-center">
<li class="radio ecard_in_honour">
<input type="radio" name="ecard.id" id="ecard_id_1" class="ecard_type" value="3907" checked="checked" disabled="disabled">
<label for="ecard_id_1"><img src="https://b1157417.smushcdn.com/1157417/wp-content/uploads/dog-black-playing-with-toy-outdoors.jpg?lossy=1&strip=1&webp=0" alt="Ecard 1" border="0"></label>
<div class="d-none preview_url">http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=3907&stationery_layout_id=3907&cons_info_component=true</div>
<h5 class="card-title">In honour dog ecard</h5>
</li>
<li class="radio ecard_in_honour">
<input type="radio" name="ecard.id" id="ecard_id_2" class="ecard_type" value="1141" checked="checked" disabled="disabled">
<label for="ecard_id_2"><img src="https://b1157417.smushcdn.com/1157417/wp-content/uploads/2022/09/cat-dog-cuddling-together-indoors-on-bed-5.jpg?lossy=1&strip=1&webp=0" alt="Ecard 2" border="0"></label>
<div class="d-none preview_url">http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=1141&stationery_layout_id=1141&cons_info_component=true</div>
<h5 class="card-title">In Honour eCard</h5>
</li>
<li class="radio ecard_in_memory">
<input type="radio" name="ecard.id" id="ecard_id_3" class="ecard_type" value="3904" checked="checked" disabled="disabled">
<label for="ecard_id_3"><img src="https://b1157417.smushcdn.com/1157417/wp-content/uploads/2015_ecard_-_cat_-_Mia.jpg?lossy=1&strip=1&webp=0" alt="Ecard 3" border="0"></label>
<div class="d-none preview_url">http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=3904&stationery_layout_id=3904&cons_info_component=true</div>
<h5 class="card-title">In Memory Cat ecard</h5>
</li>
<li class="radio ecard_in_memory">
<input type="radio" name="ecard.id" id="ecard_id_4" class="ecard_type" value="3181" checked="checked" disabled="disabled">
<label for="ecard_id_4"><img src="https://b1157417.smushcdn.com/1157417/wp-content/uploads/ecard_memorial_dog.jpg?lossy=1&strip=1&webp=0" alt="Ecard 4" border="0"></label>
<div class="d-none preview_url">http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=3181&stationery_layout_id=3181&cons_info_component=true</div>
<h5 class="card-title">In Memory Dog ecard</h5>
</li>
<li class="radio ecard_in_memory">
<input type="radio" name="ecard.id" id="ecard_id_5" class="ecard_type" value="3903" checked="checked" disabled="disabled">
<label for="ecard_id_5"><img src="https://b1157417.smushcdn.com/1157417/wp-content/uploads/horse_350764_Honey_3.jpg?lossy=1&strip=1&webp=0" alt="Ecard 5" border="0"></label>
<div class="d-none preview_url">http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=3903&stationery_layout_id=3903&cons_info_component=true</div>
<h5 class="card-title">In Memory horse ecard</h5>
</li>
</ul>
</div>
</div>
<div class="col-sm-12 col-md-12 text-right mb-4" id="ecard_preview_div">
<a href="http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=3907&stationery_layout_id=3907&cons_info_component=true" class="newWindow button btn-wp-lo-form-outline text-center d-block d-sm-inline-flex" id="ecardPreviewLink" data-card-number="3907" onclick="return preview_ecards(event)">Preview Ecard</a>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-between align-items-center mt-5 mb-2 flex-column-reverse flex-md-row" id="step2Toggle">
<div class="d-inline-flex mt-4 mt-md-0 btn-w-100-mobile">
<button type="button" id="btn-gobackto-1" class="btn-w-100-mobile justify-content-center button btn-goback text-center d-inline-flex align-items-center"
onclick="return goto_begin(event)"><i class="fas fa-arrow-left"></i><span> Back</span></button>
</div>
<div class="text-center d-inline-flex btn-w-100-mobile">
<button type="button" id="btn-step-2-amount" class="btn-w-100-mobile justify-content-center button d-inline-flex btn-wp-lo-form align-items-center" onclick="return goto_3rd(event)"><span>Next
Step </span><i class="fas fa-arrow-circle-right"></i></button>
</div>
<!-- <div class="d-inline-flex invisible btn-w-100-mobile">-->
<!-- <button type="button" class="btn-w-100-mobile justify-content-center button btn-goback text-center d-inline-flex align-items-center"><i class="fas fa-arrow-left"></i><span> <\\?php echo esc_html($meta_df_btn_text_back)?></span></button>-->
<!-- </div>-->
</div>
</div><!--/Honour Toggle Ends-->
<div class="wplo-panel wplo-panel-default panel-df-input-padding mt-0" style="position:absolute;visibility:hidden;left:-30000px;top:-30000px;" id="informationToggle">
<h2 class="panel-heading mb-3">My Information</h2>
<div class="wplo-panel-body">
<div class="row">
<div class="input-margins-forms col-sm-12 col-md-6 pl-0 pr-md-2">
<div class="form-label-group-float">
<input type="text" class="form-control" name="billing.name.first" id="billing_name_first" placeholder="First Name" required="required" autocomplete="billing given-name" oninvalid="this.setCustomValidity('Please enter your first name')"
oninput="this.setCustomValidity('')">
<label class="control-label" for="billing_name_first">First Name</label>
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-6 pr-0 pl-md-1">
<div class="form-label-group-float">
<input type="text" class="form-control" name="billing.name.last" id="billing_name_last" placeholder="Last Name" required="required" autocomplete="billing family-name" oninvalid="this.setCustomValidity('Please enter your last name')"
oninput="this.setCustomValidity('')">
<label class="control-label" for="billing_name_last">Last Name</label>
</div>
</div>
<style>
/*@media (min-width:768px){*/
/* #div_billing_address_street{*/
/* padding-right: 8px !important;*/
/* }*/
/* #div_billing_address_unit{*/
/* padding-right: 8px !important;*/
/* }*/
/* #div_billing_address_city{*/
/* padding-right: 0 !important;*/
/* padding-left: 8px !important;*/
/* }*/
/*}*/
/*@media only screen and (min-width:768px) and (max-width:1274.98px){*/
/* #div_billing_address_unit{*/
/* padding-left:0!important;*/
/* padding-right:0!important;*/
/* }*/
/*}*/
</style>
<div id="div_billing_address_street" class="input-margins-forms col-sm-12 col-md-5 pl-0 pr-md-1">
<div class="form-label-group-float" id="bing_address_container">
<input type="search" class="form-control" name="billing.address.street1" id="billing_address_street1" placeholder="Street Address" required="required" oninvalid="this.setCustomValidity('Please enter your street address')"
oninput="this.setCustomValidity('')" autocorrect="off" autocomplete="off" autocapitalize="off" aria-controls="as_containerSearch_billing_address_street1" aria-owns="as_containerSearch_billing_address_street1" aria-expanded="false"
aria-autocomplete="both" style="box-sizing: content-box;">
<div class="MicrosoftMap" style="position: absolute;"></div><label class="control-label" for="billing_address_street1">Street Address</label>
</div>
<div id="bing_printoutPanel"></div>
</div>
<div id="div_billing_address_unit" class="input-margins-forms col-sm-12 col-md-2 pr-md-1 pl-md-1">
<div class="form-label-group-float">
<input type="text" class="form-control" name="billing.address.street2" id="billing_address_street2" autocomplete="billing address-line2" placeholder="Unit">
<label class="control-label" for="billing_address_street2">Unit</label>
</div>
</div>
<div id="div_billing_address_city" class="input-margins-forms col-sm-12 col-md-5 pr-0 pl-md-1">
<div class="form-label-group-float">
<input type="text" class="form-control" name="billing.address.city" id="billing_address_city" placeholder="City" required="required" autocomplete="billing address-level2" oninvalid="this.setCustomValidity('Please enter your city')"
oninput="this.setCustomValidity('')">
<label class="control-label" for="billing_address_city">City</label>
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-7 pl-0 pr-md-2">
<div class="form-label-group-float">
<div class="selectdiv">
<select class="form-control" name="billing.address.state" id="billing_address_state" required="required" autocomplete="billing address-level1" oninvalid="this.setCustomValidity('Please select a province/state from the list')"
oninput="this.setCustomValidity('')">
<option value="" selected="">Province</option>
<option value="AB">AB - Alberta</option>
<option value="BC">BC - British Columbia</option>
<option value="MB">MB - Manitoba</option>
<option value="NB">NB - New Brunswick</option>
<option value="NL">NL - Newfoundland and Labrador</option>
<option value="NS">NS - Nova Scotia</option>
<option value="NT">NT - Northwest Territories</option>
<option value="NU">NU - Nunavut</option>
<option value="ON">ON - Ontario</option>
<option value="PE">PE - Prince Edward Island</option>
<option value="QC">QC - Quebec</option>
<option value="SK">SK - Saskatchewan</option>
<option value="YT">YT - Yukon</option>
<option value="AK">AK - Alaska</option>
<option value="AL">AL - Alabama</option>
<option value="AR">AR - Arkansas</option>
<option value="AZ">AZ - Arizona</option>
<option value="CA">CA - California</option>
<option value="CO">CO - Colorado</option>
<option value="CT">CT - Connecticut</option>
<option value="DC">DC - District of Columbia</option>
<option value="DE">DE - Delaware</option>
<option value="FL">FL - Florida</option>
<option value="GA">GA - Georgia</option>
<option value="HI">HI - Hawaii</option>
<option value="IA">IA - Iowa</option>
<option value="ID">ID - Idaho</option>
<option value="IL">IL - Illinois</option>
<option value="IN">IN - Indiana</option>
<option value="KS">KS - Kansas</option>
<option value="KY">KY - Kentucky</option>
<option value="LA">LA - Louisiana</option>
<option value="MA">MA - Massachusetts</option>
<option value="MD">MD - Maryland</option>
<option value="ME">ME - Maine</option>
<option value="MI">MI - Michigan</option>
<option value="MN">MN - Minnesota</option>
<option value="MO">MO - Missouri</option>
<option value="MS">MS - Mississippi</option>
<option value="MT">MT - Montana</option>
<option value="NC">NC - North Carolina</option>
<option value="ND">ND - North Dakota</option>
<option value="NE">NE - Nebraska</option>
<option value="NH">NH - New Hampshire</option>
<option value="NJ">NJ - New Jersey</option>
<option value="NM">NM - New Mexico</option>
<option value="NV">NV - Nevada</option>
<option value="NY">NY - New York</option>
<option value="OH">OH - Ohio</option>
<option value="OK">OK - Oklahoma</option>
<option value="OR">OR - Oregon</option>
<option value="PA">PA - Pennsylvania</option>
<option value="RI">RI - Rhode Island</option>
<option value="SC">SC - South Carolina</option>
<option value="SD">SD - South Dakota</option>
<option value="TN">TN - Tennessee</option>
<option value="TX">TX - Texas</option>
<option value="UT">UT - Utah</option>
<option value="VA">VA - Virginia</option>
<option value="VT">VT - Vermont</option>
<option value="WA">WA - Washington</option>
<option value="WI">WI - Wisconsin</option>
<option value="WV">WV - West Virginia</option>
<option value="WY">WY - Wyoming</option>
<option value="AS">AS - American Samoa</option>
<option value="FM">FM - Federated States of Micronesia</option>
<option value="GU">GU - Guam</option>
<option value="MH">MH - Marshall Islands</option>
<option value="MP">MP - Northern Mariana Islands</option>
<option value="PR">PR - Puerto Rico</option>
<option value="PW">PW - Palau</option>
<option value="VI">VI - Virgin Islands</option>
<option value="AA">AA - Armed Forces Americas</option>
<option value="AE">AE - Armed Forces</option>
<option value="AP">AP - Armed Forces Pacific</option>
<option value="None">None</option>
</select>
</div>
<label class="control-label d-none" for="billing_address_state">Province</label>
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-5 pr-0 pl-md-1">
<div class="form-label-group-float">
<input type="text" class="form-control" name="billing.address.zip" id="billing_address_zip" placeholder="Zip/Postal Code" required="required" autocomplete="billing postal-code"
oninvalid="this.setCustomValidity('Please enter your postal/zip code')" oninput="this.setCustomValidity('')">
<label class="control-label" for="billing_address_zip">Zip/Postal Code</label>
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-6 pl-0 pr-md-2">
<div class="form-label-group-float">
<div class="selectdiv">
<select class="form-control" name="billing.address.country" id="billing_address_country" required="required" autocomplete="billing country-name" oninvalid="this.setCustomValidity('Please select a country from the list')"
oninput="this.setCustomValidity('')">
<option selected="selected" value="">Select Country</option>
<option value="Canada">Canada</option>
<option value="United States">United States</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Aland Islands">Aland Islands</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antarctica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivarian Republic of Venezuela">Bolivarian Republic of Venezuela</option>
<option value="Bonaire, Sint Eustatios and Saba">Bonaire, Sint Eustatios and Saba</option>
<option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Bouvet Island">Bouvet Island</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
<option value="Brunei Darussalam">Brunei Darussalam</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cote D'Ivoire">Cote D'Ivoire</option>
<option value="Croatia">Croatia</option>
<option value="Cuba">Cuba</option>
<option value="Curacao">Curacao</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Democratic People's Republic of Korea">Democratic People's Republic of Korea</option>
<option value="The Democratic Republic of the Congo">The Democratic Republic of the Congo</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Federated States of Micronesia">Federated States of Micronesia</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="The Former Yugoslav Republic of Macedonia">The Former Yugoslav Republic of Macedonia</option>
<option value="France">France</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Territories">French Southern Territories</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guernsey">Guernsey</option>
<option value="Guinea">Guinea</option>
<option value="Guinea-Bissau">Guinea-Bissau</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option>
<option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Islamic Republic of Iran">Islamic Republic of Iran</option>
<option value="Isle of Man">Isle of Man</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jersey">Jersey</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libya">Libya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macao">Macao</option>
<option value="Madagascar">Madagascar</option>
<option value="Malawi">Malawi</option>
<option value="Malaysia">Malaysia</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montenegro">Montenegro</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Namibia">Namibia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherlands">Netherlands</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="Northern Mariana Islands">Northern Mariana Islands</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
<option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Philippines">Philippines</option>
<option value="Pitcairn">Pitcairn</option>
<option value="Plurinational State of Bolivia">Plurinational State of Bolivia</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Republic of Korea">Republic of Korea</option>
<option value="Republic of Moldova">Republic of Moldova</option>
<option value="Reunion">Reunion</option>
<option value="Romania">Romania</option>
<option value="Russian Federation">Russian Federation</option>
<option value="Rwanda">Rwanda</option>
<option value="Saint Barthelemy">Saint Barthelemy</option>
<option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
<option value="Saint Lucia">Saint Lucia</option>
<option value="Saint Martin (French)">Saint Martin (French)</option>
<option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
<option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option>
<option value="Samoa">Samoa</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome and Principe">Sao Tome and Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Serbia">Serbia</option>
<option value="Seychelles">Seychelles</option>
<option value="S. Georgia & S. Sandwich Isls.">S. Georgia & S. Sandwich Isls.</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Sint Maarten (Dutch)">Sint Maarten (Dutch)</option>
<option value="Slovakia">Slovakia</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="South Sudan">South Sudan</option>
<option value="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syrian Arab Republic">Syrian Arab Republic</option>
<option value="Taiwan, Province of China">Taiwan, Province of China</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Thailand">Thailand</option>
<option value="Timor-Leste">Timor-Leste</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad and Tobago">Trinidad and Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Emirates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United Republic of Tanzania">United Republic of Tanzania</option>
<option value="Uruguay">Uruguay</option>
<option value="USA Minor Outlying Islands">USA Minor Outlying Islands</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Viet Nam">Viet Nam</option>
<option value="Virgin Islands (British)">Virgin Islands (British)</option>
<option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
<option value="Wallis and Futuna">Wallis and Futuna</option>
<option value="Western Sahara">Western Sahara</option>
<option value="Yemen">Yemen</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>
</div>
<label class="control-label d-none" for="billing_address_country">Select Country</label>
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-6 pr-0 pl-md-1">
<div class="form-label-group-float">
<input type="text" class="form-control" name="donor.phone" id="donor_phone" autocomplete="billing tel-national" placeholder="Phone" required="required" oninvalid="this.setCustomValidity('Please fill out this field')"
oninput="this.setCustomValidity('')">
<label class="control-label" for="donor_phone">Phone</label>
</div>
</div>
</div>
</div>
</div>
<div class="wplo-panel wplo-panel-default panel-df-input-padding mt-0" style="position:absolute;visibility:hidden;left:-30000px;top:-30000px;" id="emailToggle">
<!-- <h2 class="panel-heading mb-3">--><!--</h2>-->
<div class="wplo-panel-body">
<div class="row align-items-center">
<div class="input-margins-forms col-sm-12 p-0 col-md-12">
<div class="form-label-group-float input-group">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-lg fa-envelope"></i></span></div>
<input type="email" class="form-control" name="donor.email" id="donor_email" placeholder="email@youremail.com" required="required" autocomplete="billing email" oninvalid="this.setCustomValidity('Please enter your e-mail')"
oninput="this.setCustomValidity('')">
<label class="control-label" for="donor_email">Email Address</label>
</div>
</div>
<label class="checkthis">Leave this field empty:</label>
<input class="checkthis" type="text" name="phone_number643ter234" autocomplete="off">
<input type="hidden" name="donor.email_opt_in" id="donor_email_opt_in" value="true">
</div>
</div>
<div class="d-flex justify-content-between align-items-center mt-5 mb-2 flex-column-reverse flex-md-row" id="step3Toggle">
<div class="d-inline-flex mt-4 mt-md-0 btn-w-100-mobile">
<button type="button" id="btn-gobackto-2" class="btn-w-100-mobile justify-content-center button btn-goback text-center d-inline-flex align-items-center"
onclick="return gobackto_2nd(event)"><i class="fas fa-arrow-left"></i><span> Back</span></button>
</div>
<div class="text-center d-inline-flex btn-w-100-mobile">
<button type="button" id="btn-step-3-amount" class="btn-w-100-mobile justify-content-center button d-inline-flex btn-wp-lo-form align-items-center" onclick="return goto_4th(event)"><span>Next
Step </span><i class="fas fa-arrow-circle-right"></i></button>
</div>
<!-- <div class="d-inline-flex invisible btn-w-100-mobile">-->
<!-- <button type="button" class="btn-w-100-mobile justify-content-center button btn-goback text-center d-inline-flex align-items-center"><i class="fas fa-arrow-left"></i><span> <\\?php echo esc_html($meta_df_btn_text_back)?></span></button>-->
<!-- </div>-->
</div>
</div>
<div class="wplo-panel wplo-panel-default panel-df-input-padding mt-0 mb-0" style="position:absolute;visibility:hidden;left:-30000px;top:-30000px;" id="paymentToggle">
<h2 class="panel-heading mb-3 d-flex justify-content-center align-items-center"><i class="fas fa-lock"></i> Payment Information</h2>
<div class="wplo-panel-body option_levels">
<div class="form-group">
<ul class="input_container input_container_radio justify-content-center d-block d-sm-flex">
<li class="radio">
<input type="radio" name="method" id="method_donate" value="donate" checked="checked" required="required" autocomplete="off">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="method_donate">Credit Card</label>
</li>
<li class="radio">
<input type="radio" name="method" id="method_startDonation" value="startDonation" autocomplete="off">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="method_startDonation">PayPal</label>
</li>
</ul>
</div>
</div>
<div class="wplo-panel-body" id="credit_card_section">
<div class="row mb-2">
<div class="col-sm-12 col-md-12">
<ul class="radio-array-list m-0">
<li class="tender-row ml-0">
<i class="fab fa-2x fa-cc-visa creditcard_type_icons" id="icon-visa"></i>
</li>
<li class="tender-row ml-0">
<i class="fab fa-2x fa-cc-mastercard creditcard_type_icons" id="icon-mastercard"></i>
</li>
<li class="tender-row ml-0">
<i class="fab fa-2x fa-cc-amex creditcard_type_icons" id="icon-amex"></i>
</li>
</ul>
</div>
</div>
<div class="row align-items-baseline">
<div class="input-margins-forms col-sm-12 col-md-8 mt-3">
<label class="control-label" for="card_number">Card Number</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-lg fa-credit-card"></i></span></div>
<input type="text" class="form-control cleave_card_number" name="card_number" id="card_number" required="required" autocomplete="cc-number" oninvalid="this.setCustomValidity('Please enter a credit card number')"
oninput="this.setCustomValidity('')">
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-4 mt-3">
<div id="cvv_div">
<label class="control-label" for="card_cvv">CVV</label><span class="HelpLink"> - </span><a href="http://help.convio.net/site/PageServer?pagename=user_donation_cvv" class="HelpLink" title="What is this?" target="_blank">What is this?</a>
<input type="text" class="form-control" name="card_cvv" id="card_cvv" required="required" autocomplete="cc-csc" oninvalid="this.setCustomValidity('Please enter your credit card CVV code')" oninput="this.setCustomValidity('')">
</div>
</div>
</div>
<div class="row date-form-group">
<div class="input-margins-forms col-sm-12 col-md-6 mt-3">
<label class="control-label" for="card_exp_date_month">Expiration Date</label>
<div class="selectdiv">
<select class="form-control" name="card_exp_date_month" id="card_exp_date_month" required="required" autocomplete="cc-exp-month" oninvalid="this.setCustomValidity('Please select a month from the list')"
oninput="this.setCustomValidity('')">
<option value="">Month</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-6 mt-3">
<label class="control-label" for="card_exp_date_year">Expiration Year</label>
<div class="selectdiv">
<select class="form-control" name="card_exp_date_year" id="card_exp_date_year" required="required" autocomplete="cc-exp-year" oninvalid="this.setCustomValidity('Please select a year from the list')" oninput="this.setCustomValidity('')">
<option value="">Year</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
<option value="2028">2028</option>
<option value="2029">2029</option>
<option value="2030">2030</option>
<option value="2031">2031</option>
<option value="2032">2032</option>
<option value="2033">2033</option>
<option value="2034">2034</option>
<option value="2035">2035</option>
<option value="2036">2036</option>
</select>
</div>
</div>
</div>
</div>
<div class="wplo-panel-body" id="paypal_section" style="display:none;">
<p class="text-center mt-5 pt-5">Your donation will be processed through PayPal.</p>
<p class="text-center mb-0 pb-xl-5">Click the PayPal check out button below to open PayPal and finish your donation.</p>
</div>
<div class="wplo-panel-body" id="debit_card_section" style="display:none">
<div class="row align-items-baseline">
<div class="input-margins-forms col-sm-12 col-md-12 mt-3">
<div id="routing_div">
<label class="control-label" for="ach_routing">Routing Number</label><span class="HelpLink"> -
</span><a href="http://help.convio.net/site/PageServer?pagename=User_Donation_ACH" class="HelpLink" title="What is this?" target="_blank">What is this?</a>
<input type="text" class="form-control" name="ach_routing" id="ach_routing" disabled="disabled" autocomplete="ach-routing" maxlength="9" oninvalid="this.setCustomValidity('Please enter routing info')" oninput="this.setCustomValidity('')">
</div>
</div>
</div>
<div class="row align-items-baseline">
<div class="input-margins-forms col-sm-12 col-md-12 mt-3">
<label class="control-label" for="ach_account">Bank Account Number</label>
<div class="input-group">
<div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-lg fa-money-check"></i></span></div>
<input type="text" class="form-control" name="ach_account" id="ach_account" disabled="disabled" autocomplete="ach-account" maxlength="17" oninvalid="this.setCustomValidity('Please enter account info')"
oninput="this.setCustomValidity('')">
</div>
</div>
</div>
<div class="row align-items-baseline">
<div class="form-group d-flex flex-column justify-content-center w-100 mt-3">
<div class="wplo-label">Account Type</div>
<ul class="input_container input_container_radio wplo_input_radio justify-content-center d-block d-sm-flex m-0">
<li class="radio">
<input type="radio" name="ach_account_type" id="choose_checking" value="CHECKING" disabled="disabled" checked="checked" autocomplete="off">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="choose_checking">Checking</label>
</li>
<li class="radio">
<input type="radio" name="ach_account_type" id="choose_savings" value="SAVINGS" autocomplete="off">
<label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="choose_savings">Savings</label>
</li>
</ul>
</div>
</div>
</div>
<div class="d-flex justify-content-between align-items-center mt-0 mt-md-5 pt-md-2 mb-2 flex-column-reverse flex-xl-row" id="step4Toggle">
<div class="d-inline-flex mt-4 mt-xl-0 btn-w-100-mobile">
<button type="button" id="btn-gobackto-3" class="btn-w-100-mobile justify-content-center button btn-goback text-center d-inline-flex align-items-center"
onclick="return gobackto_3rd(event)"><i class="fas fa-arrow-left"></i><span> Back</span></button>
</div>
<div class="text-center d-inline-flex btn-w-100-mobile">
<button type="submit" id="donate-submit" class="btn-w-100-mobile justify-content-center button d-inline-flex btn-wp-lo-form align-items-center"><span id="submitBtnTxtSpan">Complete Donation</span><img
src="https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/C2/logos-buttons/44_Yellow_CheckOut_Pill_Button.png" style="display:none;" id="submitBtnPayPalImg" alt="Complete Donation through PayPal"></button>
</div>
<div class="d-inline-flex invisible btn-w-100-mobile">
<button type="button" class="btn-w-100-mobile justify-content-center button btn-goback text-center d-inline-flex align-items-center"><i class="fas fa-arrow-left"></i><span> Back</span></button>
</div>
</div>
</div>
<input type="hidden" name="finish_success_redirect" value="https://spca.bc.ca/paypal-ty/" id="donation_success" disabled="disabled">
</form>POST https://secure3.convio.net/bcspca/site/CRSurveyAPI
<form id="footer-form" class="form-style luminateApiAlt footer-form" action="https://secure3.convio.net/bcspca/site/CRSurveyAPI" method="POST"
data-luminateapi="{"callback": "submitFooterCallback", "requiresAuth": "true"}"><input name="method" type="hidden" value="submitSurvey">
<input name="survey_id" type="hidden" value="1221">
<div class="panel panel-default">
<div class="panel-body">
<div class="row align-items-center">
<div class="input-margins-forms col-sm-12 col-md-3">
<div style="display: flex;">
<i class="fa fa-2x fa-envelope icon-signup"></i>
<input id="cons_email_footer" class="form-control" name="cons_email" required="required" type="email" placeholder="Email Address">
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-3">
<div>
<input id="cons_first_name_footer" class="form-control" name="cons_first_name" required="required" type="text" placeholder="First Name">
</div>
</div>
<div class="input-margins-forms col-sm-12 col-md-3">
<div>
<input id="cons_last_name_footer" class="form-control" name="cons_last_name" required="required" type="text" placeholder="Last Name">
</div>
</div>
<input id="question_12343_1" name="question_12343" type="hidden" value="2001">
<input id="question_12343_2" name="question_12343" type="hidden" value="1021">
<input id="question_12343_3" name="question_12343" type="hidden" value="2241">
<!-- <input id="question_12343_4" name="question_12343" type="hidden" value="2562" />
<input id="question_12343_5" name="question_12343" type="hidden" value="2421" />
<input id="question_12343_6" name="question_12343" type="hidden" value="1121" />
<input id="question_12343_7" name="question_12343" type="hidden" value="2462" /> -->
<input id="question_12343_8" name="question_12343" type="hidden" value="1081">
<input id="question_12343_9" name="question_12343" type="hidden" value="1244">
<!--<input name="question_12343" id="question_12343_10" type="hidden" value="1341">-->
<div class="col-sm-12 col-md-3 text-center">
<button id="survey-submit-footer" class="gform_button button btn-block" type="submit" onclick="fbq('track', 'Subscribe');">Signup</button>
</div>
</div>
</div>
</div>
</form>Text Content
This website uses cookies to ensure you get the best experience. Learn more I understand * NEED HELP? CALL US AT 1-800-665-1868 Print an offline donation form * NEED HELP? CALL US ECARD PREVIEW × From: Your name (Your email address) To: Subject: This message will appear inside above email for your recipient. Close ECARD PREVIEW × From: Your name (Your email address) To: Subject: This message will appear inside above email for your recipient. Close ECARD PREVIEW × From: Your name (Your email address) To: Subject: This message will appear inside above email for your recipient. Close ECARD PREVIEW × From: Your name (Your email address) To: Subject: This message will appear inside above email for your recipient. Close ECARD PREVIEW × From: Your name (Your email address) To: Subject: This message will appear inside above email for your recipient. Close YES, I WILL GIVE GENEROUSLY TO SAVE A DESPERATE ANIMAL! Loading... × You're so kind! Would it be ok to break this down into a monthly gift? It will help animals even more. Yes! Give $ a month!Yes! Make my gift monthly! No thanks. Complete my one time gift. Starved, beaten, exploited…and yet still capable of so much love. I am inspired by the bravery and loyalty shown by animals, even in the face of horrific abuse. I believe that together I, and other animal lovers, can free animals from anguish and misery. Here is my caring gift! CHOOSE AN AMOUNT Select amount 75 100 250 500 Donation Levels * $ WHO IS MAKING THIS DONATION? * Individual * Organization Organization Name DO YOU WANT TO MAKE THIS A MONTHLY GIFT? * One Time * Monthly Donate Secure Payment ARE YOU MAKING THIS GIFT IN HONOUR OF SOMEONE? * No * In Honour * In Memory If requested by the next of kin, a list of donor names will be provided. Honouree First Name Honouree Last Name DO YOU WANT TO SEND AN ECARD? Yes, send an ecard Recipient Email: Subject: Ecard Message:190/190 SELECT AN ECARD: * http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=3907&stationery_layout_id=3907&cons_info_component=true IN HONOUR DOG ECARD * http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=1141&stationery_layout_id=1141&cons_info_component=true IN HONOUR ECARD * http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=3904&stationery_layout_id=3904&cons_info_component=true IN MEMORY CAT ECARD * http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=3181&stationery_layout_id=3181&cons_info_component=true IN MEMORY DOG ECARD * http://bcspca.convio.net/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=3903&stationery_layout_id=3903&cons_info_component=true IN MEMORY HORSE ECARD Preview Ecard Back Next Step MY INFORMATION First Name Last Name Street Address Unit City Province AB - Alberta BC - British Columbia MB - Manitoba NB - New Brunswick NL - Newfoundland and Labrador NS - Nova Scotia NT - Northwest Territories NU - Nunavut ON - Ontario PE - Prince Edward Island QC - Quebec SK - Saskatchewan YT - Yukon AK - Alaska AL - Alabama AR - Arkansas AZ - Arizona CA - California CO - Colorado CT - Connecticut DC - District of Columbia DE - Delaware FL - Florida GA - Georgia HI - Hawaii IA - Iowa ID - Idaho IL - Illinois IN - Indiana KS - Kansas KY - Kentucky LA - Louisiana MA - Massachusetts MD - Maryland ME - Maine MI - Michigan MN - Minnesota MO - Missouri MS - Mississippi MT - Montana NC - North Carolina ND - North Dakota NE - Nebraska NH - New Hampshire NJ - New Jersey NM - New Mexico NV - Nevada NY - New York OH - Ohio OK - Oklahoma OR - Oregon PA - Pennsylvania RI - Rhode Island SC - South Carolina SD - South Dakota TN - Tennessee TX - Texas UT - Utah VA - Virginia VT - Vermont WA - Washington WI - Wisconsin WV - West Virginia WY - Wyoming AS - American Samoa FM - Federated States of Micronesia GU - Guam MH - Marshall Islands MP - Northern Mariana Islands PR - Puerto Rico PW - Palau VI - Virgin Islands AA - Armed Forces Americas AE - Armed Forces AP - Armed Forces Pacific None Province Zip/Postal Code Select Country Canada United States Afghanistan Aland Islands Albania Algeria American Samoa Andorra Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba Australia Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin Bermuda Bhutan Bolivarian Republic of Venezuela Bonaire, Sint Eustatios and Saba Bosnia and Herzegovina Botswana Bouvet Island Brazil British Indian Ocean Territory Brunei Darussalam Bulgaria Burkina Faso Burundi Cambodia Cameroon Cape Verde Cayman Islands Central African Republic Chad Chile China Christmas Island Cocos (Keeling) Islands Colombia Comoros Congo Cook Islands Costa Rica Cote D'Ivoire Croatia Cuba Curacao Cyprus Czech Republic Democratic People's Republic of Korea The Democratic Republic of the Congo Denmark Djibouti Dominica Dominican Republic Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Falkland Islands (Malvinas) Faroe Islands Federated States of Micronesia Fiji Finland The Former Yugoslav Republic of Macedonia France French Guiana French Polynesia French Southern Territories Gabon Gambia Georgia Germany Ghana Gibraltar Greece Greenland Grenada Guadeloupe Guam Guatemala Guernsey Guinea Guinea-Bissau Guyana Haiti Heard Island and McDonald Islands Holy See (Vatican City State) Honduras Hong Kong Hungary Iceland India Indonesia Iraq Ireland Islamic Republic of Iran Isle of Man Israel Italy Jamaica Japan Jersey Jordan Kazakhstan Kenya Kiribati Kuwait Kyrgyzstan Lao People's Democratic Republic Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macao Madagascar Malawi Malaysia Maldives Mali Malta Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Monaco Mongolia Montenegro Montserrat Morocco Mozambique Myanmar Namibia Nauru Nepal Netherlands New Caledonia New Zealand Nicaragua Niger Nigeria Niue Norfolk Island Northern Mariana Islands Norway Oman Pakistan Palau Palestinian Territory, Occupied Panama Papua New Guinea Paraguay Peru Philippines Pitcairn Plurinational State of Bolivia Poland Portugal Puerto Rico Qatar Republic of Korea Republic of Moldova Reunion Romania Russian Federation Rwanda Saint Barthelemy Saint Helena, Ascension and Tristan da Cunha Saint Kitts and Nevis Saint Lucia Saint Martin (French) Saint Pierre and Miquelon Saint Vincent and the Grenadines Samoa San Marino Sao Tome and Principe Saudi Arabia Senegal Serbia Seychelles S. Georgia & S. Sandwich Isls. Sierra Leone Singapore Sint Maarten (Dutch) Slovakia Slovenia Solomon Islands Somalia South Africa South Sudan Spain Sri Lanka Sudan Suriname Svalbard and Jan Mayen Swaziland Sweden Switzerland Syrian Arab Republic Taiwan, Province of China Tajikistan Thailand Timor-Leste Togo Tokelau Tonga Trinidad and Tobago Tunisia Turkey Turkmenistan Turks and Caicos Islands Tuvalu Uganda Ukraine United Arab Emirates United Kingdom United Republic of Tanzania Uruguay USA Minor Outlying Islands Uzbekistan Vanuatu Viet Nam Virgin Islands (British) Virgin Islands (USA) Wallis and Futuna Western Sahara Yemen Zambia Zimbabwe Select Country Phone Email Address Leave this field empty: Back Next Step PAYMENT INFORMATION * Credit Card * PayPal * * * Card Number CVV - What is this? Expiration Date Month 01 02 03 04 05 06 07 08 09 10 11 12 Expiration Year Year 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 Your donation will be processed through PayPal. Click the PayPal check out button below to open PayPal and finish your donation. Routing Number - What is this? Bank Account Number Account Type * Checking * Savings Back Complete Donation Back Donation Info In Honour Address Payment Info * Donate * Search * Locations * About us * Careers * Privacy * Contact * Update subscription Subscribe for BC SPCA updates Signup * * * * * * © 2023 The British Columbia Society for the Prevention of Cruelty to Animals (BC SPCA). Privacy Policy Our mission is to protect and enhance the quality of life for domestic, farm and wild animals in BC. BC SPCA is a registered charity, tax # BN 11881 9036 RR0001 The BC SPCA respectfully acknowledges that we live, work and play on the unceded traditional territories of the numerous and diverse First Nations within British Columbia. We express our gratitude to all Indigenous communities - First Nations, Métis and Inuit for stewarding and sharing this land. Notifications