Learn To Use The Greenland Paddle

[headline style="1" font_color="#e22e12" align="left" bottom_margin="20"]<h1><span style="color: #ff0000;">Learn To Use The Greenland Paddle</span></h1>[/headline]

Edit Element Clone Element Advanced Element Options Move Remove Element

— SPACER —

[vertical_spacing height="100"]

Edit Element Clone Element Advanced Element Options Move Remove Element

Stop wasting energy and making yourself tired. Develop an effecient stroke so you can paddle all day
Learn to paddle quietly, so you can enjoy the scenery without getting distracted by the sound of you paddle
Learn to use the Greenland paddle to do a reliable brace. Learn the proper body position that will be invaluable for bracing and rolling
Get notified when a new training video is available
Make sure you can keep up with the faster paddlers by developing a powerful stroke
Learn how to prevent a capsize with a powerful low brace; you need this when you paddle in rough water

[bullet_block  large_icon="36.png" width="" alignment="center" font_style="bold"]<ul><li>Stop wasting energy and making yourself tired. Develop an effecient stroke so you can paddle all day </li><li>Learn to paddle quietly, so you can enjoy the scenery without getting distracted by the sound of you paddle</li><li>Learn to use the Greenland paddle to do a reliable brace. Learn the proper body position that will be invaluable for bracing and rolling</li><li>Get notified when a new training video is available</li><li>Make sure you can keep up with the faster paddlers by developing a powerful stroke</li><li>Learn how to prevent a capsize with a powerful low brace; you need this when you paddle in rough water</li></ul>[/bullet_block]

Add Element

Edit Element Clone Element Advanced Element Options Move Remove Element

[video_player type="youtube" youtube_hide_controls="Y" youtube_auto_play="Y" youtube_remove_logo="Y" width="560" height="315" align="center" margin_top="0" margin_bottom="20"][/video_player]

Edit Element Clone Element Advanced Element Options Move Remove Element

[img_alert image="{op_filename="wp-content/uploads/2013/07/The_future_of_marketing_sites…_Introducing_the_New_OptimizePress™__First-Look_Preview__—_OptimizePress_Blog1.jpg"}" text="WAIT! You must enter your name and email for instant access to this video…"]

Edit Parent Element Edit Element Clone Element Advanced Element Options Move Remove Element

