support.worldwildlife.org Open in urlscan Pro
74.123.153.90  Public Scan

Submitted URL: https://support.worldwildlife.org/site/R?i=bm3fwrOgfD0tRinOfe3cPRIfk2hZcxRQhLYMjxY_wP7v8fedomZDJA
Effective URL: https://support.worldwildlife.org/site/Donation2?df_id=17016&17016.donation=form1&autologin=true&s_src=AWE2303EQ18311A06483CX&link...
Submission: On September 29 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

Name: processPOST https://support.worldwildlife.org/site/Donation2

<form name="process" id="ProcessForm" action="https://support.worldwildlife.org/site/Donation2" method="post" onsubmit="return checkDoubleClick();">
  <div class="donation-form-container responsive">
    <script type="text/javascript">
      <!--
      function reloadPage() {
        window.location.reload(true);
      }

      function testAjax() {
        var xmlHttp = null;
        // Opera 8.0+, Firefox, Chrome, Safari
        try {
          xmlHttp = new XMLHttpRequest();
        } catch (e) {
          // Internet Explorer Browsers
          try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
          } catch (e) {
            try {
              xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
              return false;
            }
          }
        }
        xmlHttp.open('POST', 'AjaxHelper;jsessionid=00000000.app20046a?NONCE_TOKEN=E019C86898C9B2566B4015E92D1148B2', true);
        xmlHttp.send();
      }
      addOnLoadHandler(testAjax);
      // 
      -->
    </script>
    <div class="donation-form-content">
      <input type="hidden" name="user_donation_amt" id="user_donation_amt" value="">
      <input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value="">
      <input type="hidden" name="currency_locale" id="currency_locale" value="en_US">
      <div class="form-row">
        <div class="html-caption-container">
          <script>
            createCookie('cookieTransactionType', 'Monthly', 1);
            createCookie('cookieDonationType', 'Monthly', 1);
          </script>
        </div>
      </div>
      <div class="form-row">
        <div class="html-caption-container">
          <table>
            <tbody>
              <tr>
                <td style="background-color: #00728f;">
                  <a href="http://www.worldwildlife.org/"><img class="wwflogo" src="https://support.worldwildlife.org/images/content/pagebuilder/wwf-box-logo-wwf-gifts.jpg" border="0" alt="Go to WWF home page"></a>
                  <h2 style="padding-top:0">Protect Wildlife and Nature All Year</h2>
                  <p style="clear: left;" class="textonform">Our fall membership drive ends on World Animal Day! By October 4, we hope to find 2,500 people to join the community of WWF Heroes—monthly members who <strong>help create a safer world for
                      wildlife and protect nature for future generations</strong>.</p>
                  <!--<p style="clear: left;" class="textonform"><strong>Start your monthly membership and help us protect vulnerable wildlife and wild places around the world.</strong> It's the best way to be a champion for our planet. Become a WWF Hero today.  </p> -->
                  <p style="clear: left;" class="textonform">As a WWF Hero, your monthly gift will provide steady funds to save endangered wildlife, protect vulnerable habitats, and tackle threats like the climate crisis. <strong>Plus, it's an easy,
                      efficient, and effective way to support conservation.</strong></p>
                  <p style="clear: left;" class="textonform">Help us reach our goal. Become a WWF Hero today.</p>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <h2 class="section-header-container"> Your Monthly Donation </h2>
      <div id="level_standard_row">
        <div class="don-standard-levels form-row">
          <div class="levels-label">
          </div>
          <div id="level_standard_row" class="form-row form-donation-level">
            <div class="form-content">
              <span class="field-required"></span> <span class="aural-only">Field Is Required</span>
              <span class="FormLabelText">Select an Amount:</span>
              <div class="donation-level-general-ask">
              </div>
              <div class="donation-levels">
                <div class="donation-level-container">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded30997" value="30997" onclick="evalMatchingGift('');
updateDonorCoverAmount('');" tabindex="2" aria-describedby="level_standardexpanded30997label" required="" aria-required="true">
                      </div>
                      <label for="level_standardexpanded30997" onclick="">
                        <div class="donation-level-label-container" id="level_standardexpanded30997label"> $10 </div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_30997expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container active">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded30999" value="30999" checked="checked" onclick="evalMatchingGift('');
updateDonorCoverAmount('');" tabindex="3" aria-describedby="level_standardexpanded30999label" required="" aria-required="true">
                      </div>
                      <label for="level_standardexpanded30999" onclick="">
                        <div class="donation-level-label-container" id="level_standardexpanded30999label"> $15 </div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_30999expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded31008" value="31008" onclick="evalMatchingGift('');
updateDonorCoverAmount('');" tabindex="4" aria-describedby="level_standardexpanded31008label" required="" aria-required="true">
                      </div>
                      <label for="level_standardexpanded31008" onclick="">
                        <div class="donation-level-label-container" id="level_standardexpanded31008label"> $20 </div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_31008expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded30998" value="30998" onclick="evalMatchingGift('');
updateDonorCoverAmount('');" tabindex="5" aria-describedby="level_standardexpanded30998label" required="" aria-required="true">
                      </div>
                      <label for="level_standardexpanded30998" onclick="">
                        <div class="donation-level-label-container" id="level_standardexpanded30998label"> $25 </div>
                      </label>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_30998expandedsubmit" value="true">
                  </div>
                </div>
                <div class="donation-level-container">
                  <div class="form-content">
                    <div class="donation-level-input-container form-input">
                      <div class="donation-level-label-input-container">
                        <input type="radio" name="level_standardexpanded" id="level_standardexpanded31002" value="31002" onclick="evalMatchingGift(document.getElementById('level_standardexpanded31002amount').value);
