<!DOCTYPE html>
<html lang='en' xmlns:fb='https://www.facebook.com/2008/fbml' xmlns:og='http://ogp.me/ns#' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"2ae40ea13e","applicationID":"434134","transactionName":"cA0LFhFXVV8DE01IRVEODAFMXFZdBxULV15sBAoQDmdKVhIVC1ZXQE0LBxQ=","queueTime":0,"applicationTime":277,"agent":""}</script>
<script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={xpid:"XAIPUkVXCwcBV1U="};window.NREUM||(NREUM={}),__nr_require=function(t,n,e){function r(e){if(!n[e]){var o=n[e]={exports:{}};t[e][0].call(o.exports,function(n){var o=t[e][1][n];return r(o||n)},o,o.exports)}return n[e].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<e.length;o++)r(e[o]);return r}({1:[function(t,n,e){function r(t){try{s.console&&console.log(t)}catch(n){}}var o,i=t("ee"),a=t(15),s={};try{o=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(s.console=!0,o.indexOf("dev")!==-1&&(s.dev=!0),o.indexOf("nr_dev")!==-1&&(s.nrDev=!0))}catch(c){}s.nrDev&&i.on("internal-error",function(t){r(t.stack)}),s.dev&&i.on("fn-err",function(t,n,e){r(e.stack)}),s.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(s,function(t,n){return t}).join(", ")))},{}],2:[function(t,n,e){function r(t,n,e,r,s){try{p?p-=1:o(s||new UncaughtException(t,n,e),!0)}catch(f){try{i("ierr",[f,c.now(),!0])}catch(d){}}return"function"==typeof u&&u.apply(this,a(arguments))}function UncaughtException(t,n,e){this.message=t||"Uncaught error with no additional information",this.sourceURL=n,this.line=e}function o(t,n){var e=n?null:c.now();i("err",[t,e])}var i=t("handle"),a=t(16),s=t("ee"),c=t("loader"),f=t("gos"),u=window.onerror,d=!1,l="nr@seenError",p=0;c.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(h){"stack"in h&&(t(8),t(7),"addEventListener"in window&&t(5),c.xhrWrappable&&t(9),d=!0)}s.on("fn-start",function(t,n,e){d&&(p+=1)}),s.on("fn-err",function(t,n,e){d&&!e[l]&&(f(e,l,function(){return!0}),this.thrown=!0,o(e))}),s.on("fn-end",function(){d&&!this.thrown&&p>0&&(p-=1)}),s.on("internal-error",function(t){i("ierr",[t,c.now(),!0])})},{}],3:[function(t,n,e){t("loader").features.ins=!0},{}],4:[function(t,n,e){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var o=t("ee"),i=t("handle"),a=t(8),s=t(7),c="learResourceTimings",f="addEventListener",u="resourcetimingbufferfull",d="bstResource",l="resource",p="-start",h="-end",m="fn"+p,w="fn"+h,v="bstTimer",y="pushState",g=t("loader");g.features.stn=!0,t(6);var b=NREUM.o.EV;o.on(m,function(t,n){var e=t[0];e instanceof b&&(this.bstStart=g.now())}),o.on(w,function(t,n){var e=t[0];e instanceof b&&i("bst",[e,n,this.bstStart,g.now()])}),a.on(m,function(t,n,e){this.bstStart=g.now(),this.bstType=e}),a.on(w,function(t,n){i(v,[n,this.bstStart,g.now(),this.bstType])}),s.on(m,function(){this.bstStart=g.now()}),s.on(w,function(t,n){i(v,[n,this.bstStart,g.now(),"requestAnimationFrame"])}),o.on(y+p,function(t){this.time=g.now(),this.startPath=location.pathname+location.hash}),o.on(y+h,function(t){i("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance["c"+c]?window.performance[f](u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["c"+c]()},!1):window.performance[f]("webkit"+u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["webkitC"+c]()},!1)),document[f]("scroll",r,{passive:!0}),document[f]("keypress",r,!1),document[f]("click",r,!1)}},{}],5:[function(t,n,e){function r(t){for(var n=t;n&&!n.hasOwnProperty(u);)n=Object.getPrototypeOf(n);n&&o(n)}function o(t){s.inPlace(t,[u,d],"-",i)}function i(t,n){return t[1]}var a=t("ee").get("events"),s=t(18)(a,!0),c=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";n.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(o(window),o(f.prototype)),a.on(u+"-start",function(t,n){var e=t[1],r=c(e,"nr@wrapped",function(){function t(){if("function"==typeof e.handleEvent)return e.handleEvent.apply(e,arguments)}var n={object:t,"function":e}[typeof e];return n?s(n,"fn-",null,n.name||"anonymous"):e});this.wrapped=t[1]=r}),a.on(d+"-start",function(t){t[1]=this.wrapped||t[1]})},{}],6:[function(t,n,e){var r=t("ee").get("history"),o=t(18)(r);n.exports=r,o.inPlace(window.history,["pushState","replaceState"],"-")},{}],7:[function(t,n,e){var r=t("ee").get("raf"),o=t(18)(r),i="equestAnimationFrame";n.exports=r,o.inPlace(window,["r"+i,"mozR"+i,"webkitR"+i,"msR"+i],"raf-"),r.on("raf-start",function(t){t[0]=o(t[0],"fn-")})},{}],8:[function(t,n,e){function r(t,n,e){t[0]=a(t[0],"fn-",null,e)}function o(t,n,e){this.method=e,this.timerDuration=isNaN(t[1])?0:+t[1],t[0]=a(t[0],"fn-",this,e)}var i=t("ee").get("timer"),a=t(18)(i),s="setTimeout",c="setInterval",f="clearTimeout",u="-start",d="-";n.exports=i,a.inPlace(window,[s,"setImmediate"],s+d),a.inPlace(window,[c],c+d),a.inPlace(window,[f,"clearImmediate"],f+d),i.on(c+u,r),i.on(s+u,o)},{}],9:[function(t,n,e){function r(t,n){d.inPlace(n,["onreadystatechange"],"fn-",s)}function o(){var t=this,n=u.context(t);t.readyState>3&&!n.resolved&&(n.resolved=!0,u.emit("xhr-resolved",[],t)),d.inPlace(t,y,"fn-",s)}function i(t){g.push(t),h&&(x?x.then(a):w?w(a):(E=-E,O.data=E))}function a(){for(var t=0;t<g.length;t++)r([],g[t]);g.length&&(g=[])}function s(t,n){return n}function c(t,n){for(var e in t)n[e]=t[e];return n}t(5);var f=t("ee"),u=f.get("xhr"),d=t(18)(u),l=NREUM.o,p=l.XHR,h=l.MO,m=l.PR,w=l.SI,v="readystatechange",y=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],g=[];n.exports=u;var b=window.XMLHttpRequest=function(t){var n=new p(t);try{u.emit("new-xhr",[n],n),n.addEventListener(v,o,!1)}catch(e){try{u.emit("internal-error",[e])}catch(r){}}return n};if(c(p,b),b.prototype=p.prototype,d.inPlace(b.prototype,["open","send"],"-xhr-",s),u.on("send-xhr-start",function(t,n){r(t,n),i(n)}),u.on("open-xhr-start",r),h){var x=m&&m.resolve();if(!w&&!m){var E=1,O=document.createTextNode(E);new h(a).observe(O,{characterData:!0})}}else f.on("fn-end",function(t){t[0]&&t[0].type===v||a()})},{}],10:[function(t,n,e){function r(t){var n=this.params,e=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<d;r++)t.removeEventListener(u[r],this.listener,!1);if(!n.aborted){if(e.duration=a.now()-this.startTime,4===t.readyState){n.status=t.status;var i=o(t,this.lastSize);if(i&&(e.rxSize=i),this.sameOrigin){var c=t.getResponseHeader("X-NewRelic-App-Data");c&&(n.cat=c.split(", ").pop())}}else n.status=0;e.cbTime=this.cbTime,f.emit("xhr-done",[t],t),s("xhr",[n,e,this.startTime])}}}function o(t,n){var e=t.responseType;if("json"===e&&null!==n)return n;var r="arraybuffer"===e||"blob"===e||"json"===e?t.response:t.responseText;return h(r)}function i(t,n){var e=c(n),r=t.params;r.host=e.hostname+":"+e.port,r.pathname=e.pathname,t.sameOrigin=e.sameOrigin}var a=t("loader");if(a.xhrWrappable){var s=t("handle"),c=t(11),f=t("ee"),u=["load","error","abort","timeout"],d=u.length,l=t("id"),p=t(14),h=t(13),m=window.XMLHttpRequest;a.features.xhr=!0,t(9),f.on("new-xhr",function(t){var n=this;n.totalCbs=0,n.called=0,n.cbTime=0,n.end=r,n.ended=!1,n.xhrGuids={},n.lastSize=null,p&&(p>34||p<10)||window.opera||t.addEventListener("progress",function(t){n.lastSize=t.loaded},!1)}),f.on("open-xhr-start",function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),f.on("open-xhr-end",function(t,n){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&n.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid)}),f.on("send-xhr-start",function(t,n){var e=this.metrics,r=t[0],o=this;if(e&&r){var i=h(r);i&&(e.txSize=i)}this.startTime=a.now(),this.listener=function(t){try{"abort"===t.type&&(o.params.aborted=!0),("load"!==t.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof n.onload))&&o.end(n)}catch(e){try{f.emit("internal-error",[e])}catch(r){}}};for(var s=0;s<d;s++)n.addEventListener(u[s],this.listener,!1)}),f.on("xhr-cb-time",function(t,n,e){this.cbTime+=t,n?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof e.onload||this.end(e)}),f.on("xhr-load-added",function(t,n){var e=""+l(t)+!!n;this.xhrGuids&&!this.xhrGuids[e]&&(this.xhrGuids[e]=!0,this.totalCbs+=1)}),f.on("xhr-load-removed",function(t,n){var e=""+l(t)+!!n;this.xhrGuids&&this.xhrGuids[e]&&(delete this.xhrGuids[e],this.totalCbs-=1)}),f.on("addEventListener-end",function(t,n){n instanceof m&&"load"===t[0]&&f.emit("xhr-load-added",[t[1],t[2]],n)}),f.on("removeEventListener-end",function(t,n){n instanceof m&&"load"===t[0]&&f.emit("xhr-load-removed",[t[1],t[2]],n)}),f.on("fn-start",function(t,n,e){n instanceof m&&("onload"===e&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=a.now()))}),f.on("fn-end",function(t,n){this.xhrCbStart&&f.emit("xhr-cb-time",[a.now()-this.xhrCbStart,this.onload,n],n)})}},{}],11:[function(t,n,e){n.exports=function(t){var n=document.createElement("a"),e=window.location,r={};n.href=t,r.port=n.port;var o=n.href.split("://");!r.port&&o[1]&&(r.port=o[1].split("/")[0].split("@").pop().split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.hostname=n.hostname||e.hostname,r.pathname=n.pathname,r.protocol=o[0],"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname);var i=!n.protocol||":"===n.protocol||n.protocol===e.protocol,a=n.hostname===document.domain&&n.port===e.port;return r.sameOrigin=i&&(!n.hostname||a),r}},{}],12:[function(t,n,e){function r(){}function o(t,n,e){return function(){return i(t,[f.now()].concat(s(arguments)),n?null:this,e),n?void 0:this}}var i=t("handle"),a=t(15),s=t(16),c=t("ee").get("tracer"),f=t("loader"),u=NREUM;"undefined"==typeof window.newrelic&&(newrelic=u);var d=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],l="api-",p=l+"ixn-";a(d,function(t,n){u[n]=o(l+n,!0,"api")}),u.addPageAction=o(l+"addPageAction",!0),u.setCurrentRouteName=o(l+"routeName",!0),n.exports=newrelic,u.interaction=function(){return(new r).get()};var h=r.prototype={createTracer:function(t,n){var e={},r=this,o="function"==typeof n;return i(p+"tracer",[f.now(),t,e],r),function(){if(c.emit((o?"":"no-")+"fn-start",[f.now(),r,o],e),o)try{return n.apply(this,arguments)}catch(t){throw c.emit("fn-err",[arguments,this,t],e),t}finally{c.emit("fn-end",[f.now()],e)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,n){h[n]=o(p+n)}),newrelic.noticeError=function(t){"string"==typeof t&&(t=new Error(t)),i("err",[t,f.now()])}},{}],13:[function(t,n,e){n.exports=function(t){if("string"==typeof t&&t.length)return t.length;if("object"==typeof t){if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!("undefined"!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(n){return}}}},{}],14:[function(t,n,e){var r=0,o=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);o&&(r=+o[1]),n.exports=r},{}],15:[function(t,n,e){function r(t,n){var e=[],r="",i=0;for(r in t)o.call(t,r)&&(e[i]=n(r,t[r]),i+=1);return e}var o=Object.prototype.hasOwnProperty;n.exports=r},{}],16:[function(t,n,e){function r(t,n,e){n||(n=0),"undefined"==typeof e&&(e=t?t.length:0);for(var r=-1,o=e-n||0,i=Array(o<0?0:o);++r<o;)i[r]=t[n+r];return i}n.exports=r},{}],17:[function(t,n,e){n.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],18:[function(t,n,e){function r(t){return!(t&&t instanceof Function&&t.apply&&!t[a])}var o=t("ee"),i=t(16),a="nr@original",s=Object.prototype.hasOwnProperty,c=!1;n.exports=function(t,n){function e(t,n,e,o){function nrWrapper(){var r,a,s,c;try{a=this,r=i(arguments),s="function"==typeof e?e(r,a):e||{}}catch(f){l([f,"",[r,a,o],s])}u(n+"start",[r,a,o],s);try{return c=t.apply(a,r)}catch(d){throw u(n+"err",[r,a,d],s),d}finally{u(n+"end",[r,a,c],s)}}return r(t)?t:(n||(n=""),nrWrapper[a]=t,d(t,nrWrapper),nrWrapper)}function f(t,n,o,i){o||(o="");var a,s,c,f="-"===o.charAt(0);for(c=0;c<n.length;c++)s=n[c],a=t[s],r(a)||(t[s]=e(a,f?s+o:o,i,s))}function u(e,r,o){if(!c||n){var i=c;c=!0;try{t.emit(e,r,o,n)}catch(a){l([a,e,r,o])}c=i}}function d(t,n){if(Object.defineProperty&&Object.keys)try{var e=Object.keys(t);return e.forEach(function(e){Object.defineProperty(n,e,{get:function(){return t[e]},set:function(n){return t[e]=n,n}})}),n}catch(r){l([r])}for(var o in t)s.call(t,o)&&(n[o]=t[o]);return n}function l(n){try{t.emit("internal-error",n)}catch(e){}}return t||(t=o),e.inPlace=f,e.flag=a,e}},{}],ee:[function(t,n,e){function r(){}function o(t){function n(t){return t&&t instanceof r?t:t?c(t,s,i):i()}function e(e,r,o,i){if(!l.aborted||i){t&&t(e,r,o);for(var a=n(o),s=h(e),c=s.length,f=0;f<c;f++)s[f].apply(a,r);var d=u[y[e]];return d&&d.push([g,e,r,a]),a}}function p(t,n){v[t]=h(t).concat(n)}function h(t){return v[t]||[]}function m(t){return d[t]=d[t]||o(e)}function w(t,n){f(t,function(t,e){n=n||"feature",y[e]=n,n in u||(u[n]=[])})}var v={},y={},g={on:p,emit:e,get:m,listeners:h,context:n,buffer:w,abort:a,aborted:!1};return g}function i(){return new r}function a(){(u.api||u.feature)&&(l.aborted=!0,u=l.backlog={})}var s="nr@context",c=t("gos"),f=t(15),u={},d={},l=n.exports=o();l.backlog=u},{}],gos:[function(t,n,e){function r(t,n,e){if(o.call(t,n))return t[n];var r=e();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,n,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return t[n]=r,r}var o=Object.prototype.hasOwnProperty;n.exports=r},{}],handle:[function(t,n,e){function r(t,n,e,r){o.buffer([t],r),o.emit(t,n,e)}var o=t("ee").get("handle");n.exports=r,r.ee=o},{}],id:[function(t,n,e){function r(t){var n=typeof t;return!t||"object"!==n&&"function"!==n?-1:t===window?0:a(t,i,function(){return o++})}var o=1,i="nr@id",a=t("gos");n.exports=r},{}],loader:[function(t,n,e){function r(){if(!x++){var t=b.info=NREUM.info,n=l.getElementsByTagName("script")[0];if(setTimeout(u.abort,3e4),!(t&&t.licenseKey&&t.applicationID&&n))return u.abort();f(y,function(n,e){t[n]||(t[n]=e)}),c("mark",["onload",a()+b.offset],null,"api");var e=l.createElement("script");e.src="https://"+t.agent,n.parentNode.insertBefore(e,n)}}function o(){"complete"===l.readyState&&i()}function i(){c("mark",["domContent",a()+b.offset],null,"api")}function a(){return E.exists&&performance.now?Math.round(performance.now()):(s=Math.max((new Date).getTime(),s))-b.offset}var s=(new Date).getTime(),c=t("handle"),f=t(15),u=t("ee"),d=window,l=d.document,p="addEventListener",h="attachEvent",m=d.XMLHttpRequest,w=m&&m.prototype;NREUM.o={ST:setTimeout,SI:d.setImmediate,CT:clearTimeout,XHR:m,REQ:d.Request,EV:d.Event,PR:d.Promise,MO:d.MutationObserver};var v=""+location,y={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1071.min.js"},g=m&&w&&w[p]&&!/CriOS/.test(navigator.userAgent),b=n.exports={offset:s,now:a,origin:v,features:{},xhrWrappable:g};t(12),l[p]?(l[p]("DOMContentLoaded",i,!1),d[p]("load",r,!1)):(l[h]("onreadystatechange",o),d[h]("onload",r)),c("mark",["firstbyte",s],null,"api");var x=0,E=t(17)},{}]},{},["loader",2,10,4,3]);</script>
<script>
  window.dataLayer = [{"MCNPOGTM_CMPID":48252,"MCNPOGTM_CMPNM":"Disaster Relief","MCNPOGTM_CMPCD":"2017-08-24T09:45:20-07:00","MCNPOGTM_CMPSD":"","MCNPOGTM_CMPTYPE":"","MCNPOGAGTM_SET":false,"MCNPOGAGTM_ID":null,"MCNPOGTM_ID":3113,"MCNPOGTM_NAME":"United Way of Greater Houston","MCNPOGTM_KWSC":"41444","MCNPOGTM_KWID":68970,"MCNPOGTM_KWNAME":"UWFlood","MCNPOGTM_KWCD":"2017-08-24T09:45:20-07:00","MCNPOGTM_DNID":38145465,"MCNPOGTM_FRMID":58888,"MCNPOGTM_FRMNAME":"Text To Donate"}];
  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-573GB3T');
</script>

<title>UWGH
</title>
<link href="//app.mobilecause.com/assets/mobile/manifest-df38a5f22611821b7b52a65c408c68d8.css" media="screen" rel="stylesheet" type="text/css" />
<script src="//app.mobilecause.com/assets/mobile-79e827f76d7feeef08ef3305fd83ce99.js" type="text/javascript"></script>
<link href="//app.mobilecause.com/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<meta content="authenticity_token" name="csrf-param" />
<meta content="s8pfCd9oRmGyBhyOlWGYqduSJFD63vdQ/8W0a4d3DH8=" name="csrf-token" />

<meta content="Disaster Relief" property="og:title" /><meta content="https://app.mobilecause.com/f/1h7u/n" property="og:url" /><meta content="https://s3.amazonaws.com/mobilecause-avatar-production/shared_img/shared_imgs/96071/large/mobile-cause-banner.png?1504125813" property="og:image" /><meta content="" property="og:description" />

<!--[if lt IE 9]>
<script src='https://html5shim.googlecode.com/svn/trunk/html5.js'></script>
<![endif]-->
<style type='text/css'>
body {
  
  background-size: cover !important; background-attachment: fixed !important; background-repeat: no-repeat !important;
}

.new_look_select_color_text{
  color: #1ea3c9 !important;
}

.btn-donation {
  background-color: #1ea3c9 !important;
  border-color: #1ea3c9 !important;
  color: white !important;
}

a {
  color: #1ea3c9;
}

.btn-group__frequency--lg .btn.active {
  background-color: #1ea3c9 !important;
  border-color: #1ea3c9 !important;
}

[data-pointer-submit="true"]:before {
  background-color: #1ea3c9 !important;
}

.modal.bootbox {
  margin: 3rem auto;
  max-height: 420rem;
  width: 75%;
  max-width: 60rem;
  overflow-y: auto;
}

.donation-form-bg {
  max-width: 50rem;
  border-radius: 4px;
  background-color: white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  min-height: 100vh;
  padding-bottom: 10rem;
}

@media (min-width: 481px) and (max-width: 1199px) {
  .donation-form-bg {
    border-radius: 8px;
    min-height: calc(100vh - 6rem);
  }
}

@media (max-width: 480px) {
  .donation-form-bg {
    border-radius: 0;
  }
}

@media (min-width: 1200px) {
  .form-alignment-left {
    left: 7rem;
    position: absolute;
  }

  .form-alignment-right {
    right: 5rem;
    position: absolute;
  }
}

.donation-form-styling {
  background-color: #ffffff !important;
}

@media (min-width: 481px) {
  .donation-form-styling {
    margin-top: 3%;
    margin-bottom: 3%;
  }
}

@media (max-width: 480px) {
  .donation-form-styling {
    width: 100%;
  }

  .modal.bootbox {
    width: 90%;
  }
}

@media (max-width: 340px) {
  .new_look_logo_box {
    width: inherit !important;
  }
}

.new_look_logo_row {
  
}

.new_look_logo_box {
  height: 100px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  font-size: 1.3em;
  font-weight: 900;
  text-align: center;
  background: url('https://s3.amazonaws.com/mobilecause-avatar-production/shared_img/shared_imgs/94683/original/uw-greater-houston-HHRF.png?1503675380');color: transparent;border: none;outline: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

@media screen and (min-width: 768px) {
  .new_look_logo_box {
    padding: 34px 0;
  }
}

</style>

<meta content='width=device-width, initial-scale=1' name='viewport'>
<link href='/touch-icon-192x192.png' rel='icon' sizes='192x192'>
<link href='/apple-touch-icon-180x180-precomposed.png' rel='apple-touch-icon' sizes='180x180'>
<link href='/apple-touch-icon-152x152-precomposed.png' rel='apple-touch-icon' sizes='152x152'>
<link href='/apple-touch-icon-144x144-precomposed.png' rel='apple-touch-icon' sizes='144x144'>
<link href='/apple-touch-icon-120x120-precomposed.png' rel='apple-touch-icon' sizes='120x120'>
<link href='/apple-touch-icon-114x114-precomposed.png' rel='apple-touch-icon' sizes='114x114'>
<link href='/apple-touch-icon-76x76-precomposed.png' rel='apple-touch-icon' sizes='76x76'>
<link href='/apple-touch-icon-72x72-precomposed.png' rel='apple-touch-icon' sizes='72x72'>
<link href='/apple-touch-icon-precomposed.png' rel='icon'>
<link href='/apple-touch-icon-180x180.png' rel='apple-touch-icon' sizes='180x180'>
<link href='/apple-touch-icon-152x152.png' rel='apple-touch-icon' sizes='152x152'>
<link href='/apple-touch-icon-144x144.png' rel='apple-touch-icon' sizes='144x144'>
<link href='/apple-touch-icon-120x120.png' rel='apple-touch-icon' sizes='120x120'>
<link href='/apple-touch-icon-114x114.png' rel='apple-touch-icon' sizes='114x114'>
<link href='/apple-touch-icon-76x76.png' rel='apple-touch-icon' sizes='76x76'>
<link href='/apple-touch-icon-72x72.png' rel='apple-touch-icon' sizes='72x72'>
<link href='/apple-touch-icon.png' rel='apple-touch-icon'>

</head>
<body class='donation-form-styling'>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe height='0' src='https://www.googletagmanager.com/ns.html?id=GTM-573GB3T' style='display:none;visibility:hidden' width='0'></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->

<div class='row'>
<div class='col-lg-4 col-lg-offset-4 col-xs-12'>
<div class='container donation-form-bg'>
<div class='row'>
<div class='col-xs-12'>


<div id='donate'>

<form accept-charset="UTF-8" action="/public/payment_processor_donations/38145465/payment_request" class="clear_inputs" data-hide-payment-section-for-zero-amount="false" data-paypal-supports-recurring="null" data-processing-fee="2.5" id="donation_form" method="post" role="form"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="s8pfCd9oRmGyBhyOlWGYqduSJFD63vdQ/8W0a4d3DH8=" /></div>
<div class='new_look'>
<div class='row top-large new_look_logo_row'>
<div class='col-xs-12'>
<div class='new_look_logo_box bottom-medium'>
<span>United Way of Greater Houston Logo</span>
</div>
</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'>
<h3>Choose amount</h3>
<hr>
</div>
</div>
</div>

<div class='row'>
<div class='col-md-12'>
<div aria-label='Select a donation amount' class='btn-group btn-group-justified' role='group'>
<div class='btn-group btn-group__amount--lg' role='group'>
<button arial-label='Donate $25' class='btn btn-default changeDonationAmount' data-suggested-amount='25'>
$25
</button>
</div>
<div class='btn-group btn-group__amount--lg' role='group'>
<button arial-label='Donate $50' class='btn btn-default changeDonationAmount' data-suggested-amount='50'>
$50
</button>
</div>
<div class='btn-group btn-group__amount--lg' role='group'>
<button arial-label='Donate $100' class='btn btn-default changeDonationAmount' data-suggested-amount='100'>
$100
</button>
</div>
<div class='btn-group btn-group__amount--lg' role='group'>
<button arial-label='Donate a specific amount.' class='btn btn-default changeDonationAmount' data-suggested-amount=''>
Other
</button>
</div>
</div>
</div>
</div>
<div class='bottom-medium row top-xlarge'>
<div class='col-xs-6 col-xs-offset-3 padding-left-medium padding-right-none'>
<label for='amount'>
<span class='sr-only'>Donation Amount</span>
</label>
<div class='input-group'>
<span class='input-group-addon'>$</span>
<input aria-label="Donation Amount in Dollars" class="donation_amount form-control" data-linked-box="" id="amount" maxlength="9" name="amount" positiveNumber="true" required="required" type="text" value="25.00" />
</div>
</div>
</div>


<p class='notice'></p>

<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'>
<h3>Contact information</h3>
<hr>
</div>
</div>
</div>

<div class='row'>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="first_name">First Name</label><input class="new_look_full_width form-control" id="first_name" name="first_name" placeholder="First Name" type="text" />
</div>
</div>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="last_name">Last Name</label><input class="new_look_full_width form-control" id="last_name" name="last_name" placeholder="Last Name" type="text" />
</div>
</div>
</div>
<div class='row'>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="phone">Mobile Number</label><input class="new_look_full_width form-control" id="phone" name="phone" placeholder="Mobile xxx-xxx-xxxx" type="tel" />
</div>
</div>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="email">Email</label><input class="new_look_full_width form-control" email="true" id="email" name="email" placeholder="name@example.com" type="email" />
</div>
</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<div class='form-group'>
<label for="street_address">Address</label><input class="new_look_full_width form-control" id="street_address" name="street_address" placeholder="123 Address Blvd" type="text" />
</div>
</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<div class='form-group'>
<label for="city">City</label><input class="new_look_full_width form-control" id="city" name="city" placeholder="Your City" type="text" />
</div>
</div>
</div>
<div class='row'>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="state">State</label><select class="new_look_full_width form-control" id="state" name="state"><option value="">Your State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AS">American Samoa</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="DC">District of Columbia</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="GU">Guam</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="MP">Northern Mariana Islands</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="PR">Puerto Rico</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VI">Virgin Islands</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option></select>
</div>
</div>
<div class='col-sm-6 col-xs-12'>
<div class='form-group'>
<label for="zip">Zip</label><input class="new_look_full_width form-control" id="zip" name="zip" placeholder="12345" type="tel" />
</div>
</div>
</div>
<div class='row'>
</div>

<p class='notice'></p>
<div class='row'>
<div class='col-xs-12'>
<label for="custom_fields_81926">Company</label><input class="new_look_full_width form-control" id="custom_fields_81926" maxlength="255" name="custom_fields[81926]" placeholder="Enter Info" type="text" value="" />
</div>
</div>

<div class='payment-information'>
<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'>
<h3>Payment information</h3>
<hr>
</div>
</div>
</div>

<div class='row' id='selectPaymentType'>
<div class='col-xs-12'>
<div class='btn-group btn--payment center-block hide' data-toggle='buttons' id='paymentMethods'>
<input id="payment_method_none" name="payment_method" type="hidden" value="NONE" />
<label class="btn btn-default togglePayment active" data-payment-type="credit_card" for="payment_method_credit_card"><input checked="checked" id="payment_method_credit_card" name="payment_method" type="radio" value="credit_card" />
<img alt="Cc_icon" class="btn-image" src="//app.mobilecause.com/assets/icons/cc_icon-3a56fba59c344140e08b17010a3e0166.svg" />
Pay with Card
</label></div>
</div>
</div>
<div class='credit_card_section'>
<div class='row'>
<div class='col-xs-12'>
<div class='form-group'>
<label for="card_number">Card Number<span class="required"><span class="sr-only">required</span></span></label>
<div class='row'>
<div class='col-xs-7'>
<input autocomplete="off" class="new_look_full_width form-control" id="card_number" name="card_number" placeholder="XXXX XXXX XXXX XXXX" required="required" type="tel" />
</div>
<div class='col-xs-5'>
<div class='cc-icon__container' data-cc='["visa", "mastercard", "amex", "discover", "maestro", "dinersclub", "jcb"]'></div>
<input id="card_type" name="card_type" type="hidden" />
</div>
</div>
</div>
</div>
</div>
<div class='row'>
<div class='col-xs-7'>
<div class='row'>
<div class='col-xs-12'>
<label for="expiration_date">Expiration Date<span class="required"><span class="sr-only">required</span></span></label>
</div>
<div class='col-xs-6'>
<label class='sr-only' for='expiration_month'>Select a credit card type.</label>
<select class="form-control" id="expiration_month" name="expiration_month"><option value=''>MM</option><option value='01'>01</option><option value='02'>02</option><option value='03'>03</option><option value='04'>04</option><option value='05'>05</option><option value='06'>06</option><option value='07'>07</option><option value='08'>08</option><option value='09'>09</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option></select>
</div>
<div class='text-between-inputs left-negative-small'>/</div>
<div class='col-xs-6 left-negative-small'>
<label class='sr-only' for='expiration_year'>Select a credit card type.</label>
<select class="form-control" id="expiration_year" name="expiration_year"><option value=''>YY</option><option value='2018'>18</option><option value='2019'>19</option><option value='2020'>20</option><option value='2021'>21</option><option value='2022'>22</option><option value='2023'>23</option><option value='2024'>24</option><option value='2025'>25</option><option value='2026'>26</option><option value='2027'>27</option><option value='2028'>28</option><option value='2029'>29</option><option value='2030'>30</option><option value='2031'>31</option><option value='2032'>32</option><option value='2033'>33</option></select>
</div>
</div>
<input id="expiration_date" name="expiration_date" type="hidden" />
<div id='expiration_date_required' style='color:red; display:none'>This field is required.</div>
<div id='expiration_date_expired' style='color:red; display:none'>Expired Credit Card</div>
</div>
<div class='col-xs-5'>
<div class='row'>
<div class='col-xs-12'>
<label for='cvv'>CVV<span class='required'><span class='sr-only'>required</span></span> <a data-target='#cvv-modal' data-toggle='modal' tabindex='-1' class='text-info text--sm'>What is this?</a></label>
</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<input autocomplete="off" class="form-control" id="cvv" name="cvv" placeholder="eg. 123" required="required" type="tel" />
</div>
</div>
<div class='modal fade' id='cvv-modal'>
<div class='modal-dialog'>
<div class='modal-content'>
<div class='modal-body'>
<div class='row cvv-example-wrapper' id='credit-card-cvv'>
<div class='col-xs-12'>
<div class='creditcard'>
<img alt='Credit Card CVV number example' class='img-responsive' src='/assets/icons/cc_cvv_icon.svg' style='min-width: 200px;'>
</div>
<div class='textbox'>
<span>Discover, Mastercard, Visa</span>
3-Digit Card Verification Number
</div>
</div>
</div>
<div class='row hide cvv-example-wrapper' id='amex-cvv'>
<div class='col-xs-12'>
<div class='creditcard'>
<img alt='Amex CVV number example' class='img-responsive' src='/assets/icons/cc_amex_icon.svg' style='min-width: 200px;'>
</div>
<div class='textbox'>
<span>American Express</span>
4-Digit Card Verification Number
</div>
</div>
</div>
<div class='row top-xlarge'>
<div class='col-xs-12'>
<div class='text-center'>
<a class='btn btn-success' data-dismiss='modal' style='min-width: 150px;'>OK</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>

</div>


<p class='notice'></p>

</div>

<input id="mc_code" name="mc_code" type="hidden" />
<input id="source" name="source" type="hidden" value="pledging_form" />
<input id="mc_key" name="mc_key" type="hidden" value="token_583" />
<input id="HMUzfQ" name="HMUzfQ" type="hidden" value="trii6-YJ9K2FrEZ8_o2Nx0ypUg9GtxSwy4BtK7jY6mA" />
<input id="postback_payment_method" name="postback_payment_method" type="hidden" />

<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'></div>
</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<p>
<small>As our region faces another storm, United Way is here to coordinate our community’s response and make sure the most vulnerable have the help they need. Year round, United Way invests in our community’s first responders, so they can act quickly when a storm like Harvey threatens. Our 2-1-1 Texas/United Way HELPLINE is our community’s go-to resource and has been here day and night answering calls for help. As we gear up to address our community’s recovery, we ask that you make a special gift to United Way’s disaster recovery fund. Your gift will be used for a variety of storm-related needs such as basic needs, unmet needs, minor home repair, and case management services. If you or someone you know needs help, call 2-1-1, 24 hours a day, seven days a week.</small>
</p>
</div>
</div>

<div class='payment-information'>
<div class='row'>
<div class='col-xs-12'>
<div class='new_look_midline_text'>
<h3>Donation amount</h3>
<hr>
</div>
</div>
</div>

<div class='row'>
<div class='col-xs-12'>
<div class='new_look_big_text new_look_select_color_text' data-linked-label='true' id='total_amount_label'></div>
</div>
</div>
</div>
<div class='row top-large'>
<div class='col-xs-12'>
<button class="btn btn-donation btn-block btn-lg form-submit-button" data-pointer-submit="true" id="submit-donation" name="button" type="submit">SUBMIT</button>
<input id="post_action" name="post_action" type="hidden" />
</div>
</div>

<p class='notice'></p>

</div>
</form>

<div class='loading-modal'>
<div class='outer-centering'>
<div class='inner-centering lead lead-large loading-text'>Processing...</div>
</div>
<div class='clearfix'></div>
</div>


</div>

</div>
</div>
<footer class='footer' role='contentinfo'>
<div class='row'>
<div class='col-xs-12'>
<div class='row'>
<div class='col-xs-6'>
<a href="https://www.mobilecause.com" target="_blank"><img alt="MobileCause" src="//app.mobilecause.com/assets/mobile/MC_Small_Color_Logo-35e5d913258693e518c62cc78267e6ee.png" />
</a></div>
<div class='col-xs-6'>
<a href="https://www.mobilecause.com/compliance-and-security" class="pull-right" target="_blank"><img alt="PCI Compliance Certification 2016" class="pci__img--well" src="//app.mobilecause.com/assets/pci-ea6e473c7dab1dd52d55e53d1bcf8d93.png" />
</a></div>
</div>

</div>
</div>
<div class='row'>
<div class='col-xs-12'>
<div class='top-large left-small text-center'>
<a href="https://www.mobilecause.com/constituent-terms-new" class="text--xs" target="_blank">Terms and Conditions</a>

</div>
</div>
</div>
</footer>

</div>
</div>
</div>
<script src="//app.mobilecause.com/assets/form_build-0c4ebb7ebe2aa44deabfc40542b85a8c.js" type="text/javascript"></script>
</body>
</html>