[op_popup popup_width=”700″ popup_open_effect=”fade” popup_close_effect=”fade” popup_open_speed=”normal” popup_close_speed=”normal” popup_border_color=”#ffffff” popup_border_size=”15″ popup_padding_top=”20″ popup_padding_bottom=”20″ popup_padding_left=”30″ popup_padding_right=”30″]

[op_liveeditor_elements][/op_liveeditor_elements][/op_popup]

[op_popup_elements][op_popup_content_element data-style=""][custom_html]<style><br />
 #_form_1_ { font-size:14px; line-height:1.6; font-family:arial, helvetica, sans-serif; margin:0; }<br />
 #_form_1_ * { outline:0; }<br />
 ._form_hide { display:none; visibility:hidden; }<br />
 ._form_show { display:block; visibility:visible; }<br />
 #_form_1_._form-top { top:0; }<br />
 #_form_1_._form-bottom { bottom:0; }<br />
 #_form_1_._form-left { left:0; }<br />
 #_form_1_._form-right { right:0; }<br />
 #_form_1_ input[type="text"],#_form_1_ input[type="date"],#_form_1_ textarea { padding:6px; height:auto; border:#979797 1px solid; border-radius:4px; color:#000 !important; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }<br />
 #_form_1_ textarea { resize:none; }<br />
 #_form_1_ ._submit { -webkit-appearance:none; cursor:pointer; font-family:arial, sans-serif; font-size:14px; text-align:center; background:#333 !important; border:0 !important; -moz-border-radius:4px !important; -webkit-border-radius:4px !important; border-radius:4px !important; color:#fff !important; padding:10px !important; }<br />
 #_form_1_ ._close-icon { cursor:pointer; background-image:url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png'); background-repeat:no-repeat; background-size:14.2px 14.2px; position:absolute; display:block; top:11px; right:9px; overflow:hidden; width:16.2px; height:16.2px; }<br />
 #_form_1_ ._close-icon:before { position:relative; }<br />
 #_form_1_ ._form-body { margin-bottom:30px; }<br />
 #_form_1_ ._form-image-left { width:150px; float:left; }<br />
 #_form_1_ ._form-content-right { margin-left:164px; }<br />
 #_form_1_ ._form-branding { color:#fff; font-size:10px; clear:both; text-align:left; margin-top:30px; font-weight:100; }<br />
 #_form_1_ ._form-branding ._logo { display:block; width:130px; height:14px; margin-top:6px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png'); background-size:130px auto; background-repeat:no-repeat; }<br />
 #_form_1_ ._form-label,#_form_1_ ._form_element ._form-label { font-weight:bold; margin-bottom:5px; display:block; }<br />
 #_form_1_._dark ._form-branding { color:#333; }<br />
 #_form_1_._dark ._form-branding ._logo { background-image:url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); }<br />
 #_form_1_ ._form_element { position:relative; margin-bottom:10px; font-size:0; max-width:100%; }<br />
 #_form_1_ ._form_element * { font-size:14px; }<br />
 #_form_1_ ._form_element._clear { clear:both; width:100%; float:none; }<br />
 #_form_1_ ._form_element._clear:after { clear:left; }<br />
 #_form_1_ ._form_element input[type="text"],#_form_1_ ._form_element input[type="date"],#_form_1_ ._form_element select,#_form_1_ ._form_element textarea:not(.g-recaptcha-response) { display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }<br />
 #_form_1_ ._field-wrapper { position:relative; }<br />
 #_form_1_ ._inline-style { float:left; }<br />
 #_form_1_ ._inline-style input[type="text"] { width:150px; }<br />
 #_form_1_ ._inline-style:not(._clear) + ._inline-style:not(._clear) { margin-left:20px; }<br />
 #_form_1_ ._form_element img._form-image { max-width:100%; }<br />
 #_form_1_ ._clear-element { clear:left; }<br />
 #_form_1_ ._full_width { width:100%; }<br />
 #_form_1_ ._form_full_field { display:block; width:100%; margin-bottom:10px; }<br />
 #_form_1_ input[type="text"]._has_error,#_form_1_ textarea._has_error { border:#f37c7b 1px solid; }<br />
 #_form_1_ input[type="checkbox"]._has_error { outline:#f37c7b 1px solid; }<br />
 #_form_1_ ._error { display:block; position:absolute; font-size:13px; z-index:10000001; }<br />
 #_form_1_ ._error._above { padding-bottom:4px; top:-41px; right:0; }<br />
 #_form_1_ ._error._below { padding-top:4px; top:100%; right:0; }<br />
 #_form_1_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; }<br />
 #_form_1_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; }<br />
 #_form_1_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:13px; font-family:arial, sans-serif; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }<br />
 #_form_1_ ._error-inner._form_error { margin-bottom:5px; text-align:left; }<br />
 #_form_1_ ._button-wrapper ._error-inner._form_error { position:static; }<br />
 #_form_1_ ._error-inner._no_arrow { margin-bottom:10px; }<br />
 #_form_1_ ._error-arrow { position:absolute; width:0; height:0; }<br />
 #_form_1_ ._error-html { margin-bottom:10px; }<br />
 .pika-single { z-index:10000001 !important; }<br />
 @media all and (min-width:320px) and (max-width:667px) { ::-webkit-scrollbar { display:none; }<br />
 #_form_1_ { margin:0; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; }<br />
 #_form_1_ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; }<br />
 #_form_1_ ._form-content { margin:0; width:100%; }<br />
 #_form_1_ ._form-inner { display:block; min-width:100%; }<br />
 #_form_1_ ._form-title,#_form_1_ ._inline-style { margin-top:0; margin-right:0; margin-left:0; }<br />
 #_form_1_ ._form-title { font-size:1.2em; }<br />
 #_form_1_ ._form_element { margin:0 0 20px; padding:0; width:100%; }<br />
 #_form_1_ ._form-element,#_form_1_ ._inline-style,#_form_1_ input[type="text"],#_form_1_ label,#_form_1_ p,#_form_1_ textarea:not(.g-recaptcha-response) { float:none; display:block; width:100%; }<br />
 #_form_1_ ._row,#_form_1_ p,#_form_1_ label { margin-bottom:0.7em; width:100%; }<br />
 #_form_1_ ._row input[type="checkbox"],#_form_1_ ._row input[type="radio"] { margin:0 !important; vertical-align:middle !important; }<br />
 #_form_1_ ._row input[type="checkbox"] + span label { display:inline; }<br />
 #_form_1_ ._row span label { margin:0 !important; width:initial !important; vertical-align:middle !important; }<br />
 #_form_1_ ._form-image { max-width:100%; height:auto !important; }<br />
 #_form_1_ input[type="text"] { padding-left:10px; padding-right:10px; font-size:16px; line-height:1.3em; -webkit-appearance:none; }<br />
 #_form_1_ input[type="radio"],#_form_1_ input[type="checkbox"] { display:inline-block; width:1.3em; height:1.3em; font-size:1em; margin:0 0.3em 0 0; vertical-align:baseline; }<br />
 #_form_1_ button[type="submit"] { padding:20px; font-size:1.5em; }<br />
 #_form_1_ ._inline-style { margin:20px 0 0 !important; }<br />
 }<br />
 #_form_1_ { position:relative; text-align:left; margin:25px auto 0; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *zoom:1; background:#cde0e6 !important; border:0px solid #b0b0b0 !important; -moz-border-radius:8px !important; -webkit-border-radius:8px !important; border-radius:8px !important; color:#000 !important; }<br />
 #_form_1_ ._form-title { font-size:22px; line-height:22px; font-weight:600; margin-bottom:0; }<br />
 #_form_1_:before,#_form_1_:after { content:" "; display:table; }<br />
 #_form_1_:after { clear:both; }<br />
 #_form_1_._inline-style { width:auto; display:inline-block; }<br />
 #_form_1_._inline-style input[type="text"],#_form_1_._inline-style input[type="date"] { padding:10px 12px; }<br />
 #_form_1_._inline-style button._inline-style { position:relative; top:27px; }<br />
 #_form_1_._inline-style p { margin:0; }<br />
 #_form_1_._inline-style ._button-wrapper { position:relative; margin:27px 12.5px 0 20px; }<br />
 #_form_1_ ._form-thank-you { position:relative; left:0; right:0; text-align:center; font-size:18px; }<br />
 @media all and (min-width:320px) and (max-width:667px) { #_form_1_._inline-form._inline-style ._inline-style._button-wrapper { margin-top:20px !important; margin-left:0 !important; }<br />
 }<br />
</style><br />
<div style="text-align: center;"><br />
  <form method="POST" action="https://comfortpaddling.activehosted.com/proc.php" id="_form_1_" class="_form _form_1 _inline-form _inline-style _dark" novalidate><br />
    <input type="hidden" name="u" value="1" /><br />
    <input type="hidden" name="f" value="1" /><br />
    <input type="hidden" name="s" /><br />
    <input type="hidden" name="c" value="0" /><br />
    <input type="hidden" name="m" value="0" /><br />
    <input type="hidden" name="act" value="sub" /><br />
    <input type="hidden" name="v" value="2" /><br />
    <div class="_form-content"><br />
      <div class="_form_element _x61216023 _inline-style _clear" ><br />
        <div class="_form-title"><br />
          Receive Forward Stroke Tips<br />
        </div><br />
      </div><br />
      <div class="_form_element _x72173784 _inline-style _clear" ><br />
        <div class="_html-code"><br />
          <p><br />
            You are signing up to receive free kayak instruction videos.<br />
            You are agreeing to unsubscribe if the videos are not helping you.<br />
          </p><br />
        </div><br />
      </div><br />
      <div class="_form_element _x08690257 _inline-style " ><br />
        <label class="_form-label"><br />
          First Name<br />
        </label><br />
        <div class="_field-wrapper"><br />
          <input type="text" name="firstname" placeholder="Type your first name" /><br />
        </div><br />
      </div><br />
      <div class="_form_element _x51335116 _inline-style " ><br />
        <label class="_form-label"><br />
          Email*<br />
        </label><br />
        <div class="_field-wrapper"><br />
          <input type="text" name="email" placeholder="Type your email" required/><br />
        </div><br />
      </div><br />
      <div class="_button-wrapper _inline-style"><br />
        <button id="_form_1_submit" class="_submit" type="submit"><br />
          Submit<br />
        </button><br />
      </div><br />
      <div class="_clear-element"><br />
      </div><br />
    </div><br />
    <div class="_form-thank-you" style="display:none;"><br />
    </div><br />
  </form><br />
</div><script type="text/javascript"><br />
window.cfields = [];<br />
window._show_thank_you = function(id, message, trackcmp_url) {<br />
  var form = document.getElementById('_form_' + id + '_'), thank_you = form.querySelector('._form-thank-you');<br />
  form.querySelector('._form-content').style.display = 'none';<br />
  thank_you.innerHTML = message;<br />
  thank_you.style.display = 'block';<br />
  if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {<br />
    // Site tracking URL to use after inline form submission.<br />
    _load_script(trackcmp_url);<br />
  }<br />
  if (typeof window._form_callback !== 'undefined') window._form_callback(id);<br />
};<br />
window._show_error = function(id, message, html) {<br />
  var form = document.getElementById('_form_' + id + '_'), err = document.createElement('div'), button = form.querySelector('button'), old_error = form.querySelector('._form_error');<br />
  if (old_error) old_error.parentNode.removeChild(old_error);<br />
  err.innerHTML = message;<br />
  err.className = '_error-inner _form_error _no_arrow';<br />
  var wrapper = document.createElement('div');<br />
  wrapper.className = '_form-inner';<br />
  wrapper.appendChild(err);<br />
  button.parentNode.insertBefore(wrapper, button);<br />
  document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;<br />
  if (html) {<br />
    var div = document.createElement('div');<br />
    div.className = '_error-html';<br />
    div.innerHTML = html;<br />
    err.appendChild(div);<br />
  }<br />
};<br />
window._load_script = function(url, callback) {<br />
    var head = document.querySelector('head'), script = document.createElement('script'), r = false;<br />
    script.type = 'text/javascript';<br />
    script.charset = 'utf-8';<br />
    script.src = url;<br />
    if (callback) {<br />
      script.onload = script.onreadystatechange = function() {<br />
      if (!r && (!this.readyState || this.readyState == 'complete')) {<br />
        r = true;<br />
        callback();<br />
        }<br />
      };<br />
    }<br />
    head.appendChild(script);<br />
};<br />
(function() {<br />
  if (window.location.search.search("excludeform") !== -1) return false;<br />
  var getCookie = function(name) {<br />
    var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));<br />
    return match ? match[2] : null;<br />
  }<br />
  var setCookie = function(name, value) {<br />
    var now = new Date();<br />
    var time = now.getTime();<br />
    var expireTime = time + 1000 * 60 * 60 * 24 * 365;<br />
    now.setTime(expireTime);<br />
    document.cookie = name + '=' + value + '; expires=' + now + ';path=/';<br />
  }<br />
      var addEvent = function(element, event, func) {<br />
    if (element.addEventListener) {<br />
      element.addEventListener(event, func);<br />
    } else {<br />
      var oldFunc = element['on' + event];<br />
      element['on' + event] = function() {<br />
        oldFunc.apply(this, arguments);<br />
        func.apply(this, arguments);<br />
      };<br />
    }<br />
  }<br />
  var _removed = false;<br />
  var form_to_submit = document.getElementById('_form_1_');<br />
  var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false;</p>
<p>  var getUrlParam = function(name) {<br />
    var regexStr = '[?&]' + name + '=([^&#]*)';<br />
    var results = new RegExp(regexStr, 'i').exec(window.location.href);<br />
    return results != undefined ? decodeURIComponent(results[1]) : false;<br />
  };</p>
<p>  for (var i = 0; i < allInputs.length; i++) {<br />
    var regexStr = "field\[(\d+)\]";<br />
    var results = new RegExp(regexStr).exec(allInputs[i].name);<br />
    if (results != undefined) {<br />
      allInputs[i].dataset.name = window.cfields[results[1]];<br />
    } else {<br />
      allInputs[i].dataset.name = allInputs[i].name;<br />
    }<br />
    var fieldVal = getUrlParam(allInputs[i].dataset.name);</p>
<p>    if (fieldVal) {<br />
      if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {<br />
        if (allInputs[i].value == fieldVal) {<br />
          allInputs[i].checked = true;<br />
        }<br />
      } else {<br />
        allInputs[i].value = fieldVal;<br />
      }<br />
    }<br />
  }</p>
<p>  var remove_tooltips = function() {<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br />
    }<br />
      tooltips = [];<br />
  };<br />
  var remove_tooltip = function(elem) {<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      if (tooltips[i].elem === elem) {<br />
        tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br />
        tooltips.splice(i, 1);<br />
        return;<br />
      }<br />
    }<br />
  };<br />
  var create_tooltip = function(elem, text) {<br />
    var tooltip = document.createElement('div'), arrow = document.createElement('div'), inner = document.createElement('div'), new_tooltip = {};<br />
    if (elem.type != 'radio' && elem.type != 'checkbox') {<br />
      tooltip.className = '_error';<br />
      arrow.className = '_error-arrow';<br />
      inner.className = '_error-inner';<br />
      inner.innerHTML = text;<br />
      tooltip.appendChild(arrow);<br />
      tooltip.appendChild(inner);<br />
      elem.parentNode.appendChild(tooltip);<br />
    } else {<br />
      tooltip.className = '_error-inner _no_arrow';<br />
      tooltip.innerHTML = text;<br />
      elem.parentNode.insertBefore(tooltip, elem);<br />
      new_tooltip.no_arrow = true;<br />
    }<br />
    new_tooltip.tip = tooltip;<br />
    new_tooltip.elem = elem;<br />
    tooltips.push(new_tooltip);<br />
    return new_tooltip;<br />
  };<br />
  var resize_tooltip = function(tooltip) {<br />
    var rect = tooltip.elem.getBoundingClientRect();<br />
    var doc = document.documentElement, scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0));<br />
    if (scrollPosition < 40) {<br />
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';<br />
    } else {<br />
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';<br />
    }<br />
  };<br />
  var resize_tooltips = function() {<br />
    if (_removed) return;<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);<br />
    }<br />
  };<br />
  var validate_field = function(elem, remove) {<br />
    var tooltip = null, value = elem.value, no_error = true;<br />
    remove ? remove_tooltip(elem) : false;<br />
    if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');<br />
    if (elem.getAttribute('required') !== null) {<br />
      if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {<br />
        var elems = form_to_submit.elements[elem.name];<br />
        no_error = false;<br />
        for (var i = 0; i < elems.length; i++) {<br />
          if (elems[i].checked) no_error = true;<br />
        }<br />
        if (!no_error) {<br />
          tooltip = create_tooltip(elem, "Please select an option.");<br />
        }<br />
      } else if (elem.type =='checkbox') {<br />
        var elems = form_to_submit.elements[elem.name], found = false, err = [];<br />
        no_error = true;<br />
        for (var i = 0; i < elems.length; i++) {<br />
          if (elems[i].getAttribute('required') === null) continue;<br />
          if (!found && elems[i] !== elem) return true;<br />
          found = true;<br />
          elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');<br />
          if (!elems[i].checked) {<br />
            no_error = false;<br />
            elems[i].className = elems[i].className + ' _has_error';<br />
            err.push("Checking %s is required".replace("%s", elems[i].value));<br />
          }<br />
        }<br />
        if (!no_error) {<br />
          tooltip = create_tooltip(elem, err.join('<br/>'));<br />
        }<br />
      } else if (elem.tagName == 'SELECT') {<br />
        var selected = true;<br />
        if (elem.multiple) {<br />
          selected = false;<br />
          for (var i = 0; i < elem.options.length; i++) {<br />
            if (elem.options[i].selected) {<br />
              selected = true;<br />
              break;<br />
            }<br />
          }<br />
        } else {<br />
          for (var i = 0; i < elem.options.length; i++) {<br />
            if (elem.options[i].selected && !elem.options[i].value) {<br />
              selected = false;<br />
            }<br />
          }<br />
        }<br />
        if (!selected) {<br />
          no_error = false;<br />
          tooltip = create_tooltip(elem, "Please select an option.");<br />
        }<br />
      } else if (value === undefined || value === null || value === '') {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "This field is required.");<br />
      }<br />
    }<br />
    if (no_error && elem.name == 'email') {<br />
      if (!value.match(/^[+_a-z0-9-'&=]+(.[+_a-z0-9-']+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,})$/i)) {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "Enter a valid email address.");<br />
      }<br />
    }<br />
    if (no_error && /date_field/.test(elem.className)) {<br />
      if (!value.match(/^dddd-dd-dd$/)) {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "Enter a valid date.");<br />
      }<br />
    }<br />
    tooltip ? resize_tooltip(tooltip) : false;<br />
    return no_error;<br />
  };<br />
  var needs_validate = function(el) {<br />
    return el.name == 'email' || el.getAttribute('required') !== null;<br />
  };<br />
  var validate_form = function(e) {<br />
    var err = form_to_submit.querySelector('._form_error'), no_error = true;<br />
    if (!submitted) {<br />
      submitted = true;<br />
      for (var i = 0, len = allInputs.length; i < len; i++) {<br />
        var input = allInputs[i];<br />
        if (needs_validate(input)) {<br />
          if (input.type == 'text') {<br />
            addEvent(input, 'blur', function() {<br />
              this.value = this.value.trim();<br />
              validate_field(this, true);<br />
            });<br />
            addEvent(input, 'input', function() {<br />
              validate_field(this, true);<br />
            });<br />
          } else if (input.type == 'radio' || input.type == 'checkbox') {<br />
            (function(el) {<br />
              var radios = form_to_submit.elements[el.name];<br />
              for (var i = 0; i < radios.length; i++) {<br />
                addEvent(radios[i], 'click', function() {<br />
                  validate_field(el, true);<br />
                });<br />
              }<br />
            })(input);<br />
          } else if (input.tagName == 'SELECT') {<br />
            addEvent(input, 'change', function() {<br />
              validate_field(input, true);<br />
            });<br />
          }<br />
        }<br />
      }<br />
    }<br />
    remove_tooltips();<br />
    for (var i = 0, len = allInputs.length; i < len; i++) {<br />
      var elem = allInputs[i];<br />
      if (needs_validate(elem)) {<br />
        if (elem.tagName.toLowerCase() !== "select") {<br />
          elem.value = elem.value.trim();<br />
        }<br />
        validate_field(elem) ? true : no_error = false;<br />
      }<br />
    }<br />
    if (!no_error && e) {<br />
      e.preventDefault();<br />
    }<br />
    resize_tooltips();<br />
    return no_error;<br />
  };<br />
  addEvent(window, 'resize', resize_tooltips);<br />
  addEvent(window, 'scroll', resize_tooltips);<br />
  window._old_serialize = null;<br />
  if (typeof serialize !== 'undefined') window._old_serialize = window.serialize;<br />
  _load_script("//d3rxaij56vjege.cloudfront.net/form-serialize/0.3/serialize.min.js", function() {<br />
    window._form_serialize = window.serialize;<br />
    if (window._old_serialize) window.serialize = window._old_serialize;<br />
  });<br />
  var form_submit = function(e) {<br />
    e.preventDefault();<br />
    if (validate_form()) {<br />
      // use this trick to get the submit button & disable it using plain javascript<br />
      document.querySelector('[id^="_form"][id$="_submit"]').disabled = true;<br />
            var serialized = _form_serialize(document.getElementById('_form_1_'));<br />
      var err = form_to_submit.querySelector('._form_error');<br />
      err ? err.parentNode.removeChild(err) : false;<br />
      _load_script('https://comfortpaddling.activehosted.com/proc.php?' + serialized + '&jsonp=true');<br />
    }<br />
    return false;<br />
  };<br />
  addEvent(form_to_submit, 'submit', form_submit);<br />
})();</p>
<p></script>[/custom_html][/op_popup_content_element][/op_popup_elements]