updateDonorCoverAmount(document.getElementById('level_standardexpanded31002amount').value);" tabindex="6" aria-describedby="level_standardexpanded31002label" required="" aria-required="true">
                      </div>
                      <label for="level_standardexpanded31002" onclick="" id="level_standardexpanded31002amountlabel">
                        <div class="donation-level-label-container" id="level_standardexpanded31002label"> Other </div>
                      </label>
                      <div class="donation-level-user-entered">
                        <label for="level_standardexpanded31002amount" id="level_standardexpanded31002amountlabel"><span class="aural-only" id="level_standardexpanded31002amounttext">Enter amount</span></label>
                        <input type="text" name="level_standardexpanded31002amount" id="level_standardexpanded31002amount" value="" size="12" maxlength="50"
                          onfocus="var el = document.getElementById ('level_standardexpanded31002');if (el) el.click(); fire_obs_comp_event('level_standardexpanded31002amount', this, event);evalMatchingGift(value); "
                          onchange="fire_obs_comp_event('level_standardexpanded31002amount', this, event);evalMatchingGift(value);" onkeyup="fire_obs_comp_event('level_standardexpanded31002amount', this, event);evalMatchingGift(value);"
                          onblur="fire_obs_comp_event('level_standardexpanded31002amount', this);updateDonorCoverAmount(value);" class="tabindex-7" tabindex="-1" aria-describedby="level_standardexpanded31002amountlabel" placeholder="$ Other"
                          autocomplete="transaction-amount">
                      </div>
                    </div>
                    <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_31002expandedsubmit" value="true">
                  </div>
                </div>
              </div>
            </div>
            <script type="text/javascript">
              Y.use("jquery-ui", function(Y) {
                jQuery(function() {
                  // subscribe observables
                  jQuery('div.donation-level-element-container').find('input[type="radio"]').each(function() {
                    var syncAction = function(obj) {
                      if (obj.is(':checked')) {
                        obj.closest('div.donation-level-container').addClass('selected');
                      } else {
                        obj.closest('div.donation-level-container').removeClass('selected');
                      };
                      return arguments.callee;
                    }(jQuery(this));
                    jQuery(this).click(function() {
                      jQuery('div.donation-level-container').removeClass('selected');
                      syncAction(jQuery(this));
                    });
                  });
                });
              });
            </script><noscript> </noscript>
          </div>
          <div class="levels-gift-aid">
          </div>
          <input type="hidden" name="level_standardsubmit" id="level_standardsubmit" value="true">
          <script type="text/javascript">
            function updateDonorCoverAmount(gift) {
              if (typeof updateAmount !== "undefined") {
                updateAmount(gift);
              }
            };

            function evalMatchingGift(gift) {}
          </script><noscript> </noscript>
        </div>
        <script type="text/javascript">
          // subscribe listeners to make an ajax call to the server to calculate the total amount
          Y.use('jquery-noconflict', function() {
            var fetchAmountFunc = function() {
              // find all the select, textarea, input, etc... and format them into key=val pairs.
              var params = jQuery('#level_standard_row :input').serialize();
              // parse the path and append the key/value pairs above to the url
              var url = 'https://support.worldwildlife.org/site/Donation2?idb=108204563&level_standardajaxfetch=true&df_id=17016&mfc_pref=T&level_standardtotalcalculateBtn=true&17016.donation=form1';
              var index = url.indexOf("?");
              var path = url.substring(0, index);
              var args = url.substring(index + 1, url.length);
              args += '&' + params;
              jQuery.ajax(path, {
                data: args,
                success: function(data) {
                  jQuery('#recurring_gift_terms_acceptance_message_container').trigger("recurringTermsChange");
                }
              });
            };
            jQuery('#level_standard_row :input').blur(function() {
              fetchAmountFunc();
            });
            jQuery('#level_standard_row input:checkbox, #level_standard_row input:radio').click(function() {
              fetchAmountFunc();
            });
            jQuery('#level_standard_row select').change(function() {
              fetchAmountFunc();
            });
            // call it on page load
            fetchAmountFunc();
          });
        </script><noscript> </noscript>
      </div>
      <h2 class="section-header-container" id="premium_selector_heading"> Thank-You Gift </h2>
      <div id="premium_selector_row" class="form-row ">
        <input type="hidden" name="premium_selectorsubmit" id="premium_selectorsubmit" value="true">
        <script type="text/javascript">
          Y.use("jquery-ui", function(Y) {
            var donation_level_to_premium_map = new Object();
            var premium_id_to_value_map = new Object();
            var donation_level_value_to_level_id_map = new Object();
            var user_entered_level_id = 0;
            // user entered value rendered into the page via java ... 
            // presumably if user entered level is displayed on a previous page
            var previous_user_entered_value = 0;
            var user_selected_level_message_id = '-2';
            var orriginal_select_list;
            var add_premium_to_level = function(level_id, premium_id) {
              var premium_array = donation_level_to_premium_map[level_id];
              if (premium_array == undefined) {
                donation_level_to_premium_map[level_id] = [];
                donation_level_to_premium_map[level_id][0] = premium_id;
              } else {
                donation_level_to_premium_map[level_id].push(premium_id);
              }
            }
            var add_value_level_id_map = function(level_amount, level_id) {
              donation_level_value_to_level_id_map[level_amount] = level_id;
            }
            // find the donation level with the highest value that is still less than the provided amount
            var get_highest_value_level = function(amount) {
              amount = parseInt(amount);
              var highest_level_value = 0;
              var highest_level_id = -1;
              for (level_value in donation_level_value_to_level_id_map) {
                level_value = parseInt(level_value);
                if (amount >= level_value && level_value >= highest_level_value) {
                  highest_level_id = donation_level_value_to_level_id_map[level_value];
                  highest_level_value = level_value;
                }
              }
              return highest_level_id;
            }
            var set_user_entered_level_id = function(level_id) {
              user_entered_level_id = level_id;
            }
            var set_user_entered_value = function(value) {
              previous_user_entered_value = value;
            }
            var calculate_radio_premiums = function(level_id) {
              var valid_premium_ids = donation_level_to_premium_map[level_id];
              // if the selected level is the user entered amount level 
              if (level_id == user_entered_level_id) {
                var level_id_premiums_to_display = get_highest_value_level(previous_user_entered_value.toString());
                if (level_id_premiums_to_display < 0) {
                  hide_premium_container();
                  hide_no_premium_message();
                  show_user_specified_amount_container();
                } else {
                  hide_no_premium_message();
                  hide_user_specified_amount_container();
                  display_premiums(donation_level_to_premium_map[level_id_premiums_to_display]);
                  apply_radio_option_premium_separator();
                  show_premium_container();
                }
              } else {
                // if there are no premiums available, show no premium message
                if (valid_premium_ids === undefined || valid_premium_ids.length == 0) {
                  hide_premium_container();
                  hide_user_specified_amount_container();
                  show_no_premium_message();
                } else {
                  hide_no_premium_message();
                  hide_user_specified_amount_container();
                  display_premiums(valid_premium_ids);
                  apply_radio_option_premium_separator();
                  show_premium_container();
                }
              }
            }
            // this method expects a parsed currency string
            var configure_user_entered_premium_radio_list = function(amount) {
              var level_id_premiums_to_display = get_highest_value_level(amount);
              if (level_id_premiums_to_display < 0) {
                hide_premium_container();
                hide_no_premium_message();
                show_user_specified_amount_container();
              } else {
                hide_no_premium_message();
                hide_user_specified_amount_container();
                display_premiums(donation_level_to_premium_map[level_id_premiums_to_display]);
                apply_radio_option_premium_separator();
                show_premium_container();
              }
            }
            var calculate_select_premiums = function(level_id) {
              var valid_premium_ids = donation_level_to_premium_map[level_id];
              var level_id_message_to_show = -1;
              if (level_id == user_entered_level_id) {
                level_id_message_to_show = user_selected_level_message_id;
              }
              configure_premium_select_list(valid_premium_ids);
              hide_all_select_premium_messages();
              show_select_premium_message(level_id_message_to_show);
              jQuery('#premium_selector_premiumSelect').val(-1);
            }
            var display_select_premium_descriptions = function(premium_id) {
              hide_all_select_premium_messages();
              show_select_premium_message(premium_id);
            }
            var configure_premium_select_list = function(valid_premium_ids) {
              // remove current select list and replace with orrignal version
              jQuery('#premium_selector_premiumSelect').remove();
              var new_select_list = orriginal_select_list.clone(true, true);
              new_select_list.prependTo('#premium_selector_list_container_premium_selector');
              jQuery('#premium_selector_list_container_premium_selector');
              // hide and show option groups
              jQuery('#premium_selector_premiumSelect optgroup').each(function() {
                // get first child of optgroup ... all children should have the 
                // same premium value so we only need to check the first
                var optgroup_premium_value = jQuery(this).children()[0].value;
                var premium_id = calculate_premium_value_from_select_option(optgroup_premium_value);
                if (valid_premium_ids == undefined || jQuery.inArray(premium_id, valid_premium_ids) <= -1) {
                  jQuery(this).remove();
                }
              });
              // hide and show options
              jQuery('#premium_selector_premiumSelect option').each(function() {
                var value = this.value;
                // extract premium ID from select option value
                var premium_id = calculate_premium_value_from_select_option(value);
                if (premium_id == 0 || premium_id == -1) {
                  // do nothing
                } else if (valid_premium_ids == undefined || jQuery.inArray(premium_id, valid_premium_ids) <= -1) {
                  jQuery(this).remove();
                }
              });
              // assign change listener
              jQuery('#premium_selector_premiumSelect').change(function() {
                display_select_premium_descriptions(calculate_premium_value_from_select_option(this.value));
              });
            }
            // this method expects a parsed currency string
            var configure_user_entered_premium_select_list = function(amount) {
              var level_id_premiums_to_display = get_highest_value_level(amount);
              var premiums_to_display = donation_level_to_premium_map[level_id_premiums_to_display]
              // remove current select list and replace with orrignal version
              jQuery('#premium_selector_premiumSelect').remove();
              var new_select_list = orriginal_select_list.clone(true, true);
              new_select_list.prependTo('#premium_selector_list_container_premium_selector');
              jQuery('#premium_selector_list_container_premium_selector');
              // enable applicable optgroups
              jQuery('#premium_selector_premiumSelect optgroup').each(function() {
                var optgroup_premium_value = jQuery(this).children()[0].value;
                var premium_id = calculate_premium_value_from_select_option(optgroup_premium_value);
                if (jQuery.inArray(premium_id, premiums_to_display) <= -1) {
                  jQuery(this).remove();
                }
              });
              // enable applicable options
              jQuery('#premium_selector_premiumSelect option').each(function() {
                var value = this.value;
                // extract premium ID from select option value
                var premium_id = calculate_premium_value_from_select_option(value);
                if (premium_id == 0 || premium_id == -1) {
                  // do nothing
                } else if (jQuery.inArray(premium_id, premiums_to_display) <= -1) {
                  jQuery(this).remove();
                }
              });
              // assign change listener
              jQuery('#premium_selector_premiumSelect').change(function() {
                display_select_premium_descriptions(calculate_premium_value_from_select_option(this.value));
              });
            }
            var calculate_premium_value_from_select_option = function(select_option_value) {
              return select_option_value.split('.')[0];
            }
            var hide_all_select_premium_messages = function() {
              jQuery('.premium-selector-select-option-container').children('div').addClass('hidden');
            }
            var show_select_premium_message = function(premium_id) {
              jQuery('#premium_selector_option_row_' + premium_id).removeClass('hidden');
            }
            var show_no_premium_message = function() {
              jQuery('#premium_selector_radio_row_no_premium_available').removeClass('hidden');
            }
            var hide_no_premium_message = function() {
              jQuery('#premium_selector_radio_row_no_premium_available').addClass('hidden');
            }
            var hide_premium_container = function() {
              jQuery('#premium_selector_raio_row').addClass('hidden');
            }
            var show_premium_container = function() {
              jQuery('#premium_selector_raio_row').removeClass('hidden');
            }
            var show_user_specified_amount_container = function() {
              jQuery('#premium_selector_radio_row_user_specified_amount').removeClass('hidden');
            }
            var hide_user_specified_amount_container = function() {
              jQuery('#premium_selector_radio_row_user_specified_amount').addClass('hidden');
            }
            var apply_radio_option_premium_separator = function() {
              jQuery('.premium-selector-radio-option-row').not('.hidden').each(function(index) {
                if (index == '0') {
                  jQuery(this).removeClass('premium-separator');
                } else {
                  jQuery(this).addClass('premium-separator');
                }
              });
            }
            var display_premiums = function(valid_premium_ids) {
              jQuery('.premium-selector-radio-option-row').each(function() {
                var premium_selector_radio_option_row = jQuery(this);
                // retrieve the premium_id associated with this row
                var premium_id = get_premium_id_from_radio_option_row_id(premium_selector_radio_option_row.attr('id'));
                if (jQuery.inArray(premium_id, valid_premium_ids) > -1 || premium_id == 0) {
                  premium_selector_radio_option_row.removeClass('hidden');
                } else {
                  premium_selector_radio_option_row.addClass('hidden');
                }
              });
            }
            var get_premium_id_from_radio_option_row_id = function(radio_row_id) {
              var index_of_last_underscore = radio_row_id.lastIndexOf('_');
              return radio_row_id.slice(index_of_last_underscore + 1);
            }
            jQuery(function() {
              // registers level-to-premium relationships and level_value-to-premium
              add_premium_to_level('30997', '4982');
              add_value_level_id_map('1000', '30997');
              add_premium_to_level('30997', '4361');
              add_value_level_id_map('1000', '30997');
              add_premium_to_level('30997', '3801');
              add_value_level_id_map('1000', '30997');
              add_premium_to_level('30999', '4982');
              add_value_level_id_map('1500', '30999');
              add_premium_to_level('30999', '4361');
              add_value_level_id_map('1500', '30999');
              add_premium_to_level('30999', '3801');
              add_value_level_id_map('1500', '30999');
              add_premium_to_level('31008', '4982');
              add_value_level_id_map('2000', '31008');
              add_premium_to_level('31008', '4361');
              add_value_level_id_map('2000', '31008');
              add_premium_to_level('31008', '3801');
              add_value_level_id_map('2000', '31008');
              add_premium_to_level('30998', '4982');
              add_value_level_id_map('2500', '30998');
              add_premium_to_level('30998', '4361');
              add_value_level_id_map('2500', '30998');
              add_premium_to_level('30998', '3801');
              add_value_level_id_map('2500', '30998');
              // register user entered level id
              setCurrencyContext("$", ",", ".", 2);
              set_user_entered_level_id(31002);
              set_user_entered_value(-1);
              // clone full select list
              orriginal_select_list = jQuery('#premium_selector_premiumSelect').clone(true, true);
              calculate_radio_premiums(jQuery('.donation-level-input-container input[type=radio]:checked').val());
              // subscribe click listeners for level selector radio buttons
              var selected_level_id = 0;
              jQuery('.donation-level-input-container input[type=radio]').click(function() {
                calculate_radio_premiums(this.value);
              });
              jQuery('.donation-level-user-entered input[type=text]').bind('keyup focus', function() {
                configure_user_entered_premium_radio_list(parseCurrency(this.value));
              });
              jQuery('.designated-giving-amount-container input[type=text], .contact-amount-container .amount-input-text, .contact-amount-display').bind('keyup focus click', function() {
                var designated_giving_total = 0;
                jQuery('.designated-giving-amount-container input[type=text], .contact-amount-container .amount-input-text').each(function() {
                  parsedTotal = parseInt(this.value);
                  if (!isNaN(parsedTotal) && jQuery(this).is(':visible') == true) {
                    designated_giving_total = designated_giving_total + parseInt(this.value);
                  }
                });
                configure_user_entered_premium_radio_list(parseCurrency(designated_giving_total.toString()));
              });
            });
          });
        </script><noscript> </noscript>
        <div id="premium_selector_raio_row" class="premium-selector-radio-container" aria-describedby="premium_selector_heading">
          <div id="premium_selector_radio_option_row_0" class="premium-selector-radio-option-row" tabindex="8">
            <input type="radio" name="premium_selector.premiumRadio" id="premium_selector.premiumRadio.0" value="0" class="premium-select-radio" tabindex="8" aria-describedby="premium_selector.premiumRadio.0label" required="" aria-required="true">
            <div class="premium-selector-radio-option-description">
              <div class="premium-selector-radio-option-description-img-and-text clearfix">
                <label for="premium_selector.premiumRadio.0"> No Premium </label>
                <span class="premium-selector-radio-option-short-description" id="premium_selector.premiumRadio.0label"> Select this option if you would like your entire contribution to go to the organization. </span>
              </div>
            </div>
          </div>
          <div id="premium_selector_radio_option_row_4361" class="premium-selector-radio-option-row Middle premium-separator" tabindex="9">
            <input type="radio" name="premium_selector.premiumRadio" id="premium_selector.premiumRadio.4361" value="4361" class="premium-select-radio" tabindex="9" aria-describedby="premium_selector.premiumRadio.4361label" required=""
              aria-required="true">
            <div class="premium-selector-radio-option-description">
              <div class="premium-selector-radio-option-description-img-and-text clearfix">
                <img class="premium-selector-option-image" src="../images/donation_icons/premium_images/1678508101.custom.jpg" alt="Kit includes reusable straw, cleaning brush and bag" height="150" width="150">
                <label for="premium_selector.premiumRadio.4361"> Reusable Straw and Cleaning Brush </label>
                <span class="premium-selector-radio-option-short-description" id="premium_selector.premiumRadio.4361label"> Kit includes reusable straw, cleaning brush and bag </span>
              </div>
              <a class="premium-selector-more-info-link" title="More Information..." href="https://support.worldwildlife.org/site/Donation2?idb=108204563&amp;df_id=17016&amp;prem_id=4361&amp;mfc_pref=T&amp;mfc_popup=true&amp;17016.donation=premium-detail" target="_blank" onclick="return cv_new_win_from_link_handler(event, 'MoreInfo', 500, 400);" onkeypress="return cv_new_win_from_link_handler(event, 'MoreInfo', 500, 400);">
