/* normalize-scss 3.0.1+normalize.3.0.1 | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Base ========================================================================== */
/** Establish a vertical rhythm unit using $base-font-size, $base-line-height, and $rhythm-unit variables. Also, correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. */
html { font-size: 100%; line-height: 1.5em; }

/** 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, 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 */ *display: inline; *zoom: 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. */
[hidden] { display: none; }

/** Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: 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; }

/** Set 1 unit of vertical rhythm on the top and bottom margin. */
blockquote { margin: 1.5em 40px; }

/** 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 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 2em; line-height: 1.5em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.75em; margin-bottom: 0.75em; }

h2 { font-size: 1.5em; line-height: 2em; margin-top: 1em; margin-bottom: 1em; }

h3 { font-size: 1.17em; line-height: 1.28205em; margin-top: 1.28205em; margin-bottom: 1.28205em; }

h4 { font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; }

h5 { font-size: 0.83em; line-height: 1.80723em; margin-top: 1.80723em; margin-bottom: 1.80723em; }

h6 { font-size: 0.67em; line-height: 2.23881em; margin-top: 2.23881em; margin-bottom: 2.23881em; }

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

/** Set 1 unit of vertical rhythm on the top and bottom margin. */
p, pre { margin: 1.5em 0; }

/** 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; }

/* Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1.5em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; /* Improve image quality when scaled in IE 7. */ -ms-interpolation-mode: bicubic; }

/** 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: 1.5em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; -webkit-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. */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** 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. 4. Address `font-family` inconsistency between `textarea` and other form in IE 7 5. Improve appearance and consistency with IE 6/7. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ *font-family: sans-serif; /* 4 */ *vertical-align: middle; /* 5 */ }

/** 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. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** 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. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 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; box-sizing: content-box; /* 2 */ /** 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 { margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-color: #c0c0c0; border-top-width: 0.0625em; border-top-style: solid; padding-top: 0.4625em; border-bottom-width: 0.0625em; border-bottom-style: solid; padding-bottom: 0.9125em; border-left-width: 0.0625em; border-left-style: solid; padding-left: 0.875em; border-right-width: 0.0625em; border-right-style: solid; padding-right: 0.875em; }

/** 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. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 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; }

@font-face { font-family: 'FaktPro Normal'; src: url("./webfont/FaktPro-Normal.eot"); src: url("./webfont/FaktPro-Normal.eot?#iefix") format("embedded-opentype"); src: url("./webfont/FaktPro-Normal.woff") format("woff"); src: url("./webfont/FaktPro-Normal.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Eurostile Bold'; src: url("./webfont/e004006tWeb.eot"); }
@font-face { font-family: 'Eurostile Bold'; src: url("./webfont/e004006tWeb.woff") format("woff"); }
@font-face { font-family: 'Fakt Pro Lt'; src: url("./webfont/FaktPro-Light.eot");
  /* IE9 Compat Modes */
  src: url("./webfont/FaktPro-Light.eot?#iefix") format("embedded-opentype"), url("./webfont/FaktPro-Light.woff") format("woff"), url("./webfont/FaktPro-Light.ttf") format("truetype"), url("./webfont/FaktPro-Light.svg#ff93447be754246b759f81188d3295f4") format("svg");
  /* Legacy iOS */
  font-style: normal; font-weight: 200; }
html { -webkit-font-smoothing: antialiased; }

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