[op_popup  popup_width="700" popup_open_effect="fade" popup_close_effect="fade" popup_open_speed="normal" popup_close_speed="normal" popup_border_color="#ffffff" popup_border_size="15" popup_padding_top="20" popup_padding_bottom="20" popup_padding_left="30" popup_padding_right="30"][op_popup_button][button_1 text="Send%20Me%20Free%20Videos" text_size="32" text_color="#000000" text_bold="Y" text_letter_spacing="0" subtext_panel="N" text_shadow_panel="Y" text_shadow_vertical="1" text_shadow_horizontal="0" text_shadow_color="#ffff00" text_shadow_blur="0" styling_width="40" styling_height="30" styling_border_color="#000000" styling_border_size="1" styling_border_radius="6" styling_border_opacity="100" styling_shine="Y" styling_gradient_start_color="#ffff00" styling_gradient_end_color="#ffa035" drop_shadow_panel="Y" drop_shadow_vertical="1" drop_shadow_horizontal="0" drop_shadow_blur="1" drop_shadow_spread="0" drop_shadow_color="#000000" drop_shadow_opacity="50" inset_shadow_panel="Y" inset_shadow_vertical="0" inset_shadow_horizontal="0" inset_shadow_blur="0" inset_shadow_spread="1" inset_shadow_color="#ffff00" inset_shadow_opacity="50" align="center"/][/op_popup_button][op_popup_content][op_popup_content_element data-style=""][custom_html]<style><br />
 #_form_1_ { font-size:14px; line-height:1.6; font-family:arial, helvetica, sans-serif; margin:0; }<br />
 #_form_1_ * { outline:0; }<br />
 ._form_hide { display:none; visibility:hidden; }<br />
 ._form_show { display:block; visibility:visible; }<br />
 #_form_1_._form-top { top:0; }<br />
 #_form_1_._form-bottom { bottom:0; }<br />
 #_form_1_._form-left { left:0; }<br />
 #_form_1_._form-right { right:0; }<br />
 #_form_1_ input[type="text"],#_form_1_ input[type="date"],#_form_1_ textarea { padding:6px; height:auto; border:#979797 1px solid; border-radius:4px; color:#000 !important; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }<br />
 #_form_1_ textarea { resize:none; }<br />
 #_form_1_ ._submit { -webkit-appearance:none; cursor:pointer; font-family:arial, sans-serif; font-size:14px; text-align:center; background:#333 !important; border:0 !important; -moz-border-radius:4px !important; -webkit-border-radius:4px !important; border-radius:4px !important; color:#fff !important; padding:10px !important; }<br />
 #_form_1_ ._close-icon { cursor:pointer; background-image:url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png'); background-repeat:no-repeat; background-size:14.2px 14.2px; position:absolute; display:block; top:11px; right:9px; overflow:hidden; width:16.2px; height:16.2px; }<br />
 #_form_1_ ._close-icon:before { position:relative; }<br />
 #_form_1_ ._form-body { margin-bottom:30px; }<br />
 #_form_1_ ._form-image-left { width:150px; float:left; }<br />
 #_form_1_ ._form-content-right { margin-left:164px; }<br />
 #_form_1_ ._form-branding { color:#fff; font-size:10px; clear:both; text-align:left; margin-top:30px; font-weight:100; }<br />
 #_form_1_ ._form-branding ._logo { display:block; width:130px; height:14px; margin-top:6px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png'); background-size:130px auto; background-repeat:no-repeat; }<br />
 #_form_1_ ._form-label,#_form_1_ ._form_element ._form-label { font-weight:bold; margin-bottom:5px; display:block; }<br />
 #_form_1_._dark ._form-branding { color:#333; }<br />
 #_form_1_._dark ._form-branding ._logo { background-image:url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); }<br />
 #_form_1_ ._form_element { position:relative; margin-bottom:10px; font-size:0; max-width:100%; }<br />
 #_form_1_ ._form_element * { font-size:14px; }<br />
 #_form_1_ ._form_element._clear { clear:both; width:100%; float:none; }<br />
 #_form_1_ ._form_element._clear:after { clear:left; }<br />
 #_form_1_ ._form_element input[type="text"],#_form_1_ ._form_element input[type="date"],#_form_1_ ._form_element select,#_form_1_ ._form_element textarea:not(.g-recaptcha-response) { display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }<br />
 #_form_1_ ._field-wrapper { position:relative; }<br />
 #_form_1_ ._inline-style { float:left; }<br />
 #_form_1_ ._inline-style input[type="text"] { width:150px; }<br />
 #_form_1_ ._inline-style:not(._clear) + ._inline-style:not(._clear) { margin-left:20px; }<br />
 #_form_1_ ._form_element img._form-image { max-width:100%; }<br />
 #_form_1_ ._clear-element { clear:left; }<br />
 #_form_1_ ._full_width { width:100%; }<br />
 #_form_1_ ._form_full_field { display:block; width:100%; margin-bottom:10px; }<br />
 #_form_1_ input[type="text"]._has_error,#_form_1_ textarea._has_error { border:#f37c7b 1px solid; }<br />
 #_form_1_ input[type="checkbox"]._has_error { outline:#f37c7b 1px solid; }<br />
 #_form_1_ ._error { display:block; position:absolute; font-size:13px; z-index:10000001; }<br />
 #_form_1_ ._error._above { padding-bottom:4px; top:-41px; right:0; }<br />
 #_form_1_ ._error._below { padding-top:4px; top:100%; right:0; }<br />
 #_form_1_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; }<br />
 #_form_1_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; }<br />
 #_form_1_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:13px; font-family:arial, sans-serif; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }<br />
 #_form_1_ ._error-inner._form_error { margin-bottom:5px; text-align:left; }<br />
 #_form_1_ ._button-wrapper ._error-inner._form_error { position:static; }<br />
 #_form_1_ ._error-inner._no_arrow { margin-bottom:10px; }<br />
 #_form_1_ ._error-arrow { position:absolute; width:0; height:0; }<br />
 #_form_1_ ._error-html { margin-bottom:10px; }<br />
 .pika-single { z-index:10000001 !important; }<br />
 @media all and (min-width:320px) and (max-width:667px) { ::-webkit-scrollbar { display:none; }<br />
 #_form_1_ { margin:0; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; }<br />
 #_form_1_ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; }<br />
 #_form_1_ ._form-content { margin:0; width:100%; }<br />
 #_form_1_ ._form-inner { display:block; min-width:100%; }<br />
 #_form_1_ ._form-title,#_form_1_ ._inline-style { margin-top:0; margin-right:0; margin-left:0; }<br />
 #_form_1_ ._form-title { font-size:1.2em; }<br />
 #_form_1_ ._form_element { margin:0 0 20px; padding:0; width:100%; }<br />
 #_form_1_ ._form-element,#_form_1_ ._inline-style,#_form_1_ input[type="text"],#_form_1_ label,#_form_1_ p,#_form_1_ textarea:not(.g-recaptcha-response) { float:none; display:block; width:100%; }<br />
 #_form_1_ ._row,#_form_1_ p,#_form_1_ label { margin-bottom:0.7em; width:100%; }<br />
 #_form_1_ ._row input[type="checkbox"],#_form_1_ ._row input[type="radio"] { margin:0 !important; vertical-align:middle !important; }<br />
 #_form_1_ ._row input[type="checkbox"] + span label { display:inline; }<br />
 #_form_1_ ._row span label { margin:0 !important; width:initial !important; vertical-align:middle !important; }<br />
 #_form_1_ ._form-image { max-width:100%; height:auto !important; }<br />
 #_form_1_ input[type="text"] { padding-left:10px; padding-right:10px; font-size:16px; line-height:1.3em; -webkit-appearance:none; }<br />
 #_form_1_ input[type="radio"],#_form_1_ input[type="checkbox"] { display:inline-block; width:1.3em; height:1.3em; font-size:1em; margin:0 0.3em 0 0; vertical-align:baseline; }<br />
 #_form_1_ button[type="submit"] { padding:20px; font-size:1.5em; }<br />
 #_form_1_ ._inline-style { margin:20px 0 0 !important; }<br />
 }<br />
 #_form_1_ { position:relative; text-align:left; margin:25px auto 0; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *zoom:1; background:#cde0e6 !important; border:0px solid #b0b0b0 !important; -moz-border-radius:8px !important; -webkit-border-radius:8px !important; border-radius:8px !important; color:#000 !important; }<br />
 #_form_1_ ._form-title { font-size:22px; line-height:22px; font-weight:600; margin-bottom:0; }<br />
 #_form_1_:before,#_form_1_:after { content:" "; display:table; }<br />
 #_form_1_:after { clear:both; }<br />
 #_form_1_._inline-style { width:auto; display:inline-block; }<br />
 #_form_1_._inline-style input[type="text"],#_form_1_._inline-style input[type="date"] { padding:10px 12px; }<br />
 #_form_1_._inline-style button._inline-style { position:relative; top:27px; }<br />
 #_form_1_._inline-style p { margin:0; }<br />
 #_form_1_._inline-style ._button-wrapper { position:relative; margin:27px 12.5px 0 20px; }<br />
 #_form_1_ ._form-thank-you { position:relative; left:0; right:0; text-align:center; font-size:18px; }<br />
 @media all and (min-width:320px) and (max-width:667px) { #_form_1_._inline-form._inline-style ._inline-style._button-wrapper { margin-top:20px !important; margin-left:0 !important; }<br />
 }<br />