More Information...
</a>
            </div>
          </div>
          <div id="premium_selector_radio_option_row_4982" class="premium-selector-radio-option-row Middle premium-separator" tabindex="10">
            <input type="radio" name="premium_selector.premiumRadio" id="premium_selector.premiumRadio.4982" value="4982" class="premium-select-radio" tabindex="10" aria-describedby="premium_selector.premiumRadio.4982label" required=""
              aria-required="true">
            <div class="premium-selector-radio-option-description">
              <div class="premium-selector-radio-option-description-img-and-text clearfix">
                <img class="premium-selector-option-image" src="../images/donation_icons/premium_images/131343267.custom.jpg" alt="WWF wall calendar featuring a variety of beautiful animal photos" height="150" width="150">
                <label for="premium_selector.premiumRadio.4982"> 2023 WWF Calendar </label>
                <span class="premium-selector-radio-option-short-description" id="premium_selector.premiumRadio.4982label"> WWF wall calendar featuring a variety of beautiful animal photos </span>
              </div>
            </div>
          </div>
          <div id="premium_selector_radio_option_row_3801" class="premium-selector-radio-option-row Last premium-separator" tabindex="11">
            <input type="radio" name="premium_selector.premiumRadio" id="premium_selector.premiumRadio.3801" value="3801" class="premium-select-radio maximize-option" tabindex="11" aria-describedby="premium_selector.premiumRadio.3801label"
              required="" aria-required="true">
            <div class="premium-selector-radio-option-description">
              <div class="premium-selector-radio-option-description-img-and-text clearfix">
                <img class="premium-selector-option-image" src="../images/content/pagebuilder/nopremium-elephant.jpg" alt="I prefer not to receive a gift, maximizing my support of WWF's global conservation efforts." height="150" width="150"
                  alt:="Elephant">
                <label for="premium_selector.premiumRadio.3801"> Maximize My Donation </label>
                <span class="premium-selector-radio-option-short-description" id="premium_selector.premiumRadio.3801label"> I prefer not to receive a gift, maximizing my support of WWF's global conservation efforts. </span>
              </div>
            </div>
          </div>
        </div>
        <div id="premium_selector_radio_row_no_premium_available" class="premium-selector-radio-container hidden" aria-describedby="premium_selector_heading">
          <div class="premium-selector-radio-option-row-no-premium-available"> There are no premiums available for the selected level. </div>
        </div>
        <div id="premium_selector_radio_row_user_specified_amount" class="premium-selector-radio-container hidden" aria-describedby="premium_selector_heading">
          <div class="premium-selector-radio-option-row-user-specified-amount"> When you give $10 a month or more, you may choose a free thank-you gift. </div>
        </div>
      </div>
      <div class="delivery-message" style="width: 100%; height: auto; margin-bottom: 20px;font-weight: bold;">Note: We are unable to mail thank-you gifts to donors outside the United States and its territories.</div>
      <h2 class="section-header-container"> Your Information </h2>
      <div class="form-row">
        <div class="html-caption-container">
          <!-- user name is blank -->
        </div>
      </div>
      <div id="billing_first_name_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="billing_first_namename" id="billing_first_namenamelabel">First Name:</label>
          <input type="text" name="billing_first_namename" id="billing_first_namename" value="" maxlength="50" aria-describedby="billing_first_namenamelabel" required="" aria-required="true">
          <input type="hidden" name="billing_first_namesubmit" id="billing_first_namesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_first_name', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_first_name_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_last_name_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="billing_last_namename" id="billing_last_namenamelabel">Last Name:</label>
          <input type="text" name="billing_last_namename" id="billing_last_namename" value="" maxlength="50" aria-describedby="billing_last_namenamelabel" required="" aria-required="true">
          <input type="hidden" name="billing_last_namesubmit" id="billing_last_namesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_last_name', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_last_name_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_street1_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="billing_addr_street1name" id="billing_addr_street1namelabel">Address:</label>
          <input type="text" name="billing_addr_street1name" id="billing_addr_street1name" value="" maxlength="50" aria-describedby="billing_addr_street1namelabel" required="" aria-required="true">
          <input type="hidden" name="billing_addr_street1submit" id="billing_addr_street1submit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_street1', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_street1_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_street2_row" class="form-row form-text">
        <div class="form-content">
          <label for="billing_addr_street2name" id="billing_addr_street2namelabel">Address Line 2:</label>
          <input type="text" name="billing_addr_street2name" id="billing_addr_street2name" value="" maxlength="50" aria-describedby="billing_addr_street2namelabel">
          <input type="hidden" name="billing_addr_street2submit" id="billing_addr_street2submit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_street2', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_street2_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_city_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="billing_addr_cityname" id="billing_addr_citynamelabel">City:</label>
          <input type="text" name="billing_addr_cityname" id="billing_addr_cityname" value="" maxlength="50" aria-describedby="billing_addr_citynamelabel" required="" aria-required="true">
          <input type="hidden" name="billing_addr_citysubmit" id="billing_addr_citysubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_city', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_city_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_state_row" class="form-row form-selectlist">
        <div class="form-content">
          <span class="field-required"></span>
          <label class="FormLabel" for="billing_addr_state" id="billing_addr_statelabel">State:</label>
          <select name="billing_addr_state" id="billing_addr_state" size="1" onchange="fire_obs_comp_event('billing_addr_state', this)" aria-describedby="billing_addr_statelabel" required="" aria-required="true">
            <option></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="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="None">None</option>
          </select>
          <script type="text/javascript">
            <!--
            var comp = new ObservableComponent('billing_addr_state', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_state_Row', _display);
              this.disable_submit_flag(_hidden);
            }
            //
            -->
          </script>
          <noscript><br>Required</noscript>
          <input type="hidden" name="billing_addr_statesubmit" id="billing_addr_statesubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_state', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_state_row', _display);
              this.disable_submit_flag(_hidden);
            }

            function billing_addr_state_listChanged(_evt) {
              var e = _evt ? _evt : event; // IE vs. Mozilla event model
              if (e) {
                var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
                fire_obs_comp_event('billing_addr_state', src);
              }
            }
            var el = document.getElementById('billing_addr_state');
            if (el) {
              Utils.addEvent(el, 'change', billing_addr_state_listChanged);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_zip_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="billing_addr_zipname" id="billing_addr_zipnamelabel">Zip Code:</label>
          <input type="tel" name="billing_addr_zipname" id="billing_addr_zipname" value="" maxlength="50" aria-describedby="billing_addr_zipnamelabel" required="" aria-required="true" autocomplete="postal-code">
          <input type="hidden" name="billing_addr_zipsubmit" id="billing_addr_zipsubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_zip', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_zip_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="billing_addr_country_row" class="form-row form-selectlist">
        <div class="form-content">
          <span class="field-required"></span>
          <label class="FormLabel" for="billing_addr_country" id="billing_addr_countrylabel">Country:</label>
          <select name="billing_addr_country" id="billing_addr_country" size="1" onchange="fire_obs_comp_event('billing_addr_country', this)" aria-describedby="billing_addr_countrylabel" required="" aria-required="true">
            <option></option>
            <option selected="selected" 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="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="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="Canada">Canada</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="Curacao">Curacao</option>
            <option value="Cyprus">Cyprus</option>
            <option value="Czech Republic">Czech Republic</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="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="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="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="Korea, Republic of">Korea, Republic of</option>
            <option value="Kuwait">Kuwait</option>
            <option value="Kyrgyzstan">Kyrgyzstan</option>
            <option value="Laos People's Democratic Republic">Laos 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="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="Minor Outlying Islands of the USA">Minor Outlying Islands of the USA</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="Norway">Norway</option>
            <option value="Oman">Oman</option>
            <option value="Pakistan">Pakistan</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="Qatar">Qatar</option>
            <option value="Republic of Moldova">Republic of Moldova</option>
            <option value="Reunion">Reunion</option>
            <option value="Romania">Romania</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 &amp; S. Sandwich Isls.">S. Georgia &amp; 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="Taiwan">Taiwan</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="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="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="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>
          <script type="text/javascript">
            <!--
            var comp = new ObservableComponent('billing_addr_country', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_country_Row', _display);
              this.disable_submit_flag(_hidden);
            }
            //
            -->
          </script>
          <noscript><br>Required</noscript>
          <input type="hidden" name="billing_addr_countrysubmit" id="billing_addr_countrysubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('billing_addr_country', '');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('billing_addr_country_row', _display);
              this.disable_submit_flag(_hidden);
            }

            function billing_addr_country_listChanged(_evt) {
              var e = _evt ? _evt : event; // IE vs. Mozilla event model
              if (e) {
                var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model
                fire_obs_comp_event('billing_addr_country', src);
              }
            }
            var el = document.getElementById('billing_addr_country');
            if (el) {
              Utils.addEvent(el, 'change', billing_addr_country_listChanged);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div id="donor_email_address_row" class="form-row form-text">
        <div class="form-content">
          <span class="field-required"></span>
          <label for="donor_email_addressname" id="donor_email_addressnamelabel">Email:</label>
          <input type="email" name="donor_email_addressname" id="donor_email_addressname" value="" maxlength="255" aria-describedby="donor_email_addressnamelabel" required="" aria-required="true">
          <input type="hidden" name="donor_email_addresssubmit" id="donor_email_addresssubmit" value="true">
          <script type="text/javascript">
            var comp = new ObservableComponent('donor_email_address', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('donor_email_address_row', _display);
              this.disable_submit_flag(_hidden);
            }
          </script><noscript> </noscript>
        </div>
      </div>
      <div class="form-row form-checkbox" id="donor_email_opt_in_Row">
        <div class="form-content">
          <span class="check-box-form-label-text"></span>
          <input type="checkbox" name="donor_email_opt_inname" id="donor_email_opt_inname" checked="checked" onclick="fire_obs_comp_event('donor_email_opt_in', this);">
          <label for="donor_email_opt_inname"> Send me email updates about how I’m protecting wildlife and nature. </label>
          <script type="text/javascript">
            var comp = new ObservableComponent('donor_email_opt_in', 'name');
            comp.hide = function(_hidden) {
              var _display = _hidden ? 'none' : '';
              set_display('donor_email_opt_in_Row', _display);
              this.disable_submit_flag(_hidden);
            }
            comp.set = function(_value) {
              if (document.getElementById('donor_email_opt_inname')) {
                document.getElementById('donor_email_opt_inname').checked = _value;
                this.fireEvent();
              }
            }
            comp.get = function() {
              if (document.getElementById('donor_email_opt_inname')) return document.getElementById('donor_email_opt_inname').checked;
            }
            comp.clear = function() {
              this.set(false);
            }
          </script><noscript> </noscript>
          <input type="hidden" name="donor_email_opt_insubmit" id="donor_email_opt_insubmit" value="true">
        </div>
      </div>
      <h2 class="section-header-container"> Monthly Payment Information </h2>
      <div class="payment-type-element-container">
        <div class="payment-type-selection-container payment-field-container">
          <h3>Payment Method:</h3>
          <div id="payment_typepay_typeradio_row" class="form-row">
            <div class="form-content">
              <div class="payment-type-selections" id="payment_typepay_typeradio_payment_types">
                <span class="internal-payment"><span class="payment-type-option selected"><input type="radio" name="payment_typepay_typeradio" id="payment_typepay_typeradiocredit" value="credit" checked="checked"
                      onclick="fire_obs_comp_event('payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('payment_typepay_typeradio', this);" aria-describedby="payment_typepay_typeradiocreditlabel" required=""
                      aria-required="true"><label for="payment_typepay_typeradiocredit"><a href="javascript:void(0);" class="payment-type-label" id="payment_typepay_typeradiocreditlabel">Credit Card</a></label>
                    <script type="text/javascript">
                      var comp = new ObservableRadioComponent('payment_typepay_typeradio', 'name');
                    </script><noscript> </noscript>
                  </span><span class="payment-type-option"><input type="radio" name="payment_typepay_typeradio" id="payment_typepay_typeradioach" value="ach" onclick="fire_obs_comp_event('payment_typepay_typeradio', this);"
                      onkeypress="fire_obs_comp_event('payment_typepay_typeradio', this);" aria-describedby="payment_typepay_typeradioachlabel" required="" aria-required="true"><label
                      for="payment_typepay_typeradioach"><a href="javascript:void(0);" class="payment-type-label" id="payment_typepay_typeradioachlabel">Bank Account Withdrawal</a></label>
                    <script type="text/javascript">
                      var comp = new ObservableRadioComponent('payment_typepay_typeradio', 'name');
                    </script><noscript> </noscript>
                  </span></span>
                <span class="external-payment"><span class="payment-type-option"><input type="radio" name="payment_typepay_typeradio" id="payment_typepay_typeradiopaypal" value="paypal"
                      onclick="fire_obs_comp_event('payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('payment_typepay_typeradio', this);" aria-describedby="payment_typepay_typeradiopaypallabel" required=""
                      aria-required="true"><label
                      for="payment_typepay_typeradiopaypal"><a href="javascript:void(0);" class="payment-type-label" id="payment_typepay_typeradiopaypallabel"><img src="../images/payment/paypal-logo.png" alt="Pay with Paypal"></a></label>
                    <script type="text/javascript">
                      var comp = new ObservableRadioComponent('payment_typepay_typeradio', 'name');
                    </script><noscript> </noscript>
                  </span></span>
              </div>
              <input type="hidden" name="payment_typepay_typeradiosubmit" id="payment_typepay_typeradiosubmit" value="true">
              <script type="text/javascript">
                Y.use("jquery-ui", function(Y) {
                  jQuery(function() {
                    // subscribe observable for payment type options
                    jQuery('.payment-type-option').each(function() {
                      var syncAction = function(obj) {
                        if (obj.hasClass('selected')) {
                          var radioGroupName = obj.find('input').attr('name');
                          obj.find('input').prop('checked', true);
                          fire_obs_comp_event(radioGroupName, obj.find('input').get());
                        }
                        return arguments.callee;
                      }(jQuery(this));
                      jQuery(this).click(function() {
                        jQuery('.payment-type-option').removeClass('selected');
                        jQuery(this).addClass('selected');
                        syncAction(jQuery(this));
                        var selectedValue = jQuery(this).find('input').val();
                        if (selectedValue == 'paypal' || selectedValue == 'amazon') {
                          // open up a boxinator dialog
                          jQuery(document).trigger('redirect-external');
                          jQuery('#btn_next').click();
                        }
                      });
                    });
                  });
                });
                var comp = new ObservableRadioComponent('payment_typepay_typeradio', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typepay_typeradio_row', _display);
                  this.disable_submit_flag(_hidden);
                }
              </script><noscript> </noscript>
            </div>
          </div>
        </div>
        <div id="payment_cc_container" class="payment-field-container">
          <h3>Credit Card Information:</h3>
          <div id="payment_typecc_number_row" class="form-row form-text">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="payment_typecc_numbername" id="payment_typecc_numbernamelabel">Credit Card Number:</label>
              <input type="number" name="payment_typecc_numbername" id="payment_typecc_numbername" value="" maxlength="22" autocomplete="off" aria-describedby="payment_typecc_numbernamelabel" required="" aria-required="true">
              <input type="hidden" name="payment_typecc_numbersubmit" id="payment_typecc_numbersubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableComponent('payment_typecc_number', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typecc_number_row', _display);
                  this.disable_submit_flag(_hidden);
                }
                observe_component('null', new ComponentDisplayer('payment_typecc_number'));
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="payment_typecc_exp_date_row" class="form-row form-date">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="payment_typecc_exp_date_MONTH">
                <span class="label-text">Expiration Date:</span><span class="aural-only" id="payment_typecc_exp_date_MONTHlabel">Select month of credit card</span>
              </label>
              <label for="payment_typecc_exp_date_YEAR"><span class="aural-only" id="payment_typecc_exp_date_YEARlabel">Select Expiration Year</span></label>
              <div class="date-input-container">
                <fieldset class="cardExpGroup">
                  <select name="payment_typecc_exp_date_MONTH" id="payment_typecc_exp_date_MONTH" onchange="fire_obs_comp_event('payment_typecc_exp_date_MONTH', this)" aria-describedby="payment_typecc_exp_date_MONTHlabel" required=""
                    aria-required="true">
                    <option value="1">01</option>
                    <option value="2">02</option>
                    <option value="3">03</option>
                    <option value="4">04</option>
                    <option value="5">05</option>
                    <option value="6">06</option>
                    <option value="7">07</option>
                    <option value="8">08</option>
                    <option value="9" selected="selected">09</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                  </select>
                  <select name="payment_typecc_exp_date_YEAR" id="payment_typecc_exp_date_YEAR" onchange="fire_obs_comp_event('payment_typecc_exp_date_YEAR', this)" aria-describedby="payment_typecc_exp_date_YEARlabel" required=""
                    aria-required="true">
                    <option value="2022" selected="selected">2022</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>
                  </select>
                </fieldset>
                <input type="hidden" name="payment_typecc_exp_date_DAY" id="payment_typecc_exp_date_DAY" value="1">
                <script type="text/javascript">
                  <!--
                  var comp1 = new ObservableComponent('payment_typecc_exp_date_MONTH', '');
                  comp1.hide = function(_hidden) {
                    var _display = _hidden ? 'none' : '';
                    set_display('payment_typecc_exp_date_Row', _display);
                    this.disable_submit_flag(_hidden);
                  }
                  var comp2 = new ObservableComponent('payment_typecc_exp_date_YEAR', '');
                  comp2.hide = function(_hidden) {
                    var _display = _hidden ? 'none' : '';
                    set_display('payment_typecc_exp_date_Row', _display);
                    this.disable_submit_flag(_hidden);
                  }
                  //
                  -->
                </script><noscript> </noscript>
              </div>
              <input type="hidden" name="payment_typecc_exp_datesubmit" id="payment_typecc_exp_datesubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableComponent('payment_typecc_exp_date', 'input');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typecc_exp_date_row', _display);
                  disable_submit_flag('payment_typecc_exp_datesubmit', _hidden);
                }
                comp.disable = function(_disabled) {
                  disable_element('payment_typecc_exp_date_MONTH', _disabled);
                  disable_element('payment_typecc_exp_date_DAY', _disabled);
                  disable_element('payment_typecc_exp_date_YEAR', _disabled);
                  disable_element('payment_typecc_exp_date_HOUR12', _disabled);
                  disable_element('payment_typecc_exp_date_HOUR24', _disabled); //For UK, 24 hour clock used
                  disable_element('payment_typecc_exp_date_MINUTE', _disabled);
                  disable_element('payment_typecc_exp_date_AMPM', _disabled);
                }
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="payment_typecc_cvv_row" class="form-row form-text cvv-input">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="payment_typecc_cvvname">
                <span class="FormLabelText" id="payment_typecc_cvvnamelabel">CVV Number:</span>
              </label>
              <a href="http://help.convio.net/site/PageServer?s_site=wwf&amp;pagename=user_donation_cvv" class="HelpLink" title="What is this? Opens new window.">What is this?</a>
              <input type="number" name="payment_typecc_cvvname" id="payment_typecc_cvvname" value="" maxlength="4" autocomplete="cc-csc" aria-describedby="payment_typecc_cvvnamelabel" required="" aria-required="true">
              <input type="hidden" name="payment_typecc_cvvsubmit" id="payment_typecc_cvvsubmit" value="true">
              <script type="text/javascript">
                //chrome is mapping cvv as card name
                if (/Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor)) {
                  document.getElementById('payment_typecc_cvvname').autocomplete = 'cc-csc';
                }
                var comp = new ObservableComponent('payment_typecc_cvv', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typecc_cvv_row', _display);
                  this.disable_submit_flag(_hidden);
                }
              </script><noscript> </noscript>
            </div>
          </div>
        </div>
        <div id="payment_bank_container" class="payment-field-container" style="display: none;">
          <h3>Checking Account Information:</h3>
          <div id="payment_typerouting_number_row" class="form-row form-text">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="payment_typerouting_numbername" id="payment_typerouting_numbernamelabel">Bank Routing Number:</label>
              <a href="http://help.convio.net/site/PageServer?s_site=wwf&amp;pagename=User_Donation_ACH" class="HelpLink" title="What is this? Opens new window.">What is this?</a>
              <input type="text" name="payment_typerouting_numbername" id="payment_typerouting_numbername" value="" size="20" maxlength="20" onchange="fire_obs_comp_event('payment_typerouting_number', this);" autocomplete="off"
                aria-describedby="payment_typerouting_numbernamelabel" aria-required="true">
              <input type="hidden" name="payment_typerouting_numbersubmit" id="payment_typerouting_numbersubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableComponent('payment_typerouting_number', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typerouting_number_row', _display);
                  this.disable_submit_flag(_hidden);
                }
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="payment_typebank_account_row" class="form-row form-text">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="payment_typebank_accountname" id="payment_typebank_accountnamelabel">Bank Account Number:</label>
              <input type="text" name="payment_typebank_accountname" id="payment_typebank_accountname" value="" maxlength="20" autocomplete="off" aria-describedby="payment_typebank_accountnamelabel" aria-required="true">
              <input type="hidden" name="payment_typebank_accountsubmit" id="payment_typebank_accountsubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableComponent('payment_typebank_account', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typebank_account_row', _display);
                  this.disable_submit_flag(_hidden);
                }
                observe_component('null', new ComponentDisplayer('payment_typebank_account'));
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="payment_typeverify_bank_account_row" class="form-row form-text">
            <div class="form-content">
              <span class="field-required"></span>
              <label for="payment_typeverify_bank_accountname" id="payment_typeverify_bank_accountnamelabel">Verify Bank Account Number:</label>
              <input type="text" name="payment_typeverify_bank_accountname" id="payment_typeverify_bank_accountname" value="" maxlength="20" autocomplete="off" aria-describedby="payment_typeverify_bank_accountnamelabel" aria-required="true">
              <input type="hidden" name="payment_typeverify_bank_accountsubmit" id="payment_typeverify_bank_accountsubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableComponent('payment_typeverify_bank_account', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typeverify_bank_account_row', _display);
                  this.disable_submit_flag(_hidden);
                }
                observe_component('null', new ComponentDisplayer('payment_typeverify_bank_account'));
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="payment_type.account_type_row" class="form-row form-radio-array">
            <div class="form-content">
              <fieldset>
                <legend><span class="field-required"></span>&nbsp;Account Type:</legend>
                <ul class="radio-array-list">
                  <li>
                    <input type="radio" name="payment_type.account_type" id="payment_type.account_type_payment_typeaccount_type_checking" value="CHECKING" onclick="fire_obs_comp_event('payment_type.account_type', this);">
                    <span class="radio-label">
                      <label for="payment_type.account_type_payment_typeaccount_type_checking">Checking</label>
                    </span>
                  </li>
                  <li>
                    <input type="radio" name="payment_type.account_type" id="payment_type.account_type_payment_typeaccount_type_savings" value="SAVINGS" onclick="fire_obs_comp_event('payment_type.account_type', this);">
                    <span class="radio-label">
                      <label for="payment_type.account_type_payment_typeaccount_type_savings">Savings</label>
                    </span>
                  </li>
                </ul>
              </fieldset>
              <input type="hidden" name="payment_type.account_typesubmit" id="payment_type.account_typesubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableRadioComponent('payment_type.account_type', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_type.account_type_row', _display);
                  this.disable_submit_flag(_hidden);
                }
              </script><noscript> </noscript>
            </div>
          </div>
          <div id="payment_typeach_confirm_row" class="form-row form-checkbox">
            <div class="form-content">
              <span class="field-required"></span>
              <input type="checkbox" name="payment_typeach_confirmname" id="payment_typeach_confirmname" onclick="fire_obs_comp_event('payment_typeach_confirm', this);" aria-describedby="payment_typeach_confirmnamelabel">
              <label for="payment_typeach_confirmname" id="payment_typeach_confirmnamelabel">By checking this option, I agree to use my bank account as a payment method and authorize WWF to debit my bank account to fulfill my donation
                commitment.</label>
              <input type="hidden" name="payment_typeach_confirmsubmit" id="payment_typeach_confirmsubmit" value="true">
              <script type="text/javascript">
                var comp = new ObservableComponent('payment_typeach_confirm', 'name');
                comp.hide = function(_hidden) {
                  var _display = _hidden ? 'none' : '';
                  set_display('payment_typeach_confirm_row', _display);
                  this.disable_submit_flag(_hidden);
                }
                comp.set = function(_value) {
                  if (document.getElementById('payment_typeach_confirmname')) {
                    document.getElementById('payment_typeach_confirmname').checked = _value;
                    this.fireEvent();
                  }
                }
                comp.get = function() {
                  if (document.getElementById('payment_typeach_confirmname')) {
                    return document.getElementById('payment_typeach_confirmname').checked;
                  }
                }
                comp.clear = function() {
                  this.set(false);
                }
                observe_component('null', new ComponentEnabler('payment_typeach_confirm'));
              </script><noscript> </noscript>
            </div>
          </div>
        </div>
        <div id="payment_check_container" class="payment-field-container" style="display: none;">
          <h3>Check Information</h3>
        </div>
        <input type="hidden" name="payment_typesubmit" id="payment_typesubmit" value="true">
        <script type="text/javascript">
          function PaymentObserver() {
            this.observe = function(_event) {
              var sVal = _event.component.get();
              switch (sVal) {
                case 'check':
                  hide_element('payment_cc_container');
                  hide_element('payment_bank_container');
                  show_element('payment_check_container');
                  break;
                case 'credit':
                  hide_element('payment_bank_container');
                  hide_element('payment_check_container');
                  show_element('payment_cc_container');
                  break;
                case 'ach':
                  hide_element('payment_cc_container');
                  hide_element('payment_check_container');
                  show_element('payment_bank_container');
                  break;
                case 'paypal':
                case 'amazon':
                case 'mobilepay':
                default:
                  // hide all
                  hide_element('payment_bank_container');
                  hide_element('payment_cc_container');
                  hide_element('payment_check_container');
                  break;
              }
            }
          }
          // Set the observer to show/hide the relevant fields
          observe_component('payment_typepay_typeradio', new PaymentObserver());
        </script><noscript> </noscript>
      </div>
      <input type="hidden" name="google_clickidhidden" id="google_clickidhidden" value="">
      <div class="button-container clearfix">
        <div class="button-sub-container">
          <button class="step-button action-button custom-finish" type="button" id="custom_finish" name="custom_finish" value="Give Now">Give Monthly Now</button><button class="step-button action-button finish-step" type="submit" id="pstep_finish"
            name="pstep_finish" value="Give Monthly Now" style="display: none;">Give Monthly Now</button>
        </div>
      </div>
      <input type="hidden" name="idb" id="idb" value="108204563">
      <input type="hidden" name="df_id" id="df_id" value="17016">
      <input type="hidden" name="mfc_pref" id="mfc_pref" value="T">
      <div class="form-row">
        <div class="html-caption-container">
          <p style="font-size: 16px">Click only once to submit your monthly donation. Thank you so much for your generous support.</p>
          <style>
            .sr-only {
              position: absolute;
              width: 1px;
              height: 1px;
              padding: 0;
              margin: -1px;
              overflow: hidden;
              clip: rect(0, 0, 0, 0);
              white-space: nowrap;
              border: 0;
            }

            img#DigiCertClickID_IhlOScSG {
              margin: 0px !important;
            }
          </style>
          <p style="clear: both"><strong>World Wildlife Fund is a 501(c)(3) charitable organization.</strong></p>
          <!--<table width="135" border="0" cellpadding="2" cellspacing="0" title="Click to Verify - This site chose GeoTrust SSL for secure e-commerce and confidential communications.">
