/* Minification failed. Returning unminified contents.
(1723,252): run-time error CSS1035: Expected colon, found 'display'
 */
@charset "UTF-8";
@font-face { font-family: 'UNHCRUppercase'; src: url("/fonts/UNHCRUppercase-Regular.eot"); src: url("/fonts/UNHCRUppercase-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/UNHCRUppercase-Regular.woff") format("woff"), url("/fonts/UNHCRUppercase-Regular.ttf") format("truetype"), url("/fonts/UNHCRUppercase-Regular.eot.svg") format("svg"); }

@font-face { font-family: 'UNHCLowercase'; src: url("/fonts/UNHCLowercase-Regular.eot"); src: url("/fonts/UNHCLowercase-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/UNHCLowercase-Regular.woff") format("woff"), url("/fonts/UNHCLowercase-Regular.ttf") format("truetype"), url("/fonts/UNHCLowercase-Regular.eot.svg") format("svg"); }

/*------------------------------------*    $MIXINS
\*------------------------------------*/
/* CSS Transition Usage: @include transition(width,0.3s,ease-out); */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ffbd00; color: #666; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

figure { padding: 0; margin: 0; margin-bottom: 1.25em; }

/*------------------------------------*    #BOX-SIZING
\*------------------------------------*/
/** Set the global `box-sizing` state to `border-box`. css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice paulirish.com/2012/box-sizing-border-box-ftw */
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