</style><br />
<div style="text-align: center;"><br />
  <form method="POST" action="https://comfortpaddling.activehosted.com/proc.php" id="_form_1_" class="_form _form_1 _inline-form _inline-style _dark" novalidate><br />
    <input type="hidden" name="u" value="1" /><br />
    <input type="hidden" name="f" value="1" /><br />
    <input type="hidden" name="s" /><br />
    <input type="hidden" name="c" value="0" /><br />
    <input type="hidden" name="m" value="0" /><br />
    <input type="hidden" name="act" value="sub" /><br />
    <input type="hidden" name="v" value="2" /><br />
    <div class="_form-content"><br />
      <div class="_form_element _x61216023 _inline-style _clear" ><br />
        <div class="_form-title"><br />
          Receive Forward Stroke Tips<br />
        </div><br />
      </div><br />
      <div class="_form_element _x72173784 _inline-style _clear" ><br />
        <div class="_html-code"><br />
          <p><br />
            You are signing up to receive free kayak instruction videos.<br />
            You are agreeing to unsubscribe if the videos are not helping you.<br />
          </p><br />
        </div><br />
      </div><br />
      <div class="_form_element _x08690257 _inline-style " ><br />
        <label class="_form-label"><br />
          First Name<br />
        </label><br />
        <div class="_field-wrapper"><br />
          <input type="text" name="firstname" placeholder="Type your first name" /><br />
        </div><br />
      </div><br />
      <div class="_form_element _x51335116 _inline-style " ><br />
        <label class="_form-label"><br />
          Email*<br />
        </label><br />
        <div class="_field-wrapper"><br />
          <input type="text" name="email" placeholder="Type your email" required/><br />
        </div><br />
      </div><br />
      <div class="_button-wrapper _inline-style"><br />
        <button id="_form_1_submit" class="_submit" type="submit"><br />
          Submit<br />
        </button><br />
      </div><br />
      <div class="_clear-element"><br />
      </div><br />
    </div><br />
    <div class="_form-thank-you" style="display:none;"><br />
    </div><br />
  </form><br />
