@charset "UTF-8";
/*---- Mixins -----*/
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-ms-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-o-keyframes $name { from { -webkit-transform: scale(0); }
  to { -webkit-transform: scale(1); } }
@-moz-keyframes $name { from { -webkit-transform: scale(0); }
  to { -webkit-transform: scale(1); } }
@-webkit-keyframes $name { from { -webkit-transform: scale(0); }
  to { -webkit-transform: scale(1); } }
@-keyframes $name { from { -webkit-transform: scale(0); }
  to { -webkit-transform: scale(1); } }
/*---------------- Media Queries ----------------*/
::selection { background: #087038; color: #fff; }
.bg-green ::selection { background: #06582c; }

::-moz-selection { background: #087038; color: #fff; }
.bg-green ::-moz-selection { background: #06582c; }

.donate.region-in #where.form-group { display: none; }

body.region-ie-us-only { display: none; }
body.region-ie-us-only header.global li.region-in-only, body.region-ie-us-only .region-in-only { display: none; }
body.region-ie-us-only header.global li.region-ie-only, body.region-ie-us-only header.global li.region-us-only { display: inline-block; }
body.region-ie-us-only .region-ie-only, body.region-ie-us-only .region-us-only { display: block; }
body.region-ie-us-only .region-ie-only.button, body.region-ie-us-only .region-us-only.button { display: inline-block; }
body.region-ie-us-only .region-ie-hide, body.region-ie-us-only .region-us-hide { display: none; }

body.region-default header.global li.region-us-only-only, body.region-default header.global li.region-in-only, body.region-default header.global li.region-ie-only, body.region-default .region-us-only, body.region-default .region-in-only, body.region-default .region-ie-only { display: none; }
body.region-default header.global li.region-default-only { display: inline-block; }
body.region-default .region-default-only { display: block; }
body.region-default .region-default-only.button { display: inline-block; }
body.region-default .region-default-hide { display: none; }

body.region-us header.global li.region-default-only, body.region-us header.global li.region-in-only, body.region-us header.global li.region-ie-only, body.region-us .region-default-only, body.region-us .region-in-only, body.region-us .region-ie-only { display: none; }
body.region-us header.global li.region-us-only { display: inline-block; }
body.region-us .region-us-only { display: block; }
body.region-us .region-us-only.button { display: inline-block; }
body.region-us .region-us-hide { display: none; }

body.region-in header.global li.region-default-only, body.region-in header.global li.region-ie-us-only, body.region-in header.global li.region-us-only, body.region-in header.global li.region-ie-only, body.region-in .region-default-only, body.region-in .region-us-only, body.region-in .region-ie-only { display: none; }
body.region-in header.global li.region-in-only { display: inline-block; }
body.region-in .region-in-only { display: block; }
body.region-in .region-in-only.button { display: inline-block; }
body.region-in .region-in-hide { display: none; }

body.region-ie header.global li.region-default-only, body.region-ie header.global li.region-us-only, body.region-ie header.global li.region-in-only, body.region-ie .region-default-only, body.region-ie .region-us-only, body.region-ie .region-in-only { display: none; }
body.region-ie header.global li.region-ie-only { display: inline-block; }
body.region-ie .region-ie-only { display: block; }
body.region-ie .region-ie-only.button { display: inline-block; }
body.region-ie .region-ie-hide { display: none; }

.clearfix:after, .foot-container:after, #global-supported-by:after, #supp-nav:after, #social-networks:after, .programs-in-country:after { content: ""; width: 100%; height: 0; display: block; clear: both; }

.circle { -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -ms-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.has-shadow { box-shadow: 0 2px 3px #ccc; box-shadow: 0 0.2rem 0.3rem #ccc; }

.box-shadow { -webkit-box-shadow: 0px 2px 3px rgba(138, 133, 127, 0.3); -moz-box-shadow: 0px 2px 3px rgba(138, 133, 127, 0.3); box-shadow: 0px 2px 3px rgba(138, 133, 127, 0.3); }

.aa { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.v-wrapper { display: table; height: 100%; width: 100%; }
.v-wrapper .v-inner { display: table-cell; height: 100%; vertical-align: middle; }

.hidden, [hidden] { display: none; }

.banner { display: block; width: 100%; height: auto; padding: 150px 0 100px; position: relative; }
.banner.background-india { background: url(../img/banner-india.jpg) center right no-repeat; background-size: cover; }
.banner.background-ethopia { background: url(../img/banner-ethiopia.jpg) center right no-repeat; background-size: cover; }
@media only screen and (min-width: 981px) { .banner { height: 90%; min-height: 600px; padding: 0; } }
.banner > div { position: relative; z-index: 2; }
.banner:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.7; z-index: 1; }
@media only screen and (min-width: 981px) { .banner:before { opacity: 0; } }
.banner .wrapper { margin: 0 auto; float: none; width: 100%; max-width: 1100px; text-align: center; position: relative; top: 30px; opacity: 0; -webkit-transition: top 0.7s ease, opacity 0.7s ease; -moz-transition: top 0.7s ease, opacity 0.7s ease; transition: top 0.7s ease, opacity 0.7s ease; }
.banner h1 { color: #fff; font-family: "Champion-HTF-Featherweight",helvetica,arial,sans-serif; font-size: 40px; }
@media only screen and (min-width: 981px) { .banner h1 { font-size: 60px; } }
.banner h2 { color: #fff; font-family: "AvenirNextLTPro-Bold",Helvetica,Arial,sans-serif; font-size: 18px; margin: 0 0 30px 0; }
@media only screen and (min-width: 981px) { .banner h2 { font-size: 24px; } }
.banner .button { display: inline-block; float: none; }
.banner.play .wrapper { top: 0; opacity: 1; }

.container { display: block; width: 100%; position: relative; }
.container.euro-sweepstakes { display: block; width: 100%; height: 300px; background: url(../img/bg-sweepstakes-lg.jpg) center center no-repeat; }
.container.euro-sweepstakes h2 { display: block; width: 232px; height: 166px; position: absolute; top: 50%; left: 50%; margin: -83px 0 0 -116px; background: url(../img/sweepstakes-logo.png) 0 0 no-repeat; background-size: contain; overflow: hidden; white-space: nowrap; text-indent: 110%; }

.volunteer-thank-you #callout { height: 300px; margin: 50px 0 0 0; }
.volunteer-thank-you .full.newsletter-bottom { margin: 0; }
.volunteer-thank-you .full.grey { padding: 80px 0; text-align: center; background: #f2f2f2; }
.volunteer-thank-you .full.grey .wrap { width: 640px; }
.volunteer-thank-you .full.grey p { font-size: 16px; }
.volunteer-thank-you .full.grey p.intro { font-family: "AvenirNextLTPro-Bold",helvetica,arial,sans-serif; font-size: 22px; }

.four-grid .box { position: relative; }
.four-grid .box:before { content: ""; display: block; width: auto; height: auto; left: 5px; right: 5px; top: 5px; bottom: 5px; background: #000; position: absolute; opacity: 0.25; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.four-grid .box:hover:before { opacity: 0; }
.four-grid h2 { color: #d91319; }

p.caption { text-transform: uppercase; margin: 0; padding: 5px 0 0 0; font-size: 10px; color: #333; }

.body-text h2 { font-family: "AvenirNextLTPro-Demi"; font-weight: normal; font-size: 28px; margin: 0; padding: 30px 0 10px 0; margin: 0; color: #333; text-transform: uppercase; clear: both; }
.body-text h2:first-child { padding-top: 0; }
.body-text h3 { font-family: "AvenirNextLTPro-Demi"; font-weight: normal; font-size: 16px; margin: 0; padding: 30px 0 10px 0; color: #333; text-transform: capitalize; clear: both; }

p a { color: #99cc00; }
p a:hover { color: #739900; }

p a { color: #99cc00; }

.call-to-action { margin: 30px auto 0; background: #f3f3f3; max-width: 1070px; padding: 35px 25px; text-align: center; }
.call-to-action p { text-transform: uppercase; font-size: 18px; font-family: "AvenirNextLTPro-Demi"; margin: 0 0 15px 0; }
.call-to-action .button { background: #99cc00; border-radius: 0; text-transform: uppercase; margin-bottom: 0; padding: 16px 20px 14px; font-size: 16px; }

.slick-slide { font-size: 0; overflow: hidden; }
.slick-slide img { vertical-align: bottom; }
.slick-slide:hover .content-caption { bottom: -100%; opacity: 0; }

.content-caption { position: absolute; left: 15px; right: 15px; bottom: 0; height: auto; width: auto; background: rgba(0, 0, 0, 0.6); padding: 10px 25px; z-index: 1000; opacity: 1; transition: bottom 0.75s ease, opacity 0.75s ease; }
@media only screen and (min-width: 768px) { .content-caption { left: 50px; right: 50px; } }
.content-caption p { color: #fff; margin: 0; padding: 0; }
.slick-slide.content .content-caption p { color: #fff; text-align: left; margin: 0; padding: 0; line-height: normal; }

.notification-box { background: #fffde0; border: 1px solid #939597; clear: both; display: block; margin: 40px auto 0; max-width: 100%; padding: 30px; width: 570px; }
.notification-box p { margin: 0; padding: 0; }

/*--- Fonts ---*/
@font-face { font-family: "Champion-HTF-Featherweight"; src: url("../fonts/Champion-HTF-Featherweight.eot"); src: url("../fonts/Champion-HTF-Featherweight.eot?#iefix") format("embedded-opentype"), url("../fonts/Champion-HTF-Featherweight.woff") format("woff"), url("../fonts/Champion-HTF-Featherweight.ttf") format("truetype"), url("../fonts/Champion-HTF-Featherweight.svg#Champion-HTF-Featherweight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "AvenirNextLTPro-Regular"; src: url("../fonts/AvenirNextLTPro-Regular.eot"); src: url("../fonts/AvenirNextLTPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNextLTPro-Regular.woff") format("woff"), url("../fonts/AvenirNextLTPro-Regular.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "AvenirNextLTPro-Demi"; src: url("../fonts/AvenirNextLTPro-Demi.eot"); src: url("../fonts/AvenirNextLTPro-Demi.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNextLTPro-Demi.woff") format("woff"), url("../fonts/AvenirNextLTPro-Demi.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "AvenirNextLTPro-Bold"; src: url("../fonts/AvenirNextLTPro-Bold.eot"); src: url("../fonts/AvenirNextLTPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNextLTPro-Bold.woff") format("woff"), url("../fonts/AvenirNextLTPro-Bold.ttf") format("truetype"), url("../fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold") format("svg"); font-weight: normal; font-style: normal; }
/*--- Icon Font ---*/
@font-face { font-family: 'goal'; src: url("../fonts/goal.eot?-v1ip62"); src: url("../fonts/goal.eot?#iefix-v1ip62") format("embedded-opentype"), url("../fonts/goal.woff?-v1ip62") format("woff"), url("../fonts/goal.ttf?-v1ip62") format("truetype"), url("../fonts/goal.svg?-v1ip62#goal") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'goal'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-arrow-down:before, .selectwrap:before { content: "\e600"; }

.icon-arrow-left:before { content: "\e601"; }

.icon-arrow-right:before { content: "\e602"; }

.icon-arrow-up:before { content: "\e603"; }

.icon-envelope:before { content: "\e604"; }

.icon-circle-facebook:before { content: "\e605"; }

.icon-circle-flickr:before { content: "\e606"; }

.icon-circle-google-plus:before { content: "\e607"; }

.icon-circle-instagram:before { content: "\e608"; }

.icon-circle-twitter:before { content: "\e609"; }

.icon-circle-youtube:before { content: "\e60a"; }

.icon-arrow-filter:before { content: "\e60b"; }

.icon-plus:before { content: "\e60e"; }

.icon-lines:before { content: "\e60f"; }

.icon-awards:before { content: "\e610"; }

.icon-milestone:before { content: "\e611"; }

.icon-facebook:before { content: "\ea90"; }

.icon-instagram:before { content: "\ea92"; }

.icon-twitter:before { content: "\ea96"; }

.icon-youtube:before { content: "\ea9d"; }

.icon-linkedin:before { content: "\eaca"; }

.icon-pinterest:before { content: "\ead1"; }

/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

html, body { height: 100%; }

body { overflow-x: hidden; }

body { background: #ffffff; font-family: "AvenirNextLTPro-Demi", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #939597; position: relative; -webkit-font-smoothing: antialiased; }

/* Links ---------------------- */
a img { border: none; }

a { color: #999999; text-decoration: none; line-height: inherit; }

a:hover { color: #8c8c8c; }

a:focus { color: #8c8c8c; }

p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */
.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.hide { display: none; }

.hide-override { display: none !important; }

.highlight { background: #ffff99; }

#googlemap img, object, embed { max-width: none; }

#map_canvas embed { max-width: none; }

#map_canvas img { max-width: none; }

#map_canvas object { max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 14px; direction: ltr; }

p { font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.4; margin-bottom: 17px; }

p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }

aside p { font-size: 13px; line-height: 1.35; font-style: italic; }

.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-weight: bold; background: #ffff99; }

/* Lists ---------------------- */
ul, ol, dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }

ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }

ul.square, ul.circle, ul.disc { margin-left: 17px; }

ul.square { list-style-type: square; }

ul.square li ul { list-style: inherit; }

ul.circle { list-style-type: circle; }

ul.circle li ul { list-style: inherit; }

ul.disc { list-style-type: disc; }

ul.disc li ul { list-style: inherit; }

ul.no-bullet { list-style: none; }

ul.large li { line-height: 21px; }

ol { margin-left: 20px; }

ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #6f6f6f; }

blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #dddddd; }

blockquote cite { display: block; font-size: 13px; color: #555555; }

blockquote cite:before { content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited { color: #555555; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #dddddd; cursor: help; }

abbr { text-transform: none; }

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; } }
/* Requires globals.css */
/* Standard Forms ---------------------- */
form { margin: 0 0 19.41641px; }

.row form .row { margin: 0 -6px; }

.row form .row .column, .row form .row .columns { padding: 0 6px; }

.row form .row.collapse { margin: 0; }

.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }

label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }

label.right { float: none; text-align: right; }

label.inline { line-height: 32px; margin: 0 0 12px 0; }

.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }

a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }

span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }

.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }

.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }

input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

textarea { height: auto; }

select { width: 100%; }

/* Fieldsets */
fieldset { border: solid 1px #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px; margin: 18px 0; }

fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }

/* Errors */
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { outline-color: #f5797c; }

.error label, label.error { color: #c60f13; }

.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 28px; } }
.lt-ie9 form.custom div.custom.dropdown a.selector { height: 28px; }

/* The Grid ---------------------- */
.row { width: 1200px; max-width: 100%; min-width: 768px; margin: 0 auto; }

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }

.row.collapse .column, .row.collapse .columns { padding: 0; }

.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }

.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }

.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

img { height: auto; }

img, object, embed { max-width: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none !important; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

/* Normal Buttons ---------------------- */
.button { width: auto; background: #999999; border: 1px solid #737373; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: normal; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }

.button:hover, .button:focus { color: white; background-color: gray; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; }

@media only screen and (max-width: 767px) { /* Global Misc --- */
  /*                 */
  .left, .right { float: none; }
  body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  /* The Grid --- */
  /*              */
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  /* Forms --- */
  /*           */
  /* Label alignment */
  label.right { text-align: left; }
  /* Extend width of all inputs */
  input[type="text"].one, .row input[type="text"].one, input[type="password"].one, .row input[type="password"].one, input[type="date"].one, .row input[type="date"].one, input[type="datetime"].one, .row input[type="datetime"].one, input[type="email"].one, .row input[type="email"].one, input[type="number"].one, .row input[type="number"].one, input[type="search"].one, .row input[type="search"].one, input[type="tel"].one, .row input[type="tel"].one, input[type="time"].one, .row input[type="time"].one, input[type="url"].one, .row input[type="url"].one, textarea.one, .row textarea.one { width: 100% !important; }
  input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two { width: 100% !important; }
  input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three { width: 100% !important; }
  input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four { width: 100% !important; }
  input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five { width: 100% !important; }
  input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six { width: 100% !important; }
  input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven { width: 100% !important; }
  input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight { width: 100% !important; }
  input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine { width: 100% !important; }
  input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten { width: 100% !important; }
  input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven { width: 100% !important; }
  input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve { width: 100% !important; }
  input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } }
@media (max-width: 980px) { .hidden-on-mobile { display: none !important; visibility: hidden !important; } }
.button { font-family: "AvenirNextLTPro-Bold", Helvetica, Arial, sans-serif; background: #087038; color: #ffffff; border: 0; min-height: 40px; padding: 14px 15px 12px; line-height: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.button:hover { background: #A6CE38; }
@media (max-width: 767px) { .button { padding: 12px 10px; font-size: 12px; min-height: 15px; } }

.button-wrap-two { max-width: 100%; width: 100%; float: left; }
.button-wrap-two .button { margin: 0 30px; background: #A6CE38; }
@media (max-width: 767px) { .button-wrap-two .button { margin: 0 10px; } }
.button-wrap-two .button:hover { background: #087038; }

.index #map-section { margin-bottom: 0px; }
.index #for-touch { width: 100%; height: 100%; float: left; background-size: cover; background-position: center center; display: none; }

.gm-home-banner { background: url(/assets/goal/img/homepage-banner-gm.jpg) top center no-repeat; background-size: cover; height: 60%; min-height: 500px; margin: 55px 0 70px 0; position: relative; font-size: 0; display: block; text-align: center; }
@media only screen and (min-width: 1024px) { .gm-home-banner { height: 80%; padding: 80px 0; text-align: left; } }
.gm-home-banner:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; opacity: 0.6; width: 100%; height: 400px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #176f3b 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #176f3b 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #176f3b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#176f3b',GradientType=0 ); }
.gm-home-banner .xsmall-12 { width: 100%; }
.gm-home-banner h1, .gm-home-banner p { font-family: "AvenirNextLTPro-Bold"; text-transform: uppercase; color: #fff; line-height: 1; }
.gm-home-banner h1 { font-size: 50px; padding: 0; margin: 0; }
@media only screen and (min-width: 640px) { .gm-home-banner h1 { font-size: 80px; } }
@media only screen and (min-width: 768px) { .gm-home-banner h1 { font-size: 120px; } }
.gm-home-banner p { font-size: 20px; padding: 0; margin: 0; }
@media only screen and (min-width: 640px) { .gm-home-banner p { font-size: 30px; } }
@media only screen and (min-width: 1024px) { .gm-home-banner p br { display: none; } }
.gm-home-banner em.button { font-style: normal; background: #99cc00; font-size: 18px; height: 46px; line-height: 51px; padding: 0 30px; margin: 20px 0 0 0; }
@media only screen and (min-width: 1024px) { .gm-home-banner em.button { position: relative; left: 131px; top: -4px; margin: 0; } }
.gm-home-banner em.button:hover { background: #739900; }
.gm-home-banner .row { position: absolute; z-index: 2; left: 0; right: 0; bottom: 60px; }
@media only screen and (min-width: 768px) { .gm-home-banner .row { bottom: 80px; } }
@media only screen and (min-width: 1024px) { .gm-home-banner span { display: inline-block; position: relative; }
  .gm-home-banner span:after { content: ""; display: block; width: 186px; height: 320px; opacity: 1; background: url(/assets/goal/img/logo-goal-mile.svg) center bottom no-repeat; background-size: cover; position: absolute; top: 5px; left: 0; margin: 0 0 0 -90px; } }

.gambella-appeal-banner { background: url(../img/homepage-banner-gm.jpg) bottom center no-repeat; background-size: cover; position: relative; text-align: center; height: 400px; width: 100%; display: block; margin: 55px 0 0 0; padding: 0; }
@media only screen and (min-width: 640px) { .gambella-appeal-banner { height: 600px; } }
.gambella-appeal-banner h1, .gambella-appeal-banner p { color: #fff; }
.gambella-appeal-banner h1 { font-family: "AvenirNextLTPro-Demi"; background: rgba(29, 110, 61, 0.95); max-width: 100%; padding: 15px; margin: 0 0 25px 0; font-size: 16px; width: 100%; }
@media only screen and (min-width: 640px) { .gambella-appeal-banner h1 { width: 80%; display: inline-block; padding: 25px; } }
@media only screen and (min-width: 768px) { .gambella-appeal-banner h1 { font-size: 28px; width: 60%; } }
.gambella-appeal-banner h1 a { color: #A6CE38; transition: color 0.3s ease; }
.gambella-appeal-banner h1 a:hover { color: #87a92a; }
.gambella-appeal-banner .appeal-container { display: block; width: 1200px; max-width: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 25px; padding: 25px; }
@media only screen and (min-width: 640px) { .gambella-appeal-banner .appeal-container { padding: 0; bottom: 50px; } }
.gambella-appeal-banner .button { background: #A6CE38; font-size: 16px; margin: 0 0 25px 0; }
@media only screen and (min-width: 768px) { .gambella-appeal-banner .button { font-weight: 18px; } }
.gambella-appeal-banner .button:hover { background: #87a92a; }
.gambella-appeal-banner p { margin: 0; padding: 0 25px; font-size: 18px; font-family: "AvenirNextLTPro-Demi"; }
.gambella-appeal-banner p a { text-transform: uppercase; color: #fff; transition: color 0.3s ease; }
.gambella-appeal-banner p a:hover { color: #A6CE38; }

header.global { display: block; width: 100%; left: 0; right: 0; top: 0; position: fixed; z-index: 9998; background: #fff; height: 56px; margin: 0; overflow: visible; padding: 0 200px 0 55px; border-bottom: 1px solid #f1f1f1; }
@media only screen and (min-width: 1024px) { header.global { padding: 0 145px; } }
header.global a { display: block; text-transform: uppercase; }
header.global > a { height: 55px; line-height: 58px; text-align: center; color: #fff; position: absolute; top: 0; z-index: 9999; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
header.global > a#logo, header.global > a#mobile-nav { background-color: #1d6e3d; width: 55px; }
header.global > a#logo:hover, header.global > a#mobile-nav:hover { background-color: #228248; }
header.global > a#logo { left: 0; background: url(../img/goal-globe.svg) center center no-repeat #1d6e3d; background-size: 35px 33px; }
@media only screen and (min-width: 1024px) { header.global > a#logo { width: 145px; background: url(../img/goal-logo.svg) center center no-repeat #1d6e3d; background-size: 114px 31px; } }
header.global > a#action { background: #99cc00; width: 145px; font-family: "AvenirNextLTPro-Demi"; font-size: 18px; right: 55px; }
@media only screen and (min-width: 1024px) { header.global > a#action { right: 0; } }
header.global > a#action:hover { background: #ace600; }
header.global > a#mobile-nav { right: 0; }
@media only screen and (min-width: 1024px) { header.global > a#mobile-nav { display: none; } }
header.global > a#mobile-nav:before { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; text-align: center; line-height: 56px; font-size: 18px; }
header.global #navigation-container { position: fixed; z-index: 9997; background: #fff; display: block; width: 100%; height: 100%; text-align: center; left: 0; right: 0; top: -100%; opacity: 0; padding: 55px 0 0 0; -webkit-transition: opacity 0.3s ease, top 0.3s ease; -moz-transition: opacity 0.3s ease, top 0.3s ease; transition: opacity 0.3s ease, top 0.3s ease; }
header.global #navigation-container .v-wrapper { border-top: 1px solid #f1f1f1; }
@media only screen and (min-width: 1024px) { header.global #navigation-container { position: relative; left: inherit; right: inherit; top: inherit; opacity: 1; padding: 0; }
  header.global #navigation-container .v-wrapper { border-top: none; }
  header.global #navigation-container .v-wrapper, header.global #navigation-container .v-inner { display: block; width: auto; height: auto; } }
header.global #navigation-container.active { opacity: 1; top: 0; }
header.global li { display: block; width: 100%; font-family: "AvenirNextLTPro-Regular"; }
@media only screen and (min-width: 1024px) { header.global li { display: inline-block; width: auto; margin: 0; padding: 0; } }

.main-menu { display: block; padding: 0; margin: 0; }
@media only screen and (min-width: 1024px) { .main-menu { background: #fff; } }
.main-menu li { font-size: 18px; }
@media only screen and (min-width: 1024px) { .main-menu li { font-size: 16px; margin: 0 10px; }
  .main-menu li:hover a:before { height: 5px; }
  .main-menu li:hover ul.sub-nav { top: 55px; } }
.main-menu > li > a { color: #1d6e3d; position: relative; padding: 12px 25px; }
.main-menu > li > a:before { content: ""; position: absolute; left: 0; right: 0; width: auto; height: 0; background: #99cc00; bottom: 0; -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; transition: height 0.2s ease; margin: 0 auto; max-width: 240px; }
.main-menu > li > a.active:before { height: 2px; }
@media only screen and (min-width: 1024px) { .main-menu > li > a { padding: 0 15px; display: block; height: 55px; line-height: 55px; }
  .main-menu > li > a:hover:before { height: 5px; } }
@media only screen and (min-width: 1240px) { .main-menu > li > a { padding: 0 25px; } }

ul.sub-nav { display: none; padding: 10px 20px; max-width: 240px; margin: 0 auto 10px; border-bottom: 2px solid #f1f1f1; }
@media only screen and (min-width: 1024px) { ul.sub-nav { display: block; position: fixed; z-index: -1; padding: 0; left: 0; right: 0; top: 0; background: #F1F1F1; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; transition: top 0.3s ease; max-width: none; margin: 0; border-bottom: none; }
  ul.sub-nav:after { content: ""; position: absolute; left: 0; right: 0; bottom: -50px; height: 50px; background: transparent; display: none; width: 100%; }
  ul.sub-nav:hover:after { display: block; } }
ul.sub-nav li { font-size: 14px; }
@media only screen and (min-width: 1024px) { ul.sub-nav li { font-size: 16px; } }
ul.sub-nav a { color: #4A4A4A; padding: 7px 25px; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; }
@media only screen and (min-width: 1024px) { ul.sub-nav a { padding: 0 25px; display: block; height: 55px; line-height: 55px; } }
ul.sub-nav a:hover { color: #99cc00; }

#mobile-social-networks { display: none; }
@media only screen and (min-height: 620px) and (max-width: 1023px) { #mobile-social-networks { display: block; padding: 30px 0 0 0; }
  #mobile-social-networks ul { margin: 0; padding: 0; text-align: center; }
  #mobile-social-networks li { margin: 0 5px; padding: 0; display: inline-block; width: auto; }
  #mobile-social-networks [class^="icon-"], #mobile-social-networks [class*=" icon-"] { display: block; position: relative; width: 40px; height: 40px; }
  #mobile-social-networks [class^="icon-"]:before, #mobile-social-networks [class*=" icon-"]:before { display: block; left: 0; right: 0; width: 40px; height: 40px; font-size: 25px; line-height: 40px; text-align: center; }
  #mobile-social-networks a { display: block; width: 40px; height: 40px; color: #232223; }
  #mobile-social-networks .icon-pinterest::before { -webkit-transform: scale(1.18); -moz-transform: scale(1.18); transform: scale(1.18); } }

input[type="text"], input[type="search"], input[type="email"], input[type="name"], textarea { -webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; transition: border-color 0.3s ease; }
input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="name"]:focus, textarea:focus { border-color: #087038; }

.selectwrap { display: block; width: 100%; height: auto; overflow: hidden; border: 1px solid #ccc; margin: 0 0 12px; background: #fff; position: relative; }
.selectwrap:before { font-family: 'goal'; position: absolute; right: 0; top: 50%; color: #ccc; z-index: 1; font-size: 8px; display: block; width: 30px; height: 30px; line-height: 30px; margin: -15px 0 0 0; text-align: center; }
.selectwrap select { display: block; color: rgba(0, 0, 0, 0.75); width: 110%; background: transparent; border: none; outline: none; border-radius: 0; font-size: 14px; height: 32px; padding: 6px; position: relative; z-index: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.selectwrap select:focus { outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.foot-container { display: block; margin: 0 auto; width: 100%; max-width: 1100px; padding: 0 25px; position: relative; }

#global-supported-by { background: #f3f3f3; padding: 45px 0 30px; margin: 0; clear: both; }
@media only screen and (min-width: 1024px) { #global-supported-by { padding: 45px; } }
#global-supported-by p { text-transform: uppercase; font-size: 12px; color: #4A4A4A; padding: 0 0 15px 0; margin: 0; text-align: center; }
@media only screen and (min-width: 1024px) { #global-supported-by p { margin: 0; float: left; display: block; height: 45px; line-height: 54px; text-align: left; } }
#global-supported-by ul { padding: 0; margin: 0; text-align: center; }
@media only screen and (min-width: 1024px) { #global-supported-by ul { text-align: left; float: right; } }
#global-supported-by li { display: inline-block; padding: 0; margin: 15px; }
@media only screen and (min-width: 1024px) { #global-supported-by li { display: block; margin: 0 0 0 60px; float: left; } }
#global-supported-by img { display: block; margin: 0; padding: 0; }

#footer-nav { background: #fff; padding: 35px 0; margin: 0; }
#footer-nav a { color: #232223; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; }
#footer-nav a:hover { color: #99cc00; }
@media only screen and (min-width: 1024px) { #footer-nav .foot-container { padding-right: 400px; } }

#supp-nav { padding: 0; margin: 0; text-align: center; }
@media only screen and (min-width: 1024px) { #supp-nav { float: left; text-align: left; } }
#supp-nav li { font-size: 12px; text-transform: uppercase; padding: 5px; margin: 0; display: inline-block; }
@media only screen and (min-width: 1024px) { #supp-nav li { padding: 0; margin: 0 25px 0 0; float: left; display: inline; } }
#supp-nav a { display: block; padding: 10px 0; }

#social-networks { display: block; text-align: center; padding: 30px 0 0 0; }
@media only screen and (min-width: 1024px) { #social-networks { text-align: left; right: 25px; top: 50%; position: absolute; padding: 0; margin: -20px 0 0 0; } }
#social-networks li { margin: 0 5px; padding: 0; display: inline-block; }
@media only screen and (min-width: 1024px) { #social-networks li { margin: 0 10px; } }
@media only screen and (min-width: 1024px) { #social-networks li { float: left; padding: 0; margin: 0 0 0 20px; display: block; }
  #social-networks li:first-of-type { margin: 0; } }
#social-networks [class^="icon-"], #social-networks [class*=" icon-"] { display: block; position: relative; width: 40px; height: 40px; }
#social-networks [class^="icon-"]:before, #social-networks [class*=" icon-"]:before { display: block; left: 0; right: 0; width: 40px; height: 40px; font-size: 25px; line-height: 40px; text-align: center; }
#social-networks a { display: block; width: 40px; height: 40px; }
#social-networks .icon-pinterest::before { -webkit-transform: scale(1.18); -moz-transform: scale(1.18); transform: scale(1.18); }

footer.global { background: #232223; text-align: center; padding: 40px 0; margin: 0; }
footer.global p { margin: 0; padding: 5px 0; font-size: 12px; line-height: 1.5; color: #fff; }
footer.global a { color: #fff; }
footer.global p, footer.global .nontel { color: #fff; cursor: default; }
footer.global a:not(.nontel) { border-bottom: 1px solid #fff; }

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #999999; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }

h1 { font-size: 44px; }

h2 { font-size: 37px; }

h3 { font-size: 32px; }

h4 { font-size: 25px; }

h5 { font-size: 17px; }

h6 { font-size: 14px; }

hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

h1.page-title { color: #939597; text-align: center; border-width: 2px 0 2px 0; border-color: #939597; border-style: solid; width: 100%; margin: 50px auto; padding: 12px 0 0 0; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-transform: uppercase; font-size: 37px; }

h4.page-title { color: #939597; text-align: center; border-width: 2px 0 2px 0; border-color: #939597; border-style: solid; width: 100%; margin: 50px auto; padding: 12px 0 5px 0; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-transform: uppercase; }

.page-title.seamless { margin-bottom: 0; }

/*--- Callouts ---*/
#callout { height: 600px; float: left; width: 100%; max-width: 100%; position: relative; background-size: cover; background-position: center center; margin-top: 40px; }
.index #callout .v-wrapper.text-container { text-align: center; padding: 0 25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,ffffff+100&0+50,1+100 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
.index #callout .button { margin: 30px 0 0 0; background: #99cc00; font-size: 18px; }
.index #callout .button:hover { background: #86b300; }
.index #callout .button span { display: none; }
@media screen and (min-width: 767px) { .index #callout .button span { display: inline; } }
.index #callout .bg-container { position: relative; }
.index #callout .accred { position: absolute; bottom: 25px; right: 25px; left: 25px; width: auto; text-transform: uppercase; font-size: 10px; color: #333; margin: 0; font-family: "AvenirNextLTPro-Demi"; text-align: center; }
@media screen and (min-width: 767px) { .index #callout .accred { font-size: 12px; text-align: right; } }
@media (max-width: 1500px) { #callout { background-position: center center; height: 500px; } }
@media (max-width: 580px) { #callout { height: 300px; } }
#callout #video-wrap { width: 100%; max-width: 100%; height: 100%; min-height: 100%; overflow: hidden; }
@media (max-width: 580px) { #callout #video-wrap { display: none; } }
#callout #for-touch { width: 100%; height: 100%; float: left; background-size: cover; background-position: center center; display: none; }
@media (max-width: 580px) { #callout #for-touch { display: block; } }
#callout .box { width: 100%; max-width: 100%; position: absolute; height: 600px; top: 0px; left: 0px; right: 0px; text-align: center; display: table; }
@media (max-width: 1500px) { #callout .box { height: 500px; } }
@media (max-width: 580px) { #callout .box { height: 300px; padding: 60px 30px 40px 30px; } }
#callout .box .image-wrap { width: 100%; max-width: 100%; display: table-cell; vertical-align: middle; position: relative; }
@media (max-width: 580px) { #callout .box .image-wrap { height: auto; } }
#callout .box .image-wrap p { color: #ffffff; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; margin: 10px 0; font-size: 16px; }
@media (max-width: 767px) { #callout .box .image-wrap p { font-size: 12px; } }
#callout .box .button-wrap { position: absolute; bottom: 40px; left: 0; right: 0; width: 100%; max-width: 100%; z-index: 2; }
@media (max-width: 580px) { #callout .box .button-wrap { bottom: -20px; } }

.post #callout .box .image-wrap img, .countries #callout .box .image-wrap img, .events #callout .box .image-wrap img, .careers #callout .box .image-wrap img, .team #callout .box .image-wrap img, .what-we-do #callout .box .image-wrap img, .education #callout .box .image-wrap img, .funding #callout .box .image-wrap img, .finances #callout .box .image-wrap img, .donate #callout .box .image-wrap img, .contact #callout .box .image-wrap img, .corporate #callout .box .image-wrap img, .volunteer #callout .box .image-wrap img, .fundraise #callout .box .image-wrap img, .thankyou #callout .box .image-wrap img { max-height: 140px; margin-top: 300px; }
@media (max-width: 1500px) { .post #callout .box .image-wrap img, .countries #callout .box .image-wrap img, .events #callout .box .image-wrap img, .careers #callout .box .image-wrap img, .team #callout .box .image-wrap img, .what-we-do #callout .box .image-wrap img, .education #callout .box .image-wrap img, .funding #callout .box .image-wrap img, .finances #callout .box .image-wrap img, .donate #callout .box .image-wrap img, .contact #callout .box .image-wrap img, .corporate #callout .box .image-wrap img, .volunteer #callout .box .image-wrap img, .fundraise #callout .box .image-wrap img, .thankyou #callout .box .image-wrap img { background-position: center center; margin-top: 200px; } }
@media (max-width: 580px) { .post #callout .box .image-wrap img, .countries #callout .box .image-wrap img, .events #callout .box .image-wrap img, .careers #callout .box .image-wrap img, .team #callout .box .image-wrap img, .what-we-do #callout .box .image-wrap img, .education #callout .box .image-wrap img, .funding #callout .box .image-wrap img, .finances #callout .box .image-wrap img, .donate #callout .box .image-wrap img, .contact #callout .box .image-wrap img, .corporate #callout .box .image-wrap img, .volunteer #callout .box .image-wrap img, .fundraise #callout .box .image-wrap img, .thankyou #callout .box .image-wrap img { margin-top: 80px; max-height: 100px; } }
.post #callout, .countries #callout, .events #callout, .careers #callout, .team #callout, .what-we-do #callout, .education #callout, .funding #callout, .finances #callout, .donate #callout, .contact #callout, .corporate #callout, .volunteer #callout, .fundraise #callout, .thankyou #callout { background-color: #087038; }

/*-- HOME PAGE Slider --*/
.home-slider { overflow: hidden; }
.home-slider .slick-track { padding: 0px; }
.home-slider .slick-slide { background-size: cover; background-position: top center; height: 600px; }
@media (max-width: 1500px) { .home-slider .slick-slide { background-position: center center; height: 500px; } }
@media (max-width: 580px) { .home-slider .slick-slide { height: 300px; } }
.home-slider .slick-slide h1 { background: #087038; background: rgba(8, 112, 56, 0.9); color: #ffffff; display: inline-block; font-family: AvenirNextLTPro-Bold; font-size: 40px; max-width: 740px; padding: 25px 20px 15px; text-align: inherit; text-transform: uppercase; }
@media (max-width: 580px) { .home-slider .slick-slide h1 { font-size: 20px; } }
.home-slider .button-wrap { position: absolute; bottom: 60px; left: 0; right: 0; width: 100%; max-width: 100%; z-index: 2; }
@media (max-width: 580px) { .home-slider .button-wrap { bottom: -20px; } }
.home-slider .slick-prev { left: 30px; }
.home-slider .slick-next { right: 30px; }

#callout .box .image-wrap p.sub { text-transform: uppercase; font-size: 18px; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; color: white; margin: 0; }
@media (max-width: 580px) { #callout .box .image-wrap p.sub { font-size: 14px; } }

/* Donate */
.donate { /* Required Styles/Alerts */ }
.donate input.r { background-image: url(../img/required.png); background-repeat: no-repeat; background-position: right 5px center; background-size: 6px; padding-right: 12px; }
.donate .alert.alert-warning { width: 100%; max-width: 100%; float: left; margin-bottom: 12px; }
.donate .alert.alert-warning .message { max-width: 570px; background: red; background: rgba(255, 0, 0, 0.6); width: 100%; height: auto; padding: 10px; color: white; margin: 0 auto; }
.donate li.parsley-required { float: left; width: 100%; max-width: 100%; background: red; background: rgba(255, 0, 0, 0.6); color: #ffffff; list-style: none; padding: 5px; margin: 0 0 10px 0; }
.donate .alert.alert-error { width: 100%; max-width: 100%; float: left; margin: 40px 0 0 0; }
.donate .alert.alert-error h3 { text-align: center; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; }
.donate form { float: left; width: 100%; max-width: 100%; }
.donate .form-group { width: 100%; max-width: 100%; float: left; }
.donate fieldset { border: 0; margin: 0; padding: 0; }
.donate h4.page-title { max-width: 800px; }
.donate .title-wrap { float: left; max-width: 100%; width: 100%; }
.donate #repeat .field-wrap { width: 100%; max-width: 100%; float: left; text-align: center; margin: 40px 0 0px 0; }
.donate #repeat .field-wrap .btn-group { width: 100%; max-width: 100%; float: left; text-align: center; }
.donate #repeat .field-wrap .btn-group label { padding: 18px 18px; background: #F1F1F1; color: #5E5E5E; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; width: 200px; max-width: 100%; display: inline-block; margin: 10px 20px; }
.donate #repeat .field-wrap .btn-group label.active { background: #A6CE38; color: white; }
.donate #method { text-align: center; margin: 0 0 40px 0; }
.donate #method button { width: 150px; max-width: 100%; display: inline-block; background: #F1F1F1; color: #5E5E5E; border: 0; height: 60px; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; font-size: 14px; margin: 10px; outline: none; vertical-align: middle; padding: 10px 10px; }
.donate #method button span.paypal-icon { padding: 10px 0px 0 10px; float: left; }
.donate #method button span.paypal-icon img { width: 60px; }
.donate #method button span.creditcard-icon { padding: 5px 0px 0 10px; float: left; }
.donate #method button span.creditcard-icon img { width: 40px; }
.donate #method button span.txt { line-height: 2.4; float: left; line-height: 2.6; }
.donate #method button.active { background: #A6CE38; color: white; }
.donate #amount-choose { text-align: center; margin: 0 0 40px 0; }
.donate #amount-choose button { width: 120px; max-width: 100%; display: inline-block; background: #F1F1F1; color: #5E5E5E; border: 0; height: 50px; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; font-size: 14px; margin: 10px; outline: none; }
.donate #amount-choose button.active { background: #A6CE38; color: white; }
.donate #amount-choose .monthly-amount { display: none; }
.donate #amount-field { text-align: center; margin: 0 0 50px 0; }
.donate #amount-field .field-wrap { max-width: 500px; margin: 0 auto; }
.donate #amount-field .field-wrap label { float: left; height: 32px; padding: 10px 10px; }
.donate #amount-field .field-wrap input { max-width: 400px; float: left; }
@media (max-width: 580px) { .donate #amount-field .field-wrap input { max-width: 200px; } }
.donate #amount-field .field-wrap span { float: left; height: 32px; padding: 10px 10px; background: #F1F1F1; color: #5E5E5E; border: 1px solid #cccccc; border-left: 0px; }
.donate #amount-field .giftaid { width: 100%; max-width: 600px; margin: 0 auto; }
.donate #amount-field .giftaid .wrap { float: left; margin: 50px 0px 0; width: 100%; max-width: 100%; text-align: left; padding: 0; }
.donate #amount-field .giftaid .wrap span.gift-logo { padding-right: 10px; float: left; }
.donate #amount-field .giftaid .wrap span.gift-logo img { width: 110px; display: inline; }
@media (max-width: 580px) { .donate #amount-field .giftaid .wrap span.gift-logo img { width: 80px; } }
.donate #amount-field .giftaid .wrap span.gift-logo input { float: left; }
.donate #amount-field .giftaid .wrap p { width: 380px; max-width: 100%; display: inline; }
.donate #amount-field .giftaid .wrap .gift-message { width: 100%; max-width: 100%; float: left; display: none; padding: 0px; background: #F1F1F1; margin: 20px 0 0 0; }
.donate #amount-field .giftaid .wrap .gift-message p { padding: 20px; float: left; width: 100%; max-width: 100%; margin: 0; }
.donate #where { text-align: center; margin: 0 0 40px 0; }
.donate #where button { width: 120px; max-width: 100%; display: inline-block; background: #F1F1F1; color: #5E5E5E; border: 0; height: 50px; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; font-size: 14px; margin: 10px; vertical-align: top; text-transform: uppercase; outline: none; }
.donate #where button.active { background: #A6CE38; color: white; }
.donate #billing { background: #F1F1F1; padding-bottom: 40px; }
.donate #billing .wrap { max-width: 600px; width: 100%; }
.donate #billing .wrap select { float: left; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; margin: 0px 10px 10px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.donate #billing .wrap #card_exp_month { width: 50%; }
@media (max-width: 580px) { .donate #billing .wrap #card_exp_month { width: 100%; margin: 10px 0; } }
.donate #billing .wrap #card_exp_year { width: 25%; }
@media (max-width: 580px) { .donate #billing .wrap #card_exp_year { width: 100%; margin: 10px 0; } }
.donate #billing .wrap .check-wrap { width: 100%; float: left; max-width: 100%; margin: 20px 0 0 0; text-align: center; }
.donate #posted p { text-align: center; }
.donate #posted .check-wrap { width: 100%; float: left; max-width: 100%; margin: 40px 0 0 0; text-align: center; }
.donate #posted .field-wrap { width: 100%; max-width: 100%; float: left; text-align: center; margin: 40px 0 0px 0; }
.donate #posted .field-wrap .btn-group { width: 100%; max-width: 100%; float: left; text-align: center; }
.donate #posted .field-wrap .btn-group label { padding: 18px 18px; background: #F1F1F1; color: #5E5E5E; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; width: 150px; max-width: 100%; display: inline-block; margin: 10px 10px; }
.donate #posted .field-wrap .btn-group label.active { background: #A6CE38; color: white; }
.donate #donate-now .field-wrap { width: 100%; max-width: 100%; float: left; text-align: center; margin: 40px 0; }
.donate #donate-now .field-wrap .button { padding: 14px 40px; }
.donate #donate-now .field-wrap #payment-errors { background: red; background: rgba(255, 0, 0, 0.6); max-width: 500px; width: 100%; margin: 40px auto 0 auto; float: none; padding: 10px; color: white; display: none; }
.donate [data-toggle=buttons] > .btn input[type=radio], .donate [data-toggle=buttons] > .btn-group > .btn input[type=radio], .donate [data-toggle=buttons] > .btn input[type=checkbox], .donate [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }
.donate #direct-debit { display: none; padding-bottom: 40px; }
.donate #direct-debit .wrap { max-width: 600px; width: 100%; }
.donate #direct-debit .wrap h4.page-title { margin-top: 0; }
.donate #direct-debit .wrap .field-wrap { width: 100%; max-width: 100%; float: left; text-align: center; margin: 40px 0; }
.donate #direct-debit .wrap .field-wrap .button { padding: 14px 40px; }
.donate #direct-debit .radio-group { width: 100%; max-width: 100%; float: left; margin: 10px 0; }
.donate #direct-debit label { margin-bottom: 10px; }
.donate #paypal { display: none; padding-bottom: 40px; }
.donate #paypal .wrap { max-width: 600px; width: 100%; }
.donate #paypal .wrap h4.page-title { margin-top: 0; }
.donate #paypal .wrap .field-wrap { width: 100%; max-width: 100%; float: left; text-align: center; margin: 40px 0; }
.donate #paypal .wrap .field-wrap .button { padding: 14px 40px; }
.donate #paypal .radio-group { width: 100%; max-width: 100%; float: left; margin: 10px 0; }
.donate #paypal label { margin-bottom: 10px; }
.donate #deposit-section { display: none; margin-bottom: 40px; }
.donate #deposit-section .wrap { max-width: 600px; width: 100%; }
.donate #deposit-section .wrap select { float: left; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; margin: 0px 10px 10px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.donate .secure { max-width: 500px; margin: 0 auto; width: 100%; padding: 0 15px; }
.donate .secure ul { width: 100%; max-width: 100%; float: left; list-style: none; text-align: center; border-top: 2px solid #cccccc; padding: 50px 0px; margin: 0; }
.donate .secure ul li { width: 30%; max-width: 100%; display: inline-block; text-align: center; padding: 0 15px; }
.donate .secure ul li img { max-height: 30px; }

.thankyou .thankyou-message { font-family: "AvenirNextLTPro-Demi"; color: #939597; text-align: left; max-width: 800px; margin: 30px auto; font-size: 17px; }
.thankyou .thankyou-message p { font-size: 14px; }
.thankyou .thankyou-message a { color: #087038; }

/*--- Sections ---*/
.full { width: 100%; max-width: 100%; float: left; position: relative; }
.full .wrap { width: 1100px; max-width: 100%; margin: 0 auto; padding: 0 15px; }
.full .callout { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 500px; text-align: center; position: relative; -transition: 600ms ease-in-out; -webkit-transition: 600ms ease-in-out; -moz-transition: 600ms ease-in-out; -o-transition: 600ms ease-in-out; -ms-transition: 600ms ease-in-out; }
@media (max-width: 580px) { .full .callout { height: 300px; } }
.full .callout .caption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 160px; padding: 0 20px; }
.full .callout .caption .box-wrap { width: 600px; max-width: 100%; margin: 0 auto; }
.full .callout .caption .box-wrap img { max-height: 140px; }
.full .callout .caption .box-wrap p { color: #ffffff; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; margin: 10px 0; font-size: 16px; }
@media (max-width: 767px) { .full .callout .caption .box-wrap p { font-size: 12px; } }

/*--- Newsletter Signup ---*/
.newsletter { width: 600px; max-width: 100%; margin: 50px auto 0 auto; text-align: center; }
.newsletter .hide-wrap { display: none; width: 100%; max-width: 100%; float: left; }
.newsletter .icon-envelope { color: #087038; font-size: 20px; }
.newsletter p { margin: 20px 0; color: #087038; font-family: "AvenirNextLTPro-Bold", Helvetica, Arial, sans-serif; }
.newsletter input { background: #f3f3f3; border: 0px; float: left; width: 70%; max-width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #939597; -webkit-box-shadow: none; box-shadow: none; outline: none; padding: 6px 10px; height: 40px; }
@media (max-width: 580px) { .newsletter input { width: 60%; height: 35px; } }
.newsletter .button { width: 30%; float: left; height: 40px; -webkit-border-radius: 0px 4px 4px 0; -moz-border-radius: 0px 4px 4px 0; border-radius: 0px 4px 4px 0; background: #087038; color: #ffffff; }
.newsletter .button:hover { background: #A6CE38; }
@media (max-width: 580px) { .newsletter .button { width: 40%; height: 35px; } }

.newsletter-bottom { background: #f3f3f3; margin: 50px 0 0 0; padding: 0 0 50px 0; }
.newsletter-bottom input { background: #ffffff; }

/*--- Grids ---*/
.four-grid { width: 100%; max-width: 100%; float: left; text-align: center; }
.four-grid .box { width: 24%; max-width: 100%; padding: 5px 5px; display: inline-block; line-height: 0; position: relative; }
.four-grid .box:nth-child(4n+1) img { background: #28D0F7; }
.four-grid .box:nth-child(4n+2) img { background: #F9324A; }
.four-grid .box:nth-child(4n+3) img { background: #FFDE20; }
.four-grid .box:nth-child(4n+4) img { background: #A6CE38; }
.four-grid .box img { width: 100%; max-width: 100%; background: #FFDE20; }
@media (max-width: 767px) { .four-grid .box { width: 49%; padding: 5px; } }
@media (max-width: 580px) { .four-grid .box { width: 49%; padding: 5px; } }
.four-grid .box .overbox { position: absolute; top: 5px; left: 5px; bottom: 5px; right: 5px; background: #A6CE38; display: none; }
@media (max-width: 767px) { .four-grid .box .overbox { left: 5px; bottom: 5px; right: 5px; top: 5px; } }
.four-grid .box .caption { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; line-height: 1; padding: 0 15px; text-align: center; width: 100%; height: 100%; }
.four-grid .box .caption .holder { display: table; width: 100%; height: 100%; position: relative; }
.four-grid .box .caption .holder h3 { font-family: "Champion-HTF-Featherweight"; color: #ffffff; margin: 10px 0; text-transform: uppercase; display: table-cell; vertical-align: middle; }
.four-grid .box .caption .holder h3 a { color: #ffffff; }

.four-grid.stories { padding-top: 5px; }
.four-grid.stories .box .overbox { background: #087038; }
.four-grid.stories .box .overbox .meta { position: absolute; bottom: 10px; left: 0px; right: 0px; text-align: center; }
.four-grid.stories .box .overbox .meta p { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; color: #ffffff; margin: 0; text-transform: uppercase; }
.four-grid.stories .box .caption { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; line-height: 1; padding: 0 15px; text-align: center; width: 100%; height: 100%; }
.four-grid.stories .box .caption .holder { display: table; width: 100%; height: 100%; position: relative; }
.four-grid.stories .box .caption .holder h4 { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; color: #ffffff; margin: 10px 0; text-transform: uppercase; display: table-cell; vertical-align: middle; font-size: 20px; }
@media (max-width: 1024px) { .four-grid.stories .box .caption .holder h4 { font-size: 18px; } }
@media (max-width: 580px) { .four-grid.stories .box .caption .holder h4 { font-size: 14px; } }
.four-grid.stories .box .caption .holder h4 a { color: #ffffff; }

.post #main .item .img .overbox, .events #main .item .img .overbox { background: #087038; position: absolute; top: 5px; left: 5px; bottom: 5px; right: 5px; display: none; }
.post #main .item .img .overbox .meta, .events #main .item .img .overbox .meta { position: absolute; bottom: 10px; left: 0px; right: 0px; text-align: center; }
@media (max-width: 767px) { .post #main .item .img .overbox .meta, .events #main .item .img .overbox .meta { display: none; } }
.post #main .item .img .overbox .meta p, .events #main .item .img .overbox .meta p { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; color: #ffffff; margin: 0; text-transform: uppercase; }
@media (max-width: 767px) { .post #main .item .img .overbox .meta p, .events #main .item .img .overbox .meta p { font-size: 14px; } }
@media (max-width: 580px) { .post #main .item .img .overbox .meta p, .events #main .item .img .overbox .meta p { font-size: 10px; } }
.post #main .item .img .caption, .events #main .item .img .caption { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; line-height: 1; padding: 0 15px; text-align: center; width: 100%; height: 100%; margin: 0; }
.post #main .item .img .caption .holder, .events #main .item .img .caption .holder { display: table; width: 100%; height: 100%; position: relative; }
.post #main .item .img .caption .holder h4, .events #main .item .img .caption .holder h4 { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; color: #ffffff; margin: 10px 0; text-transform: uppercase; font-size: 20px; display: table-cell; vertical-align: middle; }
@media (max-width: 1024px) { .post #main .item .img .caption .holder h4, .events #main .item .img .caption .holder h4 { font-size: 18px; } }
@media (max-width: 580px) { .post #main .item .img .caption .holder h4, .events #main .item .img .caption .holder h4 { font-size: 14px; } }
.post #main .item .img .caption .holder h4 a, .events #main .item .img .caption .holder h4 a { color: #ffffff; }

/*--- Map ---*/
#map-section { width: 100%; max-width: 100%; margin-top: 0px; height: 500px; top: 0; overflow: hidden; position: relative; margin-bottom: 50px; -transition: 600ms ease-in-out; -webkit-transition: 600ms ease-in-out; -moz-transition: 600ms ease-in-out; -o-transition: 600ms ease-in-out; -ms-transition: 600ms ease-in-out; }
@media (max-width: 1280px) { #map-section { height: 500px; } }
#map-section .container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; cursor: pointer; }
#map-section .container .table { width: 100%; max-width: 100%; height: 100%; min-height: 100%; display: table; text-align: center; }
#map-section .container .table .box { width: 100%; max-width: 100%; height: 100%; min-height: 100%; display: table-cell; vertical-align: middle; }
#map-section .container .table .box img { width: 400px; }
@media (max-width: 1280px) { #map-section .container .table .box img { width: 300px; } }
@media (max-width: 580px) { #map-section .container .table .box img { width: 200px; } }

#googlemap { height: 100%; min-height: 100%; width: 100%; }

.infoBox { border-radius: 50%; }

.infoBox img:nth-of-type(0) { position: fixed; }

.title { position: absolute; top: 100px; left: 0; font-size: 30px; color: white; text-decoration: none; font-family: helvetica, arial; width: 280px; text-align: center; }

p.text { width: 180px; position: absolute; top: 160px; left: 50px; text-align: center; font-size: 30px; color: white; text-decoration: none; font-family: helvetica, arial; line-height: 1.1; }

hr.under { width: 30px; border-width: 3px; border-color: #ffffff; top: 120px; position: absolute; left: 120px; box-shadow: 0 0; border-style: solid; }

#nav { width: 100%; max-width: 100%; float: left; z-index: 999; position: absolute; top: 0; left: 0; background: #097138; padding: 0; margin: 0; }
#nav li { width: 25%; float: left; text-align: center; list-style: none; padding: 5px 0; font-family: helvetica, arial; color: #ffffff; background: #097138; }
#nav li a { text-decoration: none; color: #ffffff; }

#container { width: 100%; height: 100%; min-height: 100%; max-width: 100%; float: left; }

.dx h2 { margin-left: 10px; padding-bottom: 0; }

.mapbox { width: 100%; height: 106%; min-height: 100%; background: #eee; margin-top: -10px; }

.pd { padding-left: 10px; padding-bottom: 1; }

#down { float: right; background: #eee; font-weight: bold; color: #666; font-size: 110%; padding: 8px; border-radius: 8px; margin-top: -63px; text-decoration: none; }

#down:hover { background: #607890; color: #fff; }

.example { width: 100%; padding-bottom: 4em; }

.sx { width: 100%; float: left; height: 100%; min-height: 100%; max-width: 100%; }

.dx { width: 100%; }

.code { width: 100%; float: left; margin-top: 2em; }

h1 { margin: 0; }

.maplocation { background: #eee; margin-left: 0px; margin-top: 0px; }

.infobox { display: none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-size: cover; background-position: center center; }

.infoBox { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; border: 5px solid #ffffff; -o-animation-name: grow, fadeIn; -moz-animation-name: grow, fadeIn; -webkit-animation-name: grow, fadeIn; animation-name: grow, fadeIn; -o-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }
.infoBox img { z-index: 2; }

.back { position: absolute; top: 0; right: 0; bottom: -40px; left: 0; background-size: cover; background-position: center center; z-index: -2; }

.m_tooltip { position: absolute; text-align: center; left: 0; top: 0; z-index: 1; color: #FFFFFF; margin-top: 0px; padding: 10px; width: 210px; height: 210px; border: 0px solid #313436; display: table; }
.m_tooltip .m_tooltip_wrap { display: table-cell; vertical-align: middle; width: 100%; max-width: 100%; }
.m_tooltip .m_tooltip_wrap .button { width: auto; border: 0px solid white; font-family: "AvenirNextLTPro-Bold"; background: #A6CE38; padding: 8px 10px; color: white; min-height: 12px; }
.m_tooltip .m_tooltip_wrap .button:hover { background: #087038; color: white; }

.no-rgba .m_tooltip { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#313436', EndColorStr='#222526'); }

.no-cssgradients .m_tooltip { background: #313436; }

.m_tooltip p { margin-top: 0px; font-size: 24px; font-family: "AvenirNextLTPro-Bold"; text-transform: uppercase; }

.dx { background: #A6CE38; position: absolute; bottom: -200px; z-index: 2; }

.nav-bar { width: 100%; height: 50px; float: left; position: absolute; bottom: 0; background: white; background: rgba(255, 255, 255, 0.7); z-index: 3; padding: 10px 0; }
.nav-bar h1 { text-align: center; color: #ffffff; margin: 0; font-family: "AvenirNextLTPro-Bold"; font-size: 30px; }
.nav-bar .trigger { position: absolute; top: 15px; left: 20px; }
.nav-bar .trigger .icon-arrow-up { color: #087038; font-size: 20px; }

.maplocation li { width: 20%; float: left; list-style: none; color: #ffffff; text-transform: uppercase; text-align: center; }
@media (max-width: 767px) { .maplocation li { width: 25%; } }
.maplocation li a { color: white; width: 100%; height: 100%; float: left; padding: 15px 10px; font-family: "AvenirNextLTPro-Bold"; -transition: 600ms ease-in-out; -webkit-transition: 600ms ease-in-out; -moz-transition: 600ms ease-in-out; -o-transition: 600ms ease-in-out; -ms-transition: 600ms ease-in-out; }
@media (max-width: 767px) { .maplocation li a { font-size: 10px; padding: 10px 3px; } }
.maplocation li a:hover { background: #A6CE38; }

.maplocation:nth-child(1) li { background-color: #a1ca32; }

.maplocation:nth-child(2) li { background-color: #9bc230; }

.maplocation:nth-child(3) li { background-color: #94ba2e; }

.maplocation:nth-child(4) li { background-color: #8eb12c; }

.maplocation:nth-child(5) li { background-color: #87a92a; }

.maplocation:nth-child(6) li { background-color: #81a128; }

.maplocation:nth-child(7) li { background-color: #7a9926; }

.maplocation:nth-child(8) li { background-color: #749124; }

.maplocation:nth-child(9) li { background-color: #6d8922; }

.maplocation:nth-child(10) li { background-color: #678020; }

.maplocation:nth-child(11) li { background-color: #60781e; }

.maplocation:nth-child(12) li { background-color: #5a701c; }

.maplocation:nth-child(13) li { background-color: #53681a; }

.maplocation:nth-child(14) li { background-color: #4c6018; }

.maplocation:nth-child(15) li { background-color: #465716; }

.maplocation:nth-child(16) li { background-color: #3f4f14; }

.maplocation:nth-child(17) li { background-color: #394712; }

.maplocation:nth-child(18) li { background-color: #323f0f; }

.maplocation:nth-child(19) li { background-color: #2c370d; }

.maplocation:nth-child(20) li { background-color: #252f0b; }

#map_6 img { max-width: none; }

.cluster { line-height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0px solid white; background: #087038; -transition: 600ms ease-in-out; -webkit-transition: 600ms ease-in-out; -moz-transition: 600ms ease-in-out; -o-transition: 600ms ease-in-out; -ms-transition: 600ms ease-in-out; }
.cluster:hover { background: #A6CE38; color: #087038 !important; border: 2px solid #A6CE38; }

/* Slider */
.screen-wrap { width: 100%; max-width: 100%; position: relative; float: left; }

.slick-slider { position: relative; float: left; width: 100%; max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: visible; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; padding: 30px 0; opacity: 0; background: #f3f3f3; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: inline-block; max-height: 545px; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 40px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -20px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "goal"; font-size: 40px; line-height: 1; color: #087038; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -10px; }
[dir="rtl"] .slick-prev { left: auto; right: -10px; }
.slick-prev:before { content: ""; }
[dir="rtl"] .slick-prev:before { content: ""; }

.slick-next { right: -10px; }
[dir="rtl"] .slick-next { left: -10px; right: auto; }
.slick-next:before { content: ""; }
[dir="rtl"] .slick-next:before { content: ""; }

/* Dots */
.slick-slider { margin-bottom: 0px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 20px; height: 20px; font-family: "goal"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 1; }

.gallery .slick-slide.content { padding: 0 50px; text-align: center; }
@media (max-width: 767px) { .gallery .slick-slide.content { padding: 0 15px; } }

.slick-slide.content { padding: 0 30px; }
@media (max-width: 767px) { .slick-slide.content { padding: 0 15px; } }
.slick-slide.content h4 { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; color: #939597; text-transform: uppercase; margin: 0 0 30px 0; font-size: 20px; }
@media (max-width: 767px) { .slick-slide.content h4 { font-size: 16px; } }
.slick-slide.content h4 p { text-transform: none; line-height: 1; max-width: 250px; }
@media (max-width: 767px) { .slick-slide.content h4 p { font-size: 12px; } }
.slick-slide.content h4 span { color: #087038; }
.slick-slide.content p { color: #087038; }

.slick-slide.slick-active { opacity: 1; }

.slick-slide { opacity: 0.2; }

.full.slider-overflow { overflow: hidden; }

/*--- Blog Post Page ---*/
.post h1.page-title { color: #939597; border-color: #939597; }
.post .color-box { width: 100%; max-width: 100%; float: left; background: #087038; }
.post .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.post .color-box-quote { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.post .color-box-quote h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 10px auto; max-width: 800px; text-transform: uppercase; }
.post .wrap p.intro { font-family: "AvenirNextLTPro-Bold"; color: #939597; text-align: center; max-width: 800px; margin: 30px auto; text-transform: uppercase; font-size: 17px; }
.post .wrap table { padding: 50px 0; border-top: 2px solid #A6CE38; border-bottom: 2px solid #A6CE38; }
.post .wrap table tbody tr td { text-align: center; color: #A6CE38; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; font-size: 30px; padding: 0 10px; text-transform: uppercase; }
@media (max-width: 767px) { .post .wrap table tbody tr td { font-size: 14px; padding: 0 5px; } }
.post .wrap .body-text { width: 100%; max-width: 100%; float: left; margin: 25px 0 0 0; }
.post .wrap .body-text p.quote { font-size: 18px; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; background: #f3f3f3; text-transform: uppercase; padding: 50px; }
.post .wrap .body-text .separator { width: 100%; max-width: 100%; float: left; margin: 25px 0; }
.post .wrap .body-text .separator .button-wrap { text-align: center; width: 100%; max-width: 100%; float: left; }
.post .wrap .body-text .separator .button-wrap .button { background: #A6CE38; }
.post .wrap .body-text .separator .button-wrap .button:hover { background: #087038; }
.post .wrap .body-text .fit-wrap { width: 100%; max-width: 100%; float: left; }
.post .wrap .body-text .image-wrap { max-width: 800px; margin: 0px auto; }
.post .wrap .body-text .image-wrap.full-width { max-width: none; }
.post .wrap .body-text .image-wrap .one-image { width: 100%; float: left; max-width: 100%; padding: 5px; }
.post .wrap .body-text .image-wrap .one-image img { width: 100%; max-width: 100%; }
.post .wrap .body-text .image-wrap .two-images { width: 50%; float: left; max-width: 100%; padding: 5px; }
.post .wrap .body-text .image-wrap .two-images img { width: 100%; max-width: 100%; }

.story-we-escaped-from-hell #callout { background-color: #fff; background-size: auto 100%; background-repeat: no-repeat; }
.story-we-escaped-from-hell #callout .box { display: none; }

#masonry-container #main .item:nth-child(5n+1) .img img { background: #28D0F7; }
#masonry-container #main .item:nth-child(5n+2) .img img { background: #F9324A; }
#masonry-container #main .item:nth-child(5n+3) .img img { background: #FFDE20; }
#masonry-container #main .item:nth-child(5n+4) .img img { background: #A6CE38; }
#masonry-container #main .item:nth-child(5n+5) .img img { background: #FF9900; }
#masonry-container #main { visibility: hidden; -moz-animation: fadeIn 2s; -webkit-animation: fadeIn 2s; -o-animation: fadeIn 2s; -ms-animation: fadeIn 2s; animation: fadeIn 2s; }
#masonry-container #main.masonry { visibility: visible; }

#masonry-container.loader { background: url(../img/loader-gif.gif); background-repeat: no-repeat; background-position: center 30%; }

#masonry-container { margin: 0 auto 60px auto; width: 1200px; max-width: 100%; padding: 0 5px; /**** Transitions ****/ /* disable transitions on container */ }
#masonry-container #main { min-height: 500px; margin: 5px auto; overflow: visible !important; }
#masonry-container #main .pagination { position: absolute; bottom: -75px; left: 0px; width: 100%; max-width: 100%; text-align: center; }
#masonry-container #main .pagination .button { display: inline-block; width: 100px; margin: 0 5px; }
#masonry-container #main .item { width: 300px; height: auto; line-height: 0px; max-width: 100%; padding: 0px; max-width: 100%; position: absolute; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); }
#masonry-container #main .item .img { width: 100%; max-width: 100%; float: left; padding: 0; }
#masonry-container #main .item .img img { width: 100%; max-width: 100%; padding: 0px; background: #F9324A; }
#masonry-container #main .featured { width: 49.95%; }
#masonry-container #main .rectangle { width: 49.95%; }
#masonry-container #main .square { width: 24.95%; padding: 5px; }
#masonry-container #main .skyscraper { width: 24.95%; }
@media (max-width: 767px) { #masonry-container #main .featured, #masonry-container #main .rectangle, #masonry-container #main .square, #masonry-container #main .skyscraper { width: 49.95%; } }
@media (max-width: 580px) { #masonry-container #main .featured, #masonry-container #main .rectangle, #masonry-container #main .square, #masonry-container #main .skyscraper { width: 49.95%; } }
#masonry-container .transitions-enabled.masonry, #masonry-container .transitions-enabled.masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; }
#masonry-container .transitions-enabled.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
#masonry-container .transitions-enabled.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; }
#masonry-container .transitions-enabled.infinite-scroll.masonry { -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; }

.masonry-brick .img { position: relative; }
.masonry-brick .img:before { content: ""; display: block; width: 100%; height: auto; left: 0; right: 0; top: 0; padding: 100% 0 0 0; bottom: inherit; background: #000; position: absolute; opacity: 0.25; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.masonry-brick:hover .img { position: relative; }
.masonry-brick:hover .img:before { opacity: 0; }

/*-- Filtering --*/
.full.filters { background: #BBBBBB; margin-top: 10px; }

.team #filters .blocks { width: 20%; }
@media (max-width: 580px) { .team #filters .blocks { width: 50%; } }
@media (max-width: 480px) { .team #filters .blocks { width: 100%; } }

#filters { background: #BBBBBB; margin: 0 auto; width: 1200px; max-width: 100%; padding: 0 5px; }
#filters .blocks { width: 25%; float: left; color: #ffffff; padding: 10px 5px; }
@media (max-width: 580px) { #filters .blocks { width: 50%; } }
@media (max-width: 480px) { #filters .blocks { width: 100%; } }
#filters .blocks li { background: #F3F3F3; color: #BBBBBB; list-style: none; float: left; width: 100%; max-width: 100%; position: relative; }
#filters .blocks li a { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; float: left; padding: 15px; width: 100%; max-width: 100%; color: #bbbbbb; text-transform: uppercase; -transition: 200ms ease-in-out; -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; -ms-transition: 200ms ease-in-out; }
#filters .blocks li a:hover { background: #F9324A; color: #ffffff; }
#filters .blocks li a:hover .icon-arrow-filter { color: #ffffff; }
#filters .blocks li a .icon-arrow-filter { font-size: 8px; color: #BBBBBB; float: right; padding-top: 5px; }
#filters .blocks li ul.nav_categories { position: absolute; z-index: 2; width: 100%; max-width: 100%; left: 0; top: 43px; display: none; }
#filters .blocks li ul.nav_categories li a { -transition: 200ms ease-in-out; -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; -ms-transition: 200ms ease-in-out; }
#filters .blocks li ul.nav_categories li a:hover { background: #BBBBBB; color: #ffffff; }

/*--- Countries Page ---*/
.countries.single .full .wrap .four-grid.stories .box { display: inline-block; float: none; }

.countries { /* base CSS element */ /* arrows - :before and :after */ }
.countries .full .wrap .four-grid.stories .box { float: left; display: block; }
.countries h1.page-title { color: #939597; border-color: #939597; }
.countries .color-box { width: 100%; max-width: 100%; float: left; background: #0072BC; }
.countries .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.countries .color-box-quote { width: 100%; max-width: 100%; float: left; background: #0072BC; padding: 30px 0; }
.countries .color-box-quote h5 { color: #ffffff; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 0px auto; max-width: 800px; text-transform: uppercase; }
.countries .color-box-quote p.intro { font-family: "AvenirNextLTPro-Bold"; color: white; text-align: center; max-width: 800px; margin: 0px auto; padding: 10px 15px 0 15px; font-size: 17px; }
.countries .color-box-quote .stats-wrap { margin: 0px auto; max-width: 800px; text-transform: uppercase; }
.countries .color-box-quote .stats-wrap .left { float: left; width: 50%; max-width: 100%; text-align: center; border-right: 1px solid #ffffff; }
.countries .color-box-quote .stats-wrap .left .mini-wrap { width: 100%; max-width: 100%; float: left; }
.countries .color-box-quote .stats-wrap .left .mini-wrap h3 { font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; color: #ffffff; margin-bottom: 0; }
@media (max-width: 580px) { .countries .color-box-quote .stats-wrap .left .mini-wrap h3 { font-size: 18px; } }
.countries .color-box-quote .stats-wrap .left .mini-wrap h1 { font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; color: #ffffff; font-size: 60px; }
@media (max-width: 580px) { .countries .color-box-quote .stats-wrap .left .mini-wrap h1 { font-size: 26px; } }
.countries .color-box-quote .stats-wrap .left hr { border-color: #ffffff; border-width: 1px 0 0 0; border-style: solid; width: 50%; margin: 0 auto; }
.countries .color-box-quote .stats-wrap .right { float: left; text-align: center; width: 50%; max-width: 100%; }
.countries .color-box-quote .stats-wrap .right .mini-wrap { width: 100%; max-width: 100%; float: left; }
.countries .color-box-quote .stats-wrap .right .mini-wrap h3 { font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; color: #ffffff; margin-bottom: 0; }
@media (max-width: 580px) { .countries .color-box-quote .stats-wrap .right .mini-wrap h3 { font-size: 18px; } }
.countries .color-box-quote .stats-wrap .right .mini-wrap h1 { font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; color: #ffffff; font-size: 60px; }
@media (max-width: 580px) { .countries .color-box-quote .stats-wrap .right .mini-wrap h1 { font-size: 26px; } }
.countries .color-box-quote .stats-wrap .right hr { border-color: #ffffff; border-width: 1px 0 0 0; border-style: solid; width: 50%; margin: 0 auto; }
.countries .box-quote { width: 100%; max-width: 100%; float: left; margin: 0 0 0px; }
.countries .box-quote h5 { color: #939597; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 0px auto; max-width: 800px; text-transform: uppercase; }
.countries .button-wrap { width: 100%; max-width: 100%; float: left; margin: 30px 0 0; text-align: center; }
.countries .button-wrap .button { color: #0072BC; background: #ffffff; }
.countries .button-wrap .button:hover { color: #ffffff; background: #0072BC; }
.countries .wrap p.intro { font-family: "AvenirNextLTPro-Bold"; color: #939597; text-align: center; max-width: 800px; margin: 0px auto 50px auto; font-size: 17px; }
.countries .wrap ul.we-do { width: 100%; max-width: 100%; float: left; margin: 0 0 40px 0; text-align: center; }
.countries .wrap ul.we-do li { width: 70px; display: inline-block; text-align: center; padding: 0 5px; position: relative; cursor: pointer; }
.countries .wrap ul.we-do li img { max-width: 100%; width: 100%; }
.countries .wrap table { padding: 50px 0; border-top: 2px solid #A6CE38; border-bottom: 2px solid #A6CE38; }
.countries .wrap table tbody tr td { text-align: center; color: #A6CE38; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; font-size: 30px; padding: 0 10px; }
@media (max-width: 767px) { .countries .wrap table tbody tr td { font-size: 14px; padding: 0 5px; } }
.countries .wrap .body-text { width: 100%; max-width: 100%; float: left; margin: 25px 0 0 0; }
.countries .wrap .body-text p.quote { font-size: 18px; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; }
.countries .wrap .body-text .separator { width: 100%; max-width: 100%; float: left; margin: 25px 0; }
.countries .wrap .body-text .separator .button-wrap { text-align: center; width: 100%; max-width: 100%; float: left; }
.countries .wrap .body-text .separator .button-wrap .button { background: #A6CE38; }
.countries .wrap .body-text .separator .button-wrap .button:hover { background: #087038; }
.countries .wrap .body-text .fit-wrap { width: 100%; max-width: 100%; float: left; }
.countries .wrap .body-text .image-wrap { max-width: 800px; margin: 0px auto; }
.countries .wrap .body-text .image-wrap .one-image { width: 100%; float: left; max-width: 100%; padding: 5px; }
.countries .wrap .body-text .image-wrap .one-image img { width: 100%; max-width: 100%; }
.countries .wrap .body-text .image-wrap .two-images { width: 50%; float: left; max-width: 100%; padding: 5px; }
.countries .wrap .body-text .image-wrap .two-images img { width: 100%; max-width: 100%; }
.countries .tip { background: #0072BC; border: 1px solid #fff; padding: 10px; border-radius: 8px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: absolute; width: 120px; left: -25px; display: none; color: #ffffff; line-height: 1.4; }
@media (max-width: 580px) { .countries .tip { display: none !important; } }
.countries .tip:before { position: absolute; top: -7px; left: 52px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #0072BC; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.countries .tip:after { position: absolute; top: -6px; left: 52px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #0072BC; border-left: 6px solid transparent; content: ''; }

.programs-in-country { display: block; width: 100%; text-align: center; max-width: 800px; margin: 0 auto; }
.programs-in-country img { display: inline-block; width: 70px; height: auto; margin: 0; }
.programs-in-country li { display: inline-block; width: 100%; font-size: 0; width: 50%; float: left; }
@media only screen and (min-width: 800px) { .programs-in-country li { width: 25%; float: none; } }
.programs-in-country h4 { font-size: 24px; font-family: "Champion-HTF-Featherweight",helvetica,arial,sans-serif; margin: 15px 0 40px 0; padding: 0; transition: color 0.3s ease; }
.programs-in-country a { display: inline-block; }
.programs-in-country a:hover h4 { color: #087038; }

/*--- Events Page ---*/
.events h1.page-title { color: #939597; border-color: #939597; float: left; }
.events .color-box { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.events .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.events .color-box-quote { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.events .color-box-quote h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 10px auto; max-width: 800px; text-transform: uppercase; }
.events .form { background: #F2F2F2; }
.events .form .wrap { max-width: 630px; width: 100%; }
.events .form .wrap p.date { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; margin: 50px 0 0 0; text-transform: uppercase; }
@media (max-width: 580px) { .events .form .wrap p.date { margin: 5px 0 0 0; } }
.events .form .wrap p.intro { text-align: left; margin: 50px 0 0 0; }
.events .form .wrap form { margin-bottom: 50px; float: left; width: 100%; max-width: 100%; }
.events .form .wrap form fieldset { text-align: center; padding: 0; margin: 0; border: 0; }
.events .form .wrap form fieldset .button { padding-left: 30px; padding-right: 30px; margin-top: 20px; }
.events .form .wrap form fieldset input { border: 0; outline: none; }
.events .form .wrap form fieldset select { height: 32px; background-color: white; border: 0; font-size: 14px; outline: none; font-family: inherit; color: rgba(0, 0, 0, 0.75); font-weight: bold; margin-bottom: 12px; }
.events .wrap table { padding: 0px 0; }
.events .wrap table thead tr { background: #E5E6E6; color: #5E5E5E; }
.events .wrap table thead tr th { padding: 10px; text-transform: uppercase; }
.events .wrap table tbody tr { background: #F4F4F4; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; }
.events .wrap table tbody tr:nth-child(even) { background: #F0F1F1; }
.events .wrap table tbody tr td { text-align: center; color: #5E5E5E; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; font-size: 17px; padding: 10px; border-bottom: 2px solid #ffffff; }
@media (max-width: 767px) { .events .wrap table tbody tr td { font-size: 14px; border-bottom: 0px solid #ffffff; } }
@media (max-width: 580px) { .events .wrap { /* sort out borders */ }
  .events .wrap table { width: 100%; border-collapse: collapse; border-spacing: 0; }
  .events .wrap th, .events .wrap td { margin: 0; vertical-align: top; }
  .events .wrap th { text-align: left; }
  .events .wrap table { display: block; position: relative; width: 100%; }
  .events .wrap thead { display: block; float: left; }
  .events .wrap tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
  .events .wrap thead tr { display: block; }
  .events .wrap th { display: block; text-align: right; }
  .events .wrap tbody tr { display: inline-block; vertical-align: top; }
  .events .wrap td { display: block; min-height: 1.25em; text-align: left; }
  .events .wrap th { border-bottom: 0; border-left: 0; }
  .events .wrap td { border-left: 0; border-right: 0; border-bottom: 0; }
  .events .wrap tbody tr { border-left: 0px solid #babcbf; }
  .events .wrap th:last-child, .events .wrap td:last-child { border-bottom: 0px solid #babcbf; } }
.events .wrap .body-text { width: 100%; max-width: 100%; float: left; margin: 25px 0 0 0; }
.events .wrap .body-text p.quote { font-size: 18px; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; }
.events .wrap .body-text .separator { width: 100%; max-width: 100%; float: left; margin: 25px 0; }
.events .wrap .body-text .separator .button-wrap { text-align: center; width: 100%; max-width: 100%; float: left; }
.events .wrap .body-text .separator .button-wrap .button { background: #A6CE38; }
.events .wrap .body-text .separator .button-wrap .button:hover { background: #087038; }
.events .wrap .body-text .fit-wrap { width: 100%; max-width: 100%; float: left; }
.events .wrap .body-text .image-wrap { max-width: 800px; margin: 0px auto; }
.events .wrap .body-text .image-wrap .one-image { width: 100%; float: left; max-width: 100%; padding: 5px; }
.events .wrap .body-text .image-wrap .one-image img { width: 100%; max-width: 100%; }
.events .wrap .body-text .image-wrap .two-images { width: 50%; float: left; max-width: 100%; padding: 5px; }
.events .wrap .body-text .image-wrap .two-images img { width: 100%; max-width: 100%; }

/*--- Team ---*/
.team .item .nicescroll-rails { padding-right: 5px; }
.team .item .img.mactive .toggle, .team .item .img.mactive .metabox { background: #A6CE38; }
.team .item .toggle { height: 100px; background: #BBBBBB; width: 100%; color: #ffffff; padding: 0px; float: left; }
.team .item .toggle .tog-wrap { width: 100%; max-width: 100%; float: left; padding: 10px; }
.team .item .toggle .tog-wrap h5 { color: #ffffff; margin: 0 0 0px 0; font-family: "AvenirNextLTPro-Bold", helvetica, arial; text-transform: uppercase; font-size: 15px; }
.team .item .toggle .tog-wrap .icon-twitter-no-circle, .team .item .toggle .tog-wrap .icon-linkedin-no-circle { color: #ffffff; font-size: 15px; padding: 0 10px 0 0px; float: left; }
.team .item .toggle .tog-wrap p { margin: 0 0 5px 0; }
.team .item .toggle .tog-wrap a.toggler { font-size: 15px; color: #ffffff; float: right; }
.team .item .metabox { width: 100%; max-width: 100%; background: #BBBBBB; display: none; height: 0px; margin-top: 0px; overflow: hidden; }
.team .item .metabox .inner { width: 100%; max-width: 100%; float: left; height: 200px; margin: 10px 0; }
.team .item .metabox .inner p { color: #ffffff; padding: 0px 15px; }

/*--- Careers ---*/
.careers #filters .blocks { float: right; }
@media (max-width: 580px) { .careers #masonry-container #main .item { width: 100%; min-height: 260px; } }
.careers #masonry-container #main .item .wrap { padding: 5px; width: 100%; max-width: 100%; float: left; }
.careers #masonry-container #main .item .wrap .img { min-height: 320px; background: #A6CE38; padding: 30px 15px 50px 15px; color: #ffffff; }
@media (max-width: 580px) { .careers #masonry-container #main .item .wrap .img { min-height: 260px; } }
.careers #masonry-container #main .item .wrap h4 { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; color: #ffffff; text-align: center; }
.careers #masonry-container #main .item .wrap h4 a { color: #ffffff; }
.careers #masonry-container #main .item .wrap .meta { height: 50px; position: absolute; bottom: 0; left: 0; right: 0; }
.careers #masonry-container #main .item .wrap .meta p.date { text-align: center; margin: 0; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; font-size: 12px; }
.careers #masonry-container #main .item .wrap .meta p.country { text-align: center; margin: 0; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; min-height: 19px; text-transform: uppercase; }

/*--- What we do Page ---*/
.what-we-do h1.page-title { color: #939597; border-color: #939597; float: left; }
.what-we-do .icon-wrap { text-align: center; }
.what-we-do .icon-wrap img { width: 100px; }
.what-we-do p.intro { font-family: "AvenirNextLTPro-Bold"; color: #939597; text-align: center; max-width: 800px; margin: 50px auto 0 auto; font-size: 17px; }
.what-we-do p.body-text { max-width: 800px; margin: 50px auto; text-align: center; font-size: 17px; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; }
.what-we-do .color-box { width: 100%; max-width: 100%; float: left; background: #087038; }
.what-we-do .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.what-we-do .button-wrap { text-align: center; width: 100%; max-width: 100%; float: left; }
.what-we-do .button-wrap .button { background: #A6CE38; }
.what-we-do .button-wrap .button:hover { background: #087038; }

/*--- Education Page ---*/
.education { /* Tabs */ /* Nav */ /* Content */ }
.education h1.page-title { color: #939597; border-color: #939597; float: left; }
.education .color-box { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.education .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.education .color-box-quote { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.education .color-box-quote h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 10px auto; max-width: 800px; text-transform: uppercase; }
.education .form { background: #F2F2F2; }
.education .form .wrap { max-width: 630px; width: 100%; position: relative; }
.education .form .wrap .author { width: 300px; height: 300px; position: absolute; left: -300px; top: 0; }
@media (max-width: 1280px) { .education .form .wrap .author { width: 100%; height: auto; float: left; position: relative; left: auto; margin: 0 auto 20px auto; } }
.education .form .wrap .author .meta { float: left; width: 180px; padding: 0 20px; }
.education .form .wrap .author .meta p.titles { margin: 0; color: #000000; }
.education .form .wrap .author .meta p { margin: 0; }
.education .form .wrap .author .img { width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; float: left; }
.education .form .wrap .author .img img { max-width: 100%; }
.education .form .wrap p.date { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; margin: 50px 0 0 0; text-transform: uppercase; }
.education .form .wrap p.intro { text-align: left; margin: 50px 0 0 0; }
.education .form .wrap form { margin-bottom: 50px; float: left; width: 100%; max-width: 100%; }
.education .form .wrap form fieldset { text-align: center; padding: 0; margin: 0; border: 0; }
.education .form .wrap form fieldset .button { padding-left: 30px; padding-right: 30px; margin-top: 20px; }
.education .form .wrap form fieldset input { border: 0; outline: none; }
.education .education-events p.intro { font-family: "AvenirNextLTPro-Bold"; color: #939597; text-align: center; max-width: 800px; margin: 0px auto 50px auto; font-size: 17px; }
.education .education-events .button-wrap { width: 100%; max-width: 100%; float: left; text-align: center; }
.education .education-events .button-wrap .button { background: #A6CE38; }
.education .full .resources-legend { width: 100%; max-width: 100%; float: left; }
.education .full .resources-legend h5 { color: black; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; font-weight: normal; margin: 30px 0; }
.education .full .resources-legend ul { width: 100%; max-width: 100%; float: left; margin: 20px 0 25px 0; border-bottom: 1px solid #939597; padding-bottom: 25px; }
.education .full .resources-legend ul li { float: left; width: 20%; max-width: 100%; list-style: none; }
@media (max-width: 580px) { .education .full .resources-legend ul li { margin: 10px 0; width: 50%; } }
.education .full .resources-legend ul li .circle-ico { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 25px; width: 25px; background: #939597; float: left; margin-right: 10px; }
.education .full .resources-legend ul li .circle-ico.factsheets { background: #7EE5C5; }
.education .full .resources-legend ul li .circle-ico.booklets { background: #25D1F4; }
.education .full .resources-legend ul li .circle-ico.lessonplans { background: #FFDE1F; }
.education .full .resources-legend ul li .circle-ico.cspe { background: #FB324B; }
.education .full .resources-legend ul li .circle-ico.lcvp { background: #FF9900; }
.education .full h5 { color: black; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; font-weight: normal; margin: 30px 0; }
.education .full table { padding: 0px 0; }
.education .full table thead tr { background: #E5E6E6; color: #5E5E5E; }
.education .full table thead tr th { padding: 10px; text-transform: uppercase; text-align: left; width: 25%; }
@media (max-width: 767px) { .education .full table thead tr th { height: 40px; } }
.education .full table tbody tr { background: #F4F4F4; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; }
.education .full table tbody tr:nth-child(even) { background: #F0F1F1; }
.education .full table tbody tr td { text-align: left; color: #5E5E5E; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; font-size: 17px; padding: 10px; border-bottom: 2px solid #ffffff; }
@media (max-width: 767px) { .education .full table tbody tr td { font-size: 14px; border-bottom: 0px solid #ffffff; height: 40px; } }
.education .full table .circle-ico { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 25px; width: 25px; background: #939597; }
.education .full table .circle-ico.factsheets { background: #7EE5C5; }
.education .full table .circle-ico.booklets { background: #25D1F4; }
.education .full table .circle-ico.lessonplans { background: #FFDE1F; }
.education .full table .circle-ico.cspe { background: #FB324B; }
.education .full table .circle-ico.lcvp { background: #FF9900; }
.education .full table .button { background: #A6CE38; padding: 6px 20px; min-height: 24px; }
@media (max-width: 580px) { .education .full { /* sort out borders */ }
  .education .full table { width: 100%; border-collapse: collapse; border-spacing: 0; }
  .education .full th, .education .full td { margin: 0; vertical-align: top; }
  .education .full th { text-align: left; }
  .education .full table { display: block; position: relative; width: 100%; }
  .education .full thead { display: block; float: left; }
  .education .full tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
  .education .full thead tr { display: block; }
  .education .full th { display: block; text-align: right; }
  .education .full tbody tr { display: inline-block; vertical-align: top; }
  .education .full td { display: block; min-height: 1.25em; text-align: left; }
  .education .full th { border-bottom: 0; border-left: 0; }
  .education .full td { border-left: 0; border-right: 0; border-bottom: 0; }
  .education .full tbody tr { border-left: 0px solid #babcbf; }
  .education .full th:last-child, .education .full td:last-child { border-bottom: 0px solid #babcbf; } }
.education .tabs { position: relative; width: 100%; overflow: hidden; margin: 1em 0 2em; font-weight: 300; }
.education .tabs nav { text-align: center; max-width: 1100px; margin: 0 auto; }
.education .tabs nav ul { padding: 0; margin: 0; list-style: none; float: left; width: 100%; max-width: 100%; }
.education .tabs nav ul li { border-top: 3px solid #E5E6E6; border-bottom: none; margin: 0; display: block; float: left; position: relative; background: #E5E6E6; height: 50px; }
@media (max-width: 580px) { .education .tabs nav ul li { width: 100%; } }
.education .tabs nav ul li:nth-child(1) { background: #efefef; border-top: 3px solid #efefef; }
.education .tabs nav ul li:nth-child(2) { background: #eaeaea; border-top: 3px solid #eaeaea; }
.education .tabs nav ul li:nth-child(3) { background: #e5e5e5; border-top: 3px solid #e5e5e5; }
.education .tabs nav ul li:nth-child(4) { background: #e0e0e0; border-top: 3px solid #e0e0e0; }
.education .tabs nav ul li:nth-child(5) { background: #dbdbdb; border-top: 3px solid #dbdbdb; }
.education .tabs nav li.tab-current { border-top: 3px solid #F9324A !important; border-bottom: none; z-index: 1; background: #F4F4F4 !important; }
.education .tabs nav li.tab-current:after { right: auto; left: 100%; width: 4000px; }
.education .tabs nav a { color: #939597; display: block; font-size: 17px; line-height: 2.8; padding: 0 20px; white-space: nowrap; }
@media (max-width: 580px) { .education .tabs nav a { font-size: 13px; padding: 0 10px; line-height: 3.6; } }
.education .tabs nav a:hover { color: #768e9d; }
.education .tabs nav li.tab-current a { color: #939597; }
.education #page-tabs { /* Fallback example */ }
.education #page-tabs .content { margin-top: 0; background: #F2F2F2; padding: 30px 0; float: left; width: 100%; max-width: 100%; }
@media (max-width: 580px) { .education #page-tabs .content { padding: 20px 10px; } }
.education #page-tabs .content section { padding: 30px; display: none; max-width: 1100px; margin: 0px auto; background: #ffffff; }
@media (max-width: 580px) { .education #page-tabs .content section { padding: 10px; } }
.education #page-tabs .content section:before, .education #page-tabs .content section:after { content: ''; display: table; }
.education #page-tabs .content section:after { clear: both; }
.education #page-tabs .no-js .content section { display: block; padding-bottom: 2em; border-bottom: 0px solid #47a3da; }
.education #page-tabs .content section.content-current { display: block; }

/*--- Funding Page ---*/
.funding h1.page-title { color: #939597; border-color: #939597; float: left; }
.funding .color-box { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.funding .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.funding .color-box-quote { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.funding .color-box-quote h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 10px auto; max-width: 800px; text-transform: uppercase; }
.funding .grey { background: #F2F2F2; }
.funding .grey .wrap { max-width: 630px; width: 100%; }
.funding .grey .wrap p.date { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; margin: 50px 0 0 0; text-transform: uppercase; }
.funding .grey .wrap p.intro { text-align: left; margin: 50px 0; }
.funding .full .wrap h5 { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; margin: 50px 0; text-transform: uppercase; }
.funding .full .wrap ul.logos { width: 100%; max-width: 100%; float: left; margin: 0; padding: 0; text-align: center; }
.funding .full .wrap ul.logos li { display: inline-block; padding: 20px; width: 17%; }
@media (max-width: 580px) { .funding .full .wrap ul.logos li { width: 24%; float: left; height: 70px; padding: 10px; }
  .funding .full .wrap ul.logos li img { max-width: 100%; max-height: 50px; } }

/*--- Finances Page ---*/
.finances h1.page-title { color: #939597; border-color: #939597; float: left; }
.finances .color-box { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.finances .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.finances .color-box-quote { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.finances .color-box-quote h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 10px auto; max-width: 800px; text-transform: uppercase; }
.finances .grey { background: #F2F2F2; }
.finances .grey .wrap { max-width: 630px; width: 100%; }
.finances .grey .wrap p.date { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; margin: 50px 0 0 0; text-transform: uppercase; }
.finances .grey .wrap p.intro { text-align: center; margin: 50px 0; font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; font-size: 17px; }
.finances .full .wrap h5 { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; text-align: center; margin: 50px 0; text-transform: uppercase; }
.finances .full .wrap .button-wrap { width: 100%; float: left; max-width: 100%; text-align: center; margin: 0 0 50px 0; }
.finances .full .wrap ul.logos { width: 100%; max-width: 100%; float: left; margin: 0; padding: 0; text-align: center; }
.finances .full .wrap ul.logos li { display: inline-block; padding: 20px; width: 17%; vertical-align: middle; }
@media (max-width: 580px) { .finances .full .wrap ul.logos li { width: 24%; float: left; height: 70px; padding: 10px; }
  .finances .full .wrap ul.logos li img { max-width: 100%; max-height: 50px; } }

/*--- What we do Page ---*/
.contact { /* Tabs */ /* Nav */ /* Content */ }
.contact h1.page-title { color: #939597; border-color: #939597; }
.contact p.intro { font-family: "AvenirNextLTPro-Bold"; color: #939597; text-align: center; max-width: 800px; margin: 50px auto; font-size: 17px; }
.contact .three-across { width: 33%; max-width: 100%; float: left; padding: 0 60px; border-right: 1px solid #cccccc; min-height: 335px; margin: 0 0 30px 0; }
@media (max-width: 767px) { .contact .three-across { width: 100%; min-height: inherit; margin: 10px 0; border: 0; padding: 0; text-align: center; } }
.contact .three-across:last-child { border: 0px; }
.contact .three-across h4 { color: #087038; font-family: "AvenirNextLTPro-Bold"; }
.contact .four-across { width: 25%; max-width: 100%; float: left; padding: 0 25px; border-right: 1px solid #cccccc; min-height: 335px; margin: 0 0 30px 0; text-align: center; }
@media (max-width: 767px) { .contact .four-across { width: 100%; min-height: inherit; margin: 10px 0; border: 0; padding: 0; } }
.contact .four-across:last-child { border: 0px; }
.contact .four-across h4 { color: #087038; font-family: "AvenirNextLTPro-Bold"; }
.contact .color-box { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.contact .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.contact .button-wrap { text-align: center; width: 100%; max-width: 100%; float: left; }
.contact .button-wrap .button { background: #A6CE38; }
.contact .button-wrap .button:hover { background: #087038; }
.contact #form { background: #F1F1F1; padding-bottom: 40px; }
.contact #form .wrap { max-width: 600px; width: 100%; }
.contact #form .wrap form { margin-bottom: 0px; float: left; width: 100%; max-width: 100%; }
.contact #form .wrap form fieldset { text-align: center; padding: 0; margin: 0; border: 0; }
.contact #form .wrap form fieldset .button { padding-left: 30px; padding-right: 30px; margin-top: 20px; }
.contact #form .wrap form fieldset input { border-color: transparent; outline: none; }
.contact #form .wrap form fieldset textarea { border-color: transparent; outline: none; }
.contact #departments { margin-bottom: 30px; }
.contact #departments .wrap { text-align: center; max-width: 600px; width: 100%; }
.contact #departments .wrap h4 { color: #087038; font-family: "AvenirNextLTPro-Bold"; }
.contact #departments .wrap p { margin-bottom: 20px; }
.contact .tabs { position: relative; width: 100%; overflow: hidden; margin: 1em 0 2em; font-weight: 300; }
.contact .tabs nav { text-align: center; max-width: 1100px; margin: 0 auto; }
.contact .tabs nav ul { padding: 0; margin: 0; list-style: none; float: left; width: 100%; max-width: 100%; text-align: center; font-size: 0px; }
.contact .tabs nav ul li { border-top: 3px solid #E5E6E6; border-bottom: none; margin: 0; display: inline-block; position: relative; background: #E5E6E6; height: 50px; width: 220px; }
@media (max-width: 767px) { .contact .tabs nav ul li { width: 50%; } }
.contact .tabs nav ul li:nth-child(1) { background: #efefef; border-top: 3px solid #efefef; }
.contact .tabs nav ul li:nth-child(2) { background: #eaeaea; border-top: 3px solid #eaeaea; }
.contact .tabs nav ul li:nth-child(3) { background: #e5e5e5; border-top: 3px solid #e5e5e5; }
.contact .tabs nav ul li:nth-child(4) { background: #e0e0e0; border-top: 3px solid #e0e0e0; }
.contact .tabs nav ul li:nth-child(5) { background: #dbdbdb; border-top: 3px solid #dbdbdb; }
.contact .tabs nav li.tab-current { border-top: 3px solid #A6CE38 !important; border-bottom: none; z-index: 1; background: #F4F4F4 !important; }
.contact .tabs nav li.tab-current:after { right: auto; left: 100%; width: 4000px; }
.contact .tabs nav a { color: #939597; display: block; font-size: 17px; line-height: 2.8; padding: 0 20px; white-space: nowrap; }
@media (max-width: 580px) { .contact .tabs nav a { font-size: 13px; padding: 0 10px; line-height: 3.6; } }
.contact .tabs nav a:hover { color: #768e9d; }
.contact .tabs nav li.tab-current a { color: #939597; }
.contact #page-tabs { /* Fallback example */ }
.contact #page-tabs .content { margin-top: 0; background: #F2F2F2; padding: 30px 0; float: left; width: 100%; max-width: 100%; }
@media (max-width: 580px) { .contact #page-tabs .content { padding: 20px 10px; } }
.contact #page-tabs .content section { padding: 30px; display: none; max-width: 600px; margin: 0px auto; background: transparent; }
@media (max-width: 580px) { .contact #page-tabs .content section { padding: 10px; } }
.contact #page-tabs .content section h5 { font-family: "AvenirNextLTPro-Bold", helvetica, arial, sans-serif; }
.contact #page-tabs .content section form { margin-bottom: 0px; float: left; width: 100%; max-width: 100%; }
.contact #page-tabs .content section form fieldset { text-align: center; padding: 0; margin: 0; border: 0; }
.contact #page-tabs .content section form fieldset .button { padding-left: 30px; padding-right: 30px; margin-top: 20px; }
.contact #page-tabs .content section form fieldset input { border-color: transparent; outline: none; }
.contact #page-tabs .content section form fieldset textarea { border-color: transparent; outline: none; }
.contact #page-tabs .content section:before, .contact #page-tabs .content section:after { content: ''; display: table; }
.contact #page-tabs .content section:after { clear: both; }
.contact #page-tabs .no-js .content section { display: block; padding-bottom: 2em; border-bottom: 0px solid #47a3da; }
.contact #page-tabs .content section.content-current { display: block; }

/*--- Corporate Page ---*/
.corporate { /* Tabs */ /* Nav */ /* Content */ /* Form */ }
.corporate h1.page-title { color: #939597; border-color: #939597; float: left; }
.corporate .color-box { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.corporate .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.corporate .color-box-quote { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.corporate .color-box-quote h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 10px auto; max-width: 800px; text-transform: uppercase; }
.corporate p.intro { font-family: "AvenirNextLTPro-Bold"; color: #939597; text-align: center; max-width: 800px; margin: 50px auto; font-size: 17px; }
.corporate p.body-text { max-width: 800px; margin: 0 auto 50px auto; }
.corporate .button-wrap { width: 100%; max-width: 100%; float: left; text-align: center; margin: 50px 0; }
.corporate .button-wrap .button { background: #087038; }
.corporate .full h5 { color: black; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; font-weight: normal; margin: 30px 0; }
.corporate .tabs { position: relative; width: 100%; overflow: hidden; margin: 1em 0 2em; font-weight: 300; }
.corporate .tabs nav { text-align: center; max-width: 1100px; margin: 0 auto; }
.corporate .tabs nav ul { padding: 0; margin: 0; list-style: none; float: left; width: 100%; max-width: 100%; }
.corporate .tabs nav ul li { border-top: 3px solid #E5E6E6; border-bottom: none; margin: 0; display: block; float: left; position: relative; background: #E5E6E6; height: 50px; }
@media (max-width: 1024px) { .corporate .tabs nav ul li { width: 50%; } }
@media (max-width: 580px) { .corporate .tabs nav ul li { width: 100%; } }
.corporate .tabs nav ul li:nth-child(1) { background: #efefef; border-top: 3px solid #efefef; }
.corporate .tabs nav ul li:nth-child(2) { background: #eaeaea; border-top: 3px solid #eaeaea; }
.corporate .tabs nav ul li:nth-child(3) { background: #e5e5e5; border-top: 3px solid #e5e5e5; }
.corporate .tabs nav ul li:nth-child(4) { background: #e0e0e0; border-top: 3px solid #e0e0e0; }
.corporate .tabs nav ul li:nth-child(5) { background: #dbdbdb; border-top: 3px solid #dbdbdb; }
.corporate .tabs nav li.tab-current { border-top: 3px solid #F9324A !important; border-bottom: none; z-index: 1; background: #F4F4F4 !important; }
.corporate .tabs nav li.tab-current:after { right: auto; left: 100%; width: 4000px; }
.corporate .tabs nav a { color: #939597; display: block; font-size: 17px; line-height: 2.8; padding: 0 20px; white-space: nowrap; }
@media (max-width: 580px) { .corporate .tabs nav a { font-size: 13px; padding: 0 10px; line-height: 3.6; } }
.corporate .tabs nav a:hover { color: #768e9d; }
.corporate .tabs nav li.tab-current a { color: #939597; }
.corporate #page-tabs { /* Fallback example */ }
.corporate #page-tabs .content { margin-top: 0; background: #F2F2F2; padding: 30px 0; float: left; width: 100%; max-width: 100%; }
@media (max-width: 580px) { .corporate #page-tabs .content { padding: 20px 10px; } }
.corporate #page-tabs .content section { padding: 30px; display: none; max-width: 1100px; margin: 0px auto; background: #ffffff; }
@media (max-width: 580px) { .corporate #page-tabs .content section { padding: 10px; } }
.corporate #page-tabs .content section:before, .corporate #page-tabs .content section:after { content: ''; display: table; }
.corporate #page-tabs .content section:after { clear: both; }
.corporate #page-tabs .no-js .content section { display: block; padding-bottom: 2em; border-bottom: 0px solid #47a3da; }
.corporate #page-tabs .content section.content-current { display: block; }
.corporate #form { background: #F1F1F1; padding-bottom: 40px; margin-bottom: 50px; }
.corporate #form .wrap { max-width: 600px; width: 100%; }
.corporate #form .wrap .title-wrap p { text-align: center; }
.corporate #form .wrap form { margin-bottom: 0px; float: left; width: 100%; max-width: 100%; }
.corporate #form .wrap form fieldset { text-align: center; padding: 0; margin: 0; border: 0; }
.corporate #form .wrap form fieldset .button { padding-left: 30px; padding-right: 30px; margin-top: 20px; }
.corporate #form .wrap form fieldset input { border: 0; outline: none; }
.corporate #form .wrap form fieldset textarea { border: 0; outline: none; }

/*--- Volunteer Page ---*/
body.volunteer .full.newsletter-bottom { margin-top: 0; }

.volunteer h1.page-title { color: #939597; border-color: #939597; float: left; }
.volunteer .color-box { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.volunteer .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.volunteer .color-box-quote { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.volunteer .color-box-quote h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 10px auto; max-width: 800px; text-transform: uppercase; }
.volunteer .form { background: #F2F2F2; }
.volunteer .form .wrap { max-width: 630px; width: 100%; position: relative; }
.volunteer .form .wrap .author { width: 300px; height: 300px; position: absolute; left: -300px; top: 0; }
@media (max-width: 1280px) { .volunteer .form .wrap .author { width: 100%; height: auto; float: left; position: relative; left: auto; margin: 0 auto 20px auto; } }
.volunteer .form .wrap .author .meta { float: left; width: 180px; padding: 0 20px; }
.volunteer .form .wrap .author .meta p.titles { margin: 0; color: #000000; }
.volunteer .form .wrap .author .meta p { margin: 0; }
.volunteer .form .wrap .author .img { width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; float: left; }
.volunteer .form .wrap .author .img img { max-width: 100%; }
.volunteer .form .wrap p.intro { text-align: left; margin: 50px 0 0 0; }
.volunteer .form .wrap form { margin-bottom: 50px; float: left; width: 100%; max-width: 100%; }
.volunteer .form .wrap form fieldset { text-align: center; padding: 0; margin: 0; border: 0; }
.volunteer .form .wrap form fieldset .button { padding-left: 30px; padding-right: 30px; margin-top: 20px; }
.volunteer .form .wrap form fieldset input { border: 0; outline: none; }

/*--- Fundraise Page ---*/
.fundraise h1.page-title { color: #939597; border-color: #939597; float: left; }
.fundraise .color-box { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.fundraise .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.fundraise .color-box-quote { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.fundraise .color-box-quote h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 10px auto; max-width: 800px; text-transform: uppercase; }
.fundraise p.intro { font-family: "AvenirNextLTPro-Bold"; color: #939597; text-align: center; max-width: 800px; margin: 50px auto; font-size: 17px; }
.fundraise p.body-text { max-width: 800px; margin: 0 auto 50px auto; }
.fundraise .button-wrap { width: 100%; max-width: 100%; float: left; text-align: center; margin: 0 0 50px 0; }
.fundraise .button-wrap .button { background: #087038; }
.fundraise #form { background: #F1F1F1; padding-bottom: 40px; }
.fundraise #form .wrap { max-width: 600px; width: 100%; }
.fundraise #form .wrap .title-wrap p { text-align: center; }
.fundraise #form .wrap form { margin-bottom: 0px; float: left; width: 100%; max-width: 100%; }
.fundraise #form .wrap form fieldset { text-align: center; padding: 0; margin: 0; border: 0; }
.fundraise #form .wrap form fieldset .button { padding-left: 30px; padding-right: 30px; margin-top: 20px; }
.fundraise #form .wrap form fieldset input { border: 0; outline: none; }
.fundraise #form .wrap form fieldset textarea { border: 0; outline: none; }

/* ---- Our Story ---- */
.our-story { /* Maps section */ /* History Section */ }
.our-story section.sliding { float: left; width: 100%; max-width: 100%; min-height: 100%; min-height: calc(100% - 50px); background-color: #087038; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; position: relative; box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.3); /* Our Story */ }
.our-story section.sliding a.next-slide { width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #ffffff; background: rgba(255, 255, 255, 0.5); position: absolute; left: 50%; margin-left: -25px; bottom: 60px; text-align: center; z-index: 1; }
@media (max-width: 580px) { .our-story section.sliding a.next-slide { bottom: 20px; } }
.our-story section.sliding a.next-slide .icon-arrow-down, .our-story section.sliding a.next-slide .selectwrap { color: white; font-size: 18px; padding: 18px 0; float: left; width: 100%; }
.our-story section.sliding .slidewrap.stats { width: 100%; max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.our-story section.sliding .slidewrap { width: 100%; max-width: 100%; float: left; }
.our-story section.sliding .slidewrap .table-wrap { display: table; width: 100%; max-width: 100%; min-height: 100%; }
.our-story section.sliding .slidewrap .table-wrap .cell-wrap { display: table-cell; width: 100%; max-width: 100%; vertical-align: middle; }
.our-story section.sliding .slidewrap .centered-title { float: left; width: 100%; max-width: 100%; position: absolute; text-align: center; top: 50%; margin-top: -80px; padding: 0 15px; }
.our-story section.sliding .slidewrap .centered-title img { max-height: 160px; }
@media (max-width: 580px) { .our-story section.sliding .slidewrap .centered-title img { max-height: 80px; } }
@media (max-width: 580px) { .our-story section.sliding .slidewrap .centered-title { margin-top: -60px; } }
.our-story section.sliding .slidewrap .slide-title { margin: 50px 0; float: left; width: 100%; max-width: 100%; text-align: center; padding: 0 15px; }
.our-story section.sliding .slidewrap .slide-title img { max-height: 120px; }
@media (max-width: 580px) { .our-story section.sliding .slidewrap .slide-title img { max-height: 80px; } }
@media (max-width: 580px) { .our-story section.sliding .slidewrap .slide-title { margin: 25px 0; } }
.our-story section.sliding .slidewrap .slide-title.mission { margin: 50px 0; float: left; width: 100%; max-width: 100%; text-align: center; padding: 0 15px; }
.our-story section.sliding .slidewrap .slide-title.mission img { max-height: 260px; }
@media (max-width: 580px) { .our-story section.sliding .slidewrap .slide-title.mission img { max-height: 140px; } }
@media (max-width: 580px) { .our-story section.sliding .slidewrap .slide-title.mission { margin: 25px 0; } }
.our-story section.sliding .slidewrap .title-wrap { float: left; width: 100%; position: relative; max-width: 100%; }
.our-story section.sliding .slidewrap .title-wrap .centered.subtitle { float: left; width: 100%; max-width: 100%; text-align: center; padding: 0 15px; margin: 0; }
.our-story section.sliding .slidewrap .title-wrap .centered.subtitle img { max-height: 160px; }
@media (max-width: 580px) { .our-story section.sliding .slidewrap .title-wrap .centered.subtitle img { max-height: 100px; } }
.our-story section.sliding .slidewrap .title-wrap .centered.subtitle p { margin: 0 auto 20px auto; }
.our-story section.sliding .slidewrap .subtitle { float: left; width: 100%; max-width: 100%; text-align: center; margin-bottom: 50px; padding: 0 15px; }
.our-story section.sliding .slidewrap .subtitle h5 { font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; color: #ffffff; font-weight: normal; font-size: 30px; }
@media (max-width: 580px) { .our-story section.sliding .slidewrap .subtitle h5 { font-size: 20px; } }
.our-story section.sliding .slidewrap .subtitle h1 { font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; color: #087038; font-weight: normal; font-size: 80px; }
@media (max-width: 580px) { .our-story section.sliding .slidewrap .subtitle h1 { font-size: 50px; } }
.our-story section.sliding .slidewrap .subtitle p { width: 100%; max-width: 800px; margin: 0 auto; color: #ffffff; text-align: center; font-size: 18px; padding: 0 15px; }
@media (max-width: 580px) { .our-story section.sliding .slidewrap .subtitle p { font-size: 14px; } }
.our-story #map-section { height: 100%; }
.our-story #map-section .infoBox { display: none !important; }
.our-story section.sliding.map { height: 100%; height: calc(100% - 50px); }
.our-story .our-history .title-wrap { float: left; width: 100%; position: relative; max-width: 100%; }
.our-story .our-history .title-wrap .slide-title { margin: 50px 0; float: left; width: 100%; max-width: 100%; text-align: center; padding: 0 15px; }
.our-story .our-history .title-wrap .slide-title img { max-height: 120px; }
@media (max-width: 580px) { .our-story .our-history .title-wrap .slide-title img { max-height: 80px; } }
@media (max-width: 580px) { .our-story .our-history .title-wrap .slide-title { margin: 25px 0; } }
.our-story .our-history #masonry-container { padding-bottom: 50px; }
@media (max-width: 580px) { .our-story .our-history #masonry-container #main .square { width: 100%; } }
.our-story .our-history #masonry-container #main .item .wrap { padding: 5px; width: 100%; max-width: 100%; float: left; }
.our-story .our-history #masonry-container #main .item .wrap .img { min-height: 340px; background: #A6CE38; padding: 30px 15px; color: #ffffff; }
.our-story .our-history #masonry-container #main .item .wrap h1 { font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; color: #ffffff; text-align: center; line-height: 1; }
.our-story .our-history #masonry-container #main .item .wrap hr { width: 100px; max-width: 100%; margin: 10px auto 15px auto; border-color: white; border-width: 1px; }
.our-story .our-history #masonry-container #main .item .wrap img { margin-bottom: 20px; }
.our-story .our-history #masonry-container #main .item .wrap .button { width: 100%; }
.our-story .our-history #masonry-container #main .item .wrap .button:hover { color: #087038; background: white; }
.our-story .our-history #masonry-container #main .item .wrap span { padding-right: 10px; font-size: 18px; float: left; }
.our-story .our-history #masonry-container #main .item .wrap p { margin-left: 24px; }

/*--- Resources Page ---*/
.resources h1.page-title { color: #939597; border-color: #939597; float: left; }
.resources .color-box { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.resources .color-box h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; text-transform: uppercase; }
.resources .color-box-quote { width: 100%; max-width: 100%; float: left; background: #A6CE38; }
.resources .color-box-quote h2 { color: #ffffff; font-family: "Champion-HTF-Featherweight", helvetica, arial, sans-serif; text-align: center; padding: 10px 15px 0 15px; margin: 10px auto; max-width: 800px; text-transform: uppercase; }
.resources .full.table { background: #F4F4F4; padding: 50px 0; }
.resources .full.table .wrap { background: white; padding: 50px 15px; }
.resources .full.table .wrap h5 { color: black; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; font-weight: normal; margin: 30px 0; }
.resources .full.table .wrap table { padding: 0px 0; }
.resources .full.table .wrap table thead tr { background: #E5E6E6; color: #5E5E5E; }
.resources .full.table .wrap table thead tr th { padding: 10px; text-transform: uppercase; text-align: left; width: 25%; }
@media (max-width: 767px) { .resources .full.table .wrap table thead tr th { height: 40px; } }
.resources .full.table .wrap table tbody tr { background: #F4F4F4; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; }
.resources .full.table .wrap table tbody tr:nth-child(even) { background: #F0F1F1; }
.resources .full.table .wrap table tbody tr td { text-align: left; color: #5E5E5E; font-family: "AvenirNextLTPro-Demi", helvetica, arial, sans-serif; font-size: 17px; padding: 10px; border-bottom: 2px solid #ffffff; }
@media (max-width: 767px) { .resources .full.table .wrap table tbody tr td { font-size: 14px; border-bottom: 0px solid #ffffff; height: 40px; } }
.resources .full.table .wrap table .button { background: #A6CE38; padding: 6px 20px; min-height: 24px; }
@media (max-width: 580px) { .resources .full.table .wrap { /* sort out borders */ }
  .resources .full.table .wrap table { width: 100%; border-collapse: collapse; border-spacing: 0; }
  .resources .full.table .wrap th, .resources .full.table .wrap td { margin: 0; vertical-align: top; }
  .resources .full.table .wrap th { text-align: left; }
  .resources .full.table .wrap table { display: block; position: relative; width: 100%; }
  .resources .full.table .wrap thead { display: block; float: left; }
  .resources .full.table .wrap tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
  .resources .full.table .wrap thead tr { display: block; }
  .resources .full.table .wrap th { display: block; text-align: right; }
  .resources .full.table .wrap tbody tr { display: inline-block; vertical-align: top; }
  .resources .full.table .wrap td { display: block; min-height: 1.25em; text-align: left; }
  .resources .full.table .wrap th { border-bottom: 0; border-left: 0; }
  .resources .full.table .wrap td { border-left: 0; border-right: 0; border-bottom: 0; }
  .resources .full.table .wrap tbody tr { border-left: 0px solid #babcbf; }
  .resources .full.table .wrap th:last-child, .resources .full.table .wrap td:last-child { border-bottom: 0px solid #babcbf; } }

/* Social Shares */
.social-link { display: block; width: 50px; height: 50px; background: #A6CE38; color: #ffffff; border: 0px solid #b7e1de; border-radius: 0 0 50% 50%; margin: 0px auto 0 auto; position: relative; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
@media (max-width: 580px) { .social-link { margin: 0px 0 0 0; } }

.social-link:hover { background: #087038; cursor: pointer; }

.social-link span { font-size: 22px; padding: 8px 12px; display: block; position: relative; z-index: 2; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.social-link span:hover { color: #fff; }

.social-link #popup-view { width: 0; height: 50px; top: 0px; right: 0; overflow: hidden; padding-left: 15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; z-index: 1; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; }

.social-link #popup-view .social-shares ul { width: 100%; height: 0; list-style-type: none; margin: 12px 0 0; }

.social-link #popup-view .social-shares ul li { height: 0; width: 100%; }

.social-link #popup-view .social-shares ul li .social-icon { color: #A6CE38; padding: 0 31px; text-align: center; display: block; width: 38px; height: 25px; float: left; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.social-link #popup-view .social-shares ul li .social-icon:hover, .social-link #popup-view .social-shares ul li .social-icon:focus, .social-link #popup-view .social-shares ul li .social-icon:active { color: #ffffff; }

.social-link #popup-view.on { background: #A6CE38; height: 50px; width: 280px; top: 0px; left: 25px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 0; z-index: 0; opacity: 1; }

.social-link #popup-view.on .social-shares ul { height: 50px; }

.social-link #popup-view.on .social-shares ul li { height: auto; }

.social-link #popup-view.on .social-shares ul li .social-icon { font-size: 22px; color: #fff; }

.social-link #popup-view.on .social-shares ul li:last-child .social-icon { font-size: 18px; color: #fff; padding-top: 3px; }

.social-link.on { background: #A6CE38; }

.social-link.on span { color: #fff; }