<tr>
<td width="135" align="left" valign="top">
<span class="sr-only">Opens in a new window</span></td>
</tr>
</table>-->
          <table width="135" border="0" cellpadding="2" cellspacing="0" style="margin: 0px 0px !important;" title="Click to Verify - This site chose DigiCert SSL for secure e-commerce and confidential communications.">
            <tbody>
              <tr>
                <td width="135" align="left" valign="top">
                  <!-- DigiCert Seal HTML -->
                  <!-- Place HTML on your site where the seal should appear -->
                  <div id="DigiCertClickID_IhlOScSG">
                    <div id="DigiCertClickID_IhlOScSGSeal"
                      style="text-decoration: none; text-align: center; display: block; vertical-align: baseline; font-size: 100%; font-style: normal; text-indent: 0px; line-height: 1; width: auto; margin: 0px auto; padding: 0px; border: 0px; background: transparent; position: relative; inset: 0px; clear: both; float: none; cursor: default;">
                      <img src="//seal.digicert.com/seals/cascade/?tag=IhlOScSG&amp;referer=support.worldwildlife.org&amp;format=png&amp;lang=en&amp;an=min" alt="DigiCert Secured Site Seal" tabindex="0" role="link"
                        style="text-decoration: none; text-align: center; display: block; vertical-align: baseline; font-size: 100%; font-style: normal; text-indent: 0px; line-height: 1; width: auto; margin: 0px auto; padding: 0px; border: 0px; background: transparent; position: relative; inset: 0px; clear: both; float: none; cursor: pointer;">
                    </div>
                  </div>
                  <!-- DigiCert Seal Code -->
                  <!-- Place with DigiCert Seal HTML or with other scripts -->
                  <script type="text/javascript">
                    var __dcid = __dcid || [];
                    __dcid.push({
                      "cid": "DigiCertClickID_IhlOScSG",
                      "tag": "IhlOScSG"
                    });
                    (function() {
                      var cid = document.createElement("script");
                      cid.async = true;
                      cid.src = "//seal.digicert.com/seals/cascade/seal.min.js";
                      var s = document.getElementsByTagName("script");
                      var ls = s[(s.length - 1)];
                      ls.parentNode.insertBefore(cid, ls.nextSibling);
                    }());
                  </script>
                  <script async="" src="//seal.digicert.com/seals/cascade/seal.min.js"></script>
                  <span class="sr-only">Opens in a new window</span>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <input type="hidden" name="17016.donation" id="17016.donation" value="form1">
  </div>
  <script type="text/javascript">
    var submitted = false;

    function checkDoubleClick() {
      var elCheck = '';
      if (elCheck == 'el') {
        alert('Form submission is not enabled when previewing an individual data element.');
        return false;
      } else if (submitted) {
        alert('You have already submitted this payment. Please wait....');
        return false;
      } else {
        submitted = true;
        return true;
      }
    }
  </script><noscript> </noscript>