</div><script type="text/javascript"><br />
window.cfields = [];<br />
window._show_thank_you = function(id, message, trackcmp_url) {<br />
  var form = document.getElementById('_form_' + id + '_'), thank_you = form.querySelector('._form-thank-you');<br />
  form.querySelector('._form-content').style.display = 'none';<br />
  thank_you.innerHTML = message;<br />
  thank_you.style.display = 'block';<br />
  if (typeof(trackcmp_url) != 'undefined' && trackcmp_url) {<br />
    // Site tracking URL to use after inline form submission.<br />
    _load_script(trackcmp_url);<br />
  }<br />
  if (typeof window._form_callback !== 'undefined') window._form_callback(id);<br />
};<br />
window._show_error = function(id, message, html) {<br />
  var form = document.getElementById('_form_' + id + '_'), err = document.createElement('div'), button = form.querySelector('button'), old_error = form.querySelector('._form_error');<br />
  if (old_error) old_error.parentNode.removeChild(old_error);<br />
  err.innerHTML = message;<br />
  err.className = '_error-inner _form_error _no_arrow';<br />
  var wrapper = document.createElement('div');<br />
  wrapper.className = '_form-inner';<br />
  wrapper.appendChild(err);<br />
  button.parentNode.insertBefore(wrapper, button);<br />
  document.querySelector('[id^="_form"][id$="_submit"]').disabled = false;<br />
  if (html) {<br />
    var div = document.createElement('div');<br />
    div.className = '_error-html';<br />
    div.innerHTML = html;<br />
    err.appendChild(div);<br />
  }<br />
};<br />
window._load_script = function(url, callback) {<br />
    var head = document.querySelector('head'), script = document.createElement('script'), r = false;<br />
    script.type = 'text/javascript';<br />
    script.charset = 'utf-8';<br />
    script.src = url;<br />
    if (callback) {<br />
      script.onload = script.onreadystatechange = function() {<br />
      if (!r && (!this.readyState || this.readyState == 'complete')) {<br />
        r = true;<br />
        callback();<br />
        }<br />
      };<br />
    }<br />
    head.appendChild(script);<br />
};<br />
(function() {<br />
  if (window.location.search.search("excludeform") !== -1) return false;<br />
  var getCookie = function(name) {<br />
    var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)'));<br />
    return match ? match[2] : null;<br />
  }<br />
  var setCookie = function(name, value) {<br />
    var now = new Date();<br />
    var time = now.getTime();<br />
    var expireTime = time + 1000 * 60 * 60 * 24 * 365;<br />
    now.setTime(expireTime);<br />
    document.cookie = name + '=' + value + '; expires=' + now + ';path=/';<br />
  }<br />
      var addEvent = function(element, event, func) {<br />
    if (element.addEventListener) {<br />
      element.addEventListener(event, func);<br />
    } else {<br />
      var oldFunc = element['on' + event];<br />
      element['on' + event] = function() {<br />
        oldFunc.apply(this, arguments);<br />
        func.apply(this, arguments);<br />
      };<br />
    }<br />
  }<br />
  var _removed = false;<br />
  var form_to_submit = document.getElementById('_form_1_');<br />
  var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false;</p>
<p>  var getUrlParam = function(name) {<br />
    var regexStr = '[?&]' + name + '=([^&#]*)';<br />
    var results = new RegExp(regexStr, 'i').exec(window.location.href);<br />
    return results != undefined ? decodeURIComponent(results[1]) : false;<br />
  };</p>
<p>  for (var i = 0; i < allInputs.length; i++) {<br />
    var regexStr = "field\[(\d+)\]";<br />
    var results = new RegExp(regexStr).exec(allInputs[i].name);<br />
    if (results != undefined) {<br />
      allInputs[i].dataset.name = window.cfields[results[1]];<br />
    } else {<br />
      allInputs[i].dataset.name = allInputs[i].name;<br />
    }<br />
    var fieldVal = getUrlParam(allInputs[i].dataset.name);</p>
<p>    if (fieldVal) {<br />
      if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") {<br />
        if (allInputs[i].value == fieldVal) {<br />
          allInputs[i].checked = true;<br />
        }<br />
      } else {<br />
        allInputs[i].value = fieldVal;<br />
      }<br />
    }<br />
  }</p>
