* {margin:0; padding:0; box-sizing: border-box;}p{margin:14px 0;line-height:130%; }ul{margin-left:17px; list-style:circle;}ol{margin-left:17px;}li{margin:8px 0 8px 17px;}.vam{vertical-align:middle;}.fl {float:left;}.fr {float:right;}form{margin:0;}img,a img{border:none;}.bd {border:1px solid red;}b,strong {font-weight:700;}em {font-style:italic} :root { --action: #751D19; --actionLight: #E33929;} .imgLeft {margin:0 15px 5px 0; float:left;}.imgRight {margin:0 0 5px 15px; float:right;}.imgFullWidth {width:100%; height:auto;}.cb {clear:both;}.cr {clear:right;}.cl {clear:left;}.cbox {overflow:hidden;}.c {text-align:center;}.l {text-align:left;}.r {text-align:right;} a:link {color:var(--action); transition: all 700ms ease 0s; text-decoration:underline;}a:visited {color:var(--action); transition: all 700ms ease 0s; text-decoration:underline;}a:hover {color:#473F35; text-decoration:underline;}a:active {color:#473F35; text-decoration:underline;} body {box-sizing: border-box;} #navSiteOverlay {display:none; position:fixed; background:rgba(0,0,0,0.4); top:0; right:260px; bottom:0; left:0; z-index:99;} #displayUserNotice,#displayUserWarning,#displayUserError,#displayDebugError {background:#74AD53 url(/assets/images/messageNotice.png) 12px 12px no-repeat; min-height:94px; margin:5px auto; z-index:100;}#displayUserNotice div,#displayUserWarning div,#displayUserError div,#displayDebugError div {margin-left:93px; border-left:1px solid #fff; color:#fff; font-size:20px; min-height:74px; text-align:left; padding:10px 5px 10px 15px;}#displayUserWarning {background:#FFDC73 url(/assets/images/messageWarning.png) 12px 12px no-repeat;}#displayUserWarning div {color:#444;}#displayUserError,#displayDebugError {background:#D90000 url(/assets/images/messageError.png) 12px 12px no-repeat;} input[type='text'],input[type='number'],input[type='password'],input[type='file'],input[type='password'],input[type='email'],input[type='tel'],input[type='date'],input[type='datetime'],input[type='month'],input[type='search'],input[type='time'],input[type='url'],input[type='week'],textarea {background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:1px 10px; font:18px "Open Sans",Verdana,sans-serif; color:#333; border:1px solid #E0E0E0; -webkit-appearance:textfield; border-bottom:1px solid #C8C8C8; -webkit-box-shadow: 0 1px 2px 0 rgba(170,170,170,0.5); -moz-box-shadow: 0 1px 2px 0 rgba(170,170,170,0.5); box-shadow: 0 1px 2px 0 rgba(170,170,170,0.5); } input[type='text']:focus,input[type='number']:focus,input[type='password']:focus,input[type='file']:focus,input[type='password']:focus,input[type='email']:focus,input[type='tel']:focus,input[type='date']:focus,input[type='datetime']:focus,input[type='month']:focus,input[type='search']:focus,input[type='time']:focus,input[type='url']:focus,input[type='week']:focus,textarea:focus {-webkit-box-shadow: 0 2px 5px 0 rgba(170,170,170,0.7); -moz-box-shadow: 0 2px 5px 0 rgba(170,170,170,0.7); box-shadow: 0 2px 5px 0 rgba(170,170,170,0.7); } header {height:500px; width:100%; overflow: hidden; }header .box {margin:20px auto; position: relative; padding-right:0px; display:flex;}header .logo {margin-left:30px; width:260px; z-index:10; position:relative;}header nav {position: absolute; right:15px; text-align: right; top:20px; z-index: 12;}header nav a {font:500 20px Lato,Arial,sans-serif; margin:0 20px 0 0; }header nav a:link {color:#fff; text-decoration: none;}header nav a:visited {color:#fff; text-decoration: none;}header nav a:hover {color:#fff; text-decoration:underline;}header nav a.sel {color:var(--actionLight);}.topGrad {background:url(/assets/images/gradient-header.png) left top repeat; position:absolute; top:0; left:0; width:100%; height:138px; z-index:2;}h1.subH1 {text-align: center; font:400 85px Lato,Arial,sans-serif; color: #fff; line-height: 100%;}h1.subH1 div {font-size: 50px;}#hamMenu,#closeMenu {display: none;} .videoHD {position: relative; padding-bottom:56.25%; /*56.25% 16:9 */ padding-top: 0px; height:0; width:100%;}.videoHD iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*.homeHero {background:url(/assets/images/home/home-hero.jpg) center top no-repeat;}*/.homeHero {overflow:hidden; height:650px !important; position:relative; width:100%;}.homeHero video {background-size: cover; background-position: top center; position: absolute; right: -100%; top: -100px; left: -100%; margin: auto; min-width: 100%; min-height: 100%; z-index: -100; } @media screen and (min-width:2088px){ .homeHero video {top: -300px;}} h1 {margin:100px 0 0 0;}h1.home {text-align: center; font:50px Lato,Arial,sans-serif; color: #fff;}h1.home img {margin-top:-50px; max-width:540px; width:90%;}section.home1 {font:400 27px Lato,Arial,sans-serif; color: #545454; padding:90px 20%; line-height: 180%;} section.home2 { margin:0 auto 30px auto; display:flex;}.pageFeature {height:270px; order:0; flex-grow:1; flex-shrink:1; text-transform:uppercase; text-align:center; overflow-x:hidden; margin:0 10px 0 10px;}.pageFeature a {border:2px solid #fff; width:200px; height:50px; align-content:center; font:31px Lato,Arial,sans-serif; text-decoration: none; display:inline-block; padding:10px 0 0 0; margin:100px 0 0 0;}.pageFeature a:link {color:#fff;}.pageFeature a:visited {color:#fff;}.pageFeature a:hover {color:var(--action); border:2px solid var(--action);}.homeFeature1 {background:url(/assets/images/home/home-feature-1.jpg) center center no-repeat; background-size:cover;}.homeFeature2 {background:url(/assets/images/home/home-feature-2.jpg) center center no-repeat; background-size:cover;}.homeFeature3 {background:url(/assets/images/home/home-feature-3.jpg) center center no-repeat; background-size:cover;} section.home3 {background:#AE5000; padding:60px 90px 30px 90px; font:400 74px Lato,Arial,sans-serif; color:#fff; display:flex;}section.home3 p {flex-grow:1; font-size: 4vw; align-content:center; margin:2.5% 20px 0 0;}section.home3 div {flex-grow:1; }section.home3 img { width:100%;} section.banquetInfo {margin: 0 auto 30px auto;}section.banquetInfo img {width:100%;}section.banquetInfo .large {display:block;}section.banquetInfo .small {display:none;} section.home4 {background:#fff; padding:60px 60px 30px 60px; font:600 34px Lato,Arial,sans-serif; color:#222; }.homeProjects {display:flex; color:#fff; margin:80px 0 0 0; justify-content:space-around; text-align:center; }.homeProject {width:350px; height:330px; margin:0 20px 70px 0; font-size:23px; position: relative; overflow: hidden;}.homePj {width:100%; height:100%; display:flex; align-items:flex-end;}.homePj b {text-align: center; width:100%; margin:0 0 10px 0;}.homeProject a {text-decoration: none; color:#fff;}/*.homePj b:link {color:#fff; text-decoration: none;}.homePj b:visited {color:#fff; text-decoration: none;}.homePj b:hover {color:#fff; text-decoration: underline;}*/.homeProject1 {background:url(/assets/images/home/home-sponsor-women.jpg) no-repeat; background-position:center; background-size: contain;}.homeProject2 {background:url(/assets/images/home/home-madidrop-2.jpg) no-repeat;background-position:center; background-size: contain;}.homeProject3 {background:url(/assets/images/home/home-book-3.jpg) no-repeat; background-position:center; background-size: contain;}.homeProject4 {background:url(/assets/images/home/home-healthy-heart.jpg) no-repeat; background-position:center; background-size: contain;} .homeProject:hover .homePj {transform: scale(1.05); transition:all 2s ease} section.home5 {background:#5788B4; padding:60px 60px 30px 60px; font:600 34px Lato,Arial,sans-serif; color:#fff; display:flex;}section.home5 .left {width:35%; text-align: center;}section.home5 .right {width:65%; text-align: center;}section.home5 .right h3 {font-size:27px; margin:0 0 20px 0;}section.home5 .right p {font-size:18px; margin:0 25% 20px 25%;}section.home5 .right hr {background:#fff; height:2px; border-width:0; margin:0 20% 20px 20%;}.homeWomenGraph,.homeHealthGraph {position:relative;}.homeWomenGraph b {display:inline-block; background:url(/assets/images/home/icon-woman.svg) no-repeat; width:24px; height:52px; margin:0 6px 0 0;}.homeWomenGraph i {display:inline-block; background:url(/assets/images/home/icon-woman-empty.svg) no-repeat; width:24px; height:52px; margin:0 6px 0 0;}.homeHealthGraph b {display:inline-block; background:url(/assets/images/home/dr-bag.svg) no-repeat; width:37px; height:28px; margin:0 6px 0 0;} section.home5 .homeGive1 {color:#E68C10; font:bold 90px "Barlow Semi Condensed",Verdana,sans-serif; margin:0 auto 0 -70px;}section.home5 .homeGive2 {color:#E68C10; font:25px "Barlow Semi Condensed",Verdana,sans-serif;}section.home5 .homeSponsorBtnBox {border:2px solid #fff; padding:15px 0 0 0; width:218px; height:46px; font:400 23px Lato,Arial,sans-serif; text-align: center; margin:100px auto 40px auto;}section.home5 .homeSponsorBtnBox a:link {color:#fff; text-decoration: none;}section.home5 .homeSponsorBtnBox a:visited {color:#fff; text-decoration: none;}section.home5 .homeSponsorBtnBox a:hover {color:#fff; text-decoration: underline;} section.home6 {background:url(/assets/images/home/newsletter-background.jpg) top center no-repeat; text-align: center; color:#fff; font:300 20px Lato,Arial,sans-serif; overflow: hidden; background-size:cover;}section.home6 h3 {font-size:27px; margin:30px 0 20px 0;}.homeEmailForm {margin:30px auto; text-align: left; width:420px;}.homeEmailForm label {display: block; font:500 20px Lato,Arial,sans-serif; text-transform: uppercase;}.homeEmailForm input {display: block; font:400 18px Lato,Arial,sans-serif; padding:5px 8px}.fieldEmail {width:400px;}.fieldName {width:160px; }.formFL {float: left; margin-right:15px;}.homeEmailForm .centerButton {text-align: center; margin:20px 0 0 0;}.homeEmailForm button {padding:10px 35px; font:500 20px Lato,Arial,sans-serif; text-transform: uppercase; color:#fff; background:transparent; border:2px solid #fff; cursor: pointer;} .aboutHero {background:url(/assets/images/about/about-header-background.jpg) center top no-repeat; background-size: cover;} section.about1 {font:400 30px Lato,Arial,sans-serif; color: #555; padding:80px 10px 10px 10px; text-align:center; }section.about1 b {font:600 30px Lato,Arial,sans-serif; }section.about1 div {text-align: left; margin:0 auto; width:auto; max-width:950px;}section.about1 p {text-align: left; margin:18px auto; width:auto; max-width:950px; font:400 23px Lato,Arial,sans-serif; color: #333;}section.about1 .subIntro {font-size:26px; font-weight:300; margin-top:60px; }section.about1 .padding {text-align: center; line-height: 150%; padding:0 15px;}section.about1 .padding p {text-align: left;}section.about1 .padding ul {text-align: left; list-style: disc; margin: 26px 0 26px 56px;}section.about4 {text-align: center; font:300 19px Lato,Arial,sans-serif; margin:0 0 80px 0;}section.about4 .padding {text-align: left; margin:60px auto 0 auto; width:auto; max-width:950px; font:300 19px Lato,Arial,sans-serif; display:flex; padding:0 15px;}section.about4 h2 {flex-grow:1; min-width:220px;}section.about4 ul {list-style:none; flex-grow:3; font-size:23px;}section.about4 ul > li {margin:0 0 20px 0px;}section.about2 {background:#7B674F; padding:60px 50px; display: flex; position: relative}section.about2 figure {flex-grow:1; text-align: center; margin:0 15px; position:relative;}section.about2 figure figcaption {font:300 24px "Avenir Next Condensed",Arial,sans-serif; color: #fff; margin:30px 0 0 0; position:absolute; bottom:-40px;}section.about3 {background:url(/assets/images/about/about-large-photo.jpg) center top no-repeat; background-size: cover; height:745px;}  section.projects1 {padding:30px 0; }section.projects1 nav {text-align: center;}section.projects1 nav a {margin:5px 15px; font: 22px Lato,Arial,sans-serif; color: #000; display: inline-block;}section.projects1 nav a.sel {color:var(--action); }section.projects2 {background:#EEEEEE; padding:50px 10px; text-align: center; }section.projects2 .padding {width:100%; max-width: 950px; margin: 0 auto;}section.projects2 h2 {font:600 36px Lato,Arial,sans-serif; color: #555; line-height:120%}section.projects2 h3 {font:500 19px Lato,Arial,sans-serif; color: #777777; line-height:120%; margin:18px 0; }section.projects2 h4 {font:400 23px Lato,Arial,sans-serif; color: #777777; line-height:160%; margin:20px 0; }section.projects2 hr {background:#999999; height:1px; border-width:0; margin:20px auto; width:175px;}section.projects3 {background:#fff; height:220px; }section.projects4,section.projects6,section.projects4sm,section.projects6sm {background:url(/assets/images/projects/projects-women-madi.jpg) center center no-repeat; background-size: cover; height:308px; position: relative; display:flex; text-align: center;}section.projects4 a:link,section.projects6 a:link,section.projects4sm a:link,section.projects6sm a:link {color:#fff; text-decoration: none;}section.projects4 a:visited,section.projects6 a:visited,section.projects4sm a:visited,section.projects6sm a:visited {color:#fff; text-decoration: none;}section.projects4 a:hover,section.projects6 a:hover,section.projects4sm a:hover,section.projects6sm a:hover {color:#fff; text-decoration: underline;}section.projects4 div,section.projects6 div,section.projects4sm div,section.projects6sm div {flex-grow: 1; font:500 32px Lato,Arial,sans-serif; color: #fff; margin:130px 20px 0 20px; width:50%;}section.projects4 h2,section.projects6 h2,section.projects4sm h2,section.projects6sm h2 {font-size: 23px;}section.projects4 img,section.projects6 img {position: absolute; top:-131px; left:50%; margin:0 0 0 -131px;}section.projects4sm,section.projects6sm {display:none;}section.projects5 {background: #896855; height: 250px;}section.projects6 {background:url(/assets/images/projects/projects-survival-health.jpg) center center no-repeat; background-size:cover;}  .womenHero {background:url(/assets/images/projects/women/women-hero.jpg) center top no-repeat; background-size: cover; height:250px !important;} section.sponsor1 {background:#EEEEEE; padding:50px 10px; text-align: center; }section.sponsor1 .padding {width:100%; max-width: 950px; margin: 0 auto;}section.sponsor1 h2 {font:600 36px Lato,Arial,sans-serif; color: #555; line-height:120%; margin:30px 0 90px 0;}section.sponsor1 h3 {font:500 19px Lato,Arial,sans-serif; color: #777777; line-height:120%; margin:18px 0; }section.sponsor1 h4 {font:400 23px Lato,Arial,sans-serif; color: #777777; line-height:160%; margin:20px 0; }section.sponsor1 hr {background:#999999; height:1px; border-width:0; margin:20px auto; width:175px;} section.sponsor2 {display:flex;}section.sponsor2 .left {background:url(/assets/images/projects/women/women-class1.jpg) top right no-repeat; width:50%; padding:42px 90px; background-size: cover}section.sponsor2 .right {background:#555; color:#fff; font:300 28px Lato,Arial,sans-serif; padding:42px 90px; width:50%;} section.sponsor3 {display:flex; background:#F5AB00; padding:60px 90px; color: #fff;}section.sponsor3 div {width:33.3%; text-align: center;}section.sponsor3 div h2 {font:500 18px Lato,Arial,sans-serif;}section.sponsor3 div h3 {font:600 60px Lato,Arial,sans-serif;} section.sponsor4 {background: #7B674F; padding:60px 90px; color: #fff; text-align:center;}section.sponsor4 .videoHD { }section.sponsor4 .videoBox {max-width:1800px; margin:0 auto;}section.sponsor4 .caption {font:300 24px Lato,Arial,sans-serif; margin:12px} section.sponsor5 {text-align:center; background: #7B674F;}section.sponsor5 img {margin:0 auto -4px auto; width:100%; max-width:1920px; }  .madidropHero {background:url(/assets/images/projects/water/water-hero.jpg) center top no-repeat; background-size: cover;} section.water2 {display:flex;}section.water2 .left {background:url(/assets/images/projects/water/people-with-madidrop.jpg) center center no-repeat; width:50%; padding:100px 90px; background-size: cover}section.water2 .right {background:#555; color:#fff; font:300 28px Lato,Arial,sans-serif; padding:100px 90px; width:50%;} section.water3 {display:flex; background:#F5AB00; padding:60px 30px; color: #fff;}section.water3 div {width:33.3%; text-align: center;}section.water3 div h2 {font:500 18px Lato,Arial,sans-serif;}section.water3 div h3 {font:600 50px Lato,Arial,sans-serif;} section.water4 {display:flex;}section.water4 .right {background:url(/assets/images/projects/water/madidrop-in-hand.jpg) center center no-repeat; width:50%; padding:40px 90px; background-size: cover}section.water4 .left {background:#555; color:#fff; font:300 28px Lato,Arial,sans-serif; padding:40px 90px; width:50%;} section.water5 {display:flex; background: #FFFADB; padding:90px 40px}section.water5 div {color:#666; font:700 28px Lato,Arial,sans-serif; width:33.3%; text-align: center;}section.water5 .arrow {width:4%; text-align: center; margin:60px 0 0 0;}section.water5 .arrow {background:url("/assets/images/projects/water/arrow2.svg") no-repeat; background-size: 60%;}/*section.water5 .arrow svg {background:url("images/projects/water/arrow2.svg") no-repeat; background-size: 25%;}*/section.water5 div img {display:block; margin:0 auto 15px auto;} section.water6 {background:#7B674F; padding:60px 90px; display:flex;}section.water6 figure {width:50%; text-align: center; padding:0 15px;}section.water6 figure video {margin:0 auto; width:100%; max-width:625px; object-fit:cover;}section.water6 figure figcaption {font:300 24px Lato,Arial,sans-serif; margin:12px; color:#fff; } section.water7 {background:url(/assets/images/projects/water/brown-background-2.jpg); display:flex; padding:60px 90px;}section.water7 .left {width:50%; text-align: center; padding:0 15px;}section.water7 .right {width:50%; text-align: center; padding:0 15px; font:400 30px Lato,Arial,sans-serif; color:#444;}#waterQtyText {font:400 24px Lato,Arial,sans-serif; color:#222;}#waterBuyQty {border:1px solid #AAAAAA; font:500 25px Lato,Arial,sans-serif; background:transparent; padding:2px 4px 1px 4px; text-align: right; margin:15px auto; width:70px; background: #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}section.water7 button {border:2px solid #000; font:500 31px Lato,Arial,sans-serif; background:transparent; padding:6px 48px 2px 48px; margin:30px 0 0 20px; cursor: pointer;}#acceptLogos {margin:15px 0 0 0;}#acceptLogos svg {margin:0 10px; vertical-align: middle;} section.water8 {background:url(/assets/images/projects/water/children-group.jpg) center center no-repeat; background-size: cover; width:auto; height:900px;} header.healthHero {background:url(/assets/images/projects/health/health-hero.jpg) center top no-repeat; background-size: cover;} section.health1 {background:#EEEEEE; padding:50px 10px; text-align: center; }section.health1 .padding {width:100%; max-width: 950px; margin: 0 auto;}section.health1 h2 {font:600 36px Lato,Arial,sans-serif; color: #555; line-height:120%; margin:30px 0 90px 0;}section.health1 h3 {font:500 19px Lato,Arial,sans-serif; color: #777777; line-height:120%; margin:18px 0; }section.health1 h4 {font:400 23px Lato,Arial,sans-serif; color: #777777; line-height:160%; margin:20px 0; }section.health1 hr {background:#999999; height:1px; border-width:0; margin:20px auto; width:175px;} section.health2 {display:flex;}section.health2 .left {background:url(/assets/images/projects/health/lady-taking-blood-pressure.jpg) top left no-repeat; width:50%; padding:42px 90px; background-size: cover}section.health2 .right {background:#555; color:#fff; font:300 28px Lato,Arial,sans-serif; padding:42px 90px; width:50%;} section.health3 {background: #3C5D75 url(/assets/images/projects/health/heart-background.svg) center center no-repeat; color:#fff; font:400 28px Lato,Arial,sans-serif; padding: 55px 90px;}.buttonW {border:2px solid #fff; font:500 31px Lato,Arial,sans-serif; background:transparent; padding:6px 1px 2px 1px; display:inline-block; margin:45px auto 15px auto; cursor: pointer; width:200px; text-align: center; }.buttonW:link {text-decoration: none; color:#fff;}.buttonBlk:link {text-decoration: none; color:#000;}.buttonW:visited {text-decoration: none; color:#fff;} .buttonBlk:visited {text-decoration: none; color:#000;}.buttonW:hover {text-decoration: none; color:#fff;} .buttonBlk:hover {text-decoration: none; color:#000;}.buttonBlk {border:2px solid #000; font:500 31px Lato,Arial,sans-serif; background:transparent; padding:6px 1px 6px 1px; display:inline-block; margin:45px auto 15px auto; cursor: pointer; text-align: center; white-space: nowrap;}.buttonBlkCart {width:270px; display:inline-block; margin:0;} header.contactHero {background:url(/assets/images/contact/contact-hero.jpg) center top no-repeat; background-size: cover;} section.contact1 {background:#EEEEEE; padding:50px 10px; text-align: center; }section.contact1 .padding {width:100%; max-width: 950px; margin: 0 auto;}section.contact1 h2 {font:600 36px Lato,Arial,sans-serif; color: #555; line-height:120%; margin:30px 0 90px 0;}section.contact1 h3 {font:500 19px Lato,Arial,sans-serif; color: #777777; line-height:120%; margin:18px 0; }section.contact1 h4 {font:400 23px Lato,Arial,sans-serif; color: #777777; line-height:160%; margin:20px 0; }section.contact1 hr {background:#999999; height:1px; border-width:0; margin:20px auto; width:175px;} section.contact2 {padding:40px 60px; text-align:center;}section.contact2 form {margin:0 auto; text-align:left; max-width:800px; font:500 16px Lato,Arial,sans-serif;}section.contact2 label {display:block;}section.contact2 textarea {width:100%; max-width:800px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}section.contact2 .inputFloat {float:left; margin-right:15px;} section.contact2 .belowForm {text-align:center; font:400 22px Lato,Arial,sans-serif;} section.contact3 {padding:50px 15px; display:flex; text-align:center;}section.contact3 h2 {font:700 30px Lato,Arial,sans-serif; color: #444;}section.contact3 h3 {font:400 25px Lato,Arial,sans-serif; color: #444;} section.contact3 .left {width:250px; margin:0 auto; text-align:left;}section.contact3 .right {width:290px; text-align:left; margin:0 auto;} section.contact4 {background:url(/assets/images/contact/contact-mother-with-child.jpg) center center no-repeat; background-size: cover; width:auto; height:525px;} #gasp_p {background:#F9F9F9 url(/assets/images/contact/bot-check-robot-small.png) no-repeat 90% center; border:1px solid #D3D3D3; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow: 2px 2px 2px 0px rgba(186,186,186,0.96); -moz-box-shadow: 2px 2px 2px 0px rgba(186,186,186,0.96); box-shadow: 2px 2px 2px 0px rgba(186,186,186,0.96); position:relative; width:300px; height:50px; }#gasp_p input {visibility:hidden; display:inline-block;}#gasp_checkbox {background:#fff; border:2px solid #C1C1C1; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:absolute; top:10px; left:12px; width:28px; height:28px; z-index:25;}#gasp_p label {position:absolute; top:16px; left:38px; font:15px Arial,sans-serif; color:#000; z-index:20; display:flex; align-items: center;}#gasp_p img {position:absolute; top:15px; left:15px; visibility:hidden; z-index:20;} header.donateHero {background:url(/assets/images/donate/donate-hero.jpg) center top no-repeat; background-size: cover;} section.donate1 {background:#EEEEEE; padding:50px 10px; text-align: center; }section.donate1 .padding {width:100%; max-width: 950px; margin: 0 auto;}section.donate1 h2 {font:600 36px Lato,Arial,sans-serif; color: #555; line-height:120%; margin:30px 0 30px 0;}section.donate1 h3 {font:500 19px Lato,Arial,sans-serif; color: #777777; line-height:120%; margin:30px 0; }section.donate1 hr {background:#999999; height:1px; border-width:0; margin:20px auto; width:300px;} section.donate2 p {font:300 28px Lato,Arial,sans-serif; color: #777777; margin:65px 20%;}section.donate2 .button {border:2px solid #000;}section.donate2 div {margin:0 0 86px 0;} section.donate3 {background:#B25900; padding:45px 20px; text-align: center;}section.donate3 h2 {margin:0 auto; font:600 35px Lato,Arial,sans-serif; color: #fff;}section.donate3 ul {margin:20px auto; text-align: left; width:510px; font:300 26px Lato,Arial,sans-serif; color: #fff; list-style-type:disc; padding:0 0 0 60px;} section.donate4 {background:url(/assets/images/donate/group-of-women.jpg) center center no-repeat; background-size: cover; width:auto; height:470px;}section.donate5 {background:#FFF9DA; padding:45px 20px; text-align: center;}section.donate5 h2 {font:700 35px Lato,Arial,sans-serif; color: #222; margin:20px auto 0 30px;}section.donate5 p {font:400 24px Lato,Arial,sans-serif; color: #222; width:68%; text-align: left; margin:0 0 0 7%;}section.donate5 img {width:25%;}.donateVehicleInfo {display:flex; margin:60px 20% 0 20%;} header.disasterHero {background:url(/assets/images/projects/disaster/disaster-hero.jpg) center top no-repeat; background-size: cover;}section.disaster1 {background:#EEEEEE; padding:50px 10px 10px 10px; text-align: center; }section.disaster1 .padding {width:100%; max-width: 950px; margin: 0 auto;}section.disaster1 h2 {font:600 36px Lato,Arial,sans-serif; color: #555; line-height:120%; margin:30px 0 90px 0;}section.disaster1 h3 {font:500 19px Lato,Arial,sans-serif; color: #777777; line-height:120%; margin:18px 0; text-transform: uppercase;}section.disaster1 h4 {font:400 23px Lato,Arial,sans-serif; color: #777777; line-height:160%; margin:20px 0; text-align: left;}section.disaster1 hr {background:#999999; height:1px; border-width:0; margin:20px auto; width:175px;} section.disaster2 {overflow: hidden; background:url(/assets/images/projects/disaster/survival-book.jpg) top left no-repeat; min-height:450px;}section.disaster2 .bookInfoBox {background:rgba(0,0,0,0.7); width:100%; max-width:430px; margin:85px 18% 0 0; float:right; padding:25px;}section.disaster2 .bookInfoBox h2 {font:600 31px Lato,Arial,sans-serif; color: #fff;}section.disaster2 .bookInfoBox h3 {font:600 47px Lato,Arial,sans-serif; color: #fff;}section.disaster2 .bookInfoBox p {font:600 21px Lato,Arial,sans-serif; color: #fff;} section.disaster3 {background:#F6F5EA; padding:50px; }section.disaster3 h2 {font:500 24px Lato,Arial,sans-serif; color: #222; text-align: center;}section.disaster3 form {text-align: center; margin:20px 0 0 0;}section.disaster3 form button {display:inline-block; margin:0 0 0 15px; vertical-align: middle;}section.disaster3 form input[type=number] {width:30px; font:500 24px Lato,Arial,sans-serif; vertical-align:middle;}section.disaster3 form span {font:300 24px Lato,Arial,sans-serif; display:inline-block; margin-right:10px; vertical-align:middle;}section.disaster3 #acceptLogos {text-align: center; margin-top:35px;} header.vbsHero {background:url(/assets/images/vbs/hero.jpg) center top no-repeat; background-size: cover;}section.vbs1 {background:#EEEEEE; padding:50px 10px; text-align: center; }section.vbs1 .padding {width:100%; max-width: 950px; margin: 0 auto;}section.vbs1 h2 {font:600 36px "Avenir Next",Arial,sans-serif; color: #555; line-height:120%}section.vbs1 h3 {font:400 23px "Avenir Next",Arial,sans-serif; color: #777777; line-height:160%; margin:20px 0; }section.vbs1 hr {background:#999999; height:1px; border-width:0; margin:20px auto; width:175px;} section.vbs2 {background:#fff; padding:80px 10px; text-align: center; }section.vbs2 .padding {width:100%; max-width: 950px; margin: 0 auto; text-align:left;}section.vbs2 p {font:200 28px "Avenir Next",Arial,sans-serif; color: #777; line-height:120%} section.vbs3 {background:#B25900; padding:50px 10px; text-align: center; }section.vbs3 .padding {width:100%; max-width: 950px; margin: 0 auto; text-align:left;}section.vbs3 h2 {font:600 36px "Avenir Next",Arial,sans-serif; color: #fff; line-height:120%}section.vbs3 p {font:400 28px "Avenir Next",Arial,sans-serif; color: #fff; line-height:150%; margin-top:60px} section.vbs4 {background:#FFF9DA; padding:50px 10px; text-align: center; }section.vbs4 .padding {width:100%; max-width: 950px; margin: 0 auto; text-align:left;}section.vbs4 h2 {font:600 36px "Avenir Next",Arial,sans-serif; color: #000; line-height:120%}section.vbs4 p {font:400 24px "Avenir Next",Arial,sans-serif; color: #000; line-height:150%; margin-top:60px}section.vbs4 .videoAccessInfo {display:flex; max-width:900px; justify-content:center; align-items:flex-end; margin:0 auto;}section.vbs4 .videoAccessInfo img {margin-right:70px}section.vbs4 .videoAccessInfo p {text-align:left;}section.vbs4 button {display:inline-block; margin:0 0 0 15px; vertical-align: middle;} header.financeHero {background:url(/assets/images/finances/hero.jpg) center top no-repeat; background-size: cover;}section.finance1 {background:#EEEEEE; padding:50px 10px 10px 10px; text-align: center; }section.finance1 .padding {width:100%; max-width: 950px; margin: 0 auto;}section.finance1 h2 {font:600 36px Lato,Arial,sans-serif; color: #555; line-height:120%; margin:30px 0 30px 0;} section.finance1 h4 {font:400 23px Lato,Arial,sans-serif; color: #777777; line-height:160%; margin:20px 0; text-align: center;}section.finance1 hr {background:#999999; height:1px; border-width:0; margin:20px auto; width:175px;} section.finance2 {text-align:center; padding:50px 10px; background:#fff;}section.finance2 h2 {font:600 38px "Avenir Next",Arial,sans-serif; color:#555; margin-bottom:80px;}section.finance2 .bargraph {width:90%;} section.finance3 {text-align:center; padding:50px 10px; background:#fff;}section.finance3 h2 {font:600 38px "Avenir Next",Arial,sans-serif; color:#555; margin-bottom:80px;}section.finance3 figure {width:95%; display:flex; margin:0 auto;}section.finance3 .piegraph {width:70%; margin-right: 3%;}section.finance3 .piegraphLegend {width:30%}  header.blogHero {background:url(/assets/images/blog/hero.jpg) center top no-repeat; background-size: cover;} .blogIndexIntro {background:#EFEFEF; overflow:hidden;}.blogIndexIntro h2 {font:600 36px Lato,Arial,sans-serif; color: #555; line-height:120%; margin:30px 0 30px 0;}.blogIndexIntro .padding {width:100%; max-width: 950px; margin: 30px auto; overflow:hidden; text-align: center;} .blogIndexList {margin:50px 20px; text-align: center;}.blogIndexList a {font-family: "Helvetica Neue"; font-size: 20px;}.blogIndexList .padding { width: 100%; max-width: 1200px; margin: 30px auto 100px auto; text-align: left; display: flex; justify-content: space-between; }.blogIndexList h3 { font-family: "Barlow Condensed"; font-weight: bold; font-size: 36px; text-align: left; color: #3d363d; flex-grow: 2; min-width: 30%; text-decoration:none;}.blogIndexList h3 a {text-decoration:none; color:#3d363d; font-size: 36px; line-height: 55px;}.blogIndexList div { font-family: "Helvetica Neue"; font-size: 20px; line-height: 36px; text-align: left; color: #2E2E2E; flex-grow: 1; margin-left: 80px; } @media screen and (max-width:480px){ .blogIndexList .padding { width: 100%; max-width: 1200px; margin: 30px auto 100px auto; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap;} .blogIndexList div {margin-left:0px; }} .blogDetails {margin:50px 20px; text-align: center;}.blogDetails .padding {width:100%; max-width: 950px; margin: 30px auto 100px auto; text-align: left; font-family: "Helvetica Neue";font-size: 20px;line-height: 36px; color: #2E2E2E;}.blogDetails hr {background:#707070; height:1px; border:none;}.blogAuthor {display:flex; margin-top:15px;}.blogAuthor .info {display:flex; font:19px "Barlow Condensed",sans-serif; line-height: 23px; margin-left:15px; justify-content:space-between; width:100%;}.blogAuthor .title {color: #000; flex-grow: 5;}.blogAuthor .title b {color: #454545; display:block; font-weight: 100;}.blogAuthor .date {color:#000;}.otherArticles {display:flex; justify-content:space-between; margin-top:50px;}.otherArticles .article {border:1px solid #333; padding:15px; width:100%; max-width:300px;}.otherArticles .article h4 {font:23px "Barlow Condensed",sans-serif;}.otherArticles .article h4 a {text-decoration:none; color:#000;}.otherArticles .article p {font:16px Lato,sans-serif; color:#707070;}.articleSharing {overflow:hidden; margin-bottom:30px;}.blogDetails .tags {margin: 0 0 15px 0;}.blogDetails .tags a {display:inline-block; padding: 1px 15px; border-radius: 3px; background: #eaf0f6; color: #33475b; margin-left: 0.625rem; }.blogDetails .tags a:link {text-decoration: none; }.socialSharing { padding-top:20px; overflow:hidden;}.socialButton {position: relative; margin: 0; float: left; margin:0 6px 6px 0; height: 31px; width: auto; border-radius: 2px; cursor: pointer; padding: 0 10px 0 35px; line-height: 31px; font-size: 14px; color: #333333; background: #F2F2F2; transition: background 0.3s ease-in-out;}.socialButton:last-child {margin-right:0;}.socialButton:hover {background:#e0e0e0; } .socialButton:active {background:#d6d6d6; } .socialButton::after {content:""; position:absolute; top:6px; left:4px; width:32px; height:26px;}.socialSharing .facebook::after {background:url("/assets/images/global/facebook-color.svg") no-repeat; width:10px; height:20px; top:6px; left:12px;}.socialSharing .reddit {padding: 0 10px 0 40px;}.socialSharing .reddit::after {background:url("/assets/images/global/share-reddit.svg") no-repeat; width:24px; height:20px; top:6px; left:4px;}.socialSharing .twitter {padding: 0 10px 0 35px;}.socialSharing .twitter::after {background:url("/assets/images/global/twitter-color.svg") no-repeat; width:25px; height:20px; top:6px; left:6px;}.socialSharing .digg {padding: 0 10px 0 44px;}.socialSharing .digg::after {background:url("/assets/images/global/digg-submit-2.svg") no-repeat; width:32px; height:19px; top:6px; left:6px;} .socialSharing .pinterest {padding: 0 10px 0 34px;}.socialSharing .pinterest::after {background:url("/assets/images/global/pinterest-logo.svg") no-repeat; width:23px; height:23px; top:4px; left:6px;} .socialSharing .copylink {padding: 0 10px 0 35px; border:none;}.socialSharing .copylink::after {background:url("/assets/images/global/copylink.svg") no-repeat; width:20px; height:20px; top:6px; left:6px;}.socialButton a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .socialSharing .copylink.copied {background:#DFDFDF; } @media screen and (min-width:2000px){ section.water7 {background-size:cover;}} @media screen and (max-width:1810px){ .homeProjects {flex-wrap:wrap;}} @media screen and (max-width:1150px){ section.water3 {display:flex; background:#F5AB00; padding:60px 10px; color: #fff;} section.water3 div h3 {font-size:30px;} section.water5 {display:block; background: #FFFADB; padding:60px 40px} section.water5 .arrow {width:33px; height:56px; text-align: center; margin:30px auto 30px auto;} section.water5 .arrow svg {width:33px; height:56px;} section.water5 div {width:auto;} section.water5 .arrow svg {background:url("images/projects/water/arrow3.svg") no-repeat;} section.about2 {padding:60px 20px; display: block; position: relative} section.about2 figure {margin-bottom:50px;}} @media screen and (max-width:1036px){ section.sponsor2,section.water2 {display:block;} section.sponsor2 .left,section.water2 .left {height:250px; padding:0; width:100%;} section.sponsor2 .right,section.water2 .right {width:auto; padding:42px 45px;} section.water4 {display:block;} section.water4 .right {height:250px; padding:0; width:100%;} section.water4 .left {width:auto; padding:42px 45px;}} @media screen and (max-width:960px){ section.health2 {display:block;} section.health2 .left {width:auto; height:200px;} section.health2 .right {font-size:20px; padding:42px 20px; width:auto;}} @media screen and (max-width:1318px){ header .box {position:unset;} #mainNav {width:260px; background:#fff; position: fixed; height:100%; top:0; right:0; z-index:100; border-top:3px solid var(--action); overflow-y: auto;} #mainNav a {border-bottom:1px solid #ccc; padding:16px 12px; display:block; color:#444; text-align:left; margin:0; background:url(/assets/images/global/chevron-right.svg) right center no-repeat;} #hamMenu {display: block; position:absolute; right: 20px; top:48px; z-index:10; cursor:pointer;} #closeMenu {display:block; margin:8px 0 0 120px; cursor:pointer;} .hide {display:none;}} @media screen and (max-width:850px){ section.sponsor3 {display:flex; background:#F5AB00; padding:60px 20px; color: #fff;} section.sponsor3 div h3 {font-size:35px;} section.water6 {padding:60px 60px; display:block;} section.water6 figure {width:auto; text-align: center; padding:0 15px;} section.water7 {display:block; padding:40px 20px;} section.water7 .left {width:auto;} section.water7 .left img {max-width:285px; width:100%;} section.water7 .right {width:auto; margin:30px 0 0 0; font-size: 24px;} section.water7 .right .button {font-size:22px; margin:10px auto 20px auto;} section.donate5 p {font:400 24px Lato,Arial,sans-serif; color: #222; width:68%; text-align: left; margin:0 0 0 7%;} section.donate5 img {width:25%;} .donateVehicleInfo {display:flex; margin:60px 10% 0 10%;} section.finance2 .bargraph {width:100%;} section.finance3 figure {display:block;} section.finance3 .piegraph {width:100%; margin-right: 0;} section.finance3 .piegraphLegend {width:80%; margin-top:30px}} @media screen and (max-width:695px){ section.water3 {display:block; background:#F5AB00; padding:1px 20px; color: #fff;} section.water3 div {margin:25px 0; width:auto;} section.water3 div h3 {font-size:40px;} section.donate3 ul {margin:20px auto; text-align: left; width:auto; font:300 26px Lato,Arial,sans-serif; color: #fff; list-style-type:disc; padding:0 0 0 10px;} .donateVehicleInfo {display:block; margin:60px 0 0 0;} section.donate5 p {width:auto; margin:0 0 0 0;} section.donate5 img {width:auto; margin:0 15px 30px 0;} section.sponsor6 {padding:60px 15px;}  .homeHero video {display:none;} .homeHero {background:url(/assets/images/home/home-hero-2.jpg) center top no-repeat; background-size: cover;}} @media screen and (max-width:570px){ h1.home {font-size:35px;} h1.home img{margin-top:-35px} section.home1 {font:400 20px Lato,Arial,sans-serif; color: #545454; padding:40px 15px;} section.home2 { display:block; margin:0 auto 0 auto;} .pageFeature {margin:0;} section.home3 {padding:40px 15px 10px 15px;} section.home3 p {flex-grow:1; font-size:25px; align-content:center; margin:2.5% 5px 0 0; width:60%} section.home3 div {flex-grow:1; width:40%;} section.home4 {background:#fff; padding:40px 15px 30px 15px; font:600 34px Lato,Arial,sans-serif; color:#222; } .homeProjects {display:block; color:#fff; margin:40px 0 0 0; justify-content:space-around; text-align:center; width:100%;} .homeProject {width:100%; height:auto; margin:0 0 15px 0;} .homePj {width:100%; height:260px; display:flex; align-items:flex-end; margin:0;} section.home5 {padding:60px 60px 30px 60px; display:block;} section.home5 .left {width:100%;} section.home5 .right {width:100%;} section.home5 .right p {margin:0 0 20px 0;} section.banquetInfo .large {display:none;} section.banquetInfo .small {display:block;} .homeEmailForm {margin:30px auto; text-align: left; width:90%;} .fieldEmail {width:320px;} .fieldName {width:160px; } .formFL {float: none;} section.contact2 {padding:30px 15px; text-align:center;} section.contact3 {padding:50px 15px; display:block;} section.contact3 h2 {font-size:25px;} section.contact3 h3 {font-size:18px; margin:0 0 30px 0;} section.contact3 .left,section.contact3 .right {width:auto;} section.health3 {padding: 40px 15px;} h1.subH1 {font-size:65px;} section.projects4 img,section.projects6 img {width:130px; height: 130px; top:-65px; left:50%; margin:0 0 0 -65px;} section.projects4sm,section.projects6sm {display:block; overflow: hidden;} section.projects4sm div,section.projects6sm div {width:auto;} #madiHide,#survivalHide {display: none; } section.projects4 {background:url(/assets/images/projects/projects-women-madi.jpg) left center no-repeat; background-size: cover;} section.projects4sm {background:url(/assets/images/projects/projects-women-madi.jpg) right center no-repeat; background-size: cover;} section.projects6 {background:url(/assets/images/projects/projects-survival-health.jpg) left center no-repeat; background-size: cover;} section.projects6sm {background:url(/assets/images/projects/projects-survival-health.jpg) right center no-repeat; background-size: cover;} section.sponsor2 .right,section.water2 .right,section.water4 .left {width:auto; padding:42px 20px; font-size:23px;} section.water6 {padding:60px 15px;} section.donate2 p {font-size:20px; margin:45px 20px;} section.sponsor4 {padding:40px 10px;} section.sponsor4 .videoHD .caption {font:300 18px Lato,Arial,sans-serif; margin:12px} section.disaster2 {min-height:345px; background-size:100%;} section.disaster2 .bookInfoBox {width:auto; max-width:430px; margin:85px 10px 0 10px; float:none; padding:10px 10px 10px 10px;} section.disaster2 .bookInfoBox h2 {font:600 25px Lato,Arial,sans-serif; color: #fff;} section.disaster2 .bookInfoBox h3 {font:600 30px Lato,Arial,sans-serif; color: #fff;} section.disaster2 .bookInfoBox p {font:600 20px Lato,Arial,sans-serif; color: #fff;} section.vbs4 .videoAccessInfo {display:block; margin:40px auto;} section.vbs4 .videoAccessInfo img {margin-right:0} section.about4 .padding {text-align: left; margin:0px auto 0 auto; width:auto; max-width:950px; font:300 19px Lato,Arial,sans-serif; display:block; padding:0 15px;} section.about4 h2 {flex-grow:1; min-width:220px; margin-left:10px;} section.about4 ul {list-style:none; flex-grow:3; margin:20px 0 0 10px;} section.about4 ul > li {margin:0 0 20px 0px;}} @media screen and (max-width:475px){ section.sponsor3 {display:block; background:#F5AB00; padding:1px 20px; color: #fff;} section.sponsor3 div {margin:25px 0; width:auto;} section.sponsor3 div h3 {font-size:60px;} section.water7 {background:#D9CFBD;} } footer {background:#444444; text-align: center; padding:40px 0; color:#fff; font:500 17px Lato,Arial,sans-serif;}footer hr {background:#fff; height:2px; border-width:0; width:100%; max-width:350px; margin:20px auto;}footer .facebook {display:inline-block; background:url(/assets/images/icon-facebook.svg) no-repeat; width:14px; height:26px; margin:0 15px 0 0;}footer .google {display:inline-block; background:url(/assets/images/icon-google.svg) no-repeat; width:44px; height:26px; margin:0 15px 0 0;}footer .youtube {display:inline-block; background:url(/assets/images/YouTube-Logo.svg) no-repeat; width:60.66px; height:26px; margin:0 15px 0 0;}footer .twitter {display:inline-block; background:url(/assets/images/twitter-logo.svg) no-repeat; width:32px; height:26px; margin:0 15px 0 0;}footer .email {display:inline-block; background:url(/assets/images/icon-email.svg) no-repeat; width:43px; height:26px; margin:0 15px 0 0;}footer .copyright {margin:30px 0;}footer a:link {color:#fff;}footer a:visited {color:#fff;}footer a:hover {color:#fff;}