</form>

Text Content

WWF
WWF


GIVE TO WORLD WILDLIFE FUND


PROTECT WILDLIFE AND NATURE ALL YEAR

Our fall membership drive ends on World Animal Day! By October 4, we hope to
find 2,500 people to join the community of WWF Heroes—monthly members who help
create a safer world for wildlife and protect nature for future generations.

As a WWF Hero, your monthly gift will provide steady funds to save endangered
wildlife, protect vulnerable habitats, and tackle threats like the climate
crisis. Plus, it's an easy, efficient, and effective way to support
conservation.

Help us reach our goal. Become a WWF Hero today.


YOUR MONTHLY DONATION

Field Is Required Select an Amount:

$10
$15
$20
$25
Other
Enter amount
 

 
 


THANK-YOU GIFT

 
No Premium Select this option if you would like your entire contribution to go
to the organization.
Reusable Straw and Cleaning Brush Kit includes reusable straw, cleaning brush
and bag
More Information...
2023 WWF Calendar WWF wall calendar featuring a variety of beautiful animal
photos
Maximize My Donation I prefer not to receive a gift, maximizing my support of
WWF's global conservation efforts.
There are no premiums available for the selected level.
When you give $10 a month or more, you may choose a free thank-you gift.
Note: We are unable to mail thank-you gifts to donors outside the United States
and its territories.