<p>  var remove_tooltips = function() {<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br />
    }<br />
      tooltips = [];<br />
  };<br />
  var remove_tooltip = function(elem) {<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      if (tooltips[i].elem === elem) {<br />
        tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);<br />
        tooltips.splice(i, 1);<br />
        return;<br />
      }<br />
    }<br />
  };<br />
  var create_tooltip = function(elem, text) {<br />
    var tooltip = document.createElement('div'), arrow = document.createElement('div'), inner = document.createElement('div'), new_tooltip = {};<br />
    if (elem.type != 'radio' && elem.type != 'checkbox') {<br />
      tooltip.className = '_error';<br />
      arrow.className = '_error-arrow';<br />
      inner.className = '_error-inner';<br />
      inner.innerHTML = text;<br />
      tooltip.appendChild(arrow);<br />
      tooltip.appendChild(inner);<br />
      elem.parentNode.appendChild(tooltip);<br />
    } else {<br />
      tooltip.className = '_error-inner _no_arrow';<br />
      tooltip.innerHTML = text;<br />
      elem.parentNode.insertBefore(tooltip, elem);<br />
      new_tooltip.no_arrow = true;<br />
    }<br />
    new_tooltip.tip = tooltip;<br />
    new_tooltip.elem = elem;<br />
    tooltips.push(new_tooltip);<br />
    return new_tooltip;<br />
  };<br />
  var resize_tooltip = function(tooltip) {<br />
    var rect = tooltip.elem.getBoundingClientRect();<br />
    var doc = document.documentElement, scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop)  - (doc.clientTop || 0));<br />
    if (scrollPosition < 40) {<br />
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below';<br />
    } else {<br />
      tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above';<br />
    }<br />
  };<br />
  var resize_tooltips = function() {<br />
    if (_removed) return;<br />
    for (var i = 0; i < tooltips.length; i++) {<br />
      if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);<br />
    }<br />
  };<br />
  var validate_field = function(elem, remove) {<br />
    var tooltip = null, value = elem.value, no_error = true;<br />
    remove ? remove_tooltip(elem) : false;<br />
    if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, '');<br />
    if (elem.getAttribute('required') !== null) {<br />
      if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) {<br />
        var elems = form_to_submit.elements[elem.name];<br />
        no_error = false;<br />
        for (var i = 0; i < elems.length; i++) {<br />
          if (elems[i].checked) no_error = true;<br />
        }<br />
        if (!no_error) {<br />
          tooltip = create_tooltip(elem, "Please select an option.");<br />
        }<br />
      } else if (elem.type =='checkbox') {<br />
        var elems = form_to_submit.elements[elem.name], found = false, err = [];<br />
        no_error = true;<br />
        for (var i = 0; i < elems.length; i++) {<br />
          if (elems[i].getAttribute('required') === null) continue;<br />
          if (!found && elems[i] !== elem) return true;<br />
          found = true;<br />
          elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, '');<br />
          if (!elems[i].checked) {<br />
            no_error = false;<br />
            elems[i].className = elems[i].className + ' _has_error';<br />
            err.push("Checking %s is required".replace("%s", elems[i].value));<br />
          }<br />
        }<br />
        if (!no_error) {<br />
          tooltip = create_tooltip(elem, err.join('<br/>'));<br />
        }<br />
      } else if (elem.tagName == 'SELECT') {<br />
        var selected = true;<br />
        if (elem.multiple) {<br />
          selected = false;<br />
          for (var i = 0; i < elem.options.length; i++) {<br />
            if (elem.options[i].selected) {<br />
              selected = true;<br />
              break;<br />
            }<br />
          }<br />
        } else {<br />
          for (var i = 0; i < elem.options.length; i++) {<br />
            if (elem.options[i].selected && !elem.options[i].value) {<br />
              selected = false;<br />
            }<br />
          }<br />
        }<br />
        if (!selected) {<br />
          no_error = false;<br />
          tooltip = create_tooltip(elem, "Please select an option.");<br />
        }<br />
      } else if (value === undefined || value === null || value === '') {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "This field is required.");<br />
      }<br />
    }<br />
    if (no_error && elem.name == 'email') {<br />
      if (!value.match(/^[+_a-z0-9-'&=]+(.[+_a-z0-9-']+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,})$/i)) {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "Enter a valid email address.");<br />
      }<br />
    }<br />
    if (no_error && /date_field/.test(elem.className)) {<br />
      if (!value.match(/^dddd-dd-dd$/)) {<br />
        elem.className = elem.className + ' _has_error';<br />
        no_error = false;<br />
        tooltip = create_tooltip(elem, "Enter a valid date.");<br />
      }<br />
    }<br />
    tooltip ? resize_tooltip(tooltip) : false;<br />
    return no_error;<br />
  };<br />
  var needs_validate = function(el) {<br />
    return el.name == 'email' || el.getAttribute('required') !== null;<br />
  };<br />
  var validate_form = function(e) {<br />
    var err = form_to_submit.querySelector('._form_error'), no_error = true;<br />
    if (!submitted) {<br />
      submitted = true;<br />
      for (var i = 0, len = allInputs.length; i < len; i++) {<br />
        var input = allInputs[i];<br />
        if (needs_validate(input)) {<br />
          if (input.type == 'text') {<br />
            addEvent(input, 'blur', function() {<br />
              this.value = this.value.trim();<br />
              validate_field(this, true);<br />
            });<br />
            addEvent(input, 'input', function() {<br />
              validate_field(this, true);<br />
            });<br />
          } else if (input.type == 'radio' || input.type == 'checkbox') {<br />
            (function(el) {<br />
              var radios = form_to_submit.elements[el.name];<br />
              for (var i = 0; i < radios.length; i++) {<br />
                addEvent(radios[i], 'click', function() {<br />
                  validate_field(el, true);<br />
                });<br />
              }<br />
            })(input);<br />
          } else if (input.tagName == 'SELECT') {<br />
            addEvent(input, 'change', function() {<br />
              validate_field(input, true);<br />
            });<br />
          }<br />
        }<br />
      }<br />
    }<br />
    remove_tooltips();<br />
    for (var i = 0, len = allInputs.length; i < len; i++) {<br />
      var elem = allInputs[i];<br />
      if (needs_validate(elem)) {<br />
        if (elem.tagName.toLowerCase() !== "select") {<br />
          elem.value = elem.value.trim();<br />
        }<br />
        validate_field(elem) ? true : no_error = false;<br />
      }<br />
    }<br />
    if (!no_error && e) {<br />
      e.preventDefault();<br />
    }<br />
    resize_tooltips();<br />
    return no_error;<br />
  };<br />
  addEvent(window, 'resize', resize_tooltips);<br />
  addEvent(window, 'scroll', resize_tooltips);<br />
  window._old_serialize = null;<br />
  if (typeof serialize !== 'undefined') window._old_serialize = window.serialize;<br />
  _load_script("//d3rxaij56vjege.cloudfront.net/form-serialize/0.3/serialize.min.js", function() {<br />
    window._form_serialize = window.serialize;<br />
    if (window._old_serialize) window.serialize = window._old_serialize;<br />
  });<br />
  var form_submit = function(e) {<br />
    e.preventDefault();<br />
    if (validate_form()) {<br />
      // use this trick to get the submit button & disable it using plain javascript<br />
      document.querySelector('[id^="_form"][id$="_submit"]').disabled = true;<br />
            var serialized = _form_serialize(document.getElementById('_form_1_'));<br />
      var err = form_to_submit.querySelector('._form_error');<br />
      err ? err.parentNode.removeChild(err) : false;<br />
      _load_script('https://comfortpaddling.activehosted.com/proc.php?' + serialized + '&jsonp=true');<br />
    }<br />
    return false;<br />
  };<br />
  addEvent(form_to_submit, 'submit', form_submit);<br />
})();</p>
<p></script>[/custom_html][/op_popup_content_element][/op_popup_content][/op_popup]

Add Element

Add New Row

Add Element