/*------------------------------------*    #PAGE
\*------------------------------------*/
/** High-, page-level styling. 1. Set the default `font-size` and `line-height` for the entire project, sourced from our default variables. The `font-size` is calculated to exist in ems, the `line-height` is calculated to exist unitlessly. 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when navigating between pages that do/do not have enough content to produce scrollbars naturally. 3. Ensure the page always fills at least the entire height of the viewport. 4. Prevent certain mobile browsers from automatically zooming fonts. 5. Fonts on OSX will look more consistent with other systems that do not render text using sub-pixel anti-aliasing. */
html { font-size: 0.875em; /* [1] */ line-height: 1.1428571429; /* [1] */ background-color: #fff; color: #333; overflow-y: scroll; /* [2] */ min-height: 100%; /* [3] */ -webkit-text-size-adjust: 100%; /* [4] */ -ms-text-size-adjust: 100%; /* [4] */ -moz-osx-font-smoothing: grayscale; /* [5] */ -webkit-font-smoothing: antialiased; /* [5] */ }

.container, .slider .slider-i, .header-w .header, .mob-header-w .mob-header, .search-overlay-w .search-overlay, .open-mobile-menu-w .open-mobile-menu, .navigation-w .navigation, .video-module-w .video-module, .form-navigation-w .video-module, .events-w .events, .humanity-w .humanity, .do-your-own-thing-w .do-your-own-thing, .organised-events-w .organised-events, .fundraising-w .fundraising, .contact-module-w .contact-module, .footer-w footer.footer, .mobile-intro-w .mobile-intro, .sub-navigation-w .sub-navigation, .event-hero-w .event-hero, .body-w .body { max-width: 990px; margin-left: auto; margin-right: auto; }

.container:after, .slider .slider-i:after, .header-w .header:after, .mob-header-w .mob-header:after, .search-overlay-w .search-overlay:after, .open-mobile-menu-w .open-mobile-menu:after, .navigation-w .navigation:after, .video-module-w .video-module:after, .form-navigation-w .video-module:after, .events-w .events:after, .humanity-w .humanity:after, .do-your-own-thing-w .do-your-own-thing:after, .organised-events-w .organised-events:after, .fundraising-w .fundraising:after, .contact-module-w .contact-module:after, .footer-w footer.footer:after, .mobile-intro-w .mobile-intro:after, .sub-navigation-w .sub-navigation:after, .event-hero-w .event-hero:after, .body-w .body:after { content: " "; display: block; clear: both; }

@media (max-width: 990px) { .container, .slider .slider-i, .header-w .header, .mob-header-w .mob-header, .search-overlay-w .search-overlay, .open-mobile-menu-w .open-mobile-menu, .navigation-w .navigation, .video-module-w .video-module, .form-navigation-w .video-module, .events-w .events, .humanity-w .humanity, .do-your-own-thing-w .do-your-own-thing, .organised-events-w .organised-events, .fundraising-w .fundraising, .contact-module-w .contact-module, .footer-w footer.footer, .mobile-intro-w .mobile-intro, .sub-navigation-w .sub-navigation, .event-hero-w .event-hero, .body-w .body { max-width: 900px; margin-left: auto; margin-right: auto; }
  .container:after, .slider .slider-i:after, .header-w .header:after, .mob-header-w .mob-header:after, .search-overlay-w .search-overlay:after, .open-mobile-menu-w .open-mobile-menu:after, .navigation-w .navigation:after, .video-module-w .video-module:after, .form-navigation-w .video-module:after, .events-w .events:after, .humanity-w .humanity:after, .do-your-own-thing-w .do-your-own-thing:after, .organised-events-w .organised-events:after, .fundraising-w .fundraising:after, .contact-module-w .contact-module:after, .footer-w footer.footer:after, .mobile-intro-w .mobile-intro:after, .sub-navigation-w .sub-navigation:after, .event-hero-w .event-hero:after, .body-w .body:after { content: " "; display: block; clear: both; } }

@media (max-width: 990px) { .container, .slider .slider-i, .header-w .header, .mob-header-w .mob-header, .search-overlay-w .search-overlay, .open-mobile-menu-w .open-mobile-menu, .navigation-w .navigation, .video-module-w .video-module, .form-navigation-w .video-module, .events-w .events, .humanity-w .humanity, .do-your-own-thing-w .do-your-own-thing, .organised-events-w .organised-events, .fundraising-w .fundraising, .contact-module-w .contact-module, .footer-w footer.footer, .mobile-intro-w .mobile-intro, .sub-navigation-w .sub-navigation, .event-hero-w .event-hero, .body-w .body { max-width: 100%; margin-left: auto; margin-right: auto; }
  .container:after, .slider .slider-i:after, .header-w .header:after, .mob-header-w .mob-header:after, .search-overlay-w .search-overlay:after, .open-mobile-menu-w .open-mobile-menu:after, .navigation-w .navigation:after, .video-module-w .video-module:after, .form-navigation-w .video-module:after, .events-w .events:after, .humanity-w .humanity:after, .do-your-own-thing-w .do-your-own-thing:after, .organised-events-w .organised-events:after, .fundraising-w .fundraising:after, .contact-module-w .contact-module:after, .footer-w footer.footer:after, .mobile-intro-w .mobile-intro:after, .sub-navigation-w .sub-navigation:after, .event-hero-w .event-hero:after, .body-w .body:after { content: " "; display: block; clear: both; } }

@media (max-width: 720px) { .container, .slider .slider-i, .header-w .header, .mob-header-w .mob-header, .search-overlay-w .search-overlay, .open-mobile-menu-w .open-mobile-menu, .navigation-w .navigation, .video-module-w .video-module, .form-navigation-w .video-module, .events-w .events, .humanity-w .humanity, .do-your-own-thing-w .do-your-own-thing, .organised-events-w .organised-events, .fundraising-w .fundraising, .contact-module-w .contact-module, .footer-w footer.footer, .mobile-intro-w .mobile-intro, .sub-navigation-w .sub-navigation, .event-hero-w .event-hero, .body-w .body { max-width: 100%; margin-left: auto; margin-right: auto; }
  .container:after, .slider .slider-i:after, .header-w .header:after, .mob-header-w .mob-header:after, .search-overlay-w .search-overlay:after, .open-mobile-menu-w .open-mobile-menu:after, .navigation-w .navigation:after, .video-module-w .video-module:after, .form-navigation-w .video-module:after, .events-w .events:after, .humanity-w .humanity:after, .do-your-own-thing-w .do-your-own-thing:after, .organised-events-w .organised-events:after, .fundraising-w .fundraising:after, .contact-module-w .contact-module:after, .footer-w footer.footer:after, .mobile-intro-w .mobile-intro:after, .sub-navigation-w .sub-navigation:after, .event-hero-w .event-hero:after, .body-w .body:after { content: " "; display: block; clear: both; } }

.content-container { max-width: 1000px; margin-left: auto; margin-right: auto; }

.content-container:after { content: " "; display: block; clear: both; }

html { background: #008ff6; }

.content-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.content-w .content, .content-w .member-profile .member-profile-content, .member-profile .content-w .member-profile-content { width: 66.1016949153%; float: left; margin-right: 1.6949152542%; }

@media (max-width: 720px) { .content-w .content, .content-w .member-profile .member-profile-content, .member-profile .content-w .member-profile-content { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.content-w .sidebar-w { width: 32.2033898305%; float: right; margin-right: 0; }

@media (max-width: 720px) { .content-w .sidebar-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.layout-1x-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.layout-1x-w .col { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.layout-2x-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.layout-2x-w .col { width: 49.1525423729%; float: left; margin-right: 1.6949152542%; }

.layout-2x-w .col:nth-child(even) { width: 49.1525423729%; float: right; margin-right: 0; }

@media (max-width: 720px) { .layout-2x-w .col { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .layout-2x-w .col:nth-child(even) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.layout-3x-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.layout-3x-w .col { width: 32.2033898305%; float: left; margin-right: 1.6949152542%; }

.layout-3x-w .col:nth-child(3n) { width: 32.2033898305%; float: right; margin-right: 0; }

@media (max-width: 720px) { .layout-3x-w .col { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .layout-3x-w .col:nth-child(3n) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.layout-4x-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.layout-4x-w .col { width: 23.7288135593%; float: left; margin-right: 1.6949152542%; }

.layout-4x-w .col:nth-child(4n) { width: 23.7288135593%; float: right; margin-right: 0; }

@media (max-width: 720px) { .layout-4x-w .col { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .layout-4x-w .col:nth-child(4n) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.mb { margin-bottom: 1.25em; }

.mb-2x { margin-bottom: 2.5em; }

.mt { margin-top: 1.25em; }

.mt-2x { margin-top: 2.5em; }

.sp { padding-left: 0; padding-right: 0; }

@media (max-width: 990px) { .sp { padding-left: 1.25em; padding-right: 1.25em; } }

.pt { padding-top: 1.25em; }

.pb { padding-bottom: 1.25em; }

.pt-2x { padding-top: 2.5em; }

.pb-2x { padding-bottom: 2.5em; }

/*------------------------------------*    #COLOURS
\*------------------------------------*/
.body-background-color-bg { background: #008ff6; }

.body-color-bg { background: #666; }

.heading-color-bg { background: #008ff6; }

.highlight-color-bg { background: #ffbd00; }

.link-color-bg { background: blue; }

.border-color-bg { background: #d2d2d2; }

.success-color-bg { background: green; }

.warning-color-bg { background: yellow; }

.error-color-bg { background: red; }

/*------------------------------------*    #IMAGES
\*------------------------------------*/
/** 1. Fluid images for responsive purposes. 2. Offset `alt` text from surrounding copy. 3. Setting `vertical-align` removes the whitespace that appears under `img` elements when they are dropped into a page as-is. Safer alternative to using `display: block;`. */
img { max-width: 100%; /* [1] */ font-style: italic; /* [2] */ vertical-align: middle; /* [3] */ }

/** 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector to remove the effects. 2. If a `width` and/or `height` attribute have been explicitly defined, let’s not make the image fluid. */
.gm-style img, img[width], img[height] { /* [2] */ max-width: none; }

img.align-right, img.alignright { float: right; margin: 0; margin-left: 1.25em; margin-bottom: 1.25em; }

img.align-left, img.alignleft { float: left; margin: 0; margin-right: 1.25em; margin-bottom: 1.25em; }

img.align-left.full-line, img.alignleft.full-line { margin-right: 100%; }

img.align-center { float: left; margin: 0; margin-right: 1.25em; margin-bottom: 1.25em; }

img.aligncenter { float: left; margin: 0; width: 100%; margin-bottom: 1.25em; }

img.full, img.fill-image { float: left; padding: 0; margin: 0; width: 100%; min-width: 100%; }

/*------------------------------------*    $GLOBAL CLASSES
\*------------------------------------*/
/* Clearfix */
.cf { *zoom: 1; }

.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }

.cf:after { clear: both; }

/* Completely remove from the flow and screen readers. */
.is-hidden { display: none !important; visibility: hidden !important; }

/* Completely remove from the flow but leave available to screen readers. */
.is-vishidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); }

/* Floats */
.right { float: right; padding: 0 0 1.25em 1.25em; }

.right-search { float: right; padding: 0 0 1.25em 0; }

.left { float: left; padding: 0 1.25em 1.25em 0; }

/* Text-Align */
.align-right { text-align: right; }

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

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

.float-left { float: left; }

.float-right { float: right; }

.padding-top-bottom { padding-top: 1.25em; padding-bottom: 1.25em; }

.padding-left-right { padding-left: 1.25em; padding-right: 1.25em; }

.loading { visibility: hidden; }

.valid, .success { color: green; }

.error { color: red; }

.warning { color: yellow; }

.font-secondary { font-family: "Open Sans", Helvetica, Arial, sans-serif; }

/* Links */
a { color: #008ff6; text-decoration: none; outline: 0; }

a:hover, a:focus { color: #008ff6; text-decoration: none; }

ol, ul { margin: 0; padding: 0; list-style: none; }

ol.inline-list li, ul.inline-list li, .navigation-w .navigation nav ul li, .footer-w footer.footer nav ul li, .footer-w footer.footer .sub-footer .sub-footer-social ul li { float: left; margin-right: 1.25em; }

/* Definition Lists */
dl { overflow: hidden; margin: 0 0 1.25em; }

dt { font-weight: bold; }

dd { margin-left: 0.625em; margin-bottom: 0.625em; }

.inline-list li, .navigation-w .navigation nav ul li, .footer-w footer.footer nav ul li, .footer-w footer.footer .sub-footer .sub-footer-social ul li { display: inline-block; }

/* Social List */
.social-list li { margin: 0 0.4rem 1.25em 0; }

.social-list a { font-size: 1.6em; }

/* Headline List */
.headline-list { margin-bottom: 1.25em; }

.headline-list.flush { margin: 0; }

.headline-list h4 { font-weight: normal; }

.headline-list li { padding: 0.3125em 0; border-top: 1px solid #d2d2d2; }

/* Post List */
.post-list li { margin-bottom: 1.25em; }

/* Bullet List */
.bullet-list, .numbered-list { list-style: disc; margin-left: 1.2em; line-height: 1.3; }

.bullet-list.sub-list, .sub-list.numbered-list { margin-top: 0.625em; }

.bullet-list.sub-list li, .sub-list.numbered-list li { margin-bottom: 0; }

.bullet-list li, .numbered-list li { margin-bottom: 0.625em; }

.numbered-list { list-style: decimal; margin-left: 1.3em; }

/* Text List */
.text-list { margin: 0 0 1em; line-height: 1.3; }

.text-list li { margin-bottom: 1.25em; }

body { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #666; }

/* Text-Related Elements */
/* Heading */
h1, h2, h3, h4, h5, h6 { margin: 0 0 1.25em 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #008ff6; }

.n h1, .n h2, .n h3, .n h4, .n h5, .n h6 { margin: 0; }

/* Paragraph */
p { margin: 0 0 1.25em 0; }

.n p { margin: 0; }

/* Blockquote */
blockquote { font-style: italic; border-left: 1px solid #d2d2d2; color: #666; padding: 1.25em 0 0 1.25em; margin: 0 0 1.25em 0; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

/* HR */
hr { border: 0; height: 2px; background: #d2d2d2; margin: 0 0 2.5em 0; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

/* ABBR */
abbr { border-bottom: 1px dotted #d2d2d2; cursor: help; }

/* ABBR */
figcaption { font-style: italic; margin: 1.25em 0 0 0; }

/*------------------------------------*    $FORMS
\*------------------------------------*/
form ol, form ul { list-style: none; margin: 0; padding: 0; }

fieldset { border: 0; padding: 0; margin: 0; }

label { display: block; font-weight: 600; padding-bottom: 0.625em; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 1px 0; }

input, textarea, select { width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f5f5f5; border: 1px solid #d2d2d2; padding: 0.625em 1.25em; color: #666666; outline: none; }

input[type=text], input[type=search], input[type=url], input[type=number], textarea { -webkit-appearance: none; }

input[type="color"] { width: inherit; }

input[type="submit"].btn { width: inherit; }

input[type="submit"].btn.btn--full, .events-w .events input[type="submit"].btn, .humanity-tile input[type="submit"].btn, .do-your-own-thing-w .do-your-own-thing input[type="submit"].btn, .organised-events-w .organised-events .event-tiles .event-tile .event-content input[type="submit"].btn, .fundraising-w .fundraising input[type="submit"].btn, .contact-module-w .contact-module input[type="submit"].btn { width: 100%; }

input[type="checkbox"], input[type="radio"] { width: auto; margin-right: 0.3em; }

input[type="search"] { -webkit-appearance: none; border-radius: 6px; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

.field-container, .input-w { margin-bottom: 1.25em; }

.form-1x { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.form-2x { width: 49.1525423729%; float: left; margin-right: 1.6949152542%; }

.form-2x:nth-child(even) { width: 49.1525423729%; float: right; margin-right: 0; }

.form-3x { width: 32.2033898305%; float: left; margin-right: 1.6949152542%; }

.form-3x:nth-child(3n) { width: 32.2033898305%; float: right; margin-right: 0; }

.inline-form .inline-input { position: relative; }

.inline-form .btn { position: absolute; top: 0; right: 0; z-index: 1; }

/* Validation */
.has-error, .is-error { border-color: red; }

.is-valid { border-color: green; }

textarea, input[type="text"], input[type="email"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 6px; }

/*------------------------------------*    $SPECIFIC FORMS
\*------------------------------------*/
/* Search Form */
.search-field { padding-right: 3em; }

.inline-form .search-submit { background: none; padding: 0.78em 1em; border: 0; border-left: 1px solid 1px solid #d2d2d2; }

/*------------------------------------*    #IMAGES
\*------------------------------------*/
/** 1. Fluid images for responsive purposes. 2. Offset `alt` text from surrounding copy. 3. Setting `vertical-align` removes the whitespace that appears under `img` elements when they are dropped into a page as-is. Safer alternative to using `display: block;`. */
img { max-width: 100%; /* [1] */ font-style: italic; /* [2] */ vertical-align: middle; /* [3] */ }

/** 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector to remove the effects. 2. If a `width` and/or `height` attribute have been explicitly defined, let’s not make the image fluid. */
.gm-style img, img[width], img[height] { /* [2] */ max-width: none; }

img.align-right, img.alignright { float: right; margin: 0; margin-left: 1.25em; margin-bottom: 1.25em; }

img.align-left, img.alignleft { float: left; margin: 0; margin-right: 1.25em; margin-bottom: 1.25em; }

img.align-left.full-line, img.alignleft.full-line { margin-right: 100%; }

img.align-center { float: left; margin: 0; margin-right: 1.25em; margin-bottom: 1.25em; }

img.aligncenter { float: left; margin: 0; width: 100%; margin-bottom: 1.25em; }

img.full, img.fill-image { float: left; padding: 0; margin: 0; width: 100%; min-width: 100%; }

.btn { background: #008ff6; }

.btn:hover, .btn:active { color: #008ff6 !important; background: #fff !important; }

.btn:disabled { opacity: 0.7; }

.btn.btn--alt, .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-btn-w a.btn, .form-navigation-w a.btn, .form-navigation-w button.btn, .video-module-w .button-w a.btn, .form-navigation-w .button-w a.btn, .organised-events-w .organised-events .event-tiles .event-tile .event-content .btn, .body-w.error-page .body a.btn, .body-w .body.login button.btn { background: #ffb400; border: 1px solid #ffb400; border-bottom: 3px solid #e6a200; }

.btn.btn--alt:hover, .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-btn-w a.btn:hover, .form-navigation-w a.btn:hover, .form-navigation-w button.btn:hover, .video-module-w .button-w a.btn:hover, .organised-events-w .organised-events .event-tiles .event-tile .event-content .btn:hover, .body-w.error-page .body a.btn:hover, .body-w .body.login button.btn:hover { background: #ff7e00 !important; border-color: #ff7e00 !important; color: #fff !important; }

.btn.btn--white { background: #fff; color: #279cbe; border: 1px solid #fff; }

.btn.btn--group { margin-right: 8px; }

.btn.btn--white-lines { color: #fff; border: 1px solid #fff; background: transparent; }

.btn.btn--lrg { font-size: 18px; font-size: 1.2857142857rem; line-height: 1.1; padding: 12px; min-width: 60%; }

@media (max-width: 720px) { .btn.btn--lrg { min-width: 100%; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.btn.btn--lrg-full, .body-w .body.login button.btn { font-size: 18px; font-size: 1.2857142857rem; line-height: 1.1; padding: 12px; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.btn.btn--pdf { font-size: 22px; font-size: 1.5714285714rem; line-height: 1.1; padding: 20px 15px; min-width: 75%; padding-left: 55px; text-align: left; background: url(/images/file-icon-2x.png) #008ff6 20px center no-repeat; background-size: 20px; }

.btn.btn--pdf:hover { background: url(/images/file-icon-2x.png) #008ff6 20px center no-repeat !important; background-size: 20px !important; color: #fff !important; }

.btn.btn--pdf span { float: right; font-size: 11px; font-weight: 300; margin-top: 10px; }

@media (max-width: 720px) { .btn.btn--pdf span { margin-top: 4px; font-size: 8px; font-size: 0.5714285714rem; line-height: 1.1; } }

@media (max-width: 990px) { .btn.btn--pdf { min-width: 100%; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: 18px; font-size: 1.2857142857rem; line-height: 1.1; } }

@media (max-width: 720px) { .btn.btn--pdf { font-size: 14px; font-size: 1rem; line-height: 1.1; } }

/*------------------------------------*    #BUTTONS
\*------------------------------------*/
/** A simple button object. */
/** 1. Allow us to style box model properties. 2. Line different sized buttons up a little nicer. 3. Make buttons inherit font styles (often necessary when styling `input`s as buttons). 4. Reset/normalize some styles. 5. Force all button-styled elements to appear clickable. 6. Fixes odd inner spacing in IE7. 7. Subtract the border size from the padding value so that buttons do not grow larger as we add borders. */
.btn { display: inline-block; /* [1] */ vertical-align: middle; /* [2] */ font: inherit; /* [3] */ text-align: center; /* [4] */ margin: 0; /* [4] */ cursor: pointer; /* [5] */ overflow: visible; /* [6] */ font-weight: 800; padding: 6px 14px; /* [7] */ background-color: #008ff6; border: 2px solid #ffffff; border-radius: 6px; }

.btn, .btn:hover, .btn:active, .btn:focus { text-decoration: none; /* [4] */ color: #fff; background: #008ff6; }

/** Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding. */
.btn::-moz-focus-inner { border: 0; padding: 0; }

/** Small buttons. */
.btn--small { padding: 2px 6px; /* [7] */ }

/** Large buttons. */
.btn--large { padding: 14px 30px; /* [7] */ }

/** Full-width buttons. */
.btn--full, .form-navigation-w a.btn, .form-navigation-w button.btn, .video-module-w .button-w a.btn, .form-navigation-w .button-w a.btn, .events-w .events .btn, .humanity-tile .btn, .do-your-own-thing-w .do-your-own-thing .btn, .organised-events-w .organised-events .event-tiles .event-tile .event-content .btn, .fundraising-w .fundraising .btn, .contact-module-w .contact-module .btn, .body-w.error-page .body a.btn { width: 100%; }

/** Round-ended buttons. 1. Overly-large value to ensure the radius rounds the whole end of the button. */
.btn--pill { border-radius: 100px; /* [1] */ }

.slider-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: #fff; position: relative; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default { border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff; width: 50%; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon { cursor: help; margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; }

.tooltipster-base .tooltipster-content { overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }

.tooltipster-fade-show { opacity: 1; }

.tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; }

.tooltipster-grow-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; }

.tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; }

.tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

.icheckbox_square, .iradio_square { width: 14px; height: 14px; background: white; border: 1px solid #d2d2d2; margin-top: 1px; margin-right: 8px; float: left; margin-bottom: 2px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

/*.icheckbox_square.hover, .iradio_square.hover { background: #43b0ff; box-shadow: 0 0 0 3px white inset; }*/
.icheckbox_square.hover, .iradio_square.hover { border:1px solid #008ff6;}

.icheckbox_square.checked, .iradio_square.checked { background: #008ff6; box-shadow: 0 0 0 3px white inset; }

.icheckbox_square { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

#search { position: relative; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.datepicker { top: 2.5em; left: 0; display: none; float: left; position: absolute; background-color: white; z-index: 1000; }

.datepicker > div { display: none; }

.datepicker table { width: 100%; margin: 0; }

.datepicker td, .datepicker th { text-align: center; border: 1px solid #d2d2d2; }

.datepicker td.day:hover { background: #eeeeee; cursor: pointer; }

.datepicker td.day.disabled { color: #eeeeee; }

.datepicker td.old, .datepicker td.new { color: #999999; }

.datepicker td.active, .datepicker td.active:hover { color: #ffffff; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background: #008ff6; }

.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { color: #ffffff; background: #008ff6; }

.datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; }

.datepicker td span { display: block; width: 47px; height: 40px; line-height: 54px; float: left; margin: 2px; cursor: pointer; }

.datepicker td span:hover { background: #eeeeee; }

.datepicker td span.active { color: #ffffff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, left, right); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #fff; *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; }

.datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; }

.datepicker td span.old { color: #999999; }

.datepicker tbody { background: #fff; }

.datepicker th.switch { color: #ffffff; background-color: #008ff6; font-weight: normal !important; border: 0px none; }

.datepicker th.next, .datepicker th.prev { padding-top: 5px; padding-bottom: 5px; }

.datepicker thead tr:first-child th { cursor: pointer; }

.datepicker thead tr:first-child th:hover { background: white; }

.input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }

th.dow { background-color: #fff; }

.datepicker { min-width: 195px; overflow: hidden; border-bottom: 1px solid #d2d2d2; }

.datepicker td, .datepicker th { padding: 3px; }

.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.dk-select, .dk-select-multi { position: relative; display: inline-block; vertical-align: middle; line-height: 1.5em; width: 100%; cursor: pointer; }

.dk-selected { width: 100%; white-space: nowrap; overflow: hidden; position: relative; background-color: #008ff6; border: none; border-radius: 6px; padding: 0 1.5em 0 0.5em; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.dk-selected:before, .dk-selected:after { content: ''; display: block; position: absolute; right: 0; }

.dk-selected:before { top: 50%; border: solid transparent; border-width: 0.25em 0.25em 0; border-top-color: #d2d2d2; margin: -0.125em 0.5em 0 0; }

.dk-selected:after { top: 0; height: 100%; border-left: none; margin: 0 1.5em 0 0; }

.dk-selected-disabled { color: #BBBBBB; }

.dk-select .dk-select-options { position: absolute; display: none; left: 0; right: 0; }

ul.dk-select-options { padding: 0; margin: 0; }

.dk-select-open-up .dk-select-options { border-radius: 6px 6px 0 0; margin-bottom: -1px; bottom: 100%; }

.dk-select-open-down .dk-select-options { border-radius: 0 0 6px 6px; margin-top: -1px; top: 100%; }

.dk-select-multi .dk-select-options { max-height: 10em; }

.dk-select-options { background-color: white; border: 1px solid #d2d2d2; border-radius: 6px; list-style: none; margin: 0; max-height: 10.5em; min-width: 100%; overflow-x: hidden; overflow-y: auto; padding: 0.5em 0.65rem; width: auto; z-index: 100; }

.dk-option-selected { background-color: #666; color: #008ff6; }

.dk-select-options-highlight .dk-option-selected { background-color: transparent; color: inherit; }

.dk-option { padding: 0.5em 0.65rem; }

.dk-select-options .dk-option-highlight { background-color: #666; color: #666; }

.dk-select-options .dk-option-disabled { color: #BBBBBB; background-color: transparent; }

.dk-optgroup { border: solid #d2d2d2; border-width: 1px 0; padding: 0.25em 0; margin-top: 0.25em; }

.dk-optgroup + .dk-option { margin-top: 0.25em; }

.dk-optgroup + .dk-optgroup { border-top-width: 0; margin-top: 0; }

.dk-optgroup:nth-child(2) { padding-top: 0; border-top: none; margin-top: 0; }

.dk-optgroup:last-child { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; }

.dk-optgroup-label { padding: 0 0.5em 0.25em; font-weight: bold; width: 100%; }

.dk-optgroup-options { list-style: none; padding-left: 0; }

.dk-optgroup-options li { padding-left: 1.2em; }

.dk-selected { padding: 0.5em 0.65rem; }

.dk-select-open-up .dk-selected { border-top-left-radius: 0; border-top-right-radius: 0; border-color: #d2d2d2; }

.dk-select-open-down .dk-selected { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: #d2d2d2; }

.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before { border-width: 0 0.25em 0.25em; border-bottom-color: #d2d2d2; }

.dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after { border-left-color: #d2d2d2; }

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options { display: block; border-color: #d2d2d2; }

.dk-select-multi:hover, .dk-select-multi:focus { outline: none; }

.dk-selected:hover, .dk-selected:focus { outline: none; border-color: #d2d2d2; }

.dk-selected:hover:before, .dk-selected:focus:before { border-top-color: #d2d2d2; }

.dk-selected:hover:after, .dk-selected:focus:after { border-left-color: #d2d2d2; }

.dk-select-disabled { opacity: 0.6; color: #BBBBBB; cursor: not-allowed; }

.dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus { border-color: inherit; }

.dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before { border-top-color: inherit; }

.dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after { border-left-color: inherit; }

select[data-dkcacheid] { display: none; }

.dk-selected { border: 1px solid #d2d2d2; border-top: 2px solid #d2d2d2; background: #f5f5f5; }

.dk-selected:before { background: url(/images/dropdown-arrow-2x.png) 0 0 no-repeat; background-size: 15px; width: 15px; height: 8px; border: 0 none; margin: 0; top: 14px; right: 14px; }

.dk-select-options .dk-option-highlight, .dk-select-options .dk-option-selected { background: #f5f5f5; }

input[type="email"].error, input[type="text"].error, input[type="password"].error, textarea.error { border: 1px solid red; }

span.error-message { color: red; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: left; padding: 5px 0; font-size: 90%; }

@media (max-width: 990px) { .desktop-sides, .header-w .header, .mob-header-w .mob-header, .search-overlay-w .search-overlay, .everyday-hero-overlay-w .everyday-hero-overlay, .navigation-w .navigation, .video-module-w .video-module, .form-navigation-w .video-module, .events-w .events, .humanity-w .humanity, .do-your-own-thing-w .do-your-own-thing, .organised-events-w .organised-events, .fundraising-w .fundraising, .footer-w footer.footer, .mobile-intro-w .mobile-intro, .event-hero-w .event-hero, .body-w { padding-left: 20px !important; padding-right: 20px !important; } }

.padding-w, .video-module-w, .form-navigation-w, .events-w, .humanity-w, .do-your-own-thing-w, .organised-events-w, .fundraising-w { padding: 75px 0; }

@media (max-width: 990px) { .padding-w, .video-module-w, .form-navigation-w, .events-w, .humanity-w, .do-your-own-thing-w, .organised-events-w, .fundraising-w { padding: 50px 0; } }

.desktop-only { display: block; }

@media (max-width: 990px) { .desktop-only { display: none; } }

.heading-sizing h2, .video-module-w .video-module h2, .form-navigation-w .video-module h2, .events-w .events h2, .humanity-w .humanity h2, .do-your-own-thing-w .do-your-own-thing h2, .organised-events-w .organised-events h2, .fundraising-w .fundraising h2 { font-size: 36px; font-size: 2.5714285714rem; line-height: 44px; margin-bottom: 20px; }

@media (max-width: 990px) { .heading-sizing h2, .video-module-w .video-module h2, .form-navigation-w .video-module h2, .events-w .events h2, .humanity-w .humanity h2, .do-your-own-thing-w .do-your-own-thing h2, .organised-events-w .organised-events h2, .fundraising-w .fundraising h2 { font-size: 28px; font-size: 2rem; line-height: 1.1428571429; } }

@media (max-width: 720px) { .heading-sizing h2, .video-module-w .video-module h2, .form-navigation-w .video-module h2, .events-w .events h2, .humanity-w .humanity h2, .do-your-own-thing-w .do-your-own-thing h2, .organised-events-w .organised-events h2, .fundraising-w .fundraising h2 { font-size: 20px; font-size: 1.4285714286rem; line-height: 1.2; padding-left: 10%; padding-right: 10%; } }

.heading-sizing p, .video-module-w .video-module p, .form-navigation-w .video-module p, .events-w .events p, .humanity-w .humanity p, .do-your-own-thing-w .do-your-own-thing p, .organised-events-w .organised-events p, .fundraising-w .fundraising p { color: #666; font-size: 22px; font-size: 1.5714285714rem; line-height: 30px; margin-bottom: 50px; }

@media (max-width: 990px) { .heading-sizing p, .video-module-w .video-module p, .form-navigation-w .video-module p, .events-w .events p, .humanity-w .humanity p, .do-your-own-thing-w .do-your-own-thing p, .organised-events-w .organised-events p, .fundraising-w .fundraising p { font-size: 18px; font-size: 1.2857142857rem; line-height: 1.7777777778; } }

@media (max-width: 720px) { .heading-sizing p, .video-module-w .video-module p, .form-navigation-w .video-module p, .events-w .events p, .humanity-w .humanity p, .do-your-own-thing-w .do-your-own-thing p, .organised-events-w .organised-events p, .fundraising-w .fundraising p { font-size: 15px; font-size: 1.0714285714rem; line-height: 1.4; padding-left: 5%; padding-right: 5%; } }

.heading-sizing .btn, .video-module-w .video-module .btn, .form-navigation-w .video-module .btn, .events-w .events .btn, .humanity-w .humanity .btn, .do-your-own-thing-w .do-your-own-thing .btn, .organised-events-w .organised-events .btn, .fundraising-w .fundraising .btn, .heading-sizing a.btn, .video-module-w .video-module a.btn, .form-navigation-w .video-module a.btn, .events-w .events a.btn, .humanity-w .humanity a.btn, .do-your-own-thing-w .do-your-own-thing a.btn, .organised-events-w .organised-events a.btn, .fundraising-w .fundraising a.btn { font-size: 24px; font-size: 1.7142857143rem; line-height: 1.3333333333; padding-top: 10px; font-weight: 800; padding-bottom: 12px; }

@media (max-width: 990px) { .heading-sizing .btn, .video-module-w .video-module .btn, .form-navigation-w .video-module .btn, .events-w .events .btn, .humanity-w .humanity .btn, .do-your-own-thing-w .do-your-own-thing .btn, .organised-events-w .organised-events .btn, .fundraising-w .fundraising .btn, .heading-sizing a.btn, .video-module-w .video-module a.btn, .form-navigation-w .video-module a.btn, .events-w .events a.btn, .humanity-w .humanity a.btn, .do-your-own-thing-w .do-your-own-thing a.btn, .organised-events-w .organised-events a.btn, .fundraising-w .fundraising a.btn { font-size: 20px; font-size: 1.4285714286rem; line-height: 1.6; padding-top: 8px; padding-bottom: 10px; } }

@media (max-width: 990px) { .heading-sizing .btn, .video-module-w .video-module .btn, .form-navigation-w .video-module .btn, .events-w .events .btn, .humanity-w .humanity .btn, .do-your-own-thing-w .do-your-own-thing .btn, .organised-events-w .organised-events .btn, .fundraising-w .fundraising .btn, .heading-sizing a.btn, .video-module-w .video-module a.btn, .form-navigation-w .video-module a.btn, .events-w .events a.btn, .humanity-w .humanity a.btn, .do-your-own-thing-w .do-your-own-thing a.btn, .organised-events-w .organised-events a.btn, .fundraising-w .fundraising a.btn { font-size: 17px; font-size: 1.2142857143rem; line-height: 1.8823529412; padding-top: 6px; padding-bottom: 8px; } }

.slider-w { overflow: hidden; }

.hero-banner-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; overflow: hidden; min-height: 288px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.hero-banner-w.organised-event { min-height: 570px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

@media (max-width: 990px) { .hero-banner-w { min-height: 160px; } }

label { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

textarea { border-top: 2px solid #d2d2d2; }

.profile-picture-upload { border: 1px solid #d2d2d2; background: #f5f5f5; border-top: 2px solid #d2d2d2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; height: 435px; overflow: hidden; background-size: 175px; }

.slider { min-height: 344px; }

@media (max-width: 990px) { .slider { min-height: 320px; } }

.slider .slider-image { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; height: 344px; }

@media (max-width: 990px) { .slider .slider-image { height: 320px; } }

.slider .slide-caption { float: right; width: 390px; padding-top: 20px; margin-right: 80px; text-align: center; }

@media (max-width: 990px) { .slider .slide-caption { width: 150px; min-width: 150px; margin-right: 20px; } }

.slider .slide-caption img.team-logo { width: 140px; margin-bottom: 20px; min-width: 120px; margin-left: auto; margin-right: auto; }

@media (max-width: 990px) { .slider .slide-caption img.team-logo { width: 140px; min-width: 90px; } }

@media (max-width: 600px) { .slider .slide-caption img.team-logo { display: none; } }

.slider .slide-caption h1 { color: #fff; font-family: "UNHCRUppercase", Helvetica, Arial, sans-serif; font-size: 34px; font-size: 2.4285714286rem; line-height: 40px; margin-bottom: 10px; }

@media (max-width: 990px) { .slider .slide-caption h1 { font-size: 20px; font-size: 2.4285714286rem; line-height: 40px; } }

@media (max-width: 600px) { .slider .slide-caption h1 { float: right; font-size: 20px; font-size: 1.8rem; line-height: 30px; margin: 110px 5px 0 0; max-width: 190px; } }

.slider .slide-caption p { font-size: 16px; font-size: 1.1428571429rem; line-height: 22px; color: #fff; text-align: center; font-weight: 400; }

@media (max-width: 990px) { .slider .slide-caption p { display: none; } }

.spinning { margin: auto 0; width: 70px; text-align: center; position: absolute; left: 50%; top: 45%; margin-left: -35px; }

.spinning > div { width: 18px; height: 18px; background-color: #008ff6; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinning .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.spinning .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); }
  40% { -webkit-transform: scale(1); } }

@keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0);
    -webkit-transform: scale(0); }
  40% { transform: scale(1);
    -webkit-transform: scale(1); } }

/** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz) CEO and founder of bxCreative, LTD http://bxcreative.com */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; }

.bx-wrapper img { min-width: 100%; display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -70px; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #ffffff; text-indent: -9999px; display: block; float: left; width: 15px; height: 15px; margin-left: 5px; margin-right: 5px; outline: 0; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #008ff6; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url("/images/controls.png") no-repeat 0 0; }

.bx-wrapper .bx-next { right: 10px; background: url("/images/controls.png") no-repeat -80px 0; }

.bx-wrapper .bx-prev:hover { background-position: 0 0; opacity: 0.5; }

.bx-wrapper .bx-next:hover { background-position: -80px 0; opacity: 0.5; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: 35px; outline: 0; width: 70px; height: 70px; text-indent: -9999px; z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("/images/controls.png") -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("/images/controls.png") -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; display: block; font-size: .85em; padding: 10px; }

.bx-wrapper .bx-controls-direction a { background-size: 150px; margin-top: -35px; }

.bx-wrapper .bx-prev { left: -100px; }

.bx-wrapper .bx-next { right: -100px; }

.bx-wrapper .bx-caption span { color: #fff; display: block; font-size: 20px; font-size: 1.4285714286rem; line-height: 1.6; text-align: center; padding: 5px 10px; text-transform: uppercase; font-family: "Open Sans", Helvetica, Arial, sans-serif; }

#bx-pager { left: 0; width: 390px; bottom: 40px; position: absolute; }

@media (max-width: 990px) { #bx-pager { width: 100%; bottom: 10px; } }

.bx-pager { width: 100%; }

.bx-wrapper .bx-controls-direction { display: none \9; }

.bx-wrapper .bx-controls-direction a { bottom: 4px; }

body { min-width: 320px; min-width: 990px \9; font-family: "Open Sans", Helvetica, Arial, sans-serif; }

.registration-intro { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 30px; }

.registration-intro p { font-size: 18px; font-size: 1.2857142857rem; line-height: 1.7777777778; color: #282627; }

@media (max-width: 720px) { .registration-intro p { font-size: 14px; font-size: 1rem; line-height: 1.1428571429; } }

.registration-intro small { color: #282627; }

.registration-intro small span { color: #008ff6; font-weight: 600; }

.event-intro { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 30px; }

.event-intro p { font-size: 18px; font-size: 1.2857142857rem; line-height: 1.7777777778; color: #282627; }

@media (max-width: 720px) { .event-intro p { font-size: 14px; font-size: 1rem; line-height: 1.1428571429; } }

.event-intro small { color: #282627; }

.event-intro small span { color: #008ff6; font-weight: 600; }

.input-2x, .input-1x { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; }

.input-i { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 30px; }

label a.inline-link { float: right; color: #666666; text-decoration: underline; font-size: 80%; margin-top: 3px; }

label.sub-label-checkbox { color: #666666; font-weight: 300; margin-bottom: 10px; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.input-w label { font-weight: 500; color: #282627; padding-bottom: 6px; }

.input-w label span { color: #008ff6; }

.input-w.fundraiser-type ul { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.input-w.fundraiser-type ul li { margin-bottom: 10px; width: 49.1525423729%; float: left; margin-right: 1.6949152542%; }

.input-w.fundraiser-type ul li:nth-child(even) { width: 49.1525423729%; float: right; margin-right: 0; }

.input-w.fundraiser-type ul li label { font-weight: 400; color: #666666; }

.input-w label.sub-label { color: #666666; font-weight: 300; margin-bottom: 30px; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0;  line-height: 150%;}
@media (max-width: 768px) {
    .input-w label.sub-label { margin-bottom: 0; }
}

.input-2x .input-w { width: 49.1525423729%; float: left; margin-right: 1.6949152542%; }

.input-2x .input-w:nth-child(2) { width: 49.1525423729%; float: right; margin-right: 0; }

@media (max-width: 990px) { .input-2x .input-w { width: 45.3781512605%; float: left; margin-right: 0.8403361345%; }
  .input-2x .input-w:nth-child(2) { width: 45.3781512605%; float: right; margin-right: 0; } }

@media (max-width: 720px) { .input-2x .input-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .input-2x .input-w:nth-child(2) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.input-1x .input-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.input-w input.day { width: 33.3%; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; margin-right: -7px; }

.input-w input.month { width: 33.3%; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-right: -7px; }

.input-w input.year { width: 33.3%; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-right: -7px; }

ul.event-date { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

ul.event-date li { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; }

ul.event-date li label { font-weight: 400; color: #666666; }

ul.event-date li input[type="text"] { width: 40%; float: left; margin-right: 10px; background: url(/images/event-calendar-icon.png) 94% 45% no-repeat; background-size: 15px; }

input { border-top: 2px solid #d2d2d2; }

h1, h2, h3, h4, h5 { font-weight: normal; }

.event-image-gallery { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.event-image-gallery .event-image-gallery-i { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.event-image-gallery p { font-size: 18px; font-size: 1.2857142857rem; line-height: 1; text-align: center; }

@media (max-width: 720px) { .event-image-gallery p { font-size: 14px; font-size: 1rem; line-height: 1; } }

.event-image-gallery p span { color: #008ff6; font-weight: 600; }

.event-image-gallery a { color: #282627; text-align: center; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; text-decoration: underline; }

@media (max-width: 720px) { .event-image-gallery a { font-size: 7px; } }

.event-image-gallery .event-image { width: 16.6666666667%; float: left; margin-right: 4.1666666667%; margin-bottom: 20px; }

@media (max-width: 720px) { .event-image-gallery .event-image { min-height: 60px; } }

.event-image-gallery .event-image img { border: 1px solid #d2d2d2; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; }

.event-image-gallery .event-image:nth-child(5n) { width: 16.6666666667%; float: right; margin-right: 0; }

.header-w { background: #ffffff; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.header-w .header { padding: 10px 0; }

.header-w .header a.logo { float: left; }

.header-w .header a.logo img { width: 88px; }

@media (max-width: 990px) { .header-w .header a.logo img { width: 68px; } }

@media (max-width: 720px) { .header-w .header a.logo img { width: 56px; } }

.header-w .header .target-w { float: right; text-align: right; }

.header-w .header .target-w .target-current { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 800; color: #008ff6; font-size: 48px; font-size: 3.4285714286rem; line-height: 54px; margin: 4px 0; }

@media (max-width: 990px) { .header-w .header .target-w .target-current { font-size: 30px; font-size: 2.1428571429rem; line-height: 1.2; } }

.header-w .header .target-w .target-figure { color: #77787B; font-size: 16px; font-size: 1.1428571429rem; line-height: 1; font-weight: 800; }

@media (max-width: 990px) { .header-w .header .target-w .target-figure { font-size: 14px; font-size: 1rem; line-height: 1.2; } }

@media (max-width: 720px) { .header-w .header .target-w .target-figure { font-size: 8px; font-size: 0.5714285714rem; line-height: 1.2; } }

.mob-header-w { background: #008ff6; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; display: none; }

@media (max-width: 990px) { .mob-header-w { display: block; } }

.mob-header-w .mob-header { padding: 12px 0px; /* Menu Icon */ }

@media (max-width: 720px) { .mob-header-w .mob-header { padding: 15px 0px; } }

.mob-header-w .mob-header a.logo { float: left; }

.mob-header-w .mob-header a.logo img { width: 145px; }

@media (max-width: 720px) { .mob-header-w .mob-header a.logo img { width: 120px; } }

.mob-header-w .mob-header #menu { float: right; margin-top: 3px; margin-left: 35px; width: 50px; height: 37px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

@media (max-width: 720px) { .mob-header-w .mob-header #menu { margin-top: 7px; margin-left: 25px; width: 30px; height: auto; } }

.mob-header-w .mob-header #menu span { display: block; position: absolute; height: 5px; width: 100%; background: #fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

@media (max-width: 720px) { .mob-header-w .mob-header #menu span { height: 3px; } }

.mob-header-w .mob-header #menu span:nth-child(1) { top: 0px; }

.mob-header-w .mob-header #menu span:nth-child(2), .mob-header-w .mob-header #menu span:nth-child(3) { top: 13px; }

@media (max-width: 720px) { .mob-header-w .mob-header #menu span:nth-child(2), .mob-header-w .mob-header #menu span:nth-child(3) { top: 8px; } }

.mob-header-w .mob-header #menu span:nth-child(4) { top: 26px; }

@media (max-width: 720px) { .mob-header-w .mob-header #menu span:nth-child(4) { top: 16px; } }

.mob-header-w .mob-header #menu.open span:nth-child(1) { top: 13px; width: 0%; left: 50%; }

@media (max-width: 720px) { .mob-header-w .mob-header #menu.open span:nth-child(1) { top: 8px; } }

.mob-header-w .mob-header #menu.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 40px; margin-left: 5px; }

@media (max-width: 720px) { .mob-header-w .mob-header #menu.open span:nth-child(2) { width: 25px; } }

.mob-header-w .mob-header #menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 40px; margin-left: 5px; }

@media (max-width: 720px) { .mob-header-w .mob-header #menu.open span:nth-child(3) { width: 25px; } }

.mob-header-w .mob-header #menu.open span:nth-child(4) { top: 13px; width: 0%; left: 50%; }

.mob-header-w .mob-header a.mobile-menu { float: right; margin-top: 3px; margin-left: 35px; width: 50px; }

.mob-header-w .mob-header a.mobile-menu img { float: right; }

.mob-header-w .mob-header a.mobile-menu img.open-menu { width: 49px; }

.mob-header-w .mob-header a.mobile-menu img.close-menu { width: 31px; }

@media (max-width: 720px) { .mob-header-w .mob-header a.mobile-menu { margin-top: 7px; margin-left: 25px; width: 30px; }
  .mob-header-w .mob-header a.mobile-menu img.open-menu { width: 30px; }
  .mob-header-w .mob-header a.mobile-menu img.close-menu { width: 20px; } }

.mob-header-w .mob-header a.mobile-search { float: right; margin-top: 3px; }

.mob-header-w .mob-header a.mobile-search img { width: 32px; }

@media (max-width: 720px) { .mob-header-w .mob-header a.mobile-search { margin-top: 7px; }
  .mob-header-w .mob-header a.mobile-search img { width: 20px; } }

.search-overlay-w { background: rgba(0, 143, 246, 0.7); background: #008ff6 \9; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; position: absolute; top: 0; left: 0; z-index: 100; height: 100vh; display: none; }

@media (max-width: 990px) { .search-overlay-w .search-overlay { padding: 0 20% !important; } }

@media (max-width: 720px) { .search-overlay-w .search-overlay { padding: 0 20px !important; } }

.search-overlay-w .search-overlay input { background: url(/images/search-pop-icon.png) #fff 10px 10px no-repeat; background-size: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-indent: 30px; }

.search-overlay-w .search-overlay .search-close { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: center; padding: 21px 0; }

.search-overlay-w .search-overlay .search-close img { width: 20px; }

.search-overlay-w .search-overlay .search-i { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

/*.search-overlay-w .search-overlay .search-results { display: none; }*/

.search-overlay-w .search-overlay .search-results p.results { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 20px; color: #fff; text-align: center; font-size: 15px; font-size: 1.0714285714rem; line-height: 1.0666666667; }

.search-overlay-w .search-overlay .search-results .member-profile { background: #fff; padding: 15px; clear: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; width: 49.1525423729%; float: left; margin-right: 1.6949152542%; }

.search-overlay-w .search-overlay .search-results .member-profile:nth-child(even) { width: 49.1525423729%; float: right; margin-right: 0; }

@media (max-width: 990px) { .search-overlay-w .search-overlay .search-results .member-profile { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .search-overlay-w .search-overlay .search-results .member-profile:nth-child(even) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.search-overlay-w .search-overlay .search-results .member-profile .profile-pic { width: 23.7288135593%; float: left; margin-right: 1.6949152542%; }

.search-overlay-w .search-overlay .search-results .member-profile .profile-pic img { width: 95%; }

.search-overlay-w .search-overlay .search-results .member-profile .profile-info { width: 74.5762711864%; float: right; margin-right: 0; }

.search-overlay-w .search-overlay .search-results .member-profile .profile-info h4.member-name { font-size: 16px; font-size: 1.1428571429rem; line-height: 1; margin-bottom: 10px; color: #008ff6; font-weight: 800; }

.search-overlay-w .search-overlay .search-results .member-profile .profile-info ul { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: 14px; font-size: 1rem; line-height: 1.1428571429; color: #282627; }

.search-overlay-w .search-overlay .search-results .member-profile .profile-info ul li { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; list-style-type: none; padding: 0; margin: 0; margin-bottom: 10px; }

.everyday-hero-overlay-w { background: rgba(0, 143, 246, 0.7); clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; position: absolute; top: 0px; left: 0; z-index: 100; height: 100vh; display: none; }

.everyday-hero-overlay-w .everyday-hero-overlay { margin-top: 100px; max-width: 800px; margin-left: auto; margin-right: auto; }

.everyday-hero-overlay-w .everyday-hero-overlay:after { content: " "; display: block; clear: both; }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 50px; background: #fff; position: relative; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.75); text-align: center; }

@media (max-width: 720px) { .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content { padding: 50px 20px; } }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 30px; margin-top: 30px; }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step { width: 32.2033898305%; float: left; margin-right: 1.6949152542%; position: relative; }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step .step-arrow { width: 17px; height: 25px; background: url(/images/step-arrow-2x.png) 0 0 no-repeat; background: url(/images/step-arrow.png) 0 0 no-repeat\9; background-size: 17px; position: absolute; top: 37px; right: -17px; }

@media (max-width: 720px) { .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step .step-arrow { background: url(/images/step-arrow-2x.png) 0 0 no-repeat; background: url(/images/step-arrow.png) 0 0 no-repeat\9; background-size: 7px; top: 14px; right: -15px; } }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step img { margin-bottom: 10px; }

@media (max-width: 720px) { .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step img { width: 45px; }
  .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step img.last { width: 38px; } }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step h2 { color: #282627; font-weight: 800; font-size: 18px; font-size: 1.2857142857rem; line-height: 1.7777777778; margin-bottom: 10px; }

@media (max-width: 720px) { .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step h2 { font-size: 14px; font-size: 1rem; line-height: 1.1428571429; } }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step p { padding: 0 50px; }

@media (max-width: 720px) { .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step p { padding: 0 10px; font-size: 10px; font-size: 0.7142857143rem; line-height: 1.6; } }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-steps .everyday-step:nth-child(3) { width: 32.2033898305%; float: right; margin-right: 0; }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content h1 { font-size: 24px; font-size: 1.7142857143rem; line-height: 1.3333333333; margin-bottom: 30px; font-weight: 800; }

@media (max-width: 720px) { .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content h1 { font-size: 18px; font-size: 1.2857142857rem; line-height: 1.4; } }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content p { font-size: 12px; font-size: 0.8571428571rem; line-height: 1.4; }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-btn-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-btn-w a.btn { padding: 15px 5px; width: 49.1525423729%; float: left; margin-right: 1.6949152542%; }

.everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-btn-w a.btn:nth-child(2) { width: 49.1525423729%; float: right; margin-right: 0; }

@media (max-width: 720px) { .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-btn-w a.btn { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; }
  .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-btn-w a.btn:nth-child(2) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 0; } }

.everyday-hero-overlay-w .everyday-hero-overlay .modal-close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; }

.everyday-hero-overlay-w .everyday-hero-overlay .modal-close img { width: 20px; }

.open-mobile-menu-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; display: none; background: #fff; }

.open-mobile-menu-w .open-mobile-menu ul { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.open-mobile-menu-w .open-mobile-menu ul li { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.open-mobile-menu-w .open-mobile-menu ul li a { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; color: #008ff6; border-bottom: 1px solid rgba(0, 143, 246, 0.25); position: relative; padding: 20px; padding-right: 0; font-size: 16px; font-size: 1.1428571429rem; line-height: 1; font-weight: 600; }

.open-mobile-menu-w .open-mobile-menu ul li a:after { content: ''; background: url(/images/menu-chevron.png) 0 0 no-repeat; position: absolute; top: 50%; height: 14px; width: 8px; margin-top: -6px; right: 20px; background-size: 6px; }

.navigation-w { background: #008ff6; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

@media (max-width: 990px) { .navigation-w { display: none; } }

.navigation-w .navigation nav ul { font-family: "Open Sans", Helvetica, Arial, sans-serif; }

.navigation-w .navigation nav ul li { font-weight: 800; font-size: 16px; font-size: 1.1428571429rem; line-height: 21px; margin-right: 0; }

.navigation-w .navigation nav ul li a { padding: 30px 21px; float: left; color: #ffffff; }

.navigation-w .navigation nav ul li a:hover { background: #0068b3; }

.navigation-w .navigation nav ul li a.search { padding-left: 46px; background: url(/images/search-icon-2x.png) 21px center no-repeat; background: url(/images/search-icon.png) 21px center no-repeat\9; background-size: 19px; }

.navigation-w .navigation nav ul li a.search:hover { background: url(/images/search-icon-2x.png) #0068b3 21px center no-repeat; background: url(/images/search-icon.png) #0068b3 21px center no-repeat\9; background-size: 19px; }

.navigation-w .navigation .login-w { float: right; }

.navigation-w .navigation .login-w img.unhcr-logo { /* width: 167px; float: right; margin-top: 17px; */ float: left; margin: 22px 10px 0 0; width: 120px; }

.navigation-w .navigation .login-w .login-buttons { float: left; margin-top: 20px; margin-right: 15px; }

.navigation-w .navigation .login-w .login-buttons a.btn { font-size: 16px; font-size: 1.1428571429rem; line-height: 1; /* margin-right: 10px; padding: 10px 15px; */ margin-right: 5px; padding: 10px; float: left; }

.form-navigation-w { margin-top: 0; padding-top: 20px; }

.form-navigation-w .button-w { margin-top: 0 !important; }

.form-navigation-w a.btn, .form-navigation-w button.btn { font-size: 22px; font-size: 1.5714285714rem; line-height: 1.4545454545; padding: 10px 15px; }

@media (max-width: 720px) { .form-navigation-w a.btn, .form-navigation-w button.btn { font-size: 16px; font-size: 1.1428571429rem; line-height: 1; } }

.form-navigation-w.button-x3 .button-w { padding: 0; margin: 0; width: 32.2033898305%; float: left; margin-right: 1.6949152542%; }

.form-navigation-w.button-x3 .button-w:nth-child(3) { width: 32.2033898305%; float: right; margin-right: 0; }

@media (max-width: 720px) { .form-navigation-w.button-x3 .button-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 20px; }
  .form-navigation-w.button-x3 .button-w:nth-child(3) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.form-navigation-w.button-x2 .button-w { padding: 0; margin: 0; width: 49.1525423729%; float: left; margin-right: 1.6949152542%; }

.form-navigation-w.button-x2 .button-w:nth-child(2) { width: 49.1525423729%; float: right; margin-right: 0; }

@media (max-width: 720px) { .form-navigation-w.button-x2 .button-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 20px; }
  .form-navigation-w.button-x2 .button-w:nth-child(2) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.video-module-w, .form-navigation-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: #fff; }

.video-module-w .button-w, .form-navigation-w .button-w { padding-left: 25%; padding-right: 25%; margin-top: 40px; }

@media (max-width: 720px) { .video-module-w .button-w, .form-navigation-w .button-w { padding: 0; } }

.video-module-w .video-module, .form-navigation-w .video-module { text-align: center; }

.video-module-w .video-module h2, .form-navigation-w .video-module h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #008ff6; font-weight: 800; padding-left: 154px; text-align: left; width: 88%; }

.video-module-w .video-module p, .form-navigation-w .video-module p { color: #666; font-weight: 400; margin-bottom: 50px; text-align: left; width: 88%; padding-left: 154px; }

@media (max-width: 720px) { 
    .video-module-w .video-module p, .form-navigation-w .video-module p { margin-bottom: 30px; padding-left: 0; width: 100%; }
    .video-module-w .video-module h2, .form-navigation-w .video-module h2 {
        padding-left: 0;
    }
}

a.show-more { font-size: 24px; font-size: 1.7142857143rem; line-height: 1.3333333333; font-weight: 800; }

a.show-more img { margin-right: 10px; margin-top: -5px; }

a.try-again { font-size: 16px; font-size: 1.1428571429rem; line-height: 1; font-weight: 800; }

a.try-again img { width: 18px !important; margin-bottom: 0 !important; margin-right: 10px; margin-top: 0; }

.events-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: #008ff6; }

.body-w .events-w { background: #fff; padding: 0; }

.events-w .events-button-w { padding-left: 25%; padding-right: 25%; }

@media (max-width: 720px) { .events-w .events-button-w { padding: 0; } }

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

.events-w .events h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #fff; font-weight: 800; margin-bottom: 60px; }

.body-w .events-w .events h2 { color: #008ff6; }

@media (max-width: 990px) { .events-w .events h2 { margin-bottom: 30px; } }

.events-w .events .btn, .fundraising-w .fundraising .btn  { margin-bottom: 15px; }

.events-w .events .tiles { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 40px; }

.events-w .events .tiles .tile { float: left; width: 33.3%; overflow: hidden; cursor: pointer; position: relative; }

@media (max-width: 720px) { .events-w .events .tiles .tile { width: 50%; } }

.events-w .events .tiles .tile .tile-inset { display: none; position: absolute; top: 0; padding: 30px 20px; text-align: left; width: 100%; left: 0; height: 100%; background: rgba(0, 143, 246, 0.8); }

@media (max-width: 720px) { .events-w .events .tiles .tile .tile-inset { padding: 15px 15px; } }

.events-w .events .tiles .tile .tile-inset h4 { font-size: 18px; font-size: 1.2857142857rem; line-height: 22px; color: #fff; font-weight: 600; }

@media (max-width: 720px) { .events-w .events .tiles .tile .tile-inset h4 { font-size: 11px; font-size: 0.7857142857rem; line-height: 13px; } }

.events-w .events .tiles .tile .tile-inset ul { margin-bottom: 8px; }

.events-w .events .tiles .tile .tile-inset ul li { padding-bottom: 18px; padding-left: 45px; font-size: 18px; font-size: 1.2857142857rem; line-height: 22px; color: #fff; font-weight: 500; }

.events-w .events .tiles .tile .tile-inset ul li.calendar-icon { background: url(/images/calendar-icon-2x.png) 0 0 no-repeat; background: url(/images/calendar-icon.png) 0 0 no-repeat\9; background-size: 28px; }

.events-w .events .tiles .tile .tile-inset ul li.target-icon { background: url(/images/target-icon-2x.png) 0 0 no-repeat; background: url(/images/target-icon.png) 0 0 no-repeat\9; background-size: 28px; }

@media (max-width: 720px) { .events-w .events .tiles .tile .tile-inset ul li { font-size: 11px; font-size: 0.7857142857rem; line-height: 13px; padding-left: 25px; padding-bottom: 10px; }
  .events-w .events .tiles .tile .tile-inset ul li.calendar-icon { background: url(/images/calendar-icon-2x.png) 0 0 no-repeat; background: url(/images/calendar-icon.png) 0 0 no-repeat\9; background-size: 13px; }
  .events-w .events .tiles .tile .tile-inset ul li.target-icon { background: url(/images/target-icon-2x.png) 0 0 no-repeat; background: url(/images/target-icon.png) 0 0 no-repeat\9; background-size: 13px; } }

.events-w .events .tiles .tile .tile-inset p { font-size: 16px; font-size: 1.1428571429rem; line-height: 22px; color: #fff; font-weight: 300; }

@media (max-width: 990px) { .events-w .events .tiles .tile .tile-inset p { display: none; } }

.events-w .events .tiles .tile img { width: 100%; min-width: 100%; }

.humanity-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: #fff; padding-bottom: 50px; }

@media (max-width: 720px) { .humanity-w { padding-bottom: 20px; } }

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

.humanity-w .humanity h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #008ff6; font-weight: 800; margin-bottom: 30px; text-align: left; padding-left: 154px; width: 88% }

.humanity-w .humanity p { color: #666; font-weight: 400; margin-bottom: 50px; text-align: left; width: 88%; padding-left: 154px; }

@media (max-width: 720px) { .humanity-w .humanity p { margin-bottom: 20px;  width: 100%; padding-left: 0; }
                            .humanity-w .humanity h2 { width: 100%; padding-left: 0; }}

.tablet-clear { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.humanity-tile { width: 32.2033898305%; float: left; margin-right: 1.6949152542%; margin-bottom: 40px; }

@media (max-width: 720px) { .humanity-tile { margin-bottom: 20px; } }

.humanity-tile:nth-child(3n) { width: 32.2033898305%; float: right; margin-right: 0; }

@media (max-width: 720px) { .humanity-tile { width: 47.6987447699%; float: left; margin-right: 0.4184100418%; }
  .humanity-tile:nth-child(3n) { width: 47.6987447699%; float: left; margin-right: 0.4184100418%; }
  .humanity-tile:nth-child(2n) { width: 47.6987447699%; float: right; margin-right: 0; } }

.humanity-tile img { width: 200px; margin-bottom: 20px; }

@media (max-width: 990px) { .humanity-tile img { width: 170px; } }

@media (max-width: 720px) { .humanity-tile img { width: 110px; margin-bottom: 10px; } }

.humanity-tile .btn { font-size: 15px !important; font-weight: 800; padding-top: 20px; background: #fff; padding-bottom: 22px; }

@media (max-width: 720px) { .humanity-tile .btn { font-size: 13px !important; letter-spacing: -1px; padding-left: 3px; padding-right: 3px; } }

@media (max-width: 340px) { .humanity-tile .btn { font-size: 11px !important; letter-spacing: -1px; } }

.humanity-tile.race-for-humanity .btn { color: #FF374E; border-color: #FF374E; }

.humanity-tile.race-for-humanity .btn:hover { color: #FFF !important; background: #FF374E !important; }

.humanity-tile.bake-for-humanity .btn { color: #ff6f00; border-color: #ff6f00; }

.humanity-tile.bake-for-humanity .btn:hover { color: #FFF !important; background: #ff6f00 !important; }

.humanity-tile.celebrate-for-humanity .btn { color: #ffb500; border-color: #ffb500; }

.humanity-tile.celebrate-for-humanity .btn:hover { color: #FFF !important; background: #ffb500 !important; }

.humanity-tile.learn-for-humanity .btn { color: #91c900; border-color: #91c900; }

.humanity-tile.learn-for-humanity .btn:hover { color: #FFF !important; background: #91c900 !important; }

.humanity-tile.quit-for-humanity .btn { color: #00b8c1 !important; border-color: #00b8c1 !important; }

.humanity-tile.quit-for-humanity .btn:hover { color: #FFF !important; background: #00b8c1 !important; }

.humanity-tile.do-for-humanity .btn { color: #6F47C1; border-color: #6F47C1; }

.humanity-tile.do-for-humanity .btn:hover { color: #FFF !important; background: #6F47C1 !important; }

.do-your-own-thing-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: #008ff6; }

.do-your-own-thing-w .do-your-own-thing { text-align: center; }

.do-your-own-thing-w .do-your-own-thing h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #fff; font-weight: 800; }

.do-your-own-thing-w .do-your-own-thing .button-w { padding-left: 25%; padding-right: 25%; }

@media (max-width: 720px) { .do-your-own-thing-w .do-your-own-thing .button-w { padding: 0; } }

.organised-events-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: url(/images/organised-events.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 120px; overflow: hidden; }

.body-w .organised-events-w { background: #fff; padding-top: 0; padding-bottom: 40px; }

.organised-events-w .organised-events { text-align: center; }

.organised-events-w .organised-events h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #008ff6; font-weight: 800; margin-bottom: 70px; padding-left: 15%; padding-right: 15%; }

@media (max-width: 990px) { .organised-events-w .organised-events h2 { margin-bottom: 20px; } }

@media (max-width: 990px) { .organised-events-w .organised-events h2 { padding: 0; } }

.organised-events-w .organised-events .event-tiles { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.body-w .organised-events-w .organised-events .event-tiles .event-tile { width: 32.2033898305%; float: left; margin-right: 1.6949152542%; margin-bottom: 20px; }

.body-w .organised-events-w .organised-events .event-tiles .event-tile:nth-child(3n) { width: 32.2033898305%; float: right; margin-right: 0; }

@media (max-width: 720px) { .body-w .organised-events-w .organised-events .event-tiles .event-tile { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .body-w .organised-events-w .organised-events .event-tiles .event-tile:nth-child(3n) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.organised-events-w .organised-events .event-tiles .event-tile .event-title { color: #fff; background: #008ff6; font-weight: 800; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 24px; font-size: 1.7142857143rem; line-height: 1.3333333333; padding: 30px 0; }

@media (max-width: 990px) { .organised-events-w .organised-events .event-tiles .event-tile .event-title { font-size: 20px; font-size: 1.4285714286rem; line-height: 1.6; padding: 20px 0; } }

.organised-events-w .organised-events .event-tiles .event-tile img { width: 100%; }

.organised-events-w .organised-events .event-tiles .event-tile .event-content { padding: 20px; text-align: left; background: #fff; }

.body-w .organised-events-w .organised-events .event-tiles .event-tile .event-content { background: #f5f5f5; }

@media (max-width: 990px) { .organised-events-w .organised-events .event-tiles .event-tile .event-content .btn { font-size: 18px; font-size: 1.2857142857rem; line-height: 1.7777777778; padding-bottom: 10px; padding-top: 8px; } }

.organised-events-w .organised-events .event-tiles .event-tile .event-content h4 { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 18px; font-size: 1.2857142857rem; line-height: 22px; color: #282627; margin-bottom: 15px; min-height: 23px; }

@media (max-width: 990px) { .organised-events-w .organised-events .event-tiles .event-tile .event-content h4 { font-size: 16px; font-size: 1.1428571429rem; line-height: 1; } }

.organised-events-w .organised-events .event-tiles .event-tile .event-content p { 
    font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; font-size: 1.1428571429rem; line-height: 22px; color: #282627; margin-bottom: 20px; padding-left: 0px; padding-right: 0px; 
    min-height: 164px;
}

@media (max-width: 990px) { .organised-events-w .organised-events .event-tiles .event-tile .event-content p { font-size: 14px; font-size: 1rem; line-height: 1.1428571429; min-height: 112px; } }

.fundraising-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: #008ff6; }

.body-w .fundraising-w { padding-top: 0; background: #fff; }

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

.fundraising-w .fundraising h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #fff; font-weight: 800; margin-bottom: 60px; }

.body-w .fundraising-w .fundraising h2 { color: #008ff6; }

@media (max-width: 720px) { .fundraising-w .fundraising h2 { margin-bottom: 30px; } }

.fundraising-w .fundraising .button-w { padding-left: 25%; padding-right: 25%; }

@media (max-width: 720px) { .fundraising-w .fundraising .button-w { padding: 0; } }

.fundraising-w .fundraising .fund-tiles { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; margin-bottom: 30px; }

@media (max-width: 720px) { .fundraising-w .fundraising .fund-tiles { margin-bottom: 10px; } }

.fundraising-w .fundraising .fund-tiles .fund-content { padding: 0 5%; }

.fundraising-w .fundraising .fund-tiles .fund-tile { width: 32.2033898305%; float: left; margin-right: 1.6949152542%; }

.fundraising-w .fundraising .fund-tiles .fund-tile:nth-child(3n) { width: 32.2033898305%; float: right; margin-right: 0; }

@media (max-width: 720px) { .fundraising-w .fundraising .fund-tiles .fund-tile { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .fundraising-w .fundraising .fund-tiles .fund-tile:nth-child(3n) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.fundraising-w .fundraising .fund-tiles .fund-tile img { width: 200px; margin-bottom: 35px; }

@media (max-width: 990px) { .fundraising-w .fundraising .fund-tiles .fund-tile img { width: 170px; } }

.fundraising-w .fundraising .fund-tiles .fund-tile h3 { color: #fff; font-size: 24px; font-size: 1.7142857143rem; line-height: 30px; font-weight: 800; margin-bottom: 40px; min-height: 90px; }

.body-w .fundraising-w .fundraising .fund-tiles .fund-tile h3 { color: #282627; }

@media (max-width: 990px) { .fundraising-w .fundraising .fund-tiles .fund-tile h3 { font-size: 18px; font-size: 1.2857142857rem; line-height: 22px; min-height: 70px; } }

@media (max-width: 720px) { 
    .fundraising-w .fundraising .fund-tiles .fund-tile h3 { font-size: 16px; font-size: 1.1428571429rem; line-height: 20px; min-height: 100%; margin-bottom: 15px; }     
}

.fundraising-w .fundraising .fund-tiles .fund-tile p { color: #fff; font-size: 16px; font-size: 1.1428571429rem; line-height: 24px; font-weight: 400; }

.body-w .fundraising-w .fundraising .fund-tiles .fund-tile p { color: #666; }

@media (max-width: 720px) { .fundraising-w .fundraising .fund-tiles .fund-tile p { font-size: 13px; font-size: 0.9285714286rem; line-height: 15px; min-height: 100%; } }

.contact-module-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: url(/images/contact-bg.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 200px 0; }

@media (max-width: 990px) { .contact-module-w { padding-top: 110px; padding-bottom: 155px; } }

@media (max-width: 720px) { .contact-module-w { padding-top: 60px; padding-bottom: 65px; } }

.contact-module-w .contact-module { text-align: center; padding: 0 10%; }

@media (max-width: 720px) { .contact-module-w .contact-module { padding: 0 20px; } }

.contact-module-w .contact-module .subscription-confirmation { max-width: 380px; margin-left: auto; margin-right: auto; text-align: center; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 30px; }

.contact-module-w .contact-module .subscription-confirmation:after { content: " "; display: block; clear: both; }

.contact-module-w .contact-module .subscription-confirmation img { margin-bottom: 20px; }

.contact-module-w .contact-module .subscription-confirmation p { font-size: 15px; font-size: 1.0714285714rem; line-height: 1.5; }

@media (max-width: 990px) { .contact-module-w .contact-module .subscription-confirmation img { width: 80px; }
  .contact-module-w .contact-module .subscription-confirmation p { font-size: 13px; font-size: 0.9285714286rem; line-height: 1.5; } }

@media (max-width: 720px) { .contact-module-w .contact-module .subscription-confirmation { padding: 20px; }
  .contact-module-w .contact-module .subscription-confirmation img { width: 60px; }
  .contact-module-w .contact-module .subscription-confirmation p { font-size: 12px; font-size: 0.8571428571rem; line-height: 1.5; } }

.contact-module-w .contact-module .input-w { margin-bottom: 10px; }

@media (max-width: 720px) { .contact-module-w .contact-module .input-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.contact-module-w .contact-module .input-w input { font-size: 22px; font-size: 1.5714285714rem; line-height: 1.4545454545; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

@media (max-width: 990px) { .contact-module-w .contact-module .input-w input { font-size: 18px; font-size: 1.2857142857rem; line-height: 1.4; } }

@media (max-width: 720px) { .contact-module-w .contact-module .input-w input { font-size: 16px; font-size: 1.1428571429rem; line-height: 1.4; } }

.contact-module-w .contact-module .input-w.input-2x input { width: 49.1525423729%; float: left; margin-right: 1.6949152542%; }

.contact-module-w .contact-module .input-w.input-2x input:nth-child(2) { width: 49.1525423729%; float: right; margin-right: 0; width: 48.152542%; }

.contact-module-w .contact-module h2 { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #fff; font-weight: 700; font-style: italic; font-size: 52px; font-size: 3.7142857143rem; line-height: 1.2307692308; margin-bottom: 30px; text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.49); }

@media (max-width: 990px) { .contact-module-w .contact-module h2 { font-size: 36px; font-size: 2.5714285714rem; line-height: 1.3333333333; } }

@media (max-width: 720px) { .contact-module-w .contact-module h2 { font-size: 24px; font-size: 1.7142857143rem; line-height: 1.3333333333; margin-bottom: 15px; } }

.contact-module-w .contact-module .button-w { padding: 0 20%; font-size: 24px; font-size: 1.7142857143rem; line-height: 1.3333333333; padding-top: 10px; font-weight: 800; padding-bottom: 12px; }

@media (max-width: 990px) { .contact-module-w .contact-module .button-w { padding: 0; }
  .contact-module-w .contact-module .button-w .btn { font-size: 18px; height: 56px; } }

@media (max-width: 720px) { .contact-module-w .contact-module .button-w { padding: 0; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .contact-module-w .contact-module .button-w .btn { font-size: 16px; height: 44px; } }

.contact-module-w .contact-module .btn { background: #008ff6; color: #fff; border: 1px solid #008ff6; border-bottom: 3px solid #0080dd; }

.contact-module-w .contact-module .btn:hover { border: 1px solid #fff; border-bottom: 3px solid #fff; }

.contact-module-w .contact-module label { color: #fff; width: auto; max-width: 470px; margin-left: auto; margin-right: auto; float: none; font-size: 22px; font-size: 1.5714285714rem; line-height: 1.4545454545; font-weight: 700; margin: 10px auto; }

.contact-module-w .contact-module label:after { content: " "; display: block; clear: both; }

.contact-module-w .contact-module label .icheckbox_square { width: 25px; height: 25px; margin-top: 5px; }

@media (max-width: 990px) { .contact-module-w .contact-module label { max-width: 370px; margin-left: auto; margin-right: auto; font-size: 16px; font-size: 1.1428571429rem; line-height: 1; }
  .contact-module-w .contact-module label:after { content: " "; display: block; clear: both; }
  .contact-module-w .contact-module label .icheckbox_square { width: 20px; height: 20px; margin-top: 0px; } }

@media (max-width: 720px) { .contact-module-w .contact-module label { font-size: 14px; font-size: 1rem; line-height: 1.1428571429; margin-bottom: 0; max-width: 320px; margin-left: auto; margin-right: auto; }
  .contact-module-w .contact-module label:after { content: " "; display: block; clear: both; }
  .contact-module-w .contact-module label .icheckbox_square { width: 16px; height: 16px; } }

.contact-module-w .contact-module label a { color: #fff; border-bottom: 1px solid #fff; }

.footer-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; padding: 20px 0; }

@media (max-width: 990px) { .footer-w { padding: 0; } }

.footer-w footer.footer nav { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: center; }

.footer-w footer.footer nav ul { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; border-bottom: 1px solid #fff; padding: 35px 0; }

@media (max-width: 720px) { .footer-w footer.footer nav ul { padding-top: 50px; } }

.footer-w footer.footer nav ul li { width: 25%; font-size: 16px; font-size: 1.1428571429rem; line-height: 1; margin: 0; font-weight: 600; }

@media (max-width: 990px) { .footer-w footer.footer nav ul li { font-size: 13px; font-size: 0.9285714286rem; line-height: 1.2307692308; } }

@media (max-width: 720px) { .footer-w footer.footer nav ul li { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: 16px; font-size: 1.1428571429rem; line-height: 1; margin-bottom: 20px; } }

.footer-w footer.footer nav ul li a { color: #fff; }

.footer-w footer.footer nav ul li a:hover { color: #0068b3; }

.footer-w footer.footer .sub-footer { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; padding: 35px 0; color: #fff; }

@media (max-width: 720px) { .footer-w footer.footer .sub-footer { padding-top: 40px; } }

.footer-w footer.footer .sub-footer .sub-footer-content { width: 66.1016949153%; float: left; margin-right: 1.6949152542%; font-size: 12px; font-size: 0.8571428571rem; line-height: 1.3333333333; }

@media (max-width: 720px) { .footer-w footer.footer .sub-footer .sub-footer-content { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: center; font-size: 10px; font-size: 0.7142857143rem; line-height: 1.6; } }

.footer-w footer.footer .sub-footer .sub-footer-content p { color: #fff; }

.footer-w footer.footer .sub-footer .sub-footer-content a { color: #fff; text-decoration: underline; }

.footer-w footer.footer .sub-footer .sub-footer-social { width: 32.2033898305%; float: right; margin-right: 0; }

@media (max-width: 720px) { .footer-w footer.footer .sub-footer .sub-footer-social { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: center; margin-bottom: 30px; } }

.footer-w footer.footer .sub-footer .sub-footer-social ul { float: right; }

@media (max-width: 720px) { .footer-w footer.footer .sub-footer .sub-footer-social ul { float: none; width: 220px; margin-right: auto; margin-left: auto; } }

.footer-w footer.footer .sub-footer .sub-footer-social ul li { margin-right: 0; margin-left: 1.25em; }

.footer-w footer.footer .sub-footer .sub-footer-social ul li a { background: url(/images/social-icons-2x.png) 0 0 no-repeat; background: url(/images/social-icons.png) 0 0 no-repeat\9; background-size: 159px; float: left; width: 30px; height: 30px; }

.footer-w footer.footer .sub-footer .sub-footer-social ul li a.facebook { background: url(/images/social-icons-2x.png) 10px 0 no-repeat; background: url(/images/social-icons.png) 10px 0 no-repeat\9; background-size: 159px; }

.footer-w footer.footer .sub-footer .sub-footer-social ul li a.facebook:hover { background: url(/images/social-icons-roll-2x.png) 10px 0 no-repeat; background: url(/images/social-icons-roll.png) 10px 0 no-repeat\9; background-size: 159px; }

.footer-w footer.footer .sub-footer .sub-footer-social ul li a.twitter { background: url(/images/social-icons-2x.png) -33px 0 no-repeat; background: url(/images/social-icons.png) -33px 0 no-repeat\9; background-size: 159px; }

.footer-w footer.footer .sub-footer .sub-footer-social ul li a.twitter:hover { background: url(/images/social-icons-roll-2x.png) -33px 0 no-repeat; background: url(/images/social-icons-roll.png) -33px 0 no-repeat\9; background-size: 159px; }
/*
.footer-w footer.footer .sub-footer .sub-footer-social ul li a.vimeo { background: url(/images/social-icons-2x.png) -129px 0 no-repeat; background: url(/images/social-icons.png) -129px 0 no-repeat\9; background-size: 159px; }
.footer-w footer.footer .sub-footer .sub-footer-social ul li a.vimeo:hover { background: url(/images/social-icons-roll-2x.png) -129px 0 no-repeat; background: url(/images/social-icons-roll.png) -129px 0 no-repeat\9; background-size: 159px; }
*/
.footer-w footer.footer .sub-footer .sub-footer-social ul li a.youtube { background: url(/images/social-icons-2x.png) -122px 0 no-repeat; background: url(/images/social-icons.png) -122px 0 no-repeat\9; background-size: 160px; width: 38px; }

.footer-w footer.footer .sub-footer .sub-footer-social ul li a.youtube:hover { background: url(/images/social-icons-roll-2x.png) -122px 0 no-repeat; background: url(/images/social-icons-roll.png) -122px 0 no-repeat\9; background-size: 160px; width: 38px; }

.footer-w footer.footer .sub-footer .sub-footer-social ul li a.instagram { background: url(/images/social-icons-2x.png) -81px 0 no-repeat; background: url(/images/social-icons.png) -81px 0 no-repeat\9; background-size: 159px; }

.footer-w footer.footer .sub-footer .sub-footer-social ul li a.instagram:hover { background: url(/images/social-icons-roll-2x.png) -81px 0 no-repeat; background: url(/images/social-icons-roll.png) -81px 0 no-repeat\9; background-size: 159px; }

.mobile-intro-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: #008ff6; padding: 20px 0; display: none; }

@media (max-width: 720px) { .mobile-intro-w { display: block; } }

.mobile-intro-w .mobile-intro { text-align: center; }

.mobile-intro-w .mobile-intro p { color: #fff; font-size: 14px; font-size: 1rem; line-height: 1.36; }

.mobile-intro-w .mobile-intro .login-buttons { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.mobile-intro-w .mobile-intro .login-buttons a.btn { width: 47.6987447699%; float: left; margin-right: 0.4184100418%; font-size: 16px; font-size: 1.1428571429rem; line-height: 1; padding-top: 10px; padding-bottom: 12px; border: 1px solid #fff; }

.mobile-intro-w .mobile-intro .login-buttons a.btn:nth-child(2) { width: 47.6987447699%; float: right; margin-right: 0; }

/*@media (max-width: 990px) { .bx-wrapper .bx-controls-direction a { display: none !important; } }*/

.sub-navigation-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: #008ff6; }

.sub-navigation-w.third-level { background: #fff; }

.sub-navigation-w.third-level ul li a { color: #2aa6ff; }

.sub-navigation-w.third-level ul li a.current { color: #008ff6; }

.sub-navigation-w .sub-navigation { text-align: center; }

.sub-navigation-w .sub-navigation ul { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.sub-navigation-w .sub-navigation ul.x2 li { width: 49.1525423729%; float: left; margin-right: 1.6949152542%; }

.sub-navigation-w .sub-navigation ul.x2 li:nth-child(2) { width: 49.1525423729%; float: right; margin-right: 0; }

.sub-navigation-w .sub-navigation ul.x2 li:nth-child(2):after { display: none; }

.sub-navigation-w .sub-navigation ul.x4 li { width: 23.7288135593%; float: left; margin-right: 1.6949152542%; }

.sub-navigation-w .sub-navigation ul.x4 li:nth-child(4) { width: 23.7288135593%; float: right; margin-right: 0; }

.sub-navigation-w .sub-navigation ul.x4 li:nth-child(4):after { display: none; }

.sub-navigation-w .sub-navigation ul.x6 li { width: 15.2542372881%; float: left; margin-right: 1.6949152542%; }

.sub-navigation-w .sub-navigation ul.x6 li:nth-child(6) { width: 15.2542372881%; float: right; margin-right: 0; }

.sub-navigation-w .sub-navigation ul.x6 li:nth-child(6):after { display: none; }

.sub-navigation-w .sub-navigation ul li { position: relative; font-size: 16px; font-size: 1.1428571429rem; line-height: 1; font-weight: 600; text-align: center; }

.sub-navigation-w .sub-navigation ul li:after { content: ''; position: absolute; right: 0; height: 30px; top: 12px; border-right: 2px solid rgba(255, 255, 255, 0.3); }

@media (max-width: 720px) { .sub-navigation-w .sub-navigation ul li:after { top: 15px; height: 48%; border-right: 1px solid rgba(255, 255, 255, 0.3); } }

@media (max-width: 990px) { .sub-navigation-w .sub-navigation ul li { font-size: 14px; font-size: 1rem; line-height: 1.1428571429; } }

@media (max-width: 720px) { .sub-navigation-w .sub-navigation ul li { font-size: 8px; font-size: 0.5714285714rem; line-height: 1.5; } }

.sub-navigation-w .sub-navigation ul li.ticked { color: rgba(255, 255, 255, 0.8); background: url(/images/tick-2x.png) 73% center no-repeat; background: url(/images/tick.png) 70% center no-repeat\9; background-size: 20px; }

@media (max-width: 720px) { .sub-navigation-w .sub-navigation ul li.ticked { background: url(/images/tick-2x.png) 80% center no-repeat; background: url(/images/tick.png) 80% center no-repeat\9; background-size: 10px; } }

@media (max-width: 550px) { .sub-navigation-w .sub-navigation ul li.ticked { background: url(/images/tick-2x.png) 85% center no-repeat; background: url(/images/tick.png) 85% center no-repeat\9; background-size: 10px; } }

.sub-navigation-w .sub-navigation ul li.current a:after { position: absolute; bottom: -1px; left: 50%; margin-left: -9px; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent #ffffff transparent; }

@media (max-width: 720px) { .sub-navigation-w .sub-navigation ul li.current a:after { border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent; } }

.sub-navigation-w .sub-navigation ul li a { color: #fff; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; padding: 20px 10px; position: relative; }

@media (max-width: 720px) { .sub-navigation-w .sub-navigation ul li a { padding-top: 18px; } }

.sub-navigation-w.third-level { background: #fff; border-bottom: 1px solid #43b0ff; }

.sub-navigation-w.third-level ul li a { color: #008ff6; opacity: 0.6; }

.sub-navigation-w.third-level ul li { font-size: 14px; font-size: 1rem; line-height: 1.1428571429; }

@media (max-width: 720px) { .sub-navigation-w.third-level ul li { font-size: 8px; font-size: 0.5714285714rem; line-height: 2; } }

@media (max-width: 720px) { .sub-navigation-w.third-level ul li a { height: 40px; min-height: 40px; } }

.sub-navigation-w.third-level ul li a span { display: block; }

@media (max-width: 720px) { .sub-navigation-w.third-level ul li a span { display: none; } }

.sub-navigation-w.third-level ul li a:hover { opacity: 1; }

@media (max-width: 720px) { .sub-navigation-w.third-level ul li a.race-icon { background: url(/images/race-icon-2x.png) center center no-repeat; background: url(/images/race-icon.png) center center no-repeat\9; background-size: 20px; }
  .sub-navigation-w.third-level ul li a.bake-icon { background: url(/images/bake-icon-2x.png) center center no-repeat; background: url(/images/bake-icon.png) center center no-repeat\9; background-size: 19px; }
  .sub-navigation-w.third-level ul li a.celebrate-icon { background: url(/images/celebrate-icon-2x.png) center center no-repeat; background: url(/images/celebrate-icon.png) center center no-repeat\9; background-size: 19px; }
  .sub-navigation-w.third-level ul li a.learn-icon { background: url(/images/learn-icon-2x.png) center center no-repeat; background: url(/images/learn-icon.png) center center no-repeat\9; background-size: 24px; }
  .sub-navigation-w.third-level ul li a.quit-icon { background: url(/images/quit-icon-2x.png) center center no-repeat; background: url(/images/quit-icon.png) center center no-repeat\9; background-size: 21px; }
  .sub-navigation-w.third-level ul li a.do-icon { background: url(/images/do-icon-2x.png) center center no-repeat; background: url(/images/do-icon.png) center center no-repeat\9; background-size: 22px; } }

.sub-navigation-w.third-level ul li.current a { color: #008ff6; opacity: 1; }

.sub-navigation-w.third-level ul li.current a:after { display: none; }

.profile-menu { float: left; margin-right: 10px; position: relative; height: 60px; }

.profile-menu .profile-menu-init { width: 40px; height: 40px; float: left; position: relative; }

.profile-menu .profile-menu-init:after { c/* ontent: ''; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #85ccff transparent transparent transparent; position: absolute; top: 110%; left: 50%; margin-left: -8px; */ display: none; }

.profile-menu .profile-menu-init img { /* height: 42px; width: 100%; */
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    height: auto;
    width: auto;
}

.profile-menu.hover ul.profile-menu-dropdown { display: block; }

.profile-menu ul.profile-menu-dropdown { position: absolute; top: 60px; right: 0; float: right; width: 160px; display: none; background: #008ff6; z-index: 10; }

.profile-menu ul.profile-menu-dropdown li { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.profile-menu ul.profile-menu-dropdown li a { padding: 8px 40px; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; color: #fff; background: #008ff6; }

.profile-menu ul.profile-menu-dropdown li a.view-profile { background: url(/images/view-profile-icon-2x.png) 18px center no-repeat; background: url(/images/view-profile-icon.png) 18px center no-repeat\9; background-size: 13px; }

.profile-menu ul.profile-menu-dropdown li a.view-profile:hover { background: url(/images/view-profile-icon-2x.png) #0068b3 18px center no-repeat; background: url(/images/view-profile-icon.png) #0068b3 18px center no-repeat\9; background-size: 13px; }

.profile-menu ul.profile-menu-dropdown li a.log-out { background: url(/images/log-out-icon-2x.png) 20px center no-repeat; background: url(/images/log-out-icon.png) 20px center no-repeat\9; background-size: 9px; }

.profile-menu ul.profile-menu-dropdown li a.log-out:hover { background: url(/images/log-out-icon-2x.png) #0068b3 20px center no-repeat; background: url(/images/log-out-icon.png) #0068b3 20px center no-repeat\9; background-size: 9px; }

.event-hero-w { background: url(/images/skydiving-bg.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-size: 100%\9; }

.event-hero-w.offline { background: url(/images/offline-bg.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.event-hero-w .event-hero-logo { margin-top: 20px; float: right; width: 100%; clear: both; margin-bottom: 10px; }

@media (max-width: 990px) { .event-hero-w .event-hero-logo { margin-bottom: -60px; } }

@media (max-width: 720px) { .event-hero-w .event-hero-logo { margin-bottom: 100px; }
  .event-hero-w .event-hero-logo img { width: 75px; height: 75px; } }

.event-hero-w .event-hero-logo img { float: right; }

.event-hero-w .event-hero-title { 
    clear: both;
    color: #fff;
    font-size: 3.28571rem;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

@media (max-width: 990px) { .event-hero-w .event-hero-title { font-size: 30px; font-size: 2.1428571429rem; line-height: 1.0666666667; margin-bottom: 60px; } }

@media (max-width: 720px) { .event-hero-w .event-hero-title { display: none; } }

.event-hero-w .event-hero-member-profile { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 20px; }

.event-hero-w .event-hero-member-profile .event-hero-profile-pic { width: 150px; height: 150px; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; border: 2px solid #fff; }

@media (max-width: 990px) { .event-hero-w .event-hero-member-profile .event-hero-profile-pic { width: 80px; height: 80px; } }

.event-hero-w .event-hero-member-profile .event-hero-profile-pic img { width: 100%; min-height: 150px; }

.event-hero-member-profile-details { float: left; margin-left: 20px; padding-top: 30px; }

@media (max-width: 720px) { .event-hero-member-profile-details { width: 60%; } }

.body .event-hero-member-profile-details { margin-left: 0; margin-bottom: 20px; width: 100%; display: none; }

@media (max-width: 720px) { .body .event-hero-member-profile-details { display: block; }
  .body .event-hero-member-profile-details ul { display: block; } }

.event-hero-member-profile-details h1 { display: none; font-weight: 800; color: #fff; margin-bottom: 15px; font-size: 15px; font-size: 1.0714285714rem; line-height: 1.2; }

@media (max-width: 720px) { .event-hero-member-profile-details h1 { display: block; } }

.event-hero-member-profile-details h2 { color: #fff; font-size: 30px; font-size: 2.1428571429rem; line-height: 1.3; font-weight: 800; margin-bottom: 10px; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

@media (max-width: 990px) { .event-hero-member-profile-details h2 { font-size: 20px; font-size: 1.4285714286rem; line-height: 1.3; } }

@media (max-width: 720px) { .event-hero-member-profile-details h2 { font-size: 15px; font-size: 1.0714285714rem; line-height: 1.3; } }

@media (max-width: 990px) { .event-hero-member-profile-details { padding-top: 0; } }

.event-hero-member-profile-details ul { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

@media (max-width: 720px) { .event-hero-member-profile-details ul { display: none; } }

.event-hero-member-profile-details ul li { float: left; margin-right: 10px; }

.event-hero-member-profile-details ul li img { width: 40px; }

.event-hero-member-profile-details ul li a.btn { padding: 11px 40px; }

.body-w { background: #fff; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; padding-top: 50px; padding-bottom: 50px; }

@media (max-width: 720px) { .body-w { padding-top: 40px; padding-bottom: 40px; } }

.body-w.error-page { padding-bottom: 0; }

.body-w.error-page .body { text-align: center; padding: 0 18%; }

@media (max-width: 720px) { .body-w.error-page .body { padding: 0 0; } }

.body-w.error-page .body img.body-oops { width: 180px; margin-bottom: 30px; }

@media (max-width: 720px) { .body-w.error-page .body img.body-oops { width: 100px; } }

.body-w.error-page .body a.btn { font-size: 20px; font-size: 1.4285714286rem; line-height: 1.6; padding: 10px; width: 380px; }

@media (max-width: 720px) { .body-w.error-page .body a.btn { width: 100%; font-size: 16px; font-size: 1.1428571429rem; line-height: 1; } }

.body-w.error-page .body h2 { font-family: "UNHCRUppercase", Helvetica, Arial, sans-serif; font-size: 34px; font-size: 2.4285714286rem; line-height: 1.4117647059; margin-bottom: 30px; }

@media (max-width: 990px) { .body-w.error-page .body h2 { font-size: 26px; font-size: 1.8571428571rem; line-height: 1.2307692308; } }

@media (max-width: 720px) { .body-w.error-page .body h2 { font-size: 20px; font-size: 1.4285714286rem; line-height: 1.6; } }

.body-w .body .body-content { width: 49.1525423729%; float: right; margin-right: 0; }

@media (max-width: 720px) { .body-w .body .body-content { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 20px; } }

.body-w .body .body-sidebar { width: 40.6779661017%; float: left; margin-right: 1.6949152542%; margin-right: 8.4745762712%; }

.body-w .body .body-sidebar .body-sidebar-image { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; }

.body-w .body .body-sidebar .body-sidebar-image img { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; }

@media (max-width: 720px) { .body-w .body .body-sidebar { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.body-w .body.login { max-width: 480px; margin-left: auto; margin-right: auto; text-align: center; padding: 0 0; }

.body-w .body.login:after { content: " "; display: block; clear: both; }

.body-w .body.login.registration { max-width: 800px; margin-left: auto; margin-right: auto; padding: 0; }

.body-w .body.login.registration:after { content: " "; display: block; clear: both; }

.body-w .body.login.registration .button-w { max-width: 480px; margin-left: auto; margin-right: auto; }

.body-w .body.login.registration .button-w:after { content: " "; display: block; clear: both; }

.body-w .body.login img.body-logo { width: 180px; margin-bottom: 30px; }

@media (max-width: 720px) { .body-w .body.login img.body-logo { width: 100px; } }

.body-w .body.login .input-w { margin-bottom: 30px; }

.body-w .body.login .input-w input.lrg { font-size: 20px; font-size: 1.4285714286rem; line-height: 1.6; }

.body-w .body.login label { text-align: left; padding-bottom: 10px; }

.body-w .body.login label a.inline-label { float: right; font-size: 80%; }

.body-w .body.login h2 { font-family: "UNHCRUppercase", Helvetica, Arial, sans-serif; font-size: 34px; font-size: 2.4285714286rem; line-height: 1.4117647059; margin-bottom: 30px; }

@media (max-width: 990px) { .body-w .body.login h2 { font-size: 26px; font-size: 1.8571428571rem; line-height: 1.2307692308; } }

@media (max-width: 720px) { .body-w .body.login h2 { font-size: 20px; font-size: 1.4285714286rem; line-height: 1.6; } }

.body-w .body.login button.btn { margin-bottom: 20px; }

.body-w .body.content h1, .body-w .member-profile .body.member-profile-content h1, .member-profile .body-w .body.member-profile-content h1 { font-weight: 800; margin-bottom: 20px; font-size: 28px; font-size: 2rem; line-height: 1.2; }

.body-w .body.content h1 span.edit-profile, .body-w .member-profile .body.member-profile-content h1 span.edit-profile, .member-profile .body-w .body.member-profile-content h1 span.edit-profile { background: url(/images/edit-profile-icon-2x.png) 0 center no-repeat; background: url(/images/edit-profile-icon.png) 0 center no-repeat\9; float: right; color: #a8a8a8; font-weight: 800; padding-left: 25px; margin-top: 6px; font-size: 18px; font-size: 1.2857142857rem; line-height: 1.2; background-size: 18px; }

@media (max-width: 720px) { .body-w .body.content h1 span.edit-profile, .body-w .member-profile .body.member-profile-content h1 span.edit-profile, .member-profile .body-w .body.member-profile-content h1 span.edit-profile { background: url(/images/edit-profile-icon-2x.png) 0 center no-repeat; background: url(/images/edit-profile-icon.png) 0 center no-repeat\9; background-size: 12px; padding-left: 18px; margin-top: 3px; font-size: 13px; font-size: 0.9285714286rem; line-height: 1.2; } }

@media (max-width: 990px) { .body-w .body.content h1, .body-w .member-profile .body.member-profile-content h1, .member-profile .body-w .body.member-profile-content h1 { font-size: 22px; font-size: 1.5714285714rem; line-height: 1.2; } }

@media (max-width: 720px) { .body-w .body.content h1, .body-w .member-profile .body.member-profile-content h1, .member-profile .body-w .body.member-profile-content h1 { font-size: 18px; font-size: 1.2857142857rem; line-height: 1.2; } }

.body-w .body.content h2, .body-w .member-profile .body.member-profile-content h2, .member-profile .body-w .body.member-profile-content h2 { font-size: 24px; font-size: 1.7142857143rem; line-height: 1.3333333333; margin-bottom: 20px; color: #282627; font-weight: 800; }

@media (max-width: 990px) { .body-w .body.content h2, .body-w .member-profile .body.member-profile-content h2, .member-profile .body-w .body.member-profile-content h2 { font-size: 20px; font-size: 1.4285714286rem; line-height: 1.2; } }

@media (max-width: 720px) { .body-w .body.content h2, .body-w .member-profile .body.member-profile-content h2, .member-profile .body-w .body.member-profile-content h2 { font-size: 16px; font-size: 1.1428571429rem; line-height: 1.2; } }

.body-w .body.content p, .body-w .member-profile .body.member-profile-content p, .member-profile .body-w .body.member-profile-content p { font-size: 14px; font-size: 1rem; line-height: 1.5; }

.body-w .body.content p.intro, .body-w .member-profile .body.member-profile-content p.intro, .member-profile .body-w .body.member-profile-content p.intro { font-size: 17px; font-size: 1.2142857143rem; line-height: 1.5; color: #282627; }

@media (max-width: 990px) { .body-w .body.content p, .body-w .member-profile .body.member-profile-content p, .member-profile .body-w .body.member-profile-content p { font-size: 13px; font-size: 0.9285714286rem; line-height: 1.5; } }

@media (max-width: 720px) { .body-w .body.content p, .body-w .member-profile .body.member-profile-content p, .member-profile .body-w .body.member-profile-content p { font-size: 14px; font-size: 1rem; line-height: 1.5; }
  .body-w .body.content p a.btn, .body-w .member-profile .body.member-profile-content p a.btn, .member-profile .body-w .body.member-profile-content p a.btn { margin-bottom: 10px; } }

.body-w .body .event-content { width: 57.6271186441%; float: left; margin-right: 1.6949152542%; padding-right: 30px; }

@media (max-width: 720px) { .body-w .body .event-content { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; padding-right: 0px; } }

.body-w .body .event-content p { font-size: 17px; font-size: 1.2142857143rem; line-height: 1.5; }

@media (max-width: 990px) { .body-w .body .event-content p { font-size: 15px; font-size: 1.0714285714rem; line-height: 1.5; } }

.body-w .body .event-sidebar { width: 40.6779661017%; float: right; margin-right: 0; }

@media (max-width: 720px) { .body-w .body .event-sidebar { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 40px; } }

.body-w .body .event-sidebar p { font-size: 17px; font-size: 1.2142857143rem; line-height: 1.5; }

@media (max-width: 990px) { .body-w .body .event-sidebar p { font-size: 15px; font-size: 1.0714285714rem; line-height: 1.5; } }

@media (max-width: 720px) { .body-w .body .event-sidebar p { text-align: center; } }

.body-w .body .event-sidebar p a { color: #008ff6; }

.body-w .body .event-sidebar .tally { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; height: 10px; margin-bottom: 10px; }

.body-w .body .event-sidebar .tally .tally-inner { background: #ffb400; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float: left; height: 10px; }

.body-w .body .event-sidebar .current-tally-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: 30px; font-size: 2.1428571429rem; line-height: 1.5; font-weight: 800; }

.body-w .body .event-sidebar .current-tally-w .current-tally-figure { float: left; }

.body-w .body .event-sidebar .current-tally-w .current-target { float: right; }

.body-w .body .event-sidebar a.btn { font-size: 24px; font-size: 1.7142857143rem; line-height: 1.3333333333; padding: 15px 5px; margin-bottom: 40px; }

@media (max-width: 720px) { .body-w .body .event-sidebar a.btn { font-size: 20px; font-size: 1.4285714286rem; line-height: 1.6; } }

.body-w .body .event-sidebar .donations-tally { margin-bottom: 20px; background: #008ff6; color: #fff; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 20px 20px; }

.body-w .body .event-sidebar .donations-tally .donations-given-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.body-w .body .event-sidebar .donations-tally .donations-given-w .donations-icon { width: 23.7288135593%; float: left; margin-right: 1.6949152542%; }

.body-w .body .event-sidebar .donations-tally .donations-given-w .donations-icon img { float: left; }

.body-w .body .event-sidebar .donations-tally .donations-given-w .donations-headline { width: 49.1525423729%; float: left; margin-right: 1.6949152542%; }

.body-w .body .event-sidebar .donations-tally .donations-given-w .donations-headline h3 { color: #fff; padding-top: 5px; font-family: "UNHCRUppercase", Helvetica, Arial, sans-serif; font-size: 14px; font-size: 1rem; line-height: 1.5; text-align: center; }

@media (max-width: 720px) { .body-w .body .event-sidebar .donations-tally .donations-given-w .donations-headline h3 { font-size: 12px; font-size: 0.8571428571rem; line-height: 1.5; } }

.body-w .body .event-sidebar .donations-tally .donations-given-w .target-icon { width: 23.7288135593%; float: right; margin-right: 0; }

.body-w .body .event-sidebar .donations-tally .donations-given-w .target-icon img { float: right; }

ul.event-summary { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; }

ul.event-summary li { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: 24px; font-size: 1.7142857143rem; line-height: 1.3333333333; font-weight: 600; color: #282627; margin-bottom: 25px; padding-top: 8px; }

ul.event-summary li span { width: 70px; margin-top: -6px; float: left; }

@media (max-width: 990px) { ul.event-summary li { font-size: 18px; font-size: 1.2857142857rem; line-height: 1.7777777778; padding-top: 5px; }
  ul.event-summary li span { margin-top: -3px; }
  ul.event-summary li span img { width: 35px; } }

@media (max-width: 720px) { ul.event-summary li { font-size: 13px; font-size: 0.9285714286rem; line-height: 1.2307692308; margin-bottom: 15px; }
  ul.event-summary li span { width: 50px; margin-top: -3px; }
  ul.event-summary li span img { width: 25px; } }

.target-amount { margin-bottom: 20px; background: #008ff6; color: #fff; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; font-weight: 800; padding: 25px 20px; padding-bottom: 15px; font-size: 48px; font-size: 3.4285714286rem; line-height: 1.1; }

.target-amount h3 { color: #fff; font-family: "UNHCRUppercase", Helvetica, Arial, sans-serif; margin-bottom: 5px; font-size: 14px; font-size: 1rem; line-height: 1.5; text-align: center; }

@media (max-width: 720px) { .target-amount h3 { font-size: 12px; font-size: 0.8571428571rem; line-height: 1.5; } }

.goal-reached { margin-bottom: 20px; background: #24cb82; color: #fff; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; font-weight: 800; padding: 25px 20px; font-size: 48px; font-size: 3.4285714286rem; line-height: 1.1; }

.goal-reached h3 { color: #fff; font-family: "UNHCRUppercase", Helvetica, Arial, sans-serif; margin-bottom: 5px; font-size: 14px; font-size: 1rem; line-height: 1.5; text-align: center; }

@media (max-width: 720px) { .goal-reached h3 { font-size: 12px; font-size: 0.8571428571rem; line-height: 1.5; } }

.event-slider-w { position: relative; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 60px; }

.event-slider-w .event-slider { min-height: auto; height: auto; }

.event-slider-w .bx-wrapper .bx-pager.bx-default-pager a { color: #eaeaea; background: #eaeaea; }

.event-slider-w .bx-wrapper .bx-pager.bx-default-pager a.active { color: #008ff6; background: #008ff6; }

.event-slider-w .bx-wrapper .bx-pager, .event-slider-w .bx-wrapper .bx-controls-auto { bottom: -40px; }

ul.event-social-share { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

ul.event-social-share li { float: left; margin-right: 20px; font-size: 18px; font-size: 1.2857142857rem; line-height: 1.7777777778; font-weight: 600; }

ul.event-social-share li a { color: #f60000; }

a#backToTop { position: fixed; bottom: 20px; right: 20px; }

a#backToTop img { width: 60px; }

#fixedSocial { position: fixed; top: 30%; z-index: 100; left: 0px; }

@media (max-width: 990px) { #fixedSocial { top: 20%; } }

@media (max-width: 720px) { #fixedSocial { display: none; } }

#fixedSocial ul { float: left; }

#fixedSocial ul li { float: left; clear: both; width: 40px; height: 40px; }

#fixedSocial ul li a { background: url(/images/social-fixed.png) 0 0 no-repeat; background-size: 40px; width: 40px; height: 40px; float: left; clear: both; }

#fixedSocial ul li a.twitter-social { background-position: 0 -40px; }

.banner-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 20px; }

.banner-w .banner { width: 45.3781512605%; float: left; margin-right: 0.8403361345%; }

.banner-w .banner label { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; }

.banner-w .banner:nth-child(even) { width: 45.3781512605%; float: right; margin-right: 0; }

@media (max-width: 720px) { .banner-w .banner { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .banner-w .banner:nth-child(even) { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.money-cta-w { margin-bottom: 20px; /*background: #008ff6;*/ background: #dfdfdf; color: #fff; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 20px 20px; }

.money-cta-w h3 { /*color: #fff;*/color: #008ff6; padding-top: 5px; font-family: "UNHCRUppercase", Helvetica, Arial, sans-serif; /*font-size: 14px; font-size: 1rem; line-height: 1.5; text-align: center;*/ font-size: 30px; font-size: 2.15rem; text-align: left; margin-bottom: 1rem; }

@media (max-width: 720px) { .money-cta-w h3 { /*font-size: 12px; font-size: 0.8571428571rem; line-height: 1.5;*/ font-size: 20px; font-size: 1.4285714286rem; } }

.money-cta-w .money-cta { /*padding: 0 30px;*/ padding: 0; }

@media (max-width: 990px) { .money-cta-w .money-cta { padding: 0; } }

.money-cta-w .money-cta img { /*float: left; margin-right: 5px;*/ margin-bottom: 1rem; }

.money-cta-w .money-cta h1 { /*color: #fff;*/color: #008ff6; font-family: "UNHCRUppercase", Helvetica, Arial, sans-serif; /*font-size: 40px; font-size: 2.8571428571rem; line-height: 1.3; float: left; margin-bottom: 0; font-size: 40px !important; margin-right: 8px;*/ font-size: 26px; font-size: 1.85rem; margin-bottom: 0; text-align: center; }

.money-cta-w .money-cta p.provides { /*float: left; font-family: "UNHCRUppercase", Helvetica, Arial, sans-serif; width: 50%; font-size: 10px; font-size: 0.7142857143rem; line-height: 1.5; text-align: center;*/ color: #282627; font-family: 'Open Sans', 'Helvetica', Arial, sans-serif; font-size: 17px; font-size: 1.05rem; font-weight: 600; margin-bottom: 0; text-align: left; }

@media (max-width: 990px) { .money-cta-w .money-cta p.provides { /*font-size: 8px; font-size: 0.5714285714rem; line-height: 1.5; width: 40%;*/ font-size: 15px; font-size: 1.05rem; min-height: 90px; } }

@media (max-width: 720px) { .money-cta-w .money-cta p.provides { /*width: 37%;*/ } }

.member-profile { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.member-profile .member-profile-image-w { width: 32.2033898305%; float: left; margin-right: 1.6949152542%; margin-right: 16.9491525424%; }

@media (max-width: 990px) { .member-profile .member-profile-image-w { width: 40.6779661017%; float: left; margin-right: 1.6949152542%; margin-right: 8.4745762712%; } }

@media (max-width: 720px) { .member-profile .member-profile-image-w { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 20px; } }

.member-profile .member-profile-image-w .member-profile-image { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.member-profile .member-profile-image-w .member-profile-image img { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.member-profile .member-profile-content { width: 49.1525423729%; float: right; margin-right: 0; }

@media (max-width: 720px) { .member-profile .member-profile-content { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

.member-profile .member-profile-content ul.member-profile-events { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 20px; }

.member-profile .member-profile-content ul.member-profile-events li { position: relative; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; background: #f5f5f5; padding: 20px 15px; margin-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.member-profile .member-profile-content ul.member-profile-events li a.edit-event { background: url(/images/edit-profile-icon-2x.png) #fff center center no-repeat; background: url(/images/edit-profile-icon.png) #fff center center no-repeat\9; color: #a8a8a8; font-weight: 600; height: 40px; width: 40px; position: absolute; bottom: 0; right: 0; background-size: 18px; }

@media (max-width: 720px) { .member-profile .member-profile-content ul.member-profile-events li a.edit-event { background: url(/images/edit-profile-icon-2x.png) #fff center center no-repeat; background: url(/images/edit-profile-icon.png) #fff center center no-repeat\9; background-size: 12px; height: 25px; width: 25px; } }

@media (max-width: 720px) { .member-profile .member-profile-content ul.member-profile-events li { padding: 10px 8px; } }

.member-profile .member-profile-content ul.member-profile-events li img { clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 15px; }

.member-profile .member-profile-content ul.member-profile-events li p { margin: 0; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mobile-hide { display: block; }

@media (max-width: 720px) { .mobile-hide { display: none; } }

.mobile-break { display: none; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; float: none; }

@media (max-width: 720px) { .mobile-break { display: block; } }

.mobile-only { display: none; clear: both; width: 100%; float: left; margin-left: 0; margin-right: 0; }

@media (max-width: 720px) { .mobile-only { display: block; } }

/* TP CSS*/
.hide {
    display: none;
}

.input-2x .input-w.title {
    width: 22%;
}

.input-2x .input-w.firstname {
    width: 76%;
}

.input-2x .input-w.phoneType {
    width: 30%;
}

.input-2x .input-w.phone {
    width: 68%;
}

@media (max-width: 720px) { 
    .input-2x .input-w.title, .input-2x .input-w.firstname, .input-2x .input-w.phoneType, .input-2x .input-w.phone {
        width: 100%;
    }
}

input.input-validation-error, textarea.input-validation-error, select.input-validation-error {
    border: 1px solid red;
}

.register.profile-picture-upload {    
    height: 342px;
}
.register.profile-picture-upload img {
    border-radius: 50%;    
    margin-top: 25px;    
    width: 279px;
}

.edit.profile-picture-upload {    
    height: 343px;    
}
.edit.profile-picture-upload img {
    border-radius: 50%;    
    margin-top: 27px;
    width: 279px;
}

.everyday-btn-w button.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffb400 none repeat scroll 0 0;
    border-color: #ffb400 #ffb400 #e6a200;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 3px;    
    line-height: 1.45455;
    padding: 10px 15px;
}

.everyday-btn-w button.btn:hover {
    background: #ff7e00 none repeat scroll 0 0 !important;
    border-color: #ff7e00 !important;
    color: #fff !important;
}

.body-w .body.content .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content p {
    font-size: 0.857143rem;
    line-height: 1.4;
}

.body-w .body.content .everyday-hero-overlay-w .everyday-hero-overlay .everyday-hero-content .everyday-btn-w button.btn {
    float: left;
    margin-right: 1.69492%;
    padding: 15px 5px;
    width: 48.1525%;
}

.body .money-cta-w .money-cta h1 {
    /*font-size: 30px !important;*/
}

span.btnblue a, span.btnyellow a,
a span.btnblue, a span.btnyellow {
    font-size: 1.28571rem;
    line-height: 1.1;
    min-width: 60%;
    padding: 12px;
}

span.btnblue a, span.btnblue a:hover, span.btnblue a:active, span.btnblue a:focus,
a span.btnblue, a span.btnblue:hover, a span.btnblue:active, a span.btnblue:focus,
a span.btndownload, a span.btndownload:hover, a span.btndownload:active, a span.btndownload:focus,
span.btndownload a, span.btndownload:hover a, span.btndownload:active a, span.btndownload:focus a
{
    background: #008ff6 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}


a span.btnyellow, span.btnyellow a  {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffb400 none repeat scroll 0 0;
    border-color: #ffb400 #ffb400 #e6a200;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 3px;
    color: #fff;
}

span.btnyellow a, span.btnyellow a
{
    background-color: #ffb400;
}
a span.btnblue, a span.btnblue {
    background-color: #008ff6;
}

span.btnblue a, span.btnyellow a,
a span.btnblue, a span.btnyellow,
a span.btndownload, span.btndownload a{        
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;    
    font-weight: 800;
    line-height: inherit;
    margin: 0;
    overflow: visible;    
    text-align: center;
    vertical-align: middle;
}

span.btndownload a, a span.btndownload,
span.btndownload a:hover, a span.btndownload:hover{
    background: #008ff6 url("/images/file-icon-2x.png") no-repeat scroll 20px center / 20px auto;
    font-size: 1.57143rem;
    line-height: 1.1;
    min-width: 75%;
    padding: 20px 15px 20px 55px;
    text-align: left;
}

.btndownload span {
    float: right;
    font-size: 11px;
    font-weight: 300;
    margin-top: 10px;
}

.body-w .body .organised-events-w .event-content {
    float: none;
    margin-right: 0;
    padding-right: 20px;
    width: 100%;
}

.humanity-tile.red .btn { color: #FF374E; border-color: #FF374E; }

.humanity-tile.red .btn:hover { color: #FFF !important; background: #FF374E !important; }

.humanity-tile.orange .btn { color: #ff6f00; border-color: #ff6f00; }

.humanity-tile.orange .btn:hover { color: #FFF !important; background: #ff6f00 !important; }

.humanity-tile.yellow .btn { color: #ffb500; border-color: #ffb500; }

.humanity-tile.yellow .btn:hover { color: #FFF !important; background: #ffb500 !important; }

.humanity-tile.green .btn { color: #91c900; border-color: #91c900; }

.humanity-tile.green .btn:hover { color: #FFF !important; background: #91c900 !important; }

.humanity-tile.blue .btn { color: #00b8c1 !important; border-color: #00b8c1 !important; }

.humanity-tile.blue .btn:hover { color: #FFF !important; background: #00b8c1 !important; }

.humanity-tile.purple .btn { color: #6F47C1; border-color: #6F47C1; }

.humanity-tile.purple .btn:hover { color: #FFF !important; background: #6F47C1 !important; }

.intro {
    font-size: 17px; font-size: 1.2142857143rem; line-height: 1.5; color: #282627;
}

.fundraising-w .fundraising h2 {
    margin-bottom: 0 !important;
}

.fundraising-w .fundraising p {
    color: #ffffff;
}
.events-w .events .tiles .tile .img-crop,
.events-w .events .tiles .tile .img-crop img{
	width: 100%; /* gotta be responsive these days */
}

.events-w .events .tiles .tile .img-crop{
	background-color: #ededed; /* some background color for short images */
	overflow: hidden;
	
	/* remove white-space for inline-block elements */
	letter-spacing: -0.31em; /* webkit */
	*letter-spacing: normal; /* reset IE < 8 */
	word-spacing: -0.43em; /* IE < 8 && gecko */
}

.events-w .events .tiles .tile .img-crop:before,
.events-w .events .tiles .tile .img-crop img{
	/* vertically center the image */
	display: inline-block;
    
    vertical-align: middle;
}
.events-w .events .tiles .tile .img-crop:before{
	/* pseudo element to vertically align image to */
	content: "";
	
	/* Magic Number */
	/* Set this to your desired height(to width) ratio */
	padding-top: 98%; /* % of original image width */ 
}
.events-w .events .tiles .tile .img-crop img{
	/* removes(sorta) image from the flow */
	padding-left: 100%;
	margin: -999em -100%;
}

.show-more {
    cursor: pointer;
}

span.btnblue a:hover, a span.btnblue:hover {
	background: #0387E6;
}
span.btnyellow a:hover, a span.btnyellow:hover {
    background: #ff7e00;
}

.search-overlay-w .search-overlay .search-results p.results.pagination {
    background-color: #fff;
    border-radius: 5px;
    padding: 12px 0;
    font-size: 1.5rem;
    color: #000;
}

.search-overlay-w .search-overlay .search-results p.results.pagination a {
    padding: 0 9px;
}

.privacy-overlay-w {
    background: rgba(0, 143, 246, 0.7) none repeat scroll 0 0;
    clear: both;
    display: none;
    float: left;
    height: 100vh;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.privacy-overlay-w .search-overlay{
    margin-left: auto;
    margin-right: auto;
    max-width: 990px;
}

.privacy-overlay-w .search-overlay .search-close {
    clear: both;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 21px 0;
    text-align: center;
    width: 100%;
}

.privacy-overlay-w .search-overlay .search-results .results {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    clear: both;
    color: #000;
    float: left;
    font-size: 1.07143rem;
    line-height: 1.06667;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    padding: 29px 22px;
    text-align: center;
    width: 100%;
}

.privacy-overlay-w .search-overlay .search-close img {
    width: 20px;
}

.show-privacy, .search-close, .inline-link {
    cursor: pointer;
}

.loadingButton { background: #008ff6; border-radius: 5px; color: #fff; border: 1px solid #008ff6; border-bottom: 3px solid #0080dd;  padding:3px 0; display:none;}

.subsctiptionForm .validation-summary-errors {
    background-color:#d2d2d2;
    opacity:.80;
}
.subsctiptionForm .validation-summary-errors ul
{
    color: red;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
}

#backToTop {
    display: none;
}
.events-w .events h2 {
    margin-bottom: 10px;
}
.events-w .events p{
    color: #fff;
}

.body-w .events-w .events p {
    color: #666;
}

.body-w.events .body h3 {
    color: #008ff6;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: 800;
    margin-bottom: 70px;
    padding-left: 15%;
    padding-right: 15%;
    font-size: 2.57143rem;
    line-height: 44px;
    text-align: center;
}

.form-navigation-w.longBtn {
    padding: 12px 0;
}
.input-w label span.tooltip,
span.tooltip {
    background: rgba(0, 0, 0, 0) url("/images/tooltip-icon.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 16px;
    padding: 0 10px;
    width: 16px;
}

.input-w.fundraiser-type label span.tooltip {
    float: right;    
    margin-right: 20px;    
}

/* Create your fundraiser: tooltips styles */

ul.event-date li {
    width: 49.1525423729%;
}

ul.event-date li label span.tooltip {
    float: right;
    margin-right: 20px;
}

.input-w.donation-collection label span.tooltip {
    margin-left: 5px;
}

.input-w.fundraiser-location label span.tooltip {
    margin-left: 5px;
}

/* Donation collection list font */

.input-w.donation-collection ul li label {
    color: #666;
    font-weight: 400;
}

.body-w .body.login .input-w .input-2x .input-w {
    margin-bottom: 5px;
}

@media (min-width: 720px) {
    .input-w label.sub-label.fixHeight {
        min-height: 30px;
    }    
    .body-w .fundraising-w .fundraising .fund-tiles .fund-tile h3 { min-height: 141px; }
}
@media (min-width: 800px) {    
    .body-w .fundraising-w .fundraising .fund-tiles .fund-tile h3 { min-height: 90px; }
}
@media (min-width: 1024px) {    
    .body-w .fundraising-w .fundraising .fund-tiles .fund-tile h3 { min-height: 150px; }
}

select#State {height: 38px;}
.event-hero-member-profile-details ul li a.btn {padding: 11px 60px;}

@media (max-width: 400px) {
    .mobile-intro-w .mobile-intro .login-buttons a.btn, .mobile-intro-w .mobile-intro .login-buttons a.btn:nth-child(2) {
        float: left;
        margin-bottom: 11px;
        width: 97%;
    }    
}
@media (max-width: 600px) {
    .slider .slide-caption img.team-logo {
        margin-right: 2px; /* logo appearing on top of image on small view ports*/
    }
}

.slider .slide-caption {
    width: 325px;
    margin-right: 20px; 
}

.slider .bx-controls.bx-has-controls-direction {
    position: static;
    width: 100%;
}

.slider .bx-wrapper .bx-controls-direction {    
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 1;
}

.slider .bx-wrapper .bx-controls-direction a {        
    bottom: 0;
    display: block;
    height: 62px;
    margin-top: 0;
    outline: 0 none;
    position: static;
    text-indent: -9999px;
    top: 50%;
    width: 62px;
    z-index: 9999;
}

.slider .bx-wrapper .bx-next:hover,
.slider .bx-wrapper .bx-next {
    background: rgba(0, 0, 0, 0) url("/images/icon-controls.png") no-repeat scroll -80px 0 / 140px auto;
    float: right;
    margin-right: 10%;
    right: 0;
}

.slider .bx-wrapper .bx-prev:hover,
.slider .bx-wrapper .bx-prev {    
    background: rgba(0, 0, 0, 0) url("/images/icon-controls.png") no-repeat scroll 2px 2px / 140px auto;
    float: left;
    left: 0;
    margin-left: 10%;
}

.slider-w #bx-pager { display: none; }

@media (max-width: 1280px) {
    .slider .bx-wrapper .bx-next:hover,
    .slider .bx-wrapper .bx-next {        
        margin-right: 4%;        
    }

    .slider .bx-wrapper .bx-prev:hover,
    .slider .bx-wrapper .bx-prev {                    
        margin-left: 4%;
    }
}

@media (max-width: 1024px) {
    .slider .bx-wrapper .bx-next:hover,
    .slider .bx-wrapper .bx-next {        
        margin-right: 1%;        
    }

    .slider .bx-wrapper .bx-prev:hover,
    .slider .bx-wrapper .bx-prev {                    
        margin-left: 1%;
    }
    .slider .bx-wrapper .bx-next:hover,
    .slider .bx-wrapper .bx-next {
        background: rgba(0, 0, 0, 0) url("/images/icon-controls.png") no-repeat scroll -48px 0 / 110px auto;
    }

    .slider .bx-wrapper .bx-prev:hover,
    .slider .bx-wrapper .bx-prev {            
        background: rgba(0, 0, 0, 0) url("/images/icon-controls.png") no-repeat scroll 2px 2px / 110px auto;
    }
}

@media (max-width: 680px) {
    .slider-w {
        z-index: 1;
    }
    .slider .bx-controls.bx-has-controls-direction {
        position: absolute;        
    }
    .slider .bx-wrapper .bx-controls-direction {
        bottom: 53px;
        left: 0;
        margin: 0 auto;
        position: relative;
        text-align: center;
        width: 45%;
        z-index: 999;
    }
    .slider .bx-wrapper .bx-next:hover,
    .slider .bx-wrapper .bx-next {
        background: rgba(0, 0, 0, 0) url("/images/icon-controls.png") no-repeat scroll -53px 0 / 95px auto;                    
    }

    .slider .bx-wrapper .bx-prev:hover,
    .slider .bx-wrapper .bx-prev {            
        background: rgba(0, 0, 0, 0) url("/images/icon-controls.png") no-repeat scroll 12px 2px / 95px auto;        
    }

    .slider .slide-caption {    
        margin-right: 1px; 
    }
}

.body-w .events-w.waysToFundraiseWall {
    padding-top: 50px;
}
.smallProfileImageCrop {
    /* height: 42px;
    overflow: hidden;
    width: 100%; */
    border-radius: 1px;
    height: 42px;
    overflow: hidden;
    position: relative;
    width: 42px;
    border-bottom: 0px;
    display: inline-block;
}
.searchProfileImageCrop {
    height: 102px;
    width: 100%;
    overflow: hidden;
}
.profileImageCrop {
    height: 350px;
    width: 100%;
    overflow: hidden;
}

.profileEventImageCrop {
    height: 162px;
    width: 100%;
    overflow: hidden;
}

.eventCarouselImageCrop {
    width: 100%;
    height: 162px;
    overflow: hidden;
}

/*RP style*/
.slider .bx-wrapper .bx-controls-direction a {
    position:absolute;
}
.input-w label
{
    font-weight:bold;
}

/* Event Details - Create your fundraiser styles*/
.event-sidebar p.create-your-fundraiser {
    color: #282627;
    font-weight: 600;
    text-align: center;
}
.event-sidebar p.create-your-fundraiser a {
    color: #ffb400 !important;
    text-decoration: underline;
}
.event-sidebar p.create-your-fundraiser a:hover {
    color: #ff7e00 !important;
}

/* Review & Save your fundraiser intro */
.event-intro div {
    display: inline-block;
    width: 50%;
}
.event-intro .input-w {
    text-align: center;
}
.event-intro .btn--large {
    background: #ffb400;
    border: 1px solid #ffb400;
    border-bottom: 3px solid #e6a200;
    font-size: 22px;
    margin: 0 10px;
    padding: 10px 15px;
    width: 40%;
}
.event-intro .btn--large:active,
.event-intro .btn--large:hover {
    background: #ff7e00!important;
    border-color: #ff7e00!important;
    color: #fff!important;
}

@media (max-width: 720px) {
    .event-intro .btn--large {
        font-size: 16px;
    }
}

.event-hero-member-profile-details a {
    color: #fff;
}

.event-edit {
    float: right;
    padding-bottom: 15px;
}
.event-edit span {
    background: url(/images/edit-profile-icon-2x.png) 0 center no-repeat;
    background: url(/images/edit-profile-icon.png) 0 center no-repeat\9;
    float: right;
    color: #a8a8a8;
    font-weight: 800;
    padding-left: 25px;
    margin-top: 6px;
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.2;
    background-size: 18px;
}

.event-table {
  height: auto;
  margin: 1rem 0 0 0;
  table-layout: fixed;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  word-wrap: break-word;
}
/* hide mobile table by default */
.event-table.desktop {
  display: table;
}
.event-table.mobile {
  display: none;
}
/* gap between table header and body */
.event-table thead th {
  text-align: left;
  padding-bottom: .7rem;
}
/* headers are clickable */
.event-table thead th a {
  color: #666;
  cursor: pointer;
  font-size: .8rem;
  font-weight: normal;
  text-decoration: underline;
}
/* first column */
.event-table thead th:first-child,
.event-table .event-details td:first-child {
  padding-right: 5%;
  width: 30%;
}
/* each row has a grey bottom line */
.event-table .event-details {
  border-bottom: 1px solid #ddd;
}
/* table cell paddings */
.event-table .event-details td {
  padding: .7rem .8rem .7rem 0;
}
/* bold text for first column and buttons */
.event-table thead th a:first-child,
.event-table .event-details td:first-child,
.event-table .event-details td:last-child a {
  font-weight: bold;
}
/* more info buttons */
.event-table .event-details td:last-child a {
  color: #ffb500;
  text-decoration: underline;
}
.event-table .event-details td:last-child a:hover {
  color: #ff6f00;
}

/* for viewports <= 769px */
@media (max-width: 769px) {
  /* display mobile version only */
  .event-table.desktop {
    display: none;
  }
  .event-table.mobile {
    display: block;
  }
  /* add gaps between states sections */
  .event-table table {
    margin-bottom: 1.5rem;
  }
  /* remove each rows's bottom line */
  .event-table .event-details  {
    border: 0;
  }
  /* style for state names */
  .event-table thead th {
    text-decoration: underline;
    padding-bottom: 1rem;
  }
  /* style for event info */
  .event-table .event-details td {
    display: inline-block;
    float: left; /* for IE9 compatibility */
    line-height: 1.3rem;
    padding: 0;
  }
  /* event name is bold and takes one line */
  .event-table .event-details td:first-child {
    display: block;
    float: left; /* for IE9 compatibility */
    font-weight: bold;
    padding-right: 0;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
  }
  /* add vertical borders between cells */
  .event-table .event-details td:nth-child(2),
  .event-table .event-details td:nth-child(3) {
    padding-right: .5rem;
    border-right: 1px solid #666;
  }
  /* adjust gaps between cells */
  .event-table .event-details td:nth-child(3),
  .event-table .event-details td:nth-child(4) {
    padding-left: .5rem;
  }
  /* more info button takes one line */
  .event-table .event-details td:last-child {
    display: block;
    width: 100%;
  }
}

.fa:after {
  content: '\25b2';
}
.fa.reverse:after {
  content: '\25bc';
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

/* gloabal heading button styles in active and focus status */
.navigation-w .navigation .login-w .login-buttons a.btn:active,
.navigation-w .navigation .login-w .login-buttons a.btn:focus {
  background: #008ff6;
  color: #fff;
}
.navigation-w .navigation .login-w .login-buttons a.btn--alt:active {
  background: #ff7e00 !important;
  border-color: #ff7e00 !important;
  color: #fff !important;
}
.navigation-w .navigation .login-w .login-buttons a.btn--alt:focus {
  background: #ffb400;
}
/* profile links */
.profile-menu-links,
.profile-menu-links li,
.profile-menu-links a {
  color: #fff;
}
.profile-menu-links {
  float: left;
  margin-right: 5px;
  width: 125px;
}
.profile-menu-links li:last-child a {
  font-weight: 700;
}
.profile-menu-links a {
  border-radius: 2px;
  display: block;
  font-weight: 400;
  text-align: right;
  padding: 2px 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-menu-links a:hover {
  background-color: #0068b3;
}
/* Hide profile block in mobile view */
@media (max-width: 990px) {
  .navigation-w .navigation .login-w {
    display: none;
  }
}

/* styles for money cta block */
.money-cta-w .money-cta .left,
.money-cta-w .money-cta .right {
    padding: 0;
}
.money-cta-w .money-cta .left {
    width: 60%;
}

@media (max-width: 990px) {
    .money-cta-w .money-cta .left {
        width: 100%;
    }
    .money-cta-w .money-cta .right {
        width: 100%;
        text-align: center;
    }
    .money-cta-w .money-cta img {
        display: inline-block;
        margin: 1rem 0 0 0;
    }
    .money-cta-w .money-cta h1 {
        display: inline-block;
        margin-left: 1rem;
        vertical-align: middle;
    }
}

.bankYourFund table {
    width: 100%;
}
.bankYourFund table thead, .bankYourFund table tfoot {
    font-weight: bold;
}
.bankYourFund table tr th, .bankYourFund table tr td {
    width: 20%;
    height: 27px;
}

.one-column iframe, .body-sidebar iframe
{
    width:100%;
    margin-bottom:1.25rem;
}
.one-column p
{
    font-size: 1rem;
    line-height: 1.5;
}

span.btnyellow.headerDonateButton a {
    font-size: 15px;
    margin-left: 10px;
    margin-top: 2.5%;
    min-width: inherit;
    padding: 5px;
    width: 120px;
}
.navigation-w .navigation nav ul li a.home {
    padding: 27px 21px;
}
.navigation-w .navigation nav ul li a.home img {
    width:25px;
}
.navigation
{
    border-bottom:1px solid #fff;
    margin-bottom:20px;
}

.body.one-column
{
    width:100%;
    clear:both;
}

.body.one-column .body-sidebar-image
{
    width:100%;
    text-align:center;
}

.body.one-column .body-sidebar-image img ~ small:before
{
    content: '\A';
    display:block;
}
.event-list-photo
{
    width:150px;
}