body { color: #000000; }
body a { text-decoration: none; color: #000000; }
body h2 { font-weight: normal; text-transform: uppercase; line-height: 1.5em; font-size: 1em; }
@media (max-width: 800px) { body h2 { font-size: 1em; line-height: 1.2em; } }
@media (max-width: 500px) { body h2 { font-size: 0.8em; line-height: 1em; } }
body h1 { line-height: 1.2em; }
@media (max-width: 800px) { body h1 { font-size: 0.8em; line-height: 1em; } }
@media (max-width: 500px) { body h1 { font-size: 1.2em; line-height: 1.1em; } }
body p { font-family: 'Fakt Pro Lt',serif; font-size: 1.3125em; line-height: 1.5em; }
@media (max-width: 500px) { body p { font-size: 1em; line-height: 1.4em; } }

.strong, h1, h2, .button { font-family: 'Eurostile Bold',sans-serif; }

header { z-index: 200; height: 86px; position: fixed; background: #ffffff; top: 0; left: 0; width: 100%; text-align: center; }
header:after { content: ""; display: table; clear: both; }
@media (max-device-width: 400px) and (orientation: portrait) { header { height: 120px; } }
@media (max-width: 940px) { header .main-menu, header .main-social { display: none; } }
.admin-bar header { top: 32px; }
header #main-title { font-size: 2em; line-height: 1.5em; }
header .headerLink { text-indent: -9999px; display: block; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; height: 48px; }
.no-svg header .headerLink, .no-csstransforms header .headerLink { background: url(../images/headerLogo.png) 50% 50% no-repeat; }
header .headerLink svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; width: auto; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.no-svg header .headerLink svg, .no-csstransforms header .headerLink svg { display: none; }
@media (max-width: 600px) { header .headerLink { width: 70%; margin-left: 10px; } }
@media (max-device-width: 400px) and (orientation: portrait) { header .headerLink { background-image: url(../images/headerLogo-big.png); background-position: 0 50%; background-repeat: no-repeat; height: 86px; }
  header .headerLink svg { display: none; } }
header .social { position: absolute; text-indent: -9999px; display: block; width: 22px; }
header .social svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.no-svg header .social svg, .no-csstransforms header .social svg { display: none; }
header .socialTwitter { top: 30px; right: 57px; background: url(../images/socialTwitter.svg) 50% 50% no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.no-svg header .socialTwitter, .no-csstransforms header .socialTwitter { background: url(../images/socialTwitter.png) 50% 50% no-repeat; }
@media (max-device-width: 400px) and (orientation: portrait) { header .socialTwitter { width: 30px; height: 30px; } }
header .socialFB { top: 28px; right: 30px; background: url(../images/socialFB.svg) 50% 50% no-repeat; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }
.no-svg header .socialFB, .no-csstransforms header .socialFB { background: url(../images/socialFB.png) 50% 50% no-repeat; }
@media (max-device-width: 400px) and (orientation: portrait) { header .socialFB { height: 30px; } }
header .mobile-nav .menu-main-menu-container { position: relative; top: auto; left: auto; }
header .menu-main-menu-container { position: absolute; top: 38px; left: 30px; letter-spacing: 0.05em; }
header .menu-main-menu-container li { list-style: none; float: left; margin-right: 13px; font-size: 14px; text-transform: uppercase; border-bottom: 6px solid transparent; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; font-family: 'Eurostile Bold',sans-serif; }
header .menu-main-menu-container li.current-menu-item, .single-post header .menu-main-menu-container li.menu-item-17, .single-campaigns header .menu-main-menu-container li.menu-item-18 { border-color: #000000; }
header .menu-main-menu-container li:hover { border-color: #000000; }
header .menu-main-menu-container ul { padding: 0; margin: 0; }
header .menu-main-menu-container ul:after { content: ""; display: table; clear: both; }
header .toggle { position: absolute; left: 14px; top: 34px; width: 20%; height: 50px; font-size: 34px; cursor: pointer; display: none; font-weight: bold; font-family: helvetica; }
@media (max-width: 940px) { header .toggle { display: block; } }
@media (max-device-width: 400px) and (orientation: portrait) { header .toggle { font-size: 35px; top: 36px; } }
header .toggle.main { font-size: 60px; left: auto; right: 24px; width: 30px; top: 29px; }
@media (max-device-width: 400px) and (orientation: portrait) { header .toggle.main { font-size: 62px; top: 30px; } }
header .mobile-nav { background-color: #ffffff; position: absolute; top: 0; right: 0; z-index: 100000000; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; height: 400px; width: 200px; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); display: none; }
@media (max-width: 940px) { header .mobile-nav { display: block; } }
@media (max-device-width: 400px) and (orientation: portrait) { header .mobile-nav { width: 270px; height: 800px; overflow: hidden; }
  header .mobile-nav li { font-size: 22px; margin-bottom: 34px; padding-bottom: 4px; }
  header .mobile-nav .menu-main-menu-container { margin-top: 40px; margin-left: 30px; }
  header .mobile-nav .mobile-social { margin-left: 25px; margin-top: 30px; } }
.showNav header .mobile-nav { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
header .mobile-nav .nav-inner { padding-left: 65px; padding-top: 60px; }
header .mobile-nav li { clear: both; margin-bottom: 14px; }
header .mobile-nav .mobile-social:after { content: ""; display: table; clear: both; }
header .mobile-nav .mobile-social a { float: left; position: relative; top: auto; left: auto; right: auto; margin-right: 15px; }

.inner { max-width: 650px; margin: auto; padding: 0 40px; }
@media (min-width: 1400px) { .inner { max-width: 950px; } }

.single-news { border-top: 6px solid #000000; padding: 0 0 25px 0; }
.single-news:after { content: ""; display: table; clear: both; }
@media (min-width: 1400px) { .single-news { font-size: 1.20em; } }
.single-news.single { border: none; }
.single-news h1 { margin-bottom: 0.3em; font-weight: normal; text-transform: uppercase; line-height: 1em; margin-top: 0.5em; }
@media (max-width: 500px) { .single-news h1 { font-size: 1.4em; line-height: 1.1em; } }
@media (min-width: 1400px) { .single-news h1 { font-size: 2.6em; } }
.single-news h2 { margin-top: 0em; font-weight: normal; text-transform: uppercase; letter-spacing: 0.05em; }
@media (max-width: 500px) { .single-news h2 { font-size: 0.9em; line-height: 1.1em; } }
.single-news p { margin-top: 0; }
.single-news .news-row { width: 100%; }
.single-news .news-row:after { content: ""; display: table; clear: both; }
.single-news .news-row .twitter-share-button { float: left; margin-top: 16px; }
@media (max-width: 650px) { .single-news .news-row .twitter-share-button { margin-top: 8px; } }
.single-news .news-row .fb-like { float: left; margin-top: 13px; margin-right: 10px; }
@media (max-width: 650px) { .single-news .news-row .fb-like { margin-top: 2px; clear: both; } }

.read-more { position: relative; float: right; }
.read-more.main { position: absolute; float: none; left: 0; bottom: -100px; }
.read-more h2 { margin-left: 55px; margin-top: 7px; }
@media (max-width: 650px) { .read-more { float: left; }
  .read-more h2 { margin-left: 45px; } }

.readMoreIcon { width: 44px; height: 39px; position: absolute; }
.no-svg .readMoreIcon, .no-csstransforms .readMoreIcon { background: url(../images/readMore.png) 50% 50% no-repeat; }
.readMoreIcon svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.no-svg .readMoreIcon svg, .no-csstransforms .readMoreIcon svg { display: none; }
@media (max-width: 650px) { .readMoreIcon { width: 31px; height: 28px; } }

.viewIcon { width: 31px; height: 28px; position: absolute; }
.no-svg .viewIcon, .no-csstransforms .viewIcon { background: url(../images/slideshow-vew.png) 50% 50% no-repeat; }
.main .viewIcon { width: 44px; height: 43px; }
@media (max-width: 650px) { .main .viewIcon { width: 31px; height: 28px; } }
.viewIcon svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.no-svg .viewIcon svg, .no-csstransforms .viewIcon svg { display: none; }

.downloadIcon { width: 32px; height: 31px; position: absolute; }
.no-svg .downloadIcon, .no-csstransforms .downloadIcon { background: url(../images/slideshow-download.png) 50% 50% no-repeat; }
.downloadIcon svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.no-svg .downloadIcon svg, .no-csstransforms .downloadIcon svg { display: none; }
.main .downloadIcon { width: 44px; height: 43px; }
@media (max-width: 650px) { .main .downloadIcon { width: 32px; height: 31px; } }

.button, .social { -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
.button:hover, .social:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }

.campaign-wrapper .button { background-color: #000; padding: 10px 15px; }
.campaign-wrapper .button .viewIcon, .campaign-wrapper .button .downloadIcon { display: none; }
.campaign-wrapper .button:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background-color: #fff; color: #000; }
.campaign-wrapper .button h2 { margin: 0; }
.campaign-wrapper .view-slideshow { left: 110px; }

.button-wrapper { position: absolute; top: 100%; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); padding-top: 30px; }
.button-wrapper:after { content: ""; display: table; clear: both; }
@media (max-width: 850px) { .button-wrapper { top: 100%; left: 0; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } }
.button-wrapper.news { padding-top: 0; }
@media (max-width: 850px) { .button-wrapper.news { left: 0; top: 110%; top: -webkit-calc(100% + 18px); top: calc(100% + 18px); -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } }

.view-slideshow { position: absolute; bottom: 10px; left: 135px; }
.view-slideshow h2 { margin-left: 43px; margin-top: 5px; font-size: 12px; line-height: 1.5em; }
.view-slideshow.main { float: left; position: relative; top: auto; left: auto; }
.view-slideshow.main h2 { margin-left: 53px; margin-top: 9px; font-size: 14px; line-height: 1.5em; }
@media (max-width: 650px) { .view-slideshow.main h2 { margin-left: 43px; margin-top: 5px; } }
@media (max-width: 650px) { .view-slideshow h2 { margin-left: 43px; margin-top: 5px; } }

.download-slideshow { position: absolute; bottom: 10px; left: 10px; }
.download-slideshow h2 { margin-left: 43px; margin-top: 5px; font-size: 12px; line-height: 1.5em; }
.download-slideshow.main { float: left; position: relative; top: auto; left: auto; margin-right: 20px; }
.download-slideshow.main h2 { margin-left: 53px; margin-top: 12px; font-size: 14px; line-height: 1.5em; }
@media (max-width: 650px) { .download-slideshow.main h2 { margin-left: 43px; margin-top: 5px; } }
@media (max-width: 650px) { .download-slideshow h2 { margin-left: 43px; margin-top: 5px; } }

.orgs-wrap ul { margin: 0 3px; padding: 0; list-style: none; }
.orgs-wrap ul:after { content: ""; display: table; clear: both; }

.org-img { float: left; width: 20%; width: -webkit-calc(19.99% - 2px); width: calc(19.99% - 2px); padding-bottom: 19%; position: relative; background-color: #f6f6f6; margin-right: 2px; margin-bottom: 2px; }
.org-img .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -webkit-box-pack: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-wrap: wrap; }
@media (max-width: 1150px) { .org-img { width: 24.99%; width: -webkit-calc(24.99% - 2px); width: calc(24.99% - 2px); padding-bottom: 22%; } }
@media (max-width: 800px) { .org-img { width: 49.9%; width: -webkit-calc(49.99% - 2px); width: calc(49.99% - 2px); padding-bottom: 42%; } }
@media (max-width: 500px) { .org-img { width: 100%; padding-bottom: 82%; } }
.org-img img { max-width: 100%; height: auto; }

.home-wrapper { position: relative; }

.newsBox { position: relative; width: -webkit-calc(100% - 200px); width: calc(100% - 200px); margin: auto; }
@media (max-width: 650px) { .newsBox { width: 95%; } }
.newsBox .home-slide-single { width: 100%; display: none; }
.newsBox .home-slide-single .borderT { background-color: #000001; position: absolute; top: 0; left: 0; width: 100%; height: 6px; }
.newsBox .home-slide-single .borderB { background-color: #000001; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; }
.newsBox .home-slide-single .borderL { background-color: #000001; position: absolute; top: 0; left: 0; width: 6px; height: 100%; }
.newsBox .home-slide-single .borderR { background-color: #000001; position: absolute; top: 0; right: 0; width: 6px; height: 100%; }
.newsBox .home-slide-single.campaign { border: solid 0px #000001; margin: 0px; }
.newsBox .home-slide-single .home-inner { padding: 85px 46px; }
.newsBox .home-slide-single h1 { margin-top: 0; font-size: 4em; line-height: 1em; margin-bottom: 0.3em; }
@media (max-width: 1000px) { .newsBox .home-slide-single h1 { font-size: 3em; } }
@media (max-width: 800px) { .newsBox .home-slide-single h1 { font-size: 2em; } }
@media (max-width: 600px) { .newsBox .home-slide-single h1 { font-size: 1em; } }
@media (max-width: 650px) { .newsBox .home-slide-single { width: auto; } }
.newsBox .home-flex { width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -webkit-box-pack: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-wrap: wrap; overflow: hidden; }
.newsBox .home-flex .news-inner { padding: 25px 4.6% 0 4.6%; }
@media (max-width: 850px) { .newsBox .home-flex { display: block; }
  .newsBox .home-flex .news-inner { padding: 36px 46px; } }
@media (max-width: 500px) { .newsBox .home-flex .news-inner { padding: 12px 12px; } }
.newsBox .slideshow:after { content: ""; display: table; clear: both; }

#infscr-loading { text-align: center; font-family: 'Eurostile Bold',sans-serif; font-size: 18px; letter-spacing: 0.05em; margin-bottom: 50px; text-transform: uppercase; width: 100%; -moz-transition-duration: 0s; -o-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; }
#infscr-loading em { font-style: normal; }
#infscr-loading img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.page-id-11 .pageNav { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.home-campaign-image { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: no-repeat 50% 50%; -moz-background-size: contain; -o-background-size: contain; -webkit-background-size: contain; background-size: contain; }

.campaign-image-actual { top: 0; left: 0; width: 100%; height: auto; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: -999; }

.home-news-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.overlayLink { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; }

.single-campaign { float: left; position: relative; width: calc(50% - 4px); margin: 0px 0px 2px 2px; height: auto; color: #fff; }
.single-campaign svg path, .single-campaign svg rect { fill: white; }
.single-campaign img { width: 100%; height: auto; display: block; }
@media (max-width: 650px) { .single-campaign { width: calc(100% - 4px); } }

#main { margin-top: 115px; margin-bottom: 100px; -webkit-animation: fadein 1s; /* Safari and Chrome */ -moz-animation: fadein 1s; /* Firefox */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera */ animation: fadein 1s; }
@media (max-device-width: 400px) and (orientation: portrait) { #main { margin-top: 145px; } }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
#next, #prev { width: 50px; height: 77px; top: 40%; position: absolute; cursor: pointer; text-indent: -9999px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; visibility: visible; }
#next:HOVER, #prev:HOVER { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#next svg, #prev svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.no-svg #next svg, .no-csstransforms #next svg, .no-svg #prev svg, .no-csstransforms #prev svg { display: none; }
@media (max-width: 650px) { #next, #prev { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; } }

#next { right: 10px; }
.no-svg #next, .no-csstransforms #next { background: url(../images/slide-next.png) 50% 50% no-repeat; }

#prev { left: 10px; }
.no-svg #prev, .no-csstransforms #prev { background: url(../images/slide-prev.png) 50% 50% no-repeat; }

.inverted { -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.campaign-wrapper iframe { position: absolute; top: 86px; left: 0; width: 100%; height: 80%; }
.admin-bar .campaign-wrapper iframe { top: 118px; }
@media (max-device-width: 400px) and (orientation: portrait) { .campaign-wrapper iframe { top: 120px; }
  .admin-bar .campaign-wrapper iframe { top: 152px; } }

.page-id-7 #main .inner { font-size: 1.2em; }

.pageNav:after { content: ""; display: table; clear: both; }
.pageNav .left { float: left; }
.pageNav .right { float: right; }
.pageNav a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; }

.img-actual { display: block; padding: 0 17%; }