YOUR INFORMATION


First Name:  
Last Name:  
Address:  
Address Line 2:  
City:  
State: 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 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 None
Required  
Zip Code:  
Country: United States Afghanistan Aland Islands Albania Algeria Andorra Angola
Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba Australia
Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados 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
Canada 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 Curacao Cyprus Czech Republic 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 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 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 Isle of Man Israel Italy Jamaica Japan Jersey Jordan Kazakhstan
Kenya Kiribati Korea, Republic of Kuwait Kyrgyzstan Laos People's Democratic
Republic Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg
Macao Madagascar Malawi Malaysia Maldives Mali Malta Martinique Mauritania
Mauritius Mayotte Mexico Minor Outlying Islands of the USA Monaco Mongolia
Montenegro Montserrat Morocco Mozambique Myanmar Namibia Nauru Nepal Netherlands
New Caledonia New Zealand Nicaragua Niger Nigeria Niue Norfolk Island Norway
Oman Pakistan Palestinian Territory, Occupied Panama Papua New Guinea Paraguay
Peru Philippines Pitcairn Plurinational State of Bolivia Poland Portugal Qatar
Republic of Moldova Reunion Romania 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 Taiwan Tajikistan Thailand
Timor-Leste Togo Tokelau Tonga Trinidad and Tobago Tunisia Turkey Turkmenistan
Turks and Caicos Islands Tuvalu Uganda United Arab Emirates United Kingdom
United Republic of Tanzania Uruguay Uzbekistan Vanuatu Viet Nam Virgin Islands
(British) Wallis and Futuna Western Sahara Yemen Zambia Zimbabwe
Required  
Email:  
Send me email updates about how I’m protecting wildlife and nature.  


MONTHLY PAYMENT INFORMATION


PAYMENT METHOD:

Credit Card Bank Account Withdrawal   
 


CREDIT CARD INFORMATION:

Credit Card Number:  
Expiration Date:Select month of credit card Select Expiration Year
01 02 03 04 05 06 07 08 09 10 11 12 2022 2023 2024 2025 2026 2027 2028 2029 2030
2031 2032  
 
CVV Number: What is this?  


CHECKING ACCOUNT INFORMATION:

Bank Routing Number: What is this?  
Bank Account Number:  
Verify Bank Account Number:  
 Account Type:
 * Checking
 * Savings

 
By checking this option, I agree to use my bank account as a payment method and
authorize WWF to debit my bank account to fulfill my donation commitment.  


CHECK INFORMATION

 
Give Monthly NowGive Monthly Now

Click only once to submit your monthly donation. Thank you so much for your
generous support.

World Wildlife Fund is a 501(c)(3) charitable organization.


Opens in a new window

 

African elephants © Martin Harvey/WWF

© 2022 World Wildlife Fund | 1250 Twenty-Fourth Street, N.W. P.O. Box 97180
Washington, DC 20090-7180 | Privacy Policy / Your Privacy Rights | Site Terms |
State Disclosures