/* Theme Name: CPI Version: 1.0 */ /*------------------------------------------------------------------------------ Imports ------------------------------------------------------------------------------*/ /*! 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: #ff0; color: #000; } /** * 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; } /** * @version 2.6.1 * * @todo add offsets to is-phone, is-laptop, ... media queries * * 2015-01-21 * - added font-bold() and font-italic() * - plenty of new responsive mixins * 2015-01-29 * - fixed the mobile() mixin * 2015-02-01 * - fix a bug in font() * - new background-image() mixin with HD support * - added arrow() mixin * 2015-02-03 * - added the flag $responsive for responsive function * - added defaut values to background-image * 2015-02-06 * - added param clear-gutters in columns * - changed the background-image parameters name * 2015-02-18 * - added !important attribute to fixed/absolute mixins * 2015-02-21 * - fixed font() to dela with line-height and letter-spacing without the size being specified * 2015-02-23 * - fixed box-shadow() bug * 2015-03-05 * - added @content in center-children() * 2015-03-12 * - added triangle() * 2015-03-13 * - new generate-grid(), col() and row(); * 2015-03-15 * - added classname to generate-grid() * - added around-circle() * - added desktop() mixin, fixes to some responsive mixins * - more fixes to the responsive mixins * 2015-04-16 * - added clear-grid() * 2015-04-23 * - added $force attribute to the resonsive mixins * 2015-05-08 * - added generate-keyframes() mixin, keyframe-value() and is-keyframes() functions * 2015-06-23 * - added a parent selector for grids (eg. [data-row][data-col="3"] > *) * 2015-07-25 * - added conditional sections * 2015-09-11 * - added base-scales for fonts * 2015-10-01 * - added align-children() * 2016-02-01 * - added new transform mixins * 2016-06-21 * - restructured all the functions * - created a new mixins.deprecated.scss */ @font-face { font-family: Blank; src: url("data:font/opentype;base64,T1RUTwAKAIAAAwAgQ0ZGIM6ZbkwAAEPEAAAZM0RTSUcAAAABAABtAAAAAAhPUy8yAR6vMwAAARAAAABgY21hcDqI98oAACjEAAAa4GhlYWT+BQILAAAArAAAADZoaGVhCCID7wAAAOQAAAAkaG10eAPoAHwAAFz4AAAQBm1heHAIAVAAAAABCAAAAAZuYW1lD/tWxwAAAXAAACdScG9zdP+4ADIAAEOkAAAAIAABAAAAAQj1Snw1O18PPPUAAwPoAAAAAM2C2p8AAAAAzYLanwB8/4gDbANwAAAAAwACAAAAAAAAAAEAAANw/4gAyAPoAHwAfANsAAEAAAAAAAAAAAAAAAAAAAACAABQAAgBAAAABAAAAZAABQAAAooCWAAAAEsCigJYAAABXgAyANwAAAAAAAAAAAAAAAD3/67/+9///w/gAD8AAAAAQURCRQHAAAD//wNw/4gAyANwAHhgLwH/AAAAAAAAAAAAAAAgAAAAAAARANIAAQAAAAAAAQALAAAAAQAAAAAAAgAHAAsAAQAAAAAAAwAbABIAAQAAAAAABAALAAAAAQAAAAAABQA5AC0AAQAAAAAABgAKAGYAAwABBAkAAABuAHAAAwABBAkAAQAWAN4AAwABBAkAAgAOAPQAAwABBAkAAwA2AQIAAwABBAkABAAWAN4AAwABBAkABQByATgAAwABBAkABgAUAaoAAwABBAkACAA0Ab4AAwABBAkACwA0AfIAAwABBAkADSQSAiYAAwABBAkADgBIJjhBZG9iZSBCbGFua1JlZ3VsYXIxLjAzNTtBREJFO0Fkb2JlQmxhbms7QURPQkVWZXJzaW9uIDEuMDM1O1BTIDEuMDAzO2hvdGNvbnYgMS4wLjcwO21ha2VvdGYubGliMi41LjU5MDBBZG9iZUJsYW5rAKkAIAAyADAAMQAzACAAQQBkAG8AYgBlACAAUwB5AHMAdABlAG0AcwAgAEkAbgBjAG8AcgBwAG8AcgBhAHQAZQBkAC4AIABBAGwAbAAgAFIAaQBnAGgAdABzACAAUgBlAHMAZQByAHYAZQBkAC4AQQBkAG8AYgBlACAAQgBsAGEAbgBrAFIAZQBnAHUAbABhAHIAMQAuADAAMwA1ADsAQQBEAEIARQA7AEEAZABvAGIAZQBCAGwAYQBuAGsAOwBBAEQATwBCAEUAVgBlAHIAcwBpAG8AbgAgADEALgAwADMANQA7AFAAUwAgADEALgAwADAAMwA7AGgAbwB0AGMAbwBuAHYAIAAxAC4AMAAuADcAMAA7AG0AYQBrAGUAbwB0AGYALgBsAGkAYgAyAC4ANQAuADUAOQAwADAAQQBkAG8AYgBlAEIAbABhAG4AawBBAGQAbwBiAGUAIABTAHkAcwB0AGUAbQBzACAASQBuAGMAbwByAHAAbwByAGEAdABlAGQAaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAZABvAGIAZQAuAGMAbwBtAC8AdAB5AHAAZQAvAEEAZABvAGIAZQAgAEIAbABhAG4AawAgAGkAcwAgAHIAZQBsAGUAYQBzAGUAZAAgAHUAbgBkAGUAcgAgAHQAaABlACAAUwBJAEwAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBzAGUAIAAtACAAcABsAGUAYQBzAGUAIAByAGUAYQBkACAAaQB0ACAAYwBhAHIAZQBmAHUAbABsAHkAIABhAG4AZAAgAGQAbwAgAG4AbwB0ACAAZABvAHcAbgBsAG8AYQBkACAAdABoAGUAIABmAG8AbgB0AHMAIAB1AG4AbABlAHMAcwAgAHkAbwB1ACAAYQBnAHIAZQBlACAAdABvACAAdABoAGUAIAB0AGgAZQAgAHQAZQByAG0AcwAgAG8AZgAgAHQAaABlACAAbABpAGMAZQBuAHMAZQA6AA0ACgANAAoAQwBvAHAAeQByAGkAZwBoAHQAIACpACAAMgAwADEAMwAgAEEAZABvAGIAZQAgAFMAeQBzAHQAZQBtAHMAIABJAG4AYwBvAHIAcABvAHIAYQB0AGUAZAAgACgAaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAZABvAGIAZQAuAGMAbwBtAC8AKQAsACAAdwBpAHQAaAAgAFIAZQBzAGUAcgB2AGUAZAAgAEYAbwBuAHQAIABOAGEAbQBlACAAQQBkAG8AYgBlACAAQgBsAGEAbgBrAA0ACgANAAoAVABoAGkAcwAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUAIABpAHMAIABsAGkAYwBlAG4AcwBlAGQAIAB1AG4AZABlAHIAIAB0AGgAZQAgAFMASQBMACAATwBwAGUAbgAgAEYAbwBuAHQAIABMAGkAYwBlAG4AcwBlACwAIABWAGUAcgBzAGkAbwBuACAAMQAuADEALgANAAoADQAKAFQAaABpAHMAIABsAGkAYwBlAG4AcwBlACAAaQBzACAAYwBvAHAAaQBlAGQAIABiAGUAbABvAHcALAAgAGEAbgBkACAAaQBzACAAYQBsAHMAbwAgAGEAdgBhAGkAbABhAGIAbABlACAAdwBpAHQAaAAgAGEAIABGAEEAUQAgAGEAdAA6ACAAaAB0AHQAcAA6AC8ALwBzAGMAcgBpAHAAdABzAC4AcwBpAGwALgBvAHIAZwAvAE8ARgBMAA0ACgANAAoALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAA0ACgBTAEkATAAgAE8AUABFAE4AIABGAE8ATgBUACAATABJAEMARQBOAFMARQAgAFYAZQByAHMAaQBvAG4AIAAxAC4AMQAgAC0AIAAyADYAIABGAGUAYgByAHUAYQByAHkAIAAyADAAMAA3AA0ACgAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ALQAtAC0ADQAKAA0ACgBQAFIARQBBAE0AQgBMAEUADQAKAFQAaABlACAAZwBvAGEAbABzACAAbwBmACAAdABoAGUAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBzAGUAIAAoAE8ARgBMACkAIABhAHIAZQAgAHQAbwAgAHMAdABpAG0AdQBsAGEAdABlACAAdwBvAHIAbABkAHcAaQBkAGUAIABkAGUAdgBlAGwAbwBwAG0AZQBuAHQAIABvAGYAIABjAG8AbABsAGEAYgBvAHIAYQB0AGkAdgBlACAAZgBvAG4AdAAgAHAAcgBvAGoAZQBjAHQAcwAsACAAdABvACAAcwB1AHAAcABvAHIAdAAgAHQAaABlACAAZgBvAG4AdAAgAGMAcgBlAGEAdABpAG8AbgAgAGUAZgBmAG8AcgB0AHMAIABvAGYAIABhAGMAYQBkAGUAbQBpAGMAIABhAG4AZAAgAGwAaQBuAGcAdQBpAHMAdABpAGMAIABjAG8AbQBtAHUAbgBpAHQAaQBlAHMALAAgAGEAbgBkACAAdABvACAAcAByAG8AdgBpAGQAZQAgAGEAIABmAHIAZQBlACAAYQBuAGQAIABvAHAAZQBuACAAZgByAGEAbQBlAHcAbwByAGsAIABpAG4AIAB3AGgAaQBjAGgAIABmAG8AbgB0AHMAIABtAGEAeQAgAGIAZQAgAHMAaABhAHIAZQBkACAAYQBuAGQAIABpAG0AcAByAG8AdgBlAGQAIABpAG4AIABwAGEAcgB0AG4AZQByAHMAaABpAHAAIAB3AGkAdABoACAAbwB0AGgAZQByAHMALgANAAoADQAKAFQAaABlACAATwBGAEwAIABhAGwAbABvAHcAcwAgAHQAaABlACAAbABpAGMAZQBuAHMAZQBkACAAZgBvAG4AdABzACAAdABvACAAYgBlACAAdQBzAGUAZAAsACAAcwB0AHUAZABpAGUAZAAsACAAbQBvAGQAaQBmAGkAZQBkACAAYQBuAGQAIAByAGUAZABpAHMAdAByAGkAYgB1AHQAZQBkACAAZgByAGUAZQBsAHkAIABhAHMAIABsAG8AbgBnACAAYQBzACAAdABoAGUAeQAgAGEAcgBlACAAbgBvAHQAIABzAG8AbABkACAAYgB5ACAAdABoAGUAbQBzAGUAbAB2AGUAcwAuACAAVABoAGUAIABmAG8AbgB0AHMALAAgAGkAbgBjAGwAdQBkAGkAbgBnACAAYQBuAHkAIABkAGUAcgBpAHYAYQB0AGkAdgBlACAAdwBvAHIAawBzACwAIABjAGEAbgAgAGIAZQAgAGIAdQBuAGQAbABlAGQALAAgAGUAbQBiAGUAZABkAGUAZAAsACAAcgBlAGQAaQBzAHQAcgBpAGIAdQB0AGUAZAAgAGEAbgBkAC8AbwByACAAcwBvAGwAZAAgAHcAaQB0AGgAIABhAG4AeQAgAHMAbwBmAHQAdwBhAHIAZQAgAHAAcgBvAHYAaQBkAGUAZAAgAHQAaABhAHQAIABhAG4AeQAgAHIAZQBzAGUAcgB2AGUAZAAgAG4AYQBtAGUAcwAgAGEAcgBlACAAbgBvAHQAIAB1AHMAZQBkACAAYgB5ACAAZABlAHIAaQB2AGEAdABpAHYAZQAgAHcAbwByAGsAcwAuACAAVABoAGUAIABmAG8AbgB0AHMAIABhAG4AZAAgAGQAZQByAGkAdgBhAHQAaQB2AGUAcwAsACAAaABvAHcAZQB2AGUAcgAsACAAYwBhAG4AbgBvAHQAIABiAGUAIAByAGUAbABlAGEAcwBlAGQAIAB1AG4AZABlAHIAIABhAG4AeQAgAG8AdABoAGUAcgAgAHQAeQBwAGUAIABvAGYAIABsAGkAYwBlAG4AcwBlAC4AIABUAGgAZQAgAHIAZQBxAHUAaQByAGUAbQBlAG4AdAAgAGYAbwByACAAZgBvAG4AdABzACAAdABvACAAcgBlAG0AYQBpAG4AIAB1AG4AZABlAHIAIAB0AGgAaQBzACAAbABpAGMAZQBuAHMAZQAgAGQAbwBlAHMAIABuAG8AdAAgAGEAcABwAGwAeQAgAHQAbwAgAGEAbgB5ACAAZABvAGMAdQBtAGUAbgB0ACAAYwByAGUAYQB0AGUAZAAgAHUAcwBpAG4AZwAgAHQAaABlACAAZgBvAG4AdABzACAAbwByACAAdABoAGUAaQByACAAZABlAHIAaQB2AGEAdABpAHYAZQBzAC4ADQAKAA0ACgBEAEUARgBJAE4ASQBUAEkATwBOAFMADQAKACIARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAiACAAcgBlAGYAZQByAHMAIAB0AG8AIAB0AGgAZQAgAHMAZQB0ACAAbwBmACAAZgBpAGwAZQBzACAAcgBlAGwAZQBhAHMAZQBkACAAYgB5ACAAdABoAGUAIABDAG8AcAB5AHIAaQBnAGgAdAAgAEgAbwBsAGQAZQByACgAcwApACAAdQBuAGQAZQByACAAdABoAGkAcwAgAGwAaQBjAGUAbgBzAGUAIABhAG4AZAAgAGMAbABlAGEAcgBsAHkAIABtAGEAcgBrAGUAZAAgAGEAcwAgAHMAdQBjAGgALgAgAFQAaABpAHMAIABtAGEAeQAgAGkAbgBjAGwAdQBkAGUAIABzAG8AdQByAGMAZQAgAGYAaQBsAGUAcwAsACAAYgB1AGkAbABkACAAcwBjAHIAaQBwAHQAcwAgAGEAbgBkACAAZABvAGMAdQBtAGUAbgB0AGEAdABpAG8AbgAuAA0ACgANAAoAIgBSAGUAcwBlAHIAdgBlAGQAIABGAG8AbgB0ACAATgBhAG0AZQAiACAAcgBlAGYAZQByAHMAIAB0AG8AIABhAG4AeQAgAG4AYQBtAGUAcwAgAHMAcABlAGMAaQBmAGkAZQBkACAAYQBzACAAcwB1AGMAaAAgAGEAZgB0AGUAcgAgAHQAaABlACAAYwBvAHAAeQByAGkAZwBoAHQAIABzAHQAYQB0AGUAbQBlAG4AdAAoAHMAKQAuAA0ACgANAAoAIgBPAHIAaQBnAGkAbgBhAGwAIABWAGUAcgBzAGkAbwBuACIAIAByAGUAZgBlAHIAcwAgAHQAbwAgAHQAaABlACAAYwBvAGwAbABlAGMAdABpAG8AbgAgAG8AZgAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUAIABjAG8AbQBwAG8AbgBlAG4AdABzACAAYQBzACAAZABpAHMAdAByAGkAYgB1AHQAZQBkACAAYgB5ACAAdABoAGUAIABDAG8AcAB5AHIAaQBnAGgAdAAgAEgAbwBsAGQAZQByACgAcwApAC4ADQAKAA0ACgAiAE0AbwBkAGkAZgBpAGUAZAAgAFYAZQByAHMAaQBvAG4AIgAgAHIAZQBmAGUAcgBzACAAdABvACAAYQBuAHkAIABkAGUAcgBpAHYAYQB0AGkAdgBlACAAbQBhAGQAZQAgAGIAeQAgAGEAZABkAGkAbgBnACAAdABvACwAIABkAGUAbABlAHQAaQBuAGcALAAgAG8AcgAgAHMAdQBiAHMAdABpAHQAdQB0AGkAbgBnACAALQAtACAAaQBuACAAcABhAHIAdAAgAG8AcgAgAGkAbgAgAHcAaABvAGwAZQAgAC0ALQAgAGEAbgB5ACAAbwBmACAAdABoAGUAIABjAG8AbQBwAG8AbgBlAG4AdABzACAAbwBmACAAdABoAGUAIABPAHIAaQBnAGkAbgBhAGwAIABWAGUAcgBzAGkAbwBuACwAIABiAHkAIABjAGgAYQBuAGcAaQBuAGcAIABmAG8AcgBtAGEAdABzACAAbwByACAAYgB5ACAAcABvAHIAdABpAG4AZwAgAHQAaABlACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAgAHQAbwAgAGEAIABuAGUAdwAgAGUAbgB2AGkAcgBvAG4AbQBlAG4AdAAuAA0ACgANAAoAIgBBAHUAdABoAG8AcgAiACAAcgBlAGYAZQByAHMAIAB0AG8AIABhAG4AeQAgAGQAZQBzAGkAZwBuAGUAcgAsACAAZQBuAGcAaQBuAGUAZQByACwAIABwAHIAbwBnAHIAYQBtAG0AZQByACwAIAB0AGUAYwBoAG4AaQBjAGEAbAAgAHcAcgBpAHQAZQByACAAbwByACAAbwB0AGgAZQByACAAcABlAHIAcwBvAG4AIAB3AGgAbwAgAGMAbwBuAHQAcgBpAGIAdQB0AGUAZAAgAHQAbwAgAHQAaABlACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAuAA0ACgANAAoAUABFAFIATQBJAFMAUwBJAE8ATgAgACYAIABDAE8ATgBEAEkAVABJAE8ATgBTAA0ACgBQAGUAcgBtAGkAcwBzAGkAbwBuACAAaQBzACAAaABlAHIAZQBiAHkAIABnAHIAYQBuAHQAZQBkACwAIABmAHIAZQBlACAAbwBmACAAYwBoAGEAcgBnAGUALAAgAHQAbwAgAGEAbgB5ACAAcABlAHIAcwBvAG4AIABvAGIAdABhAGkAbgBpAG4AZwAgAGEAIABjAG8AcAB5ACAAbwBmACAAdABoAGUAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACwAIAB0AG8AIAB1AHMAZQAsACAAcwB0AHUAZAB5ACwAIABjAG8AcAB5ACwAIABtAGUAcgBnAGUALAAgAGUAbQBiAGUAZAAsACAAbQBvAGQAaQBmAHkALAAgAHIAZQBkAGkAcwB0AHIAaQBiAHUAdABlACwAIABhAG4AZAAgAHMAZQBsAGwAIABtAG8AZABpAGYAaQBlAGQAIABhAG4AZAAgAHUAbgBtAG8AZABpAGYAaQBlAGQAIABjAG8AcABpAGUAcwAgAG8AZgAgAHQAaABlACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAsACAAcwB1AGIAagBlAGMAdAAgAHQAbwAgAHQAaABlACAAZgBvAGwAbABvAHcAaQBuAGcAIABjAG8AbgBkAGkAdABpAG8AbgBzADoADQAKAA0ACgAxACkAIABOAGUAaQB0AGgAZQByACAAdABoAGUAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAbgBvAHIAIABhAG4AeQAgAG8AZgAgAGkAdABzACAAaQBuAGQAaQB2AGkAZAB1AGEAbAAgAGMAbwBtAHAAbwBuAGUAbgB0AHMALAAgAGkAbgAgAE8AcgBpAGcAaQBuAGEAbAAgAG8AcgAgAE0AbwBkAGkAZgBpAGUAZAAgAFYAZQByAHMAaQBvAG4AcwAsACAAbQBhAHkAIABiAGUAIABzAG8AbABkACAAYgB5ACAAaQB0AHMAZQBsAGYALgANAAoADQAKADIAKQAgAE8AcgBpAGcAaQBuAGEAbAAgAG8AcgAgAE0AbwBkAGkAZgBpAGUAZAAgAFYAZQByAHMAaQBvAG4AcwAgAG8AZgAgAHQAaABlACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAgAG0AYQB5ACAAYgBlACAAYgB1AG4AZABsAGUAZAAsACAAcgBlAGQAaQBzAHQAcgBpAGIAdQB0AGUAZAAgAGEAbgBkAC8AbwByACAAcwBvAGwAZAAgAHcAaQB0AGgAIABhAG4AeQAgAHMAbwBmAHQAdwBhAHIAZQAsACAAcAByAG8AdgBpAGQAZQBkACAAdABoAGEAdAAgAGUAYQBjAGgAIABjAG8AcAB5ACAAYwBvAG4AdABhAGkAbgBzACAAdABoAGUAIABhAGIAbwB2AGUAIABjAG8AcAB5AHIAaQBnAGgAdAAgAG4AbwB0AGkAYwBlACAAYQBuAGQAIAB0AGgAaQBzACAAbABpAGMAZQBuAHMAZQAuACAAVABoAGUAcwBlACAAYwBhAG4AIABiAGUAIABpAG4AYwBsAHUAZABlAGQAIABlAGkAdABoAGUAcgAgAGEAcwAgAHMAdABhAG4AZAAtAGEAbABvAG4AZQAgAHQAZQB4AHQAIABmAGkAbABlAHMALAAgAGgAdQBtAGEAbgAtAHIAZQBhAGQAYQBiAGwAZQAgAGgAZQBhAGQAZQByAHMAIABvAHIAIABpAG4AIAB0AGgAZQAgAGEAcABwAHIAbwBwAHIAaQBhAHQAZQAgAG0AYQBjAGgAaQBuAGUALQByAGUAYQBkAGEAYgBsAGUAIABtAGUAdABhAGQAYQB0AGEAIABmAGkAZQBsAGQAcwAgAHcAaQB0AGgAaQBuACAAdABlAHgAdAAgAG8AcgAgAGIAaQBuAGEAcgB5ACAAZgBpAGwAZQBzACAAYQBzACAAbABvAG4AZwAgAGEAcwAgAHQAaABvAHMAZQAgAGYAaQBlAGwAZABzACAAYwBhAG4AIABiAGUAIABlAGEAcwBpAGwAeQAgAHYAaQBlAHcAZQBkACAAYgB5ACAAdABoAGUAIAB1AHMAZQByAC4ADQAKAA0ACgAzACkAIABOAG8AIABNAG8AZABpAGYAaQBlAGQAIABWAGUAcgBzAGkAbwBuACAAbwBmACAAdABoAGUAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlACAAbQBhAHkAIAB1AHMAZQAgAHQAaABlACAAUgBlAHMAZQByAHYAZQBkACAARgBvAG4AdAAgAE4AYQBtAGUAKABzACkAIAB1AG4AbABlAHMAcwAgAGUAeABwAGwAaQBjAGkAdAAgAHcAcgBpAHQAdABlAG4AIABwAGUAcgBtAGkAcwBzAGkAbwBuACAAaQBzACAAZwByAGEAbgB0AGUAZAAgAGIAeQAgAHQAaABlACAAYwBvAHIAcgBlAHMAcABvAG4AZABpAG4AZwAgAEMAbwBwAHkAcgBpAGcAaAB0ACAASABvAGwAZABlAHIALgAgAFQAaABpAHMAIAByAGUAcwB0AHIAaQBjAHQAaQBvAG4AIABvAG4AbAB5ACAAYQBwAHAAbABpAGUAcwAgAHQAbwAgAHQAaABlACAAcAByAGkAbQBhAHIAeQAgAGYAbwBuAHQAIABuAGEAbQBlACAAYQBzACAAcAByAGUAcwBlAG4AdABlAGQAIAB0AG8AIAB0AGgAZQAgAHUAcwBlAHIAcwAuAA0ACgANAAoANAApACAAVABoAGUAIABuAGEAbQBlACgAcwApACAAbwBmACAAdABoAGUAIABDAG8AcAB5AHIAaQBnAGgAdAAgAEgAbwBsAGQAZQByACgAcwApACAAbwByACAAdABoAGUAIABBAHUAdABoAG8AcgAoAHMAKQAgAG8AZgAgAHQAaABlACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAgAHMAaABhAGwAbAAgAG4AbwB0ACAAYgBlACAAdQBzAGUAZAAgAHQAbwAgAHAAcgBvAG0AbwB0AGUALAAgAGUAbgBkAG8AcgBzAGUAIABvAHIAIABhAGQAdgBlAHIAdABpAHMAZQAgAGEAbgB5ACAATQBvAGQAaQBmAGkAZQBkACAAVgBlAHIAcwBpAG8AbgAsACAAZQB4AGMAZQBwAHQAIAB0AG8AIABhAGMAawBuAG8AdwBsAGUAZABnAGUAIAB0AGgAZQAgAGMAbwBuAHQAcgBpAGIAdQB0AGkAbwBuACgAcwApACAAbwBmACAAdABoAGUAIABDAG8AcAB5AHIAaQBnAGgAdAAgAEgAbwBsAGQAZQByACgAcwApACAAYQBuAGQAIAB0AGgAZQAgAEEAdQB0AGgAbwByACgAcwApACAAbwByACAAdwBpAHQAaAAgAHQAaABlAGkAcgAgAGUAeABwAGwAaQBjAGkAdAAgAHcAcgBpAHQAdABlAG4AIABwAGUAcgBtAGkAcwBzAGkAbwBuAC4ADQAKAA0ACgA1ACkAIABUAGgAZQAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUALAAgAG0AbwBkAGkAZgBpAGUAZAAgAG8AcgAgAHUAbgBtAG8AZABpAGYAaQBlAGQALAAgAGkAbgAgAHAAYQByAHQAIABvAHIAIABpAG4AIAB3AGgAbwBsAGUALAAgAG0AdQBzAHQAIABiAGUAIABkAGkAcwB0AHIAaQBiAHUAdABlAGQAIABlAG4AdABpAHIAZQBsAHkAIAB1AG4AZABlAHIAIAB0AGgAaQBzACAAbABpAGMAZQBuAHMAZQAsACAAYQBuAGQAIABtAHUAcwB0ACAAbgBvAHQAIABiAGUAIABkAGkAcwB0AHIAaQBiAHUAdABlAGQAIAB1AG4AZABlAHIAIABhAG4AeQAgAG8AdABoAGUAcgAgAGwAaQBjAGUAbgBzAGUALgAgAFQAaABlACAAcgBlAHEAdQBpAHIAZQBtAGUAbgB0ACAAZgBvAHIAIABmAG8AbgB0AHMAIAB0AG8AIAByAGUAbQBhAGkAbgAgAHUAbgBkAGUAcgAgAHQAaABpAHMAIABsAGkAYwBlAG4AcwBlACAAZABvAGUAcwAgAG4AbwB0ACAAYQBwAHAAbAB5ACAAdABvACAAYQBuAHkAIABkAG8AYwB1AG0AZQBuAHQAIABjAHIAZQBhAHQAZQBkACAAdQBzAGkAbgBnACAAdABoAGUAIABGAG8AbgB0ACAAUwBvAGYAdAB3AGEAcgBlAC4ADQAKAA0ACgBUAEUAUgBNAEkATgBBAFQASQBPAE4ADQAKAFQAaABpAHMAIABsAGkAYwBlAG4AcwBlACAAYgBlAGMAbwBtAGUAcwAgAG4AdQBsAGwAIABhAG4AZAAgAHYAbwBpAGQAIABpAGYAIABhAG4AeQAgAG8AZgAgAHQAaABlACAAYQBiAG8AdgBlACAAYwBvAG4AZABpAHQAaQBvAG4AcwAgAGEAcgBlACAAbgBvAHQAIABtAGUAdAAuAA0ACgANAAoARABJAFMAQwBMAEEASQBNAEUAUgANAAoAVABIAEUAIABGAE8ATgBUACAAUwBPAEYAVABXAEEAUgBFACAASQBTACAAUABSAE8AVgBJAEQARQBEACAAIgBBAFMAIABJAFMAIgAsACAAVwBJAFQASABPAFUAVAAgAFcAQQBSAFIAQQBOAFQAWQAgAE8ARgAgAEEATgBZACAASwBJAE4ARAAsACAARQBYAFAAUgBFAFMAUwAgAE8AUgAgAEkATQBQAEwASQBFAEQALAAgAEkATgBDAEwAVQBEAEkATgBHACAAQgBVAFQAIABOAE8AVAAgAEwASQBNAEkAVABFAEQAIABUAE8AIABBAE4AWQAgAFcAQQBSAFIAQQBOAFQASQBFAFMAIABPAEYAIABNAEUAUgBDAEgAQQBOAFQAQQBCAEkATABJAFQAWQAsACAARgBJAFQATgBFAFMAUwAgAEYATwBSACAAQQAgAFAAQQBSAFQASQBDAFUATABBAFIAIABQAFUAUgBQAE8AUwBFACAAQQBOAEQAIABOAE8ATgBJAE4ARgBSAEkATgBHAEUATQBFAE4AVAAgAE8ARgAgAEMATwBQAFkAUgBJAEcASABUACwAIABQAEEAVABFAE4AVAAsACAAVABSAEEARABFAE0AQQBSAEsALAAgAE8AUgAgAE8AVABIAEUAUgAgAFIASQBHAEgAVAAuACAASQBOACAATgBPACAARQBWAEUATgBUACAAUwBIAEEATABMACAAVABIAEUAIABDAE8AUABZAFIASQBHAEgAVAAgAEgATwBMAEQARQBSACAAQgBFACAATABJAEEAQgBMAEUAIABGAE8AUgAgAEEATgBZACAAQwBMAEEASQBNACwAIABEAEEATQBBAEcARQBTACAATwBSACAATwBUAEgARQBSACAATABJAEEAQgBJAEwASQBUAFkALAAgAEkATgBDAEwAVQBEAEkATgBHACAAQQBOAFkAIABHAEUATgBFAFIAQQBMACwAIABTAFAARQBDAEkAQQBMACwAIABJAE4ARABJAFIARQBDAFQALAAgAEkATgBDAEkARABFAE4AVABBAEwALAAgAE8AUgAgAEMATwBOAFMARQBRAFUARQBOAFQASQBBAEwAIABEAEEATQBBAEcARQBTACwAIABXAEgARQBUAEgARQBSACAASQBOACAAQQBOACAAQQBDAFQASQBPAE4AIABPAEYAIABDAE8ATgBUAFIAQQBDAFQALAAgAFQATwBSAFQAIABPAFIAIABPAFQASABFAFIAVwBJAFMARQAsACAAQQBSAEkAUwBJAE4ARwAgAEYAUgBPAE0ALAAgAE8AVQBUACAATwBGACAAVABIAEUAIABVAFMARQAgAE8AUgAgAEkATgBBAEIASQBMAEkAVABZACAAVABPACAAVQBTAEUAIABUAEgARQAgAEYATwBOAFQAIABTAE8ARgBUAFcAQQBSAEUAIABPAFIAIABGAFIATwBNACAATwBUAEgARQBSACAARABFAEEATABJAE4ARwBTACAASQBOACAAVABIAEUAIABGAE8ATgBUACAAUwBPAEYAVABXAEEAUgBFAC4ADQAKAGgAdAB0AHAAOgAvAC8AdwB3AHcALgBhAGQAbwBiAGUALgBjAG8AbQAvAHQAeQBwAGUALwBsAGUAZwBhAGwALgBoAHQAbQBsAAAAAAAFAAAAAwAAADgAAAAEAAABUAABAAAAAAAsAAMAAQAAADgAAwAKAAABUAAGAAwAAAAAAAEAAAAEARgAAABCAEAABQACB/8P/xf/H/8n/y//N/8//0f/T/9X/1//Z/9v/3f/f/+H/4//l/+f/6f/r/+3/7//x//P/9f/5//v//f//c///f//AAAAAAgAEAAYACAAKAAwADgAQABIAFAAWABgAGgAcAB4AIAAiACQAJgAoACoALAAuADAAMgA0ADgAOgA8AD4AP3w//8AAfgB8AHoAeAB2AHQAcgBwAG4AbABqAGgAZgBkAGIAYABeAFwAWgBYAFYAVABSAFAATgBMAEgARgBEAEIAQgBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAZkAAAAAAAAAIgAAAAAAAAB/8AAAABAAAIAAAAD/8AAAABAAAQAAAAF/8AAAABAAAYAAAAH/8AAAABAAAgAAAAJ/8AAAABAAAoAAAAL/8AAAABAAAwAAAAN/8AAAABAAA4AAAAP/8AAAABAABAAAAAR/8AAAABAABIAAAAT/8AAAABAABQAAAAV/8AAAABAABYAAAAX/8AAAABAABgAAAAZ/8AAAABAABoAAAAb/8AAAABAABwAAAAd/8AAAABAAB4AAAAf/8AAAABAACAAAAAh/8AAAABAACIAAAAj/8AAAABAACQAAAAl/8AAAABAACYAAAAn/8AAAABAACgAAAAp/8AAAABAACoAAAAr/8AAAABAACwAAAAt/8AAAABAAC4AAAAv/8AAAABAADAAAAAx/8AAAABAADIAAAAz/8AAAABAADQAAAA1/8AAAABAADgAAAA5/8AAAABAADoAAAA7/8AAAABAADwAAAA9/8AAAABAAD4AAAA/c8AAAABAAD98AAA//0AAAXxAAEAAAABB/8AAAABAAEIAAABD/8AAAABAAEQAAABF/8AAAABAAEYAAABH/8AAAABAAEgAAABJ/8AAAABAAEoAAABL/8AAAABAAEwAAABN/8AAAABAAE4AAABP/8AAAABAAFAAAABR/8AAAABAAFIAAABT/8AAAABAAFQAAABV/8AAAABAAFYAAABX/8AAAABAAFgAAABZ/8AAAABAAFoAAABb/8AAAABAAFwAAABd/8AAAABAAF4AAABf/8AAAABAAGAAAABh/8AAAABAAGIAAABj/8AAAABAAGQAAABl/8AAAABAAGYAAABn/8AAAABAAGgAAABp/8AAAABAAGoAAABr/8AAAABAAGwAAABt/8AAAABAAG4AAABv/8AAAABAAHAAAABx/8AAAABAAHIAAABz/8AAAABAAHQAAAB1/8AAAABAAHYAAAB3/8AAAABAAHgAAAB5/8AAAABAAHoAAAB7/8AAAABAAHwAAAB9/8AAAABAAH4AAAB//0AAAABAAIAAAACB/8AAAABAAIIAAACD/8AAAABAAIQAAACF/8AAAABAAIYAAACH/8AAAABAAIgAAACJ/8AAAABAAIoAAACL/8AAAABAAIwAAACN/8AAAABAAI4AAACP/8AAAABAAJAAAACR/8AAAABAAJIAAACT/8AAAABAAJQAAACV/8AAAABAAJYAAACX/8AAAABAAJgAAACZ/8AAAABAAJoAAACb/8AAAABAAJwAAACd/8AAAABAAJ4AAACf/8AAAABAAKAAAACh/8AAAABAAKIAAACj/8AAAABAAKQAAACl/8AAAABAAKYAAACn/8AAAABAAKgAAACp/8AAAABAAKoAAACr/8AAAABAAKwAAACt/8AAAABAAK4AAACv/8AAAABAALAAAACx/8AAAABAALIAAACz/8AAAABAALQAAAC1/8AAAABAALYAAAC3/8AAAABAALgAAAC5/8AAAABAALoAAAC7/8AAAABAALwAAAC9/8AAAABAAL4AAAC//0AAAABAAMAAAADB/8AAAABAAMIAAADD/8AAAABAAMQAAADF/8AAAABAAMYAAADH/8AAAABAAMgAAADJ/8AAAABAAMoAAADL/8AAAABAAMwAAADN/8AAAABAAM4AAADP/8AAAABAANAAAADR/8AAAABAANIAAADT/8AAAABAANQAAADV/8AAAABAANYAAADX/8AAAABAANgAAADZ/8AAAABAANoAAADb/8AAAABAANwAAADd/8AAAABAAN4AAADf/8AAAABAAOAAAADh/8AAAABAAOIAAADj/8AAAABAAOQAAADl/8AAAABAAOYAAADn/8AAAABAAOgAAADp/8AAAABAAOoAAADr/8AAAABAAOwAAADt/8AAAABAAO4AAADv/8AAAABAAPAAAADx/8AAAABAAPIAAADz/8AAAABAAPQAAAD1/8AAAABAAPYAAAD3/8AAAABAAPgAAAD5/8AAAABAAPoAAAD7/8AAAABAAPwAAAD9/8AAAABAAP4AAAD//0AAAABAAQAAAAEB/8AAAABAAQIAAAED/8AAAABAAQQAAAEF/8AAAABAAQYAAAEH/8AAAABAAQgAAAEJ/8AAAABAAQoAAAEL/8AAAABAAQwAAAEN/8AAAABAAQ4AAAEP/8AAAABAARAAAAER/8AAAABAARIAAAET/8AAAABAARQAAAEV/8AAAABAARYAAAEX/8AAAABAARgAAAEZ/8AAAABAARoAAAEb/8AAAABAARwAAAEd/8AAAABAAR4AAAEf/8AAAABAASAAAAEh/8AAAABAASIAAAEj/8AAAABAASQAAAEl/8AAAABAASYAAAEn/8AAAABAASgAAAEp/8AAAABAASoAAAEr/8AAAABAASwAAAEt/8AAAABAAS4AAAEv/8AAAABAATAAAAEx/8AAAABAATIAAAEz/8AAAABAATQAAAE1/8AAAABAATYAAAE3/8AAAABAATgAAAE5/8AAAABAAToAAAE7/8AAAABAATwAAAE9/8AAAABAAT4AAAE//0AAAABAAUAAAAFB/8AAAABAAUIAAAFD/8AAAABAAUQAAAFF/8AAAABAAUYAAAFH/8AAAABAAUgAAAFJ/8AAAABAAUoAAAFL/8AAAABAAUwAAAFN/8AAAABAAU4AAAFP/8AAAABAAVAAAAFR/8AAAABAAVIAAAFT/8AAAABAAVQAAAFV/8AAAABAAVYAAAFX/8AAAABAAVgAAAFZ/8AAAABAAVoAAAFb/8AAAABAAVwAAAFd/8AAAABAAV4AAAFf/8AAAABAAWAAAAFh/8AAAABAAWIAAAFj/8AAAABAAWQAAAFl/8AAAABAAWYAAAFn/8AAAABAAWgAAAFp/8AAAABAAWoAAAFr/8AAAABAAWwAAAFt/8AAAABAAW4AAAFv/8AAAABAAXAAAAFx/8AAAABAAXIAAAFz/8AAAABAAXQAAAF1/8AAAABAAXYAAAF3/8AAAABAAXgAAAF5/8AAAABAAXoAAAF7/8AAAABAAXwAAAF9/8AAAABAAX4AAAF//0AAAABAAYAAAAGB/8AAAABAAYIAAAGD/8AAAABAAYQAAAGF/8AAAABAAYYAAAGH/8AAAABAAYgAAAGJ/8AAAABAAYoAAAGL/8AAAABAAYwAAAGN/8AAAABAAY4AAAGP/8AAAABAAZAAAAGR/8AAAABAAZIAAAGT/8AAAABAAZQAAAGV/8AAAABAAZYAAAGX/8AAAABAAZgAAAGZ/8AAAABAAZoAAAGb/8AAAABAAZwAAAGd/8AAAABAAZ4AAAGf/8AAAABAAaAAAAGh/8AAAABAAaIAAAGj/8AAAABAAaQAAAGl/8AAAABAAaYAAAGn/8AAAABAAagAAAGp/8AAAABAAaoAAAGr/8AAAABAAawAAAGt/8AAAABAAa4AAAGv/8AAAABAAbAAAAGx/8AAAABAAbIAAAGz/8AAAABAAbQAAAG1/8AAAABAAbYAAAG3/8AAAABAAbgAAAG5/8AAAABAAboAAAG7/8AAAABAAbwAAAG9/8AAAABAAb4AAAG//0AAAABAAcAAAAHB/8AAAABAAcIAAAHD/8AAAABAAcQAAAHF/8AAAABAAcYAAAHH/8AAAABAAcgAAAHJ/8AAAABAAcoAAAHL/8AAAABAAcwAAAHN/8AAAABAAc4AAAHP/8AAAABAAdAAAAHR/8AAAABAAdIAAAHT/8AAAABAAdQAAAHV/8AAAABAAdYAAAHX/8AAAABAAdgAAAHZ/8AAAABAAdoAAAHb/8AAAABAAdwAAAHd/8AAAABAAd4AAAHf/8AAAABAAeAAAAHh/8AAAABAAeIAAAHj/8AAAABAAeQAAAHl/8AAAABAAeYAAAHn/8AAAABAAegAAAHp/8AAAABAAeoAAAHr/8AAAABAAewAAAHt/8AAAABAAe4AAAHv/8AAAABAAfAAAAHx/8AAAABAAfIAAAHz/8AAAABAAfQAAAH1/8AAAABAAfYAAAH3/8AAAABAAfgAAAH5/8AAAABAAfoAAAH7/8AAAABAAfwAAAH9/8AAAABAAf4AAAH//0AAAABAAgAAAAIB/8AAAABAAgIAAAID/8AAAABAAgQAAAIF/8AAAABAAgYAAAIH/8AAAABAAggAAAIJ/8AAAABAAgoAAAIL/8AAAABAAgwAAAIN/8AAAABAAg4AAAIP/8AAAABAAhAAAAIR/8AAAABAAhIAAAIT/8AAAABAAhQAAAIV/8AAAABAAhYAAAIX/8AAAABAAhgAAAIZ/8AAAABAAhoAAAIb/8AAAABAAhwAAAId/8AAAABAAh4AAAIf/8AAAABAAiAAAAIh/8AAAABAAiIAAAIj/8AAAABAAiQAAAIl/8AAAABAAiYAAAIn/8AAAABAAigAAAIp/8AAAABAAioAAAIr/8AAAABAAiwAAAIt/8AAAABAAi4AAAIv/8AAAABAAjAAAAIx/8AAAABAAjIAAAIz/8AAAABAAjQAAAI1/8AAAABAAjYAAAI3/8AAAABAAjgAAAI5/8AAAABAAjoAAAI7/8AAAABAAjwAAAI9/8AAAABAAj4AAAI//0AAAABAAkAAAAJB/8AAAABAAkIAAAJD/8AAAABAAkQAAAJF/8AAAABAAkYAAAJH/8AAAABAAkgAAAJJ/8AAAABAAkoAAAJL/8AAAABAAkwAAAJN/8AAAABAAk4AAAJP/8AAAABAAlAAAAJR/8AAAABAAlIAAAJT/8AAAABAAlQAAAJV/8AAAABAAlYAAAJX/8AAAABAAlgAAAJZ/8AAAABAAloAAAJb/8AAAABAAlwAAAJd/8AAAABAAl4AAAJf/8AAAABAAmAAAAJh/8AAAABAAmIAAAJj/8AAAABAAmQAAAJl/8AAAABAAmYAAAJn/8AAAABAAmgAAAJp/8AAAABAAmoAAAJr/8AAAABAAmwAAAJt/8AAAABAAm4AAAJv/8AAAABAAnAAAAJx/8AAAABAAnIAAAJz/8AAAABAAnQAAAJ1/8AAAABAAnYAAAJ3/8AAAABAAngAAAJ5/8AAAABAAnoAAAJ7/8AAAABAAnwAAAJ9/8AAAABAAn4AAAJ//0AAAABAAoAAAAKB/8AAAABAAoIAAAKD/8AAAABAAoQAAAKF/8AAAABAAoYAAAKH/8AAAABAAogAAAKJ/8AAAABAAooAAAKL/8AAAABAAowAAAKN/8AAAABAAo4AAAKP/8AAAABAApAAAAKR/8AAAABAApIAAAKT/8AAAABAApQAAAKV/8AAAABAApYAAAKX/8AAAABAApgAAAKZ/8AAAABAApoAAAKb/8AAAABAApwAAAKd/8AAAABAAp4AAAKf/8AAAABAAqAAAAKh/8AAAABAAqIAAAKj/8AAAABAAqQAAAKl/8AAAABAAqYAAAKn/8AAAABAAqgAAAKp/8AAAABAAqoAAAKr/8AAAABAAqwAAAKt/8AAAABAAq4AAAKv/8AAAABAArAAAAKx/8AAAABAArIAAAKz/8AAAABAArQAAAK1/8AAAABAArYAAAK3/8AAAABAArgAAAK5/8AAAABAAroAAAK7/8AAAABAArwAAAK9/8AAAABAAr4AAAK//0AAAABAAsAAAALB/8AAAABAAsIAAALD/8AAAABAAsQAAALF/8AAAABAAsYAAALH/8AAAABAAsgAAALJ/8AAAABAAsoAAALL/8AAAABAAswAAALN/8AAAABAAs4AAALP/8AAAABAAtAAAALR/8AAAABAAtIAAALT/8AAAABAAtQAAALV/8AAAABAAtYAAALX/8AAAABAAtgAAALZ/8AAAABAAtoAAALb/8AAAABAAtwAAALd/8AAAABAAt4AAALf/8AAAABAAuAAAALh/8AAAABAAuIAAALj/8AAAABAAuQAAALl/8AAAABAAuYAAALn/8AAAABAAugAAALp/8AAAABAAuoAAALr/8AAAABAAuwAAALt/8AAAABAAu4AAALv/8AAAABAAvAAAALx/8AAAABAAvIAAALz/8AAAABAAvQAAAL1/8AAAABAAvYAAAL3/8AAAABAAvgAAAL5/8AAAABAAvoAAAL7/8AAAABAAvwAAAL9/8AAAABAAv4AAAL//0AAAABAAwAAAAMB/8AAAABAAwIAAAMD/8AAAABAAwQAAAMF/8AAAABAAwYAAAMH/8AAAABAAwgAAAMJ/8AAAABAAwoAAAML/8AAAABAAwwAAAMN/8AAAABAAw4AAAMP/8AAAABAAxAAAAMR/8AAAABAAxIAAAMT/8AAAABAAxQAAAMV/8AAAABAAxYAAAMX/8AAAABAAxgAAAMZ/8AAAABAAxoAAAMb/8AAAABAAxwAAAMd/8AAAABAAx4AAAMf/8AAAABAAyAAAAMh/8AAAABAAyIAAAMj/8AAAABAAyQAAAMl/8AAAABAAyYAAAMn/8AAAABAAygAAAMp/8AAAABAAyoAAAMr/8AAAABAAywAAAMt/8AAAABAAy4AAAMv/8AAAABAAzAAAAMx/8AAAABAAzIAAAMz/8AAAABAAzQAAAM1/8AAAABAAzYAAAM3/8AAAABAAzgAAAM5/8AAAABAAzoAAAM7/8AAAABAAzwAAAM9/8AAAABAAz4AAAM//0AAAABAA0AAAANB/8AAAABAA0IAAAND/8AAAABAA0QAAANF/8AAAABAA0YAAANH/8AAAABAA0gAAANJ/8AAAABAA0oAAANL/8AAAABAA0wAAANN/8AAAABAA04AAANP/8AAAABAA1AAAANR/8AAAABAA1IAAANT/8AAAABAA1QAAANV/8AAAABAA1YAAANX/8AAAABAA1gAAANZ/8AAAABAA1oAAANb/8AAAABAA1wAAANd/8AAAABAA14AAANf/8AAAABAA2AAAANh/8AAAABAA2IAAANj/8AAAABAA2QAAANl/8AAAABAA2YAAANn/8AAAABAA2gAAANp/8AAAABAA2oAAANr/8AAAABAA2wAAANt/8AAAABAA24AAANv/8AAAABAA3AAAANx/8AAAABAA3IAAANz/8AAAABAA3QAAAN1/8AAAABAA3YAAAN3/8AAAABAA3gAAAN5/8AAAABAA3oAAAN7/8AAAABAA3wAAAN9/8AAAABAA34AAAN//0AAAABAA4AAAAOB/8AAAABAA4IAAAOD/8AAAABAA4QAAAOF/8AAAABAA4YAAAOH/8AAAABAA4gAAAOJ/8AAAABAA4oAAAOL/8AAAABAA4wAAAON/8AAAABAA44AAAOP/8AAAABAA5AAAAOR/8AAAABAA5IAAAOT/8AAAABAA5QAAAOV/8AAAABAA5YAAAOX/8AAAABAA5gAAAOZ/8AAAABAA5oAAAOb/8AAAABAA5wAAAOd/8AAAABAA54AAAOf/8AAAABAA6AAAAOh/8AAAABAA6IAAAOj/8AAAABAA6QAAAOl/8AAAABAA6YAAAOn/8AAAABAA6gAAAOp/8AAAABAA6oAAAOr/8AAAABAA6wAAAOt/8AAAABAA64AAAOv/8AAAABAA7AAAAOx/8AAAABAA7IAAAOz/8AAAABAA7QAAAO1/8AAAABAA7YAAAO3/8AAAABAA7gAAAO5/8AAAABAA7oAAAO7/8AAAABAA7wAAAO9/8AAAABAA74AAAO//0AAAABAA8AAAAPB/8AAAABAA8IAAAPD/8AAAABAA8QAAAPF/8AAAABAA8YAAAPH/8AAAABAA8gAAAPJ/8AAAABAA8oAAAPL/8AAAABAA8wAAAPN/8AAAABAA84AAAPP/8AAAABAA9AAAAPR/8AAAABAA9IAAAPT/8AAAABAA9QAAAPV/8AAAABAA9YAAAPX/8AAAABAA9gAAAPZ/8AAAABAA9oAAAPb/8AAAABAA9wAAAPd/8AAAABAA94AAAPf/8AAAABAA+AAAAPh/8AAAABAA+IAAAPj/8AAAABAA+QAAAPl/8AAAABAA+YAAAPn/8AAAABAA+gAAAPp/8AAAABAA+oAAAPr/8AAAABAA+wAAAPt/8AAAABAA+4AAAPv/8AAAABAA/AAAAPx/8AAAABAA/IAAAPz/8AAAABAA/QAAAP1/8AAAABAA/YAAAP3/8AAAABAA/gAAAP5/8AAAABAA/oAAAP7/8AAAABAA/wAAAP9/8AAAABAA/4AAAP//0AAAABABAAAAAQB/8AAAABABAIAAAQD/8AAAABABAQAAAQF/8AAAABABAYAAAQH/8AAAABABAgAAAQJ/8AAAABABAoAAAQL/8AAAABABAwAAAQN/8AAAABABA4AAAQP/8AAAABABBAAAAQR/8AAAABABBIAAAQT/8AAAABABBQAAAQV/8AAAABABBYAAAQX/8AAAABABBgAAAQZ/8AAAABABBoAAAQb/8AAAABABBwAAAQd/8AAAABABB4AAAQf/8AAAABABCAAAAQh/8AAAABABCIAAAQj/8AAAABABCQAAAQl/8AAAABABCYAAAQn/8AAAABABCgAAAQp/8AAAABABCoAAAQr/8AAAABABCwAAAQt/8AAAABABC4AAAQv/8AAAABABDAAAAQx/8AAAABABDIAAAQz/8AAAABABDQAAAQ1/8AAAABABDYAAAQ3/8AAAABABDgAAAQ5/8AAAABABDoAAAQ7/8AAAABABDwAAAQ9/8AAAABABD4AAAQ//0AAAABAAMAAAAAAAD/tQAyAAAAAAAAAAAAAAAAAAAAAAAAAAABAAQCAAEBAQtBZG9iZUJsYW5rAAEBATD4G/gciwwe+B0B+B4Ci/sM+gD6BAUeGgA/DB8cCAEMIvdMD/dZEfdRDCUcGRYMJAAFAQEGDk1YZ0Fkb2JlSWRlbnRpdHlDb3B5cmlnaHQgMjAxMyBBZG9iZSBTeXN0ZW1zIEluY29ycG9yYXRlZC4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5BZG9iZSBCbGFua0Fkb2JlQmxhbmstMjA0OQAAAgABB/8DAAEAAAAIAQgBAgABAEsATABNAE4ATwBQAFEAUgBTAFQAVQBWAFcAWABZAFoAWwBcAF0AXgBfAGAAYQBiAGMAZABlAGYAZwBoAGkAagBrAGwAbQBuAG8AcABxAHIAcwB0AHUAdgB3AHgAeQB6AHsAfAB9AH4AfwCAAIEAggCDAIQAhQCGAIcAiACJAIoAiwCMAI0AjgCPAJAAkQCSAJMAlACVAJYAlwCYAJkAmgCbAJwAnQCeAJ8AoAChAKIAowCkAKUApgCnAKgAqQCqAKsArACtAK4ArwCwALEAsgCzALQAtQC2ALcAuAC5ALoAuwC8AL0AvgC/AMAAwQDCAMMAxADFAMYAxwDIAMkAygDLAMwAzQDOAM8A0ADRANIA0wDUANUA1gDXANgA2QDaANsA3ADdAN4A3wDgAOEA4gDjAOQA5QDmAOcA6ADpAOoA6wDsAO0A7gDvAPAA8QDyAPMA9AD1APYA9wD4APkA+gD7APwA/QD+AP8BAAEBAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQEuAS8BMAExATIBMwE0ATUBNgE3ATgBOQE6ATsBPAE9AT4BPwFAAUEBQgFDAUQBRQFGAUcBSAFJAUoBSwFMAU0BTgFPAVABUQFSAVMBVAFVAVYBVwFYAVkBWgFbAVwBXQFeAV8BYAFhAWIBYwFkAWUBZgFnAWgBaQFqAWsBbAFtAW4BbwFwAXEBcgFzAXQBdQF2AXcBeAF5AXoBewF8AX0BfgF/AYABgQGCAYMBhAGFAYYBhwGIAYkBigGLAYwBjQGOAY8BkAGRAZIBkwGUAZUBlgGXAZgBmQGaAZsBnAGdAZ4BnwGgAaEBogGjAaQBpQGmAacBqAGpAaoBqwGsAa0BrgGvAbABsQGyAbMBtAG1AbYBtwG4AbkBugG7AbwBvQG+Ab8BwAHBAcIBwwHEAcUBxgHHAcgByQHKAcsBzAHNAc4BzwHQAdEB0gHTAdQB1QHWAdcB2AHZAdoB2wHcAd0B3gHfAeAB4QHiAeMB5AHlAeYB5wHoAekB6gHrAewB7QHuAe8B8AHxAfIB8wH0AfUB9gH3AfgB+QH6AfsB/AH9Af4B/wIAAgECAgIDAgQCBQIGAgcCCAIJAgoCCwIMAg0CDgIPAhACEQISAhMCFAIVAhYCFwIYAhkCGgIbAhwCHQIeAh8CIAIhAiICIwIkAiUCJgInAigCKQIqAisCLAItAi4CLwIwAjECMgIzAjQCNQI2AjcCOAI5AjoCOwI8Aj0CPgI/AkACQQJCAkMCRAJFAkYCRwJIAkkCSgJLAkwCTQJOAk8CUAJRAlICUwJUAlUCVgJXAlgCWQJaAlsCXAJdAl4CXwJgAmECYgJjAmQCZQJmAmcCaAJpAmoCawJsAm0CbgJvAnACcQJyAnMCdAJ1AnYCdwJ4AnkCegJ7AnwCfQJ+An8CgAKBAoICgwKEAoUChgKHAogCiQKKAosCjAKNAo4CjwKQApECkgKTApQClQKWApcCmAKZApoCmwKcAp0CngKfAqACoQKiAqMCpAKlAqYCpwKoAqkCqgKrAqwCrQKuAq8CsAKxArICswK0ArUCtgK3ArgCuQK6ArsCvAK9Ar4CvwLAAsECwgLDAsQCxQLGAscCyALJAsoCywLMAs0CzgLPAtAC0QLSAtMC1ALVAtYC1wLYAtkC2gLbAtwC3QLeAt8C4ALhAuIC4wLkAuUC5gLnAugC6QLqAusC7ALtAu4C7wLwAvEC8gLzAvQC9QL2AvcC+AL5AvoC+wL8Av0C/gL/AwADAQMCAwMDBAMFAwYDBwMIAwkDCgMLAwwDDQMOAw8DEAMRAxIDEwMUAxUDFgMXAxgDGQMaAxsDHAMdAx4DHwMgAyEDIgMjAyQDJQMmAycDKAMpAyoDKwMsAy0DLgMvAzADMQMyAzMDNAM1AzYDNwM4AzkDOgM7AzwDPQM+Az8DQANBA0IDQwNEA0UDRgNHA0gDSQNKA0sDTANNA04DTwNQA1EDUgNTA1QDVQNWA1cDWANZA1oDWwNcA10DXgNfA2ADYQNiA2MDZANlA2YDZwNoA2kDagNrA2wDbQNuA28DcANxA3IDcwN0A3UDdgN3A3gDeQN6A3sDfAN9A34DfwOAA4EDggODA4QDhQOGA4cDiAOJA4oDiwOMA40DjgOPA5ADkQOSA5MDlAOVA5YDlwOYA5kDmgObA5wDnQOeA58DoAOhA6IDowOkA6UDpgOnA6gDqQOqA6sDrAOtA64DrwOwA7EDsgOzA7QDtQO2A7cDuAO5A7oDuwO8A70DvgO/A8ADwQPCA8MDxAPFA8YDxwPIA8kDygPLA8wDzQPOA88D0APRA9ID0wPUA9UD1gPXA9gD2QPaA9sD3APdA94D3wPgA+ED4gPjA+QD5QPmA+cD6APpA+oD6wPsA+0D7gPvA/AD8QPyA/MD9AP1A/YD9wP4A/kD+gP7A/wD/QP+A/8EAAQBBAIEAwQEBAUEBgQHBAgECQQKBAsEDAQNBA4EDwQQBBEEEgQTBBQEFQQWBBcEGAQZBBoEGwQcBB0EHgQfBCAEIQQiBCMEJAQlBCYEJwQoBCkEKgQrBCwELQQuBC8EMAQxBDIEMwQ0BDUENgQ3BDgEOQQ6BDsEPAQ9BD4EPwRABEEEQgRDBEQERQRGBEcESARJBEoESwRMBE0ETgRPBFAEUQRSBFMEVARVBFYEVwRYBFkEWgRbBFwEXQReBF8EYARhBGIEYwRkBGUEZgRnBGgEaQRqBGsEbARtBG4EbwRwBHEEcgRzBHQEdQR2BHcEeAR5BHoEewR8BH0EfgR/BIAEgQSCBIMEhASFBIYEhwSIBIkEigSLBIwEjQSOBI8EkASRBJIEkwSUBJUElgSXBJgEmQSaBJsEnASdBJ4EnwSgBKEEogSjBKQEpQSmBKcEqASpBKoEqwSsBK0ErgSvBLAEsQSyBLMEtAS1BLYEtwS4BLkEugS7BLwEvQS+BL8EwATBBMIEwwTEBMUExgTHBMgEyQTKBMsEzATNBM4EzwTQBNEE0gTTBNQE1QTWBNcE2ATZBNoE2wTcBN0E3gTfBOAE4QTiBOME5ATlBOYE5wToBOkE6gTrBOwE7QTuBO8E8ATxBPIE8wT0BPUE9gT3BPgE+QT6BPsE/AT9BP4E/wUABQEFAgUDBQQFBQUGBQcFCAUJBQoFCwUMBQ0FDgUPBRAFEQUSBRMFFAUVBRYFFwUYBRkFGgUbBRwFHQUeBR8FIAUhBSIFIwUkBSUFJgUnBSgFKQUqBSsFLAUtBS4FLwUwBTEFMgUzBTQFNQU2BTcFOAU5BToFOwU8BT0FPgU/BUAFQQVCBUMFRAVFBUYFRwVIBUkFSgVLBUwFTQVOBU8FUAVRBVIFUwVUBVUFVgVXBVgFWQVaBVsFXAVdBV4FXwVgBWEFYgVjBWQFZQVmBWcFaAVpBWoFawVsBW0FbgVvBXAFcQVyBXMFdAV1BXYFdwV4BXkFegV7BXwFfQV+BX8FgAWBBYIFgwWEBYUFhgWHBYgFiQWKBYsFjAWNBY4FjwWQBZEFkgWTBZQFlQWWBZcFmAWZBZoFmwWcBZ0FngWfBaAFoQWiBaMFpAWlBaYFpwWoBakFqgWrBawFrQWuBa8FsAWxBbIFswW0BbUFtgW3BbgFuQW6BbsFvAW9Bb4FvwXABcEFwgXDBcQFxQXGBccFyAXJBcoFywXMBc0FzgXPBdAF0QXSBdMF1AXVBdYF1wXYBdkF2gXbBdwF3QXeBd8F4AXhBeIF4wXkBeUF5gXnBegF6QXqBesF7AXtBe4F7wXwBfEF8gXzBfQF9QX2BfcF+AX5BfoF+wX8Bf0F/gX/BgAGAQYCBgMGBAYFBgYGBwYIBgkGCgYLBgwGDQYOBg8GEAYRBhIGEwYUBhUGFgYXBhgGGQYaBhsGHAYdBh4GHwYgBiEGIgYjBiQGJQYmBicGKAYpBioGKwYsBi0GLgYvBjAGMQYyBjMGNAY1BjYGNwY4BjkGOgY7BjwGPQY+Bj8GQAZBBkIGQwZEBkUGRgZHBkgGSQZKBksGTAZNBk4GTwZQBlEGUgZTBlQGVQZWBlcGWAZZBloGWwZcBl0GXgZfBmAGYQZiBmMGZAZlBmYGZwZoBmkGagZrBmwGbQZuBm8GcAZxBnIGcwZ0BnUGdgZ3BngGeQZ6BnsGfAZ9Bn4GfwaABoEGggaDBoQGhQaGBocGiAaJBooGiwaMBo0GjgaPBpAGkQaSBpMGlAaVBpYGlwaYBpkGmgabBpwGnQaeBp8GoAahBqIGowakBqUGpganBqgGqQaqBqsGrAatBq4GrwawBrEGsgazBrQGtQa2BrcGuAa5BroGuwa8Br0Gvga/BsAGwQbCBsMGxAbFBsYGxwbIBskGygbLBswGzQbOBs8G0AbRBtIG0wbUBtUG1gbXBtgG2QbaBtsG3AbdBt4G3wbgBuEG4gbjBuQG5QbmBucG6AbpBuoG6wbsBu0G7gbvBvAG8QbyBvMG9Ab1BvYG9wb4BvkG+gb7BvwG/Qb+Bv8HAAcBBwIHAwcEBwUHBgcHBwgHCQcKBwsHDAcNBw4HDwcQBxEHEgcTBxQHFQcWBxcHGAcZBxoHGwccBx0HHgcfByAHIQciByMHJAclByYHJwcoBykHKgcrBywHLQcuBy8HMAcxBzIHMwc0BzUHNgc3BzgHOQc6BzsHPAc9Bz4HPwdAB0EHQgdDB0QHRQdGB0cHSAdJB0oHSwdMB00HTgdPB1AHUQdSB1MHVAdVB1YHVwdYB1kHWgdbB1wHXQdeB18HYAdhB2IHYwdkB2UHZgdnB2gHaQdqB2sHbAdtB24HbwdwB3EHcgdzB3QHdQd2B3cHeAd5B3oHewd8B30Hfgd/B4AHgQeCB4MHhAeFB4YHhweIB4kHigeLB4wHjQeOB48HkAeRB5IHkweUB5UHlgeXB5gHmQeaB5sHnAedB54HnwegB6EHogejB6QHpQemB6cHqAepB6oHqwesB60HrgevB7AHsQeyB7MHtAe1B7YHtwe4B7kHuge7B7wHvQe+B78HwAfBB8IHwwfEB8UHxgfHB8gHyQfKB8sHzAfNB84HzwfQB9EH0gfTB9QH1QfWB9cH2AfZB9oH2wfcB90H3gffB+AH4QfiB+MH5AflB+YH5wfoB+kH6gfrB+wH7QfuB+8H8AfxB/IH8wf0B/UH9gf3B/gH+Qf6B/sH/Af9B/4H/wgACAEIAggDCAQIBQgGCAcICAgJCAoICwgMCA0IDggPCBAIEQgSCBMIFAgVCBYIFwgYCBkIGggbCBwIHQgeCB8IIAghCCIIIwgkCCUIJggnCCgIKQgqCCsILAgtCC4ILwgwCDEIMggzCDQINQg2CDcIOAg5CDoIOwg8CD0IPgg/CEAIQQhCCEMIRAhFCEYIRwhICEkISghLIPsMt/oktwH3ELf5LLcD9xD6BBX+fPmE+nwH/Vj+JxX50gf3xfwzBaawFfvF+DcF+PYGpmIV/dIH+8X4MwVwZhX3xfw3Bfz2Bg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODgABAQEK+B8MJpocGSQS+46LHAVGiwa9Cr0L+ucVAAPoAHwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAA"); } .clearfix:after, .report:after { content: ""; clear: both; display: table; } .hide { display: none; } .divider { background: #CCC; height: 1px; margin: 25px 0 40px 0; overflow: hidden; } .disabled { opacity: .1; pointer-events: none; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .img-left { float: left; margin: 0 10px 10px 0; } .img-right { float: right; margin: 0 0 10px 10px; } .pull-left { float: left; } .pull-right { float: right; } .text-overflow { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } a.button, .button { font-weight: 300; color: #FFF; } [class^="show-"], [class*=" show-"] { display: none !important; } @media screen and (max-width: 600px) { body:before { content: "phone"; display: none !important; } .hide-phone { display: none !important; } .show-phone { display: block !important; } .show-phone-inline { display: inline !important; } .show-phone-inline-block { display: inline-block !important; } table.show-phone { display: table !important; } tr.show-phone { display: table-row !important; } th.show-phone, td.show-phone { display: table-cell !important; } } @media screen and (min-width: 601px) and (max-width: 1000px) { body:before { content: "tablet"; display: none !important; } .hide-tablet { display: none !important; } .show-tablet { display: block !important; } .show-tablet-inline { display: inline !important; } .show-tablet-inline-block { display: inline-block !important; } table.show-tablet { display: table !important; } tr.show-tablet { display: table-row !important; } th.show-tablet, td.show-tablet { display: table-cell !important; } } @media screen and (min-width: 1001px) and (max-width: 1160px) { body:before { content: "laptop"; display: none !important; } .hide-laptop { display: none !important; } .show-laptop { display: block !important; } .show-laptop-inline { display: inline !important; } .show-laptop-inline-block { display: inline-block !important; } table.show-laptop { display: table !important; } tr.show-laptop { display: table-row !important; } th.show-laptop, td.show-laptop { display: table-cell !important; } } @media screen and (min-width: 1161px) and (max-width: 1300px) { body:before { content: "desktop"; display: none !important; } .hide-desktop { display: none !important; } .show-desktop { display: block !important; } .show-desktop-inline { display: inline !important; } .show-desktop-inline-block { display: inline-block !important; } table.show-desktop { display: table !important; } tr.show-desktop { display: table-row !important; } th.show-desktop, td.show-desktop { display: table-cell !important; } } @media screen and (min-width: 1301px) { body:before { content: "widescreen"; display: none !important; } .hide-widescreen { display: none !important; } .show-widescreen { display: block !important; } .show-widescreen-inline { display: inline !important; } .show-widescreen-inline-block { display: inline-block !important; } table.show-widescreen { display: table !important; } tr.show-widescreen { display: table-row !important; } th.show-widescreen, td.show-widescreen { display: table-cell !important; } } /*------------------------------------------------------------------------------ Breakpoints ------------------------------------------------------------------------------*/ @media screen and (min-width: 1001px) and (orientation: portrait), screen and (min-height: 1001px) and (orientation: landscape), screen and (min-width: 1025px) { body:before { content: "desktop"; display: none; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { body:before { content: "tablet"; display: none; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { body:before { content: "phone"; display: none; } } /*------------------------------------------------------------------------------ DOM Element ------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------ Html & Body ------------------------------------------------------------------------------*/ html { margin: 0; padding: 0; font-size: 16px; min-height: 100%; position: relative; } body { margin: 0; padding: 0; line-height: 1.375em; background: #FFF; color: #000; font-family: "Mercury Text G1 A", "Mercury Text G1 B"; min-width: 1160px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media screen and (max-width: 1160px) { body { min-width: 100%; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { body { min-width: 0; } } body body.is-phone { min-width: 0; } body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*------------------------------------------------------------------------------ headings ------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em 0; padding: 0; font-family: "Whitney A", "Whitney B"; font-weight: 600; color: inherit; } h1 { font-size: 7.1875rem; line-height: 0.9565217391em; letter-spacing: 0.0173913043rem; } h2 { font-size: 3.75rem; line-height: 1.0833333333em; font-weight: 700; } h3 { font-size: 1.875rem; line-height: 1.2em; } h4 { font-family: "Mercury Display A", "Mercury Display B"; font-size: 1.75rem; line-height: 1.25em; font-weight: 300; } h5 { font-size: 1rem; line-height: 1em; text-transform: uppercase; } h6 { font-size: 0.75rem; line-height: 1em; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { h1 { font-size: 3.75rem; line-height: 1em; } h2 { font-size: 2.5rem; line-height: 1.1em; } h3 { font-size: 1.375rem; line-height: 1.1363636364em; } h4 { font-size: 1.25rem; line-height: 1.3em; } } body.is-tablet h1 { font-size: 3.75rem; line-height: 1em; } body.is-tablet h2 { font-size: 2.5rem; line-height: 1.1em; } body.is-tablet h3 { font-size: 1.375rem; line-height: 1.1363636364em; } body.is-tablet h4 { font-size: 1.25rem; line-height: 1.3em; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { h2 { font-size: 1.875rem; line-height: 1em; } } body.is-phone h2 { font-size: 1.875rem; line-height: 1em; } /*------------------------------------------------------------------------------ links ------------------------------------------------------------------------------*/ a { color: inherit; outline: none; text-decoration: none; } a:hover { color: inherit; text-decoration: underline; } h1 a, h2 a { color: inherit; } /*------------------------------------------------------------------------------ Text ------------------------------------------------------------------------------*/ p { margin: 0 0 1.25em; padding: 0; } small { font-size: 0.75rem; line-height: 1.8333333333em; font-style: italic; } em { font-style: italic; } sup { font-size: 0.75rem; line-height: 1em; display: inline-block; letter-spacing: 0; position: relative; vertical-align: middle; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { p { font-size: 1rem; line-height: 1.375em; } } body.is-phone p { font-size: 1rem; line-height: 1.375em; } /*------------------------------------------------------------------------------ Lists ------------------------------------------------------------------------------*/ ul, ol { margin: 0 0 1.2em 0; padding: 0; list-style-position: inside; } ul ul, ul ol, ol ul, ol ol { margin-left: 20px; margin-bottom: 0; } ul { list-style-type: disc; } ol { list-style-type: decimal; } /*------------------------------------------------------------------------------ images ------------------------------------------------------------------------------*/ img { border: 0; height: auto; max-width: 100%; vertical-align: top; } svg { vertical-align: top; } /*------------------------------------------------------------------------------ tables ------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------ forms ------------------------------------------------------------------------------*/ input[type="text"], input[type="password"], textarea, .dropdown { font-family: "Mercury Display A", "Mercury Display B"; font-size: 1.75rem; line-height: 1em; font-style: normal; background: #dde0e9; border: none; border-radius: 20px; color: #a7a9b0; display: inline-block; padding: 19px 23px; } input[type="text"].placeholder, input[type="password"].placeholder, textarea.placeholder, .dropdown.placeholder { line-height: 1em; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, .dropdown::-moz-placeholder { line-height: 1em; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .dropdown::-webkit-input-placeholder { line-height: 1em; } .dropdown { text-align: left; overflow: hidden; padding-right: 50px; vertical-align: middle; } .dropdown:before { top: 0; right: 0; bottom: 0; position: absolute; background: #FFF; border-radius: inherit; content: ''; width: 50px; } .dropdown-label { white-space: nowrap; } .dropdown-knob { background-image: url(../2017-images/icons/down-big-arrow-orange.png); background-repeat: no-repeat; height: 12px; width: 17px; top: 50%; right: 16px; position: absolute; display: block; margin-top: -6px; } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .dropdown-knob { /* on retina, use image that's scaled by 2 */ background-image: url(../2017-images/icons/down-big-arrow-orange@2x.png); background-size: 17px 12px; } } button, input[type="button"], input[type="submit"], textarea { border: none; padding: 10px 20px; } form input[type="text"], form input[type="password"], form textarea, form .dropdown { margin-bottom: 20px; width: 100%; } form input[type="text"].placeholder, form input[type="password"].placeholder, form textarea.placeholder, form .dropdown.placeholder { font-style: italic; } form input[type="text"]::-moz-placeholder, form input[type="password"]::-moz-placeholder, form textarea::-moz-placeholder, form .dropdown::-moz-placeholder { font-style: italic; } form input[type="text"]::-webkit-input-placeholder, form input[type="password"]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form .dropdown::-webkit-input-placeholder { font-style: italic; } /*------------------------------------------------------------------------------ other (source: h5bp.com) ------------------------------------------------------------------------------*/ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /*------------------------------------------------------------------------------ print (source: h5bp.com) ------------------------------------------------------------------------------*/ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*------------------------------------------------------------------------------ Classes ------------------------------------------------------------------------------*/ .clearfix:after, .report:after { content: ""; clear: both; display: table; } .cta { font-weight: 600; display: inline-block; position: relative; text-decoration: none; white-space: nowrap; } .cta:hover:after { border-bottom-color: #FFF; } a.button, .button, button, input[type="button"], input[type="submit"], textarea { letter-spacing: 0.025em; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; font-weight: 600; background: #000; border-radius: 45px; border: none; color: #FFF; cursor: pointer; display: inline-block; min-height: 45px; margin-bottom: 10px; padding: 0 22px; text-decoration: none; text-align: center; vertical-align: middle; outline: none; } .button:hover, button:hover, input:hover[type="button"], input:hover[type="submit"], textarea:hover { background: #577b9f; color: #FFF; text-decoration: none; } /*------------------------------------------------------------------------------ Helpers ------------------------------------------------------------------------------*/ .button { border: none; } a.button { padding-bottom: 10px; padding-top: 12px; } .hide { display: none; } .divider { background: #CCC; height: 1px; margin: 25px 0 40px 0; overflow: hidden; } .disabled { opacity: .1; pointer-events: none; } .box { font-family: "Whitney A", "Whitney B"; font-size: 1.875rem; line-height: 1.2em; font-weight: 600; border: 4px solid #000; padding: 10px 15px; } .big, section.section-5-solutions p { font-size: 1.75rem; line-height: 1.25em; letter-spacing: -0.0071428571rem; } .tilted, .skin-line-chart .column-values { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: left center; -webkit-transform-origin: left center; transform-origin: left center; } .rotated, .article-trigger .tab { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; white-space: nowrap; } .align-center { text-align: center; } .row { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .row:after { content: ""; clear: both; display: table; } .row > *, .row > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 40px); /* Firefox v4-15 */ width: calc(50% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .row-3 { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .row-3:after { content: ""; clear: both; display: table; } .row-3 > *, .row-3 > *:nth-child(n) { width: 30.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(33.3333333333% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(33.3333333333% - 40px); /* Firefox v4-15 */ width: calc(33.3333333333% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .row-4 { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .row-4:after { content: ""; clear: both; display: table; } .row-4 > *, .row-4 > *:nth-child(n) { width: 22%; /* Fallback if unsupported */ width: -webkit-calc(25% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(25% - 40px); /* Firefox v4-15 */ width: calc(25% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .row-5 { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .row-5:after { content: ""; clear: both; display: table; } .row-5 > *, .row-5 > *:nth-child(n) { width: 17%; /* Fallback if unsupported */ width: -webkit-calc(20% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(20% - 40px); /* Firefox v4-15 */ width: calc(20% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .word .highlight { background: #f1532e; line-height: 1.25em; color: #FFF; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .big, section.section-5-solutions p { font-size: 1.25rem; line-height: 1.25em; letter-spacing: 0rem; } .box { font-size: 1.375rem; line-height: 1.1363636364em; border-width: 3px; padding: 8px 12px; margin: 0 auto; } .row, .row-3, .row-4, .row-5 { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .row > *, .row > *:nth-child(n), .row-3 > *, .row-3 > *:nth-child(n), .row-4 > *, .row-4 > *:nth-child(n), .row-5 > *, .row-5 > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } } body.is-tablet .big, body.is-tablet section.section-5-solutions p, section.section-5-solutions body.is-tablet p { font-size: 1.25rem; line-height: 1.25em; letter-spacing: 0rem; } body.is-tablet .box { font-size: 1.375rem; line-height: 1.1363636364em; border-width: 3px; padding: 8px 12px; margin: 0 auto; } body.is-tablet .row, body.is-tablet .row-3, body.is-tablet .row-4, body.is-tablet .row-5 { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } body.is-tablet .row > *, body.is-tablet .row > *:nth-child(n), body.is-tablet .row-3 > *, body.is-tablet .row-3 > *:nth-child(n), body.is-tablet .row-4 > *, body.is-tablet .row-4 > *:nth-child(n), body.is-tablet .row-5 > *, body.is-tablet .row-5 > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } /*------------------------------------------------------------------------------ Report ------------------------------------------------------------------------------*/ .report { padding-bottom: 43px; } .report .image { float: left; margin-right: 22px; height: 207px; width: 160px; } .report .info { float: left; width: 300px; } .report h5 { font-family: "Mercury Text G1 A", "Mercury Text G1 B"; font-size: 1rem; line-height: 1.25em; font-weight: 600; color: #f1532e; margin-bottom: 3px; text-transform: none; } .report h5 strong { font-family: "Whitney A", "Whitney B"; font-weight: 600; font-style: normal; text-transform: uppercase; } .report p { font-size: 0.75rem; line-height: 1.1666666667em; color: #7a7875; } .report .button { font-style: normal; color: #FFF; display: inline-block; margin-top: 5px; } @media screen and (max-width: 1300px) { .report .info { width: 250px; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .report .image { margin: 0 0 17px -20px; height: 260px; width: 200px; } } .report body.is-tablet .image { margin: 0 0 17px -20px; height: 260px; width: 200px; } @media screen and (max-width: 800px) { .report .info h5 { max-width: 200px; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .report .image { margin-left: -10px; } .report .info { padding-left: 40px; } } .report body.is-phone .image { margin-left: -10px; } .report body.is-phone .info { padding-left: 40px; } /*------------------------------------------------------------------------------ Charts ------------------------------------------------------------------------------*/ .chart-legend { margin: 0 0 10px 0; padding: 4px 0; list-style: none; } .chart-legend li { font-style: italic; padding: 0 0 2px 26px !important; position: relative; line-height: 1em; } .chart-legend .color-box { display: inline-block; height: 16px; width: 16px; position: absolute; top: 50%; left: 0; margin-top: -8px; vertical-align: middle; } .skin-donut-chart .chart-center-title .inside { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-style: italic; font-weight: 600; text-align: center; padding: 0 25px; width: 100%; z-index: 1; } .skin-donut-chart .chart-center-title .inside strong { font-family: "Mercury Display A", "Mercury Display B"; font-size: 5rem; line-height: 0.8125em; font-weight: 300; margin-bottom: 5px; display: block; } .skin-donut-chart .chart-center-title .inside em { font-family: "Whitney A", "Whitney B"; font-size: 1rem; line-height: 1.125em; font-weight: 600; font-style: normal; text-transform: uppercase; } .skin-donut-chart .value-label { font-family: "Whitney A", "Whitney B"; font-size: 0.75rem; line-height: 1.6666666667em; font-weight: 600; display: none; color: #fff; } .skin-donut-chart .value-label > span { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; padding: 3px 7px; position: absolute; top: 50%; min-width: 110px; white-space: nowrap; z-index: 1; } .skin-donut-chart .value-label small { font-size: 1em; line-height: 1.2em; font-style: normal; display: block; padding-bottom: 4px; } .skin-donut-chart .value-label .left { background-image: url(../2017-images/value-blue1-left.svg); background-repeat: no-repeat; background-position: right center; background-size: cover; right: 0; padding-right: 30px; text-align: left; } .skin-donut-chart .value-label .left.light-blue { background-image: url(../2017-images/value-blue2-left.svg); } .skin-donut-chart .value-label .left.dark-blue { background-image: url(../2017-images/value-blue3-left.svg); } .skin-donut-chart .value-label .left.light-red { background-image: url(../2017-images/value-lightred-left.svg); } .skin-donut-chart .value-label .left.red { background-image: url(../2017-images/value-red-left.svg); } .skin-donut-chart .value-label .left.black { background-image: url(../2017-images/value-black-left.svg); } .skin-donut-chart .value-label .right { background-image: url(../2017-images/value-blue1-right.svg); background-repeat: no-repeat; background-position: left center; background-size: cover; left: 0; padding-left: 40px; text-align: right; } .skin-donut-chart .value-label .right.light-blue { background-image: url(../2017-images/value-blue2-right.svg); } .skin-donut-chart .value-label .right.dark-blue { background-image: url(../2017-images/value-blue3-right.svg); } .skin-donut-chart .value-label .right.light-red { background-image: url(../2017-images/value-lightred-right.svg); } .skin-donut-chart .value-label .right.red { background-image: url(../2017-images/value-red-right.svg); } .skin-donut-chart .value-label .right.black { background-image: url(../2017-images/value-black-right.svg); } .skin-donut-chart .value-label.over { display: block; } .skin-line-chart { height: 418px; position: relative; } .skin-line-chart .column:before { top: 0; right: 50%; bottom: 0; position: absolute; background: #eff0f4; content: ''; display: block; width: 1px; } .skin-line-chart .column span { font-family: "Whitney A", "Whitney B"; font-size: 0.75rem; line-height: 1.6666666667em; font-weight: 600; top: 100%; right: 0; position: absolute; color: #57585a; margin-top: -1px; text-align: center; width: 100%; } .skin-line-chart .column-values { position: absolute; top: 8px; left: 50%; font-family: "Whitney A", "Whitney B"; font-size: 0.75rem; line-height: 1.6666666667em; font-weight: 600; background-image: url(../2017-images/bg-notes.svg); background-repeat: no-repeat; background-position: center center; margin: 0; padding: 0; list-style: none; -webkit-transition: opacity 0.2s, margin 0.2s; -moz-transition: opacity 0.2s, margin 0.2s; -ms-transition: opacity 0.2s, margin 0.2s; -o-transition: opacity 0.2s, margin 0.2s; transition: opacity 0.2s, margin 0.2s; color: #fff; height: 40px; text-align: right; margin-top: 20px; opacity: 0; padding-right: 7px; width: 98px; z-index: 1; } .skin-line-chart .column-values li { padding-bottom: 0 !important; } .skin-line-chart .column.over .column-values { margin-top: 0; opacity: 1; } .skin-line-chart .chart-graphic { height: 330px; margin-bottom: 22px; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .skin-line-chart { height: 370px; /* .column span{ padding-left:50%; text-align:left; } */ } .skin-line-chart .chart-graphic { margin-bottom: 29px; height: 230px; } } .skin-line-chart body.is-tablet { height: 370px; /* .column span{ padding-left:50%; text-align:left; } */ } .skin-line-chart body.is-tablet .chart-graphic { margin-bottom: 29px; height: 230px; } .skin-bar-chart .label.-barStart { font-family: "Whitney A", "Whitney B"; font-size: 0.75rem; line-height: 1em; font-weight: 600; padding-top: 5px; } .skin-bar-chart .label.-axisRow { font-family: "Whitney A", "Whitney B"; font-size: 0.75rem; line-height: 1em; font-weight: 600; margin-left: -20px; padding-bottom: 8px; } .skin-bar-chart .legend { font-style: italic; } .skin-bar-chart .legend .title { font-family: "Mercury Text G1 A", "Mercury Text G1 B"; font-size: 1rem; line-height: 1em; text-transform: none; margin-bottom: 3px; } .skin-bar-chart .legend .legend-list { font-size: 1rem; line-height: 1em; line-height: 1.2em; } .skin-bar-chart .legend .legend-list li { position: relative; padding-left: 25px; padding-bottom: 1px; } .skin-bar-chart .legend .legend-box { position: absolute; top: 2px; left: 0; } /*------------------------------------------------------------------------------ Carousel ------------------------------------------------------------------------------*/ .skin-carousel { margin-bottom: 39px; } .skin-carousel .carousel-slides > div { padding-bottom: 68px; } .skin-carousel .carousel-navigation { text-align: center; } .skin-carousel .carousel-navigation-inside { font-family: "Whitney A", "Whitney B"; font-size: 0.75rem; line-height: 1em; display: inline-block; margin-top: 0; padding: 5px 24px; position: relative; } .skin-carousel .carousel-navigation-inside .previous, .skin-carousel .carousel-navigation-inside .next { background: rgba(0, 0, 0, 0); padding: 10px; position: absolute; margin: -10px; top: 0; } .skin-carousel .carousel-navigation-inside .previous { left: 0; } .skin-carousel .carousel-navigation-inside .next { right: 0; } .skin-carousel .carousel-pagination { margin-bottom: -6px; text-align: center; } .skin-carousel .carousel-pagination a { display: inline-block; border-radius: 50%; height: 7px; width: 7px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; background: #c8c0cb; margin: 0 2.5px; } .skin-carousel .carousel-pagination a.selected { background: #f1532e; } .skin-carousel .carousel-pagination span { display: none; } .skin-carousel.is-empty .carousel-navigation, .skin-carousel.is-empty .carousel-pagination { display: none; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .skin-carousel { margin-bottom: 90px; } .skin-carousel .carousel-slides > div { padding-bottom: 10px; } } .skin-carousel body.is-phone { margin-bottom: 90px; } .skin-carousel body.is-phone .carousel-slides > div { padding-bottom: 10px; } /*------------------------------------------------------------------------------ Article triggers ------------------------------------------------------------------------------*/ .article-trigger { position: absolute; top: 0; right: 0; -webkit-transition: width 0.5s linear; -moz-transition: width 0.5s linear; -ms-transition: width 0.5s linear; -o-transition: width 0.5s linear; transition: width 0.5s linear; z-index: 30; overflow: hidden; width: 70px; max-width: 300px; } .article-trigger a { background: #000; color: #FFF; display: block; height: 260px; padding: 12px 5px 15px 78px; position: relative; width: 300px; } .article-trigger .tab { position: absolute; top: 20px; left: 54px; white-space: nowrap; } .article-trigger .tab span { font-family: "Mercury Text G1 A", "Mercury Text G1 B"; font-size: 1rem; line-height: 1.125em; display: block; padding: 0; } .article-trigger strong { font-family: "Whitney A", "Whitney B"; font-size: 1.875rem; line-height: 1.2em; font-weight: 600; padding: 0 0 0 10px; display: block; } .article-trigger:before { top: 20px; right: auto; bottom: 20px; left: 70px; position: absolute; background-color: #FFF; content: ''; width: 3px; z-index: 1; } .article-trigger:hover { width: 100%; } .article-trigger:hover a { color: #FFF; text-decoration: none; } @-webkit-keyframes tada-article { 0% { width: 78px; } 30%, 50%, 70%, 90% { width: 88px; } 100% { width: 78px; } } @-moz-keyframes tada-article { 0% { width: 78px; } 30%, 50%, 70%, 90% { width: 88px; } 100% { width: 78px; } } @-ms-keyframes tada-article { 0% { width: 78px; } 30%, 50%, 70%, 90% { width: 88px; } 100% { width: 78px; } } @-o-keyframes tada-article { 0% { width: 78px; } 30%, 50%, 70%, 90% { width: 88px; } 100% { width: 78px; } } @keyframes tada-article { 0% { width: 78px; } 30%, 50%, 70%, 90% { width: 88px; } 100% { width: 78px; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .article-trigger { position: relative; margin-top: 20px; max-width: none; text-align: right; width: auto; } .article-trigger a { display: inline-block; height: auto !important; padding: 17px 19px 15px 19px; text-align: left; min-width: 185px; width: auto; } .article-trigger .tab { -webkit-transform: none; -ms-transform: none; transform: none; font-weight: 600; position: static; } .article-trigger strong { display: none; } .article-trigger:before { display: none; } .article-trigger:hover { width: auto; } } .article-trigger body.is-tablet { position: relative; margin-top: 20px; max-width: none; text-align: right; width: auto; } .article-trigger body.is-tablet a { display: inline-block; height: auto !important; padding: 17px 19px 15px 19px; text-align: left; min-width: 185px; width: auto; } .article-trigger body.is-tablet .tab { -webkit-transform: none; -ms-transform: none; transform: none; font-weight: 600; position: static; } .article-trigger body.is-tablet strong { display: none; } .article-trigger body.is-tablet:before { display: none; } .article-trigger body.is-tablet:hover { width: auto; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .article-trigger { margin: 0 0 10px 0; } .article-trigger[data-target] { display: none; } .article-trigger a { min-width: 0; } .article-trigger .tab { white-space: normal; text-align: right; } .article-trigger .tab span { display: none; } } .article-trigger body.is-phone { margin: 0 0 10px 0; } .article-trigger body.is-phone[data-target] { display: none; } .article-trigger body.is-phone a { min-width: 0; } .article-trigger body.is-phone .tab { white-space: normal; text-align: right; } .article-trigger body.is-phone .tab span { display: none; } body.is-loading .article-trigger { width: 0; } #article-trigger-1 a { height: 170px; } #article-trigger-2 a { height: 310px; } #article-trigger-3 a { height: 290px; } #article-trigger-4 a { height: 180px; } #article-trigger-6 a { height: 320px; } #article-trigger-7 a { height: 180px; } #article-trigger-8 a { height: 250px; } #article-trigger-9 a { height: 170px; } #article-trigger-10 a { height: 290px; } #article-trigger-11 a { height: 190px; } /*------------------------------------------------------------------------------ Footnotes ------------------------------------------------------------------------------*/ [data-footnote] { display: none; } .footnote { display: inline-block !important; cursor: help; text-transform: none; position: relative; } .footnote sup { font-family: "Whitney A", "Whitney B"; font-size: 10px; line-height: 1.6em; font-weight: 600; font-weight: 600; top: auto; vertical-align: top; } .footnote .tooltip { font-family: "Whitney A", "Whitney B"; font-size: 12px; line-height: 1.3333333333em; font-weight: 600; font-weight: 600; position: absolute; bottom: 100%; left: 0; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity 0.2s linear 0.1s, margin-bottom 0.2s linear 0.1s; -moz-transition: opacity 0.2s linear 0.1s, margin-bottom 0.2s linear 0.1s; -ms-transition: opacity 0.2s linear 0.1s, margin-bottom 0.2s linear 0.1s; -o-transition: opacity 0.2s linear 0.1s, margin-bottom 0.2s linear 0.1s; transition: opacity 0.2s linear 0.1s, margin-bottom 0.2s linear 0.1s; background: #000; color: #FFF; opacity: 0; margin: 0 0 0 2px; padding: 10px; text-align: left; pointer-events: none; width: 170px; word-break: break-all; } .footnote .tooltip:after { border: 6px solid transparent; content: ''; height: 0; position: absolute; width: 0; z-index: 1; margin-left: -6px; /* @if index(top top-left top-right, $direction) {margin-bottom:-1px;} @elseif index(bottom bottom-left bottom-right, $direction) {margin-top:-1px;} @elseif index(left left-top left-bottom, $direction) {margin-right:-1px;} @elseif index(right right-top right-bottom, $direction) {margin-left:-1px;} */ left: 50%; right: auto; border-top-color: #000; top: 100%; } .footnote:hover .tooltip { opacity: 1; margin-bottom: 5px; pointer-events: auto; } .footnote.mobile-footnote { display: none !important; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .footnote { display: block !important; } .footnote sup { display: none; } .footnote .tooltip { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); font-weight: 300; color: #000; background: none; position: static; opacity: 1; padding: 3px 0 10px 0; margin: 0 !important; width: auto; } .footnote .tooltip:before, .footnote .tooltip:after { display: none; margin: auto; } .footnote.desktop-footnote { display: none !important; } .footnote.mobile-footnote { display: block !important; } } .footnote body.is-tablet { display: block !important; } .footnote body.is-tablet sup { display: none; } .footnote body.is-tablet .tooltip { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); font-weight: 300; color: #000; background: none; position: static; opacity: 1; padding: 3px 0 10px 0; margin: 0 !important; width: auto; } .footnote body.is-tablet .tooltip:before, .footnote body.is-tablet .tooltip:after { display: none; margin: auto; } .footnote body.is-tablet.desktop-footnote { display: none !important; } .footnote body.is-tablet.mobile-footnote { display: block !important; } /*------------------------------------------------------------------------------ Responsive ------------------------------------------------------------------------------*/ [class^="only-"], [class*=" only-"], [data-media] { display: none; } @media screen and (min-width: 1001px) and (orientation: portrait), screen and (min-height: 1001px) and (orientation: landscape), screen and (min-width: 1025px) { [data-media^="desktop"], [data-media*=",desktop"], .only-desktop { display: block; } } @media screen and (min-width: 601px) and (max-width: 1000px), screen and (min-device-width: 601px) and (max-device-width: 1000px) and (orientation: landscape) { [data-media^="tablet"], [data-media*=",tablet"], .only-tablet { display: block; } } body.is-tablet [data-media^="tablet"], body.is-tablet [data-media*=",tablet"], body.is-tablet .only-tablet { display: block; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { [data-media^="phone"], [data-media*=",phone"], .only-phone { display: block; } } body.is-phone [data-media^="phone"], body.is-phone [data-media*=",phone"], body.is-phone .only-phone { display: block; } /*------------------------------------------------------------------------------ Layout ------------------------------------------------------------------------------*/ html { overflow-x: hidden; } html.state-articles-open { overflow: hidden; } .container { box-sizing: content-box; margin: 0 auto; position: relative; padding-left: 10px; padding-right: 10px; width: 1160px; } @media screen and (max-width: 1160px) { .container { width: auto; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .container { padding-left: 40px; padding-right: 40px; } } .container body.is-tablet { padding-left: 40px; padding-right: 40px; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .container { padding-left: 20px; padding-right: 20px; } } .container body.is-phone { padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .app-inside { overflow: hidden; } } body.is-tablet .app-inside { overflow: hidden; } .menu { top: 0; bottom: 0; left: 0; position: fixed; z-index: 70; font-family: "Whitney A", "Whitney B"; font-weight: 600; background: #f5f5f7; max-width: 80%; width: 780px; } .menu button { position: absolute; top: 0; left: 0; background: none; padding: 34px 38px 34px 38px; } .menu button line { stroke: #000; } .menu .menu-inside { height: 100%; padding: 140px 90px 0 249px; overflow: auto; } .menu ul { margin: 0; padding: 0; list-style: none; } .menu .menu-inside > ul > li { padding-bottom: 30px; } .menu .menu-inside > ul > li span { font-size: 1rem; line-height: 1.25em; color: #a83b20; display: block; margin-bottom: 5px; text-transform: uppercase; } .menu .menu-inside > ul > li strong { font-size: 1.875rem; line-height: 1.2em; display: block; margin-bottom: 8px; } .menu ul ul { margin-left: 38px; } .menu ul ul li { border-bottom: 1px solid #FFF; padding: 8px 0; color: #000; } .menu ul ul li a { font-size: 1.25rem; line-height: 1em; } .menu a:hover { color: #ef532c; text-decoration: none; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .menu .menu-inside { padding: 80px 40px 0 100px; } } .menu body.is-tablet .menu-inside { padding: 80px 40px 0 100px; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .menu { max-width: 100%; } .menu button { padding: 12px 38px 34px 18px; } .menu .menu-inside { padding: 74px 20px 0 20px; } .menu .menu-inside > ul > li { padding-right: 30px; padding-bottom: 10px; } .menu .menu-inside > ul > li strong { font-size: 1.75rem; line-height: 1em; } .menu .menu-inside > ul > li span { margin-bottom: 2px; } .menu ul ul { display: none; } } .menu body.is-phone { max-width: 100%; } .menu body.is-phone button { padding: 12px 38px 34px 18px; } .menu body.is-phone .menu-inside { padding: 74px 20px 0 20px; } .menu body.is-phone .menu-inside > ul > li { padding-right: 30px; padding-bottom: 10px; } .menu body.is-phone .menu-inside > ul > li strong { font-size: 1.75rem; line-height: 1em; } .menu body.is-phone .menu-inside > ul > li span { margin-bottom: 2px; } .menu body.is-phone ul ul { display: none; } .mobile-extras { top: 0; bottom: 0; left: 0; position: fixed; z-index: 70; background: #FFF; text-align: center; width: 100%; } .mobile-extras .inside { height: 100%; overflow: auto; } .mobile-extras section { padding: 90px 0 40px 0; } .mobile-extras h6 { font-family: "Mercury Text G1 A", "Mercury Text G1 B"; font-size: 1rem; line-height: 1.375em; font-weight: 600; font-style: italic; margin-bottom: 15px; text-align: left; } .mobile-extras h3 { text-align: left; } .mobile-extras .block { margin-bottom: 10px; } .mobile-extras .region-data, .mobile-extras .tracking-data { font-family: "Whitney A", "Whitney B"; font-size: 12px; line-height: 1em; font-weight: 600; text-align: left; overflow: hidden; } .mobile-extras .region-data > *, .mobile-extras .tracking-data > * { padding-bottom: 5px; } .mobile-extras .region-data .value, .mobile-extras .region-data .title, .mobile-extras .tracking-data .value, .mobile-extras .tracking-data .title { float: left; } .mobile-extras .region-data .value, .mobile-extras .tracking-data .value { padding-right: 5px; text-align: right; width: 40%; } .mobile-extras .region-data .title, .mobile-extras .tracking-data .title { padding-left: 5px; width: 60%; } .mobile-extras .back { display: inline-block; margin-top: 20px; } .mobile-extras .back span { display: none; } .mobile-extras .top-back { margin: 0 0 30px 0; } .mobile-extras .top-back .back { margin-top: 0; } .mobile-extras .footnote { display: none !important; } .navigation { top: 0; left: 0; position: fixed; z-index: 69; background: #f1532e; height: 90px; padding: 10px 10px; white-space: nowrap; width: 100px; } .navigation nav { border-radius: 60px; display: inline-block; height: 70px; padding: 7px 23px 7px 0; position: relative; vertical-align: middle; } .navigation img { max-width: none; } .navigation .open-menu, .navigation .close-menu { display: inline-block; padding: 14px 20px 14px 24px; vertical-align: top; } .navigation .open-menu line, .navigation .close-menu line { -webkit-transition: stroke 0.1s; -moz-transition: stroke 0.1s; -ms-transition: stroke 0.1s; -o-transition: stroke 0.1s; transition: stroke 0.1s; stroke: white; } .navigation .open-menu:hover line, .navigation .close-menu:hover line { stroke: white; } .navigation .close-menu { padding: 17px 26px 14px 28px; } .navigation .logo-small { display: inline-block; vertical-align: top; } .navigation .share { display: inline-block; margin: 1px 0 0 5px; vertical-align: top; white-space: nowrap; } .navigation .share a { display: inline-block; vertical-align: top; } .navigation .share a path { -webkit-transition: fill 0.1s; -moz-transition: fill 0.1s; -ms-transition: fill 0.1s; -o-transition: fill 0.1s; transition: fill 0.1s; fill: #d3d4d7; } .navigation .share a:hover path { fill: #f1532e; } .navigation .share a.facebook { padding: 20px 5px; } .navigation .share a.twitter { padding: 21px 0; } .navigation .share a.linkedin { padding: 20px 6px; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .navigation { border-radius: 0; } .navigation .share { background: #eaeaec; border-radius: 0 60px 60px 0; float: left; height: 50px; margin: 0; padding-right: 10px; } .navigation .share a.facebook { padding: 11px 3px; } .navigation .share a.twitter { padding: 12px 0; } .navigation .share a.linkedin { padding: 11px 6px; } .navigation .logo-small { margin-top: -4px; width: 99px; } } .navigation body.is-tablet { border-radius: 0; } .navigation body.is-tablet .share { background: #eaeaec; border-radius: 0 60px 60px 0; float: left; height: 50px; margin: 0; padding-right: 10px; } .navigation body.is-tablet .share a.facebook { padding: 11px 3px; } .navigation body.is-tablet .share a.twitter { padding: 12px 0; } .navigation body.is-tablet .share a.linkedin { padding: 11px 6px; } .navigation body.is-tablet .logo-small { margin-top: -4px; width: 99px; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .navigation { padding: 0; height: auto; width: auto; } .navigation .open-menu { padding: 14px 20px 7px 20px; } .navigation nav { padding: 0; height: auto; } .navigation svg { width: 15px; } } .navigation body.is-phone { padding: 0; height: auto; width: auto; } .navigation body.is-phone .open-menu { padding: 14px 20px 7px 20px; } .navigation body.is-phone nav { padding: 0; height: auto; } .navigation body.is-phone svg { width: 15px; } .main { z-index: 30; } .main section { position: relative; } .section-6-readings { padding-top: 69px; padding-bottom: 108px; } .section-6-readings h2 { margin-bottom: 46px; } .section-6-readings .box { margin: 51px 16px 10px; text-align: center; } .section-6-readings .box:first-of-type { margin-top: 0; } .section-6-readings .article-trigger { margin-right: -20px; } /* .intro{ @include background-image("bg-dotted.gif", repeat, $valign:top, $width:20px, $height:20px); height:775px; .container{ padding-top:230px; } .logo{ @include corner(tr, -31px, 70px); background:#FFF; padding:10px 0 20px 30px; max-width:none; } h1{ @include font-bold(900); @include font-size(80); background:white; margin-left:2px; margin-bottom:15px; padding:0 150px 21px 10px; max-width:980px; } h4{ @include font-size(22); background:white; margin-left:-5px; padding:15px 30px 15px 30px; width:655px; } small{ @include corner(br, 6px, -111px); @include font-size(16); @include font-italic(true); background:white; padding:15px; a{ text-decoration:underline; } } @include max-screen ($window-size-ml) { .logo{ right:20px; } h1{ @include font-size(80); margin-right:50px; } } @include tablet { height:auto; padding-bottom:268px; .container{ padding-top:337px; } .logo{ right:84px; top:119px; width:340px; } h1{ @include font-size(60, $line-height:60); padding:6px 24px 1px 24px; margin-bottom:60px; margin-left:0; margin-right:50px; } h4{ margin-left:18px; margin-bottom:0; padding-bottom:13px; padding-left:16px; max-width:600px; } small{ @include font-size(12, $line-height:16); display:block; margin-left:17px; padding-bottom:10px; padding-top:12px; position:static; max-width:402px; } } @include phone { background-position:8px 9px; padding-bottom:40px; .container{ padding-top:76px; } .logo{ display:none; } h1{ @include font-size(40, $line-height:40, $letter-spacing:0.2); padding:24px 24px 5px 9px; margin-bottom:12px; margin-right:0; width:235px; } h4{ @include font-size(16, $line-height:22); margin-bottom:29px; padding:9px 0 15px 11px; width:300px; } small{ @include font-size(12, $line-height:16); margin-left:-5px; padding-top:8px; } }; } */ .intro { -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; z-index: 31; background: #f1532e; color: #FFF; padding-top: 20px; width: 100%; } .intro h1 { font-size: 1.875rem; line-height: 1.2em; margin-bottom: 0; } .intro .container { overflow: hidden; } .intro .container > .left { max-width: 660px; margin-right: 180px; } .intro .container > .right { position: absolute; bottom: 0; right: 15px; text-align: right; } .intro .share { margin-bottom: 10px; } .intro .logo { background: #FFF; display: block; padding: 10px; } .intro .tooltip { width: 600px; } .intro .tooltip a { font-weight: 600; text-decoration: underline; } @media screen and (max-width: 1400px) { .intro .container > .left { padding-left: 100px; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .intro { position: relative; } .intro .tooltip { width: auto; } } .intro body.is-tablet { position: relative; } .intro body.is-tablet .tooltip { width: auto; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .intro { position: relative; } .intro .container { padding: 20px 20px 1px 20px; overflow: visible; } .intro .container > .left { float: none; padding-left: 0; margin-right: 0; } .intro .container > .left p { font-size: 0.75rem; line-height: 1.3333333333em; } .intro h1 { font-size: 1.25rem; line-height: 1.3em; } .intro .container > .right { bottom: auto; top: -20px; right: 20px; } .intro .share { display: none; } .intro .logo img { width: 50px; } } .intro body.is-phone { position: relative; } .intro body.is-phone .container { padding: 20px 20px 1px 20px; overflow: visible; } .intro body.is-phone .container > .left { float: none; padding-left: 0; margin-right: 0; } .intro body.is-phone .container > .left p { font-size: 0.75rem; line-height: 1.3333333333em; } .intro body.is-phone h1 { font-size: 1.25rem; line-height: 1.3em; } .intro body.is-phone .container > .right { bottom: auto; top: -20px; right: 20px; } .intro body.is-phone .share { display: none; } .intro body.is-phone .logo img { width: 50px; } .footer { background-image: url(../2017-images/bg-dotted.gif); background-repeat: repeat; background-position: center center; background-size: 20px 20px; padding: 60px 0; } .footer .more { background: #FFF; margin: 0 -60px 50px; padding: 35px 60px; } .footer .more .box { margin: 0 0 55px 69px; width: 500px; } .footer .more .row-4 { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .footer .more .row-4:after { content: ""; clear: both; display: table; } .footer .more .row-4 > *:nth-child(1) { width: 13.6666666667%; /* Fallback if unsupported */ width: -webkit-calc(16.6666666667% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(16.6666666667% - 40px); /* Firefox v4-15 */ width: calc(16.6666666667% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .footer .more .row-4 > *:nth-child(2) { width: 30.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(33.3333333333% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(33.3333333333% - 40px); /* Firefox v4-15 */ width: calc(33.3333333333% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .footer .more .row-4 > *:nth-child(3) { width: 22%; /* Fallback if unsupported */ width: -webkit-calc(25% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(25% - 40px); /* Firefox v4-15 */ width: calc(25% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .footer .more .row-4 > *:nth-child(4) { width: 22%; /* Fallback if unsupported */ width: -webkit-calc(25% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(25% - 40px); /* Firefox v4-15 */ width: calc(25% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .footer .more h5 { color: #ef532c; } .footer .more .share { margin-right: 10px; } .footer .more .share circle { -webkit-transition: fill 0.2s; -moz-transition: fill 0.2s; -ms-transition: fill 0.2s; -o-transition: fill 0.2s; transition: fill 0.2s; } .footer .more .share:hover circle { fill: #f1532e; } .footer .download-report h5 { font-family: "Mercury Text G1 A", "Mercury Text G1 B"; font-size: 1rem; line-height: 1.25em; font-weight: 600; font-style: italic; color: #f1532e; margin-bottom: 3px; text-transform: none; } .footer .download-report strong { font-family: "Whitney A", "Whitney B"; font-weight: 600; font-style: normal; text-transform: uppercase; } .footer .download-report p { font-size: 0.75rem; line-height: 1.1666666667em; color: #7a7875; } .footer .about { background: #FFF; margin: 0 -10px; padding: 20px 10px; width: 590px; } .footer .about h5 { margin-bottom: 27px; } .footer .about a { font-weight: 300; color: #ef532c; } .footer .about .small { font-size: 0.75rem; line-height: 1.3333333333em; } .footer .share-options a:hover { text-decoration: none; } @media screen and (max-width: 1300px) { .footer .share-options .img { width: 50px; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .footer { background-position: top center; padding: 133px 0 0 0; } .footer .more { margin-bottom: 0; padding-bottom: 0; } .footer .more .row { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .footer .more .row:after { content: ""; clear: both; display: table; } .footer .more .row > *, .footer .more .row > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 40px); /* Firefox v4-15 */ width: calc(50% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .footer .about { margin: 0 -60px 0; padding: 23px 60px; width: auto; } .footer .about p { max-width: 560px; } .footer .block { padding-bottom: 20px; } .footer .share-options .img { width: 83px; } } .footer body.is-tablet { background-position: top center; padding: 133px 0 0 0; } .footer body.is-tablet .more { margin-bottom: 0; padding-bottom: 0; } .footer body.is-tablet .more .row { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .footer body.is-tablet .more .row:after { content: ""; clear: both; display: table; } .footer body.is-tablet .more .row > *, .footer body.is-tablet .more .row > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 40px); /* Firefox v4-15 */ width: calc(50% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .footer body.is-tablet .about { margin: 0 -60px 0; padding: 23px 60px; width: auto; } .footer body.is-tablet .about p { max-width: 560px; } .footer body.is-tablet .block { padding-bottom: 20px; } .footer body.is-tablet .share-options .img { width: 83px; } @media screen and (max-width: 800px) { .footer .share-options .img { width: 50px; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .footer { padding-top: 60px; } .footer .more .row { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .footer .more .row > *, .footer .more .row > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .footer .col-2 { padding-bottom: 52px; } .footer .col-2 h5 { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: 1px; } .footer .block { padding-bottom: 13px; } .footer .about { padding-right: 120px; } .footer .about h5 { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: -2px; } .footer .about p:first-of-type { margin-bottom: 0px; } } .footer body.is-phone { padding-top: 60px; } .footer body.is-phone .more .row { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .footer body.is-phone .more .row > *, .footer body.is-phone .more .row > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .footer body.is-phone .col-2 { padding-bottom: 52px; } .footer body.is-phone .col-2 h5 { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: 1px; } .footer body.is-phone .block { padding-bottom: 13px; } .footer body.is-phone .about { padding-right: 120px; } .footer body.is-phone .about h5 { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: -2px; } .footer body.is-phone .about p:first-of-type { margin-bottom: 0px; } .coming-soon .launch-date { position: absolute; top: 614px; right: -30px; background: #FFF; padding: 10px 20px; } .coming-soon .box { background: #FFF; } /*------------------------------------------------------------------------------ Content ------------------------------------------------------------------------------*/ .articles { top: 0; right: 0; position: fixed; z-index: 31; background-color: #FFF; overflow: auto; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; height: 100%; width: 100%; } .articles .article-outside { background-image: url(../2017-images/bg-dotted.gif); background-repeat: repeat; background-position: center top; background-size: 20px 20px; background-color: #FFF; } .articles a { font-style: italic; color: #f1532e; } .articles a.back { font-family: "Whitney A", "Whitney B"; font-size: 1.25rem; line-height: 1em; font-weight: 600; font-style: normal; color: #000; } .articles a.back .img { display: inline-block; margin-top: -3px; margin-right: 10px; vertical-align: middle; } .articles a.back:hover { color: #f1532e; text-decoration: none; } .articles a.back:hover rect { stroke: #f1532e; } .articles a.back:hover line { stroke: #f1532e; } .articles a.back:hover polygon { fill: #f1532e; } .articles a.top-back { margin-top: 60px; display: inline-block; } .articles .article { background: #FFF; padding: 54px 0; margin-bottom: 80px; } .articles .article .row { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; margin-bottom: 30px; } .articles .article .row:after { content: ""; clear: both; display: table; } .articles .article .row > *:nth-child(1) { width: 38.6666666667%; /* Fallback if unsupported */ width: -webkit-calc(41.6666666667% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(41.6666666667% - 40px); /* Firefox v4-15 */ width: calc(41.6666666667% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .articles .article .row > *:nth-child(2) { width: 38.6666666667%; /* Fallback if unsupported */ width: -webkit-calc(41.6666666667% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(41.6666666667% - 40px); /* Firefox v4-15 */ width: calc(41.6666666667% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .articles .article .pulldown { position: relative; } .articles .article .pulldown .right { top: 240px; position: absolute; background: #FFF; padding: 0 0 40px 0; } .articles .article .pulldown .right:before { top: 0; right: 100%; bottom: 0; position: absolute; background: #FFF; content: ''; width: 40px; } .articles .article .pulldown .right:after { top: 0; bottom: 0; left: 99.9%; position: absolute; background: #FFF; content: ''; width: 500%; } .articles .article .pulldown a.back { display: inline-block; margin-top: 39px; } .articles .article .subtitle { margin: 32px 0 7px 0; } .articles .article h2 { font-family: "Mercury Display A", "Mercury Display B"; font-size: 4.6875rem; line-height: 1.0666666667em; font-weight: 300; font-style: italic; margin-bottom: 71px; } .articles .article h5 { margin-bottom: 25px; } .articles .article .left .image img { max-width: 100%; } .articles .article .row img { margin-bottom: 45px; max-width: 50vw; position: relative; z-index: 1; } .articles .article .box { position: relative; margin: 0 -164px 23px 0; z-index: 1; } .articles .article ul { list-style-position: outside; margin-left: 18px; } .articles .article ul li { padding-bottom: 20px; } @media screen and (max-width: 1300px) { .articles .article img { max-width: 100%; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .articles .article { margin-bottom: 80px; padding-bottom: 10px; } .articles .article h2 { font-size: 2.5rem; line-height: 1.125em; max-width: 560px; } .articles .article .subtitle { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: 1px; } .articles .article img { max-width: 100%; } .articles .article .row { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .articles .article .row > *, .articles .article .row > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); display: block; max-width: 560px; padding-bottom: 20px; } .articles .article .row .right { position: static; } .articles .article .row .right:before, .articles .article .row .right:after { display: none; } .articles .article .box { margin: 0 -164px 40px 164px; } } .articles .article body.is-tablet { margin-bottom: 80px; padding-bottom: 10px; } .articles .article body.is-tablet h2 { font-size: 2.5rem; line-height: 1.125em; max-width: 560px; } .articles .article body.is-tablet .subtitle { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: 1px; } .articles .article body.is-tablet img { max-width: 100%; } .articles .article body.is-tablet .row { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .articles .article body.is-tablet .row > *, .articles .article body.is-tablet .row > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); display: block; max-width: 560px; padding-bottom: 20px; } .articles .article body.is-tablet .row .right { position: static; } .articles .article body.is-tablet .row .right:before, .articles .article body.is-tablet .row .right:after { display: none; } .articles .article body.is-tablet .box { margin: 0 -164px 40px 164px; } @media screen and (max-width: 800px) { .articles .article .box { margin-right: 0; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .articles .article { margin-bottom: 45px; } .articles .article h2 { margin-bottom: 34px; } .articles .article a.top-back { display: block; margin: 30px 0; text-align: center; } .articles .article a.top-back span { display: none; } .articles .article h5.subtitle { margin-top: 0; } .articles .article .pulldown a.back { display: block; margin-top: 34px; text-align: center; } .articles .article .pulldown a.back .img { margin-right: 0; } .articles .article .pulldown a.back span { display: none; } .articles .article .box { padding-left: 20px; margin: 0px 0 40px -23px; } } .articles .article body.is-phone { margin-bottom: 45px; } .articles .article body.is-phone h2 { margin-bottom: 34px; } .articles .article body.is-phone a.top-back { display: block; margin: 30px 0; text-align: center; } .articles .article body.is-phone a.top-back span { display: none; } .articles .article body.is-phone h5.subtitle { margin-top: 0; } .articles .article body.is-phone .pulldown a.back { display: block; margin-top: 34px; text-align: center; } .articles .article body.is-phone .pulldown a.back .img { margin-right: 0; } .articles .article body.is-phone .pulldown a.back span { display: none; } .articles .article body.is-phone .box { padding-left: 20px; margin: 0px 0 40px -23px; } .articles .more-info { background: #FFF; margin: 90px 0 0 -40px; padding: 85px 0 0 40px; position: relative; } .articles .more-info h4 { font-family: "Whitney A", "Whitney B"; font-size: 1.25rem; line-height: 1em; letter-spacing: 0.015rem; font-weight: 600; bottom: 100%; left: 0; position: absolute; background: #FFF; padding: 20px 40px 0 40px; margin: 0; } .articles .more-info .report .image { height: auto; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .articles .more-info { margin: 0 -40px !important; padding: 40px; } .articles .more-info h4 { padding: 5px 0 35px 0; position: static; } .articles .more-info .row { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .articles .more-info .row:after { content: ""; clear: both; display: table; } .articles .more-info .row > *:nth-child(1) { width: 37%; /* Fallback if unsupported */ width: -webkit-calc(40% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(40% - 40px); /* Firefox v4-15 */ width: calc(40% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .articles .more-info .row > *:nth-child(2) { width: 57%; /* Fallback if unsupported */ width: -webkit-calc(60% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(60% - 40px); /* Firefox v4-15 */ width: calc(60% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .articles .more-info .report .image { margin-left: -40px; } .articles .more-info .links { margin-top: -20px; } } .articles .more-info body.is-tablet { margin: 0 -40px !important; padding: 40px; } .articles .more-info body.is-tablet h4 { padding: 5px 0 35px 0; position: static; } .articles .more-info body.is-tablet .row { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .articles .more-info body.is-tablet .row:after { content: ""; clear: both; display: table; } .articles .more-info body.is-tablet .row > *:nth-child(1) { width: 37%; /* Fallback if unsupported */ width: -webkit-calc(40% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(40% - 40px); /* Firefox v4-15 */ width: calc(40% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .articles .more-info body.is-tablet .row > *:nth-child(2) { width: 57%; /* Fallback if unsupported */ width: -webkit-calc(60% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(60% - 40px); /* Firefox v4-15 */ width: calc(60% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .articles .more-info body.is-tablet .report .image { margin-left: -40px; } .articles .more-info body.is-tablet .links { margin-top: -20px; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .articles .more-info { padding-right: 30px; } .articles .more-info .row { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .articles .more-info .row > *, .articles .more-info .row > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .articles .more-info .report .image { margin-left: -20px; } .articles .more-info .report .info { width: auto; } .articles .more-info .links { margin-top: 0; } } .articles .more-info body.is-phone { padding-right: 30px; } .articles .more-info body.is-phone .row { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .articles .more-info body.is-phone .row > *, .articles .more-info body.is-phone .row > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .articles .more-info body.is-phone .report .image { margin-left: -20px; } .articles .more-info body.is-phone .report .info { width: auto; } .articles .more-info body.is-phone .links { margin-top: 0; } .articles .more-info .links a { font-style: normal; color: #000; display: block; margin-bottom: 42px; padding: 0 20px 0 92px; position: relative; } .articles .more-info .links a .icon { position: absolute; top: 50%; left: 0; margin-top: -35px; } .articles .more-info .links a h5 { font-family: "Mercury Display A", "Mercury Display B"; font-size: 2.5rem; line-height: 1em; font-weight: 300; font-style: italic; margin: 0 0 5px 0; text-transform: none; } .articles .more-info .links a h5 strong { font-weight: 300; color: #f1532e; } .articles .more-info .links a p { font-size: 1rem; line-height: 1.25em; letter-spacing: 0.025rem; font-style: italic; font-weight: 600; } .articles .more-info .links a:hover { color: #f1532e; text-decoration: none; } .articles .more-info .links a:hover svg circle { fill: #f1532e; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .articles .more-info .links a { padding-bottom: 40px; padding-left: 23px; } .articles .more-info .links a .icon { margin-bottom: 10px; position: static; width: 100px; } .articles .more-info .links a h5 { font-size: 1.625rem; line-height: 1.0769230769em; } .articles .more-info .links a p { font-size: 1rem; line-height: 1.25em; } } .articles .more-info .links a body.is-tablet { padding-bottom: 40px; padding-left: 23px; } .articles .more-info .links a body.is-tablet .icon { margin-bottom: 10px; position: static; width: 100px; } .articles .more-info .links a body.is-tablet h5 { font-size: 1.625rem; line-height: 1.0769230769em; } .articles .more-info .links a body.is-tablet p { font-size: 1rem; line-height: 1.25em; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .articles .more-info .links a { padding: 0; } .articles .more-info .links a .icon { margin: 7px 0 12px 0; } .articles .more-info .links a h5 { margin-left: 0; } } .articles .more-info .links a body.is-phone { padding: 0; } .articles .more-info .links a body.is-phone .icon { margin: 7px 0 12px 0; } .articles .more-info .links a body.is-phone h5 { margin-left: 0; } .articles .article-1 .big-number { font-family: "Whitney A", "Whitney B"; font-size: 6.25rem; line-height: 1em; letter-spacing: -0.002rem; font-weight: bold; white-space: nowrap; } .articles .article-1 .sankey { max-width: 100%; } .articles .article-1 .phone-version { display: none; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .articles .article-1 .desktop-version { display: none; } .articles .article-1 .phone-version { display: block; } .articles .article-1 .row { margin-bottom: 0; } .articles .article-1 .row .right { display: none; } .articles .article-1 .sankey-box { border: 1px solid #bfbfbf; border-style: solid none; margin: 0 -20px 20px -20px; padding: 10px; position: relative; overflow: hidden; } .articles .article-1 .sankey-box img { margin: 0; } .articles .article-1 .sankey-box button { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; z-index: 111; } .articles .article-1 h3, .articles .article-1 .big-number { display: none; } } .articles .article-1 body.is-phone .desktop-version { display: none; } .articles .article-1 body.is-phone .phone-version { display: block; } .articles .article-1 body.is-phone .row { margin-bottom: 0; } .articles .article-1 body.is-phone .row .right { display: none; } .articles .article-1 body.is-phone .sankey-box { border: 1px solid #bfbfbf; border-style: solid none; margin: 0 -20px 20px -20px; padding: 10px; position: relative; overflow: hidden; } .articles .article-1 body.is-phone .sankey-box img { margin: 0; } .articles .article-1 body.is-phone .sankey-box button { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; z-index: 111; } .articles .article-1 body.is-phone h3, .articles .article-1 body.is-phone .big-number { display: none; } .articles .article-2 .pulldown .right { top: 155px; } .articles .article-2 .more-info { margin-top: 85px; } .articles .article-3 .pulldown .right { top: 126px; } .articles .article-3 .more-info { margin-top: 89px; } .articles .article-4 .pulldown .right { top: 95px; } .articles .article-4 .more-info { margin-top: 370px; } .articles .article-4 .skin-line-chart { height: 450px; } .articles .article-4 .skin-line-chart .column span { text-align: left; } .articles .article-4 .skin-line-chart .column:before { left: 0; } .articles .article-4 .row-charts { margin-bottom: 60px; } .articles .article-4 .row-charts > div { border-left: 4px solid #000; padding: 0 0 0 15px; } .articles .article-4 .column-values { background-image: url(../2017-images/bg-notes2.svg); background-repeat: no-repeat; background-position: center center; margin-left: 0; } .articles .article-4 .chart-legend { margin-left: auto; margin-bottom: 20px; width: 100px; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .articles .article-4 .row-5 { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; } .articles .article-4 .row-5:after { content: ""; clear: both; display: table; } .articles .article-4 .row-5 > *, .articles .article-4 .row-5 > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 0px); /* Firefox v4-15 */ width: calc(50% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .articles .article-4 .row-5 > div { border-left: none; padding-bottom: 40px; padding-left: 0; } .articles .article-4 .row-charts { margin-bottom: 0; } .articles .article-4 .skin-line-chart { height: 280px; } .articles .article-4 .chart-graphic { height: 200px; } } .articles .article-4 body.is-tablet .row-5 { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; } .articles .article-4 body.is-tablet .row-5:after { content: ""; clear: both; display: table; } .articles .article-4 body.is-tablet .row-5 > *, .articles .article-4 body.is-tablet .row-5 > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 0px); /* Firefox v4-15 */ width: calc(50% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .articles .article-4 body.is-tablet .row-5 > div { border-left: none; padding-bottom: 40px; padding-left: 0; } .articles .article-4 body.is-tablet .row-charts { margin-bottom: 0; } .articles .article-4 body.is-tablet .skin-line-chart { height: 280px; } .articles .article-4 body.is-tablet .chart-graphic { height: 200px; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .articles .article-4 .skin-line-chart { height: 230px; } .articles .article-4 .chart-graphic { height: 170px; } } .articles .article-4 body.is-phone .skin-line-chart { height: 230px; } .articles .article-4 body.is-phone .chart-graphic { height: 170px; } .articles .article-5 .pulldown .right { top: 18px; } .articles .article-5 .more-info { margin-top: 93px; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .articles .article-5 .article .pulldown { margin-bottom: 27px; } } .articles .article-5 body.is-phone .article .pulldown { margin-bottom: 27px; } .articles .article-6 .pulldown .right { top: 47px; } .articles .article-6 .more-info { margin-top: 132px; } .articles .article-7 .pulldown .right { top: 92px; } .articles .article-7 .more-info { margin-top: 371px; } .articles .article-8 .pulldown .right { top: 0; } .articles .article-9 .article { margin-bottom: 450px; } .articles .article-9 .pulldown .right { top: 327px; } .articles .article-9 .more-info { margin-top: 485px; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .articles .article-9 .article { margin-bottom: 50px; } } .articles .article-9 body.is-tablet .article { margin-bottom: 50px; } .articles .article-10 .pulldown .right { top: 3px; } .articles .article-10 .more-info { margin-top: 504px; } .articles .article-11 .pulldown .right { top: 288px; } .articles .article-11 .more-info { margin-top: 155px; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .articles .article-11 .pulldown { margin-bottom: 26px; } } .articles .article-11 body.is-tablet .pulldown { margin-bottom: 26px; } .articles .article-12 .pulldown .right { top: 115px; } .articles .article-12 .more-info { margin-top: 153px; } .section-1-global-climate { padding-top: 165px; } .section-1-global-climate h2 { margin: 0 0 0 2px; padding-right: 70px; } .section-1-global-climate .row-amount { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; margin-bottom: 200px; } .section-1-global-climate .row-amount:after { content: ""; clear: both; display: table; } .section-1-global-climate .row-amount > *, .section-1-global-climate .row-amount > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 0px); /* Firefox v4-15 */ width: calc(50% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-global-climate .row-amount > .right { padding-left: 30px; margin-top: -40px; } .section-1-global-climate .graphic-total-2014 { margin: 177px 0 140px 0; height: 263px; position: relative; width: 641px; } .section-1-global-climate .graphic-total-2014 .data { font-family: "Whitney A", "Whitney B"; letter-spacing: -0.0125em; font-weight: 600; position: absolute; } .section-1-global-climate .graphic-total-2014 .data label { position: absolute; white-space: nowrap; } .section-1-global-climate .graphic-total-2014 .data small { font-size: 1rem; line-height: 1em; font-style: normal; display: block; margin-bottom: 7px; text-transform: uppercase; } .section-1-global-climate .graphic-total-2014 .data strong { font-family: "Mercury Text G1 A", "Mercury Text G1 B"; font-size: 1.875rem; line-height: 1em; font-style: italic; font-weight: 600; display: block; } .section-1-global-climate .graphic-total-2014 .data-1 { left: 0%; top: 82%; } .section-1-global-climate .graphic-total-2014 .data-1 label { bottom: calc(100% + 15px); } .section-1-global-climate .graphic-total-2014 .data-2 { left: 25%; top: 100%; } .section-1-global-climate .graphic-total-2014 .data-2 label { top: 20px; } .section-1-global-climate .graphic-total-2014 .data-3 { left: 51%; top: 52%; } .section-1-global-climate .graphic-total-2014 .data-3 label { top: 20px; } .section-1-global-climate .graphic-total-2014 .data-4 { left: 75%; top: 0%; } .section-1-global-climate .graphic-total-2014 .data-4 label { bottom: calc(100% + 20px); } .section-1-global-climate .graphic-total-2014 .data-5 { left: 96%; top: 46%; } .section-1-global-climate .graphic-total-2014 .data-5 label { top: 20px; } .section-1-global-climate .graphic-total-2014 .data strong.-big { font-size: 6.25rem; line-height: 1em; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; font-weight: 500; } .section-1-global-climate .graphic-total-2014 .skin-path.is-hidden { -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; opacity: 1; } .section-1-global-climate .graphic-total-2014 .skin-path.is-hidden { opacity: 0; } .section-1-global-climate .graphic-total-2014.complete .data-4 strong, .section-1-global-climate .graphic-total-2014.complete .data-5 strong { color: #f1532e; } .section-1-global-climate .graphic-total-2014.complete .data:after { content: none; } .section-1-global-climate .graphic-total-2014.phone { display: none; } .section-1-global-climate .graphic-average-investment .value-label { display: block; } .section-1-global-climate .mobile-version, .section-1-global-climate .phone-version { display: none; } @media screen and (max-width: 1300px) { .section-1-global-climate .graphic-total-2014 .data strong.-big { font-size: 5rem; line-height: 1em; } .section-1-global-climate .graphic-map { width: auto; } .section-1-global-climate .graphic-map .chart-graphic { -webkit-transform: scale(0.65); -ms-transform: scale(0.65); transform: scale(0.65); margin-left: 50px; } .section-1-global-climate .skin-donut-chart .value-label .left { line-height: 1.5em; white-space: normal; width: 150px; margin-right: -30px; } .section-1-global-climate .row-where.desktop-version > .left { padding-left: 90px; } .section-1-global-climate .row-where.desktop-version > .right { padding-right: 70px; } .section-1-global-climate .row-amount > .right { padding-left: 60px; } .section-1-global-climate .graphic-total-spent, .section-1-global-climate .graphic-private-spent { width: 210px; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .section-1-global-climate { padding-top: 81px; /* .row-amount{ display:flex; flex-direction:column; margin-bottom:140px; .left{ order:2; } .right{ order:1; padding-top:17px; max-width:300px; } } */ } .section-1-global-climate .desktop-version { display: none; } .section-1-global-climate .mobile-version { display: block; } .section-1-global-climate .carousel-slides > div { padding-bottom: 0; } .section-1-global-climate .graphic-total-2014 { margin-left: 0; width: 60%; } .section-1-global-climate .graphic-total-2014 .data strong.-big { font-size: 3.75rem; line-height: 1em; font-weight: 600; } .section-1-global-climate .graphic-average-investment .chart-center-title { font-size: 0.75rem; line-height: 1em; } .section-1-global-climate .graphic-average-investment .chart-center-title strong { font-size: 3.75rem; line-height: 1em; } .section-1-global-climate .row-amount > .right { padding-top: 30px; } .section-1-global-climate .row-chart { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; margin-bottom: 71px; } .section-1-global-climate .row-chart:after { content: ""; clear: both; display: table; } .section-1-global-climate .row-chart > *:nth-child(1) { width: 55.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(58.3333333333% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(58.3333333333% - 40px); /* Firefox v4-15 */ width: calc(58.3333333333% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-global-climate .row-chart > *:nth-child(2) { width: 38.6666666667%; /* Fallback if unsupported */ width: -webkit-calc(41.6666666667% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(41.6666666667% - 40px); /* Firefox v4-15 */ width: calc(41.6666666667% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-global-climate .row-chart .left { padding-top: 37px; } .section-1-global-climate .row-chart .right { padding-top: 48px; text-align: center; } .section-1-global-climate .row-chart .box { max-width: 175px; padding: 8px; } .section-1-global-climate .row-chart .skin-line { display: block; margin: 0 auto; } .section-1-global-climate .row-chart .map { margin: 20px auto 64px; } .section-1-global-climate .row-chart .global-data-box { max-width: 200px; } .section-1-global-climate .row-chart .global-data { padding: 11px 5px 0; } .section-1-global-climate .row-chart .global-data .value { width: 65%; } .section-1-global-climate .row-chart .global-data .title { width: 35%; } .section-1-global-climate .region-data { font-family: "Whitney A", "Whitney B"; font-size: 12px; line-height: 1em; font-weight: 600; text-align: left; overflow: hidden; } .section-1-global-climate .region-data > * { padding-bottom: 5px; } .section-1-global-climate .region-data .value, .section-1-global-climate .region-data .title { float: left; width: 50%; } .section-1-global-climate .region-data .value { padding-right: 5px; } .section-1-global-climate .region-data .title { padding-left: 5px; } .section-1-global-climate .row-investors { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; text-align: center; } .section-1-global-climate .row-investors:after { content: ""; clear: both; display: table; } .section-1-global-climate .row-investors > *, .section-1-global-climate .row-investors > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 40px); /* Firefox v4-15 */ width: calc(50% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-global-climate .row-investors .value { text-align: right; } .section-1-global-climate .box-support { margin: 30px 0 38px 0; max-width: 452px; } .section-1-global-climate .row-total-spendings .right { text-align: center; } .section-1-global-climate .graphic-total-spent { margin: 0; } } .section-1-global-climate body.is-tablet { padding-top: 81px; /* .row-amount{ display:flex; flex-direction:column; margin-bottom:140px; .left{ order:2; } .right{ order:1; padding-top:17px; max-width:300px; } } */ } .section-1-global-climate body.is-tablet .desktop-version { display: none; } .section-1-global-climate body.is-tablet .mobile-version { display: block; } .section-1-global-climate body.is-tablet .carousel-slides > div { padding-bottom: 0; } .section-1-global-climate body.is-tablet .graphic-total-2014 { margin-left: 0; width: 60%; } .section-1-global-climate body.is-tablet .graphic-total-2014 .data strong.-big { font-size: 3.75rem; line-height: 1em; font-weight: 600; } .section-1-global-climate body.is-tablet .graphic-average-investment .chart-center-title { font-size: 0.75rem; line-height: 1em; } .section-1-global-climate body.is-tablet .graphic-average-investment .chart-center-title strong { font-size: 3.75rem; line-height: 1em; } .section-1-global-climate body.is-tablet .row-amount > .right { padding-top: 30px; } .section-1-global-climate body.is-tablet .row-chart { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; margin-bottom: 71px; } .section-1-global-climate body.is-tablet .row-chart:after { content: ""; clear: both; display: table; } .section-1-global-climate body.is-tablet .row-chart > *:nth-child(1) { width: 55.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(58.3333333333% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(58.3333333333% - 40px); /* Firefox v4-15 */ width: calc(58.3333333333% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-global-climate body.is-tablet .row-chart > *:nth-child(2) { width: 38.6666666667%; /* Fallback if unsupported */ width: -webkit-calc(41.6666666667% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(41.6666666667% - 40px); /* Firefox v4-15 */ width: calc(41.6666666667% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-global-climate body.is-tablet .row-chart .left { padding-top: 37px; } .section-1-global-climate body.is-tablet .row-chart .right { padding-top: 48px; text-align: center; } .section-1-global-climate body.is-tablet .row-chart .box { max-width: 175px; padding: 8px; } .section-1-global-climate body.is-tablet .row-chart .skin-line { display: block; margin: 0 auto; } .section-1-global-climate body.is-tablet .row-chart .map { margin: 20px auto 64px; } .section-1-global-climate body.is-tablet .row-chart .global-data-box { max-width: 200px; } .section-1-global-climate body.is-tablet .row-chart .global-data { padding: 11px 5px 0; } .section-1-global-climate body.is-tablet .row-chart .global-data .value { width: 65%; } .section-1-global-climate body.is-tablet .row-chart .global-data .title { width: 35%; } .section-1-global-climate body.is-tablet .region-data { font-family: "Whitney A", "Whitney B"; font-size: 12px; line-height: 1em; font-weight: 600; text-align: left; overflow: hidden; } .section-1-global-climate body.is-tablet .region-data > * { padding-bottom: 5px; } .section-1-global-climate body.is-tablet .region-data .value, .section-1-global-climate body.is-tablet .region-data .title { float: left; width: 50%; } .section-1-global-climate body.is-tablet .region-data .value { padding-right: 5px; } .section-1-global-climate body.is-tablet .region-data .title { padding-left: 5px; } .section-1-global-climate body.is-tablet .row-investors { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; text-align: center; } .section-1-global-climate body.is-tablet .row-investors:after { content: ""; clear: both; display: table; } .section-1-global-climate body.is-tablet .row-investors > *, .section-1-global-climate body.is-tablet .row-investors > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 40px); /* Firefox v4-15 */ width: calc(50% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-global-climate body.is-tablet .row-investors .value { text-align: right; } .section-1-global-climate body.is-tablet .box-support { margin: 30px 0 38px 0; max-width: 452px; } .section-1-global-climate body.is-tablet .row-total-spendings .right { text-align: center; } .section-1-global-climate body.is-tablet .graphic-total-spent { margin: 0; } @media screen and (max-width: 800px) { .section-1-global-climate .graphic-total-2014 { margin-right: 60px; height: 300px; width: auto; } .section-1-global-climate .graphic-total-2014 .data small { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: 0; } .section-1-global-climate .graphic-total-2014 .data strong { font-size: 1.375rem; line-height: 1.1363636364em; } .section-1-global-climate .graphic-total-2014 .data strong.-big { font-size: 1.375rem; line-height: 1.1363636364em; } .section-1-global-climate .row-amount { display: flex; flex-direction: column; margin-bottom: 140px; } .section-1-global-climate .row-amount .left { order: 2; width: 100%; } .section-1-global-climate .row-amount .right { order: 1; padding-top: 17px; padding-left: 0; width: 100%; } .section-1-global-climate .row-chart .map { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -ms-transform-origin: left; -webkit-transform-origin: left; transform-origin: left; } .section-1-global-climate .mobile-version p { padding-right: 40px; } .section-1-global-climate .mobile-version .box-support { margin-right: 170px; } .section-1-global-climate .graphic-total-spent, .section-1-global-climate .graphic-private-spent { max-width: 45%; margin: 0; width: 100%; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .section-1-global-climate { padding-top: 52px; } .section-1-global-climate h2 { padding-right: 0; } .section-1-global-climate .row-amount { margin-top: 40px; margin-bottom: 18px; } .section-1-global-climate .row-amount p { padding-right: 40px; } .section-1-global-climate .row-amount .right { max-width: none; } .section-1-global-climate .row-amount .right .big, .section-1-global-climate .row-amount .right section.section-5-solutions p, section.section-5-solutions .section-1-global-climate .row-amount .right p { font-size: 1rem; line-height: 1.375em; letter-spacing: -0.009375rem; } .section-1-global-climate .graphic-total-2014 { height: auto; margin: 0; padding-top: 73px; /* */ } .section-1-global-climate .graphic-total-2014 .big, .section-1-global-climate .graphic-total-2014 section.section-5-solutions p, section.section-5-solutions .section-1-global-climate .graphic-total-2014 p { top: 11px; left: 0; position: absolute; max-width: 220px; } .section-1-global-climate .graphic-total-2014 .mobile-data { position: relative; height: 190px; width: 305px; } .section-1-global-climate .graphic-total-2014 .mobile-data-1 { left: 0%; top: 77%; left: 0%; position: absolute; } .section-1-global-climate .graphic-total-2014 .mobile-data-2 { left: 25%; top: 94%; left: 20%; position: absolute; } .section-1-global-climate .graphic-total-2014 .mobile-data-3 { left: 51%; top: 49%; left: 40%; position: absolute; } .section-1-global-climate .graphic-total-2014 .mobile-data-4 { left: 75%; top: 0%; left: 60%; position: absolute; } .section-1-global-climate .graphic-total-2014 .mobile-data-5 { left: 96%; top: 43%; left: 80%; position: absolute; } .section-1-global-climate .graphic-total-2014 .data-list { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; width: 305px; } .section-1-global-climate .graphic-total-2014 .data-list:after { content: ""; clear: both; display: table; } .section-1-global-climate .graphic-total-2014 .data-list > *, .section-1-global-climate .graphic-total-2014 .data-list > *:nth-child(n) { width: 17%; /* Fallback if unsupported */ width: -webkit-calc(20% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(20% - 0px); /* Firefox v4-15 */ width: calc(20% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Whitney A", "Whitney B"; display: inline-block; vertical-align: top; } .section-1-global-climate .graphic-total-2014 .data { padding: 0 0 0 7px; position: relative; top: auto; left: auto; right: auto; bottom: auto; } .section-1-global-climate .graphic-total-2014 .data label { position: static; } .section-1-global-climate .graphic-total-2014 .data small { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: 0; } .section-1-global-climate .graphic-total-2014 .data strong { font-size: 1.375rem; line-height: 1.1363636364em; display: block; } .section-1-global-climate .graphic-total-2014 .data:before { position: absolute; bottom: 0; left: 0; content: ''; border-left: 1px solid #bfbfbf; } .section-1-global-climate .graphic-total-2014 .data-1:before { height: 77px; } .section-1-global-climate .graphic-total-2014 .data-2:before { height: 45px; } .section-1-global-climate .graphic-total-2014 .data-3:before { height: 128px; } .section-1-global-climate .graphic-total-2014 .data-4:before { height: 220px; } .section-1-global-climate .graphic-total-2014 .data-5:before { height: 139px; } .section-1-global-climate .graphic-total-2014 .data-4 label { text-align: left; } .section-1-global-climate .graphic-total-2014.desktop { display: none; } .section-1-global-climate .graphic-total-2014.phone { display: block; } .section-1-global-climate .phone-version { display: block; } .section-1-global-climate .tablet-version { display: none; } .section-1-global-climate .where-was-the-money-spent { margin-bottom: 20px; text-align: center; } .section-1-global-climate .where-was-the-money-spent .box { padding: 11px; text-align: left; width: 177px; } .section-1-global-climate .row-chart { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); margin-bottom: 0; } .section-1-global-climate .row-chart > *, .section-1-global-climate .row-chart > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .section-1-global-climate .row-chart .left { padding-top: 43px; } .section-1-global-climate .row-chart .right { padding-top: 12px; } .section-1-global-climate .row-chart .global-data-box { text-align: left; } .section-1-global-climate .row-chart .global-data { padding: 8px 5px 0 3px; } .section-1-global-climate .row-chart .map { margin: 8px auto 9px; } .section-1-global-climate .skin-donut-chart { /* .chart-center-title{ border-radius:0; height:auto !important; position:static; width:auto !important; .inside{ @include transform(translate(0)); display:inline-block; max-width:150px; text-align:left; padding:0; position:static; strong{ @include font-size(50, $line-height:45); margin-bottom:-1px; } em{ @include font-size(12, $line-height:13); } } } .chart-graphic{ @include absolute(0,0); } */ } .section-1-global-climate .mobile-version .box-support { margin: 34px 0 29px -23px; padding: 8px 12px 8px 20px; } .section-1-global-climate .row-total-spendings .left { padding-right: 0; } .section-1-global-climate .row-total-spendings .right { padding-top: 6px; text-align: left; } .section-1-global-climate .row-total-spendings .right .skin-donut-chart { height: 120px; margin-bottom: 36px; } .section-1-global-climate .row-total-spendings .right .chart-center-title .inside strong { font-size: 2.5rem; line-height: 1em; } .section-1-global-climate .graphic-total-spent, .section-1-global-climate .graphic-private-spent { max-width: 300px; width: 100%; } .section-1-global-climate .graphic-private-spent { margin-left: 0; } } .section-1-global-climate body.is-phone { padding-top: 52px; } .section-1-global-climate body.is-phone h2 { padding-right: 0; } .section-1-global-climate body.is-phone .row-amount { margin-top: 40px; margin-bottom: 18px; } .section-1-global-climate body.is-phone .row-amount p { padding-right: 40px; } .section-1-global-climate body.is-phone .row-amount .right { max-width: none; } .section-1-global-climate body.is-phone .row-amount .right .big, .section-1-global-climate body.is-phone .row-amount .right section.section-5-solutions p, section.section-5-solutions .section-1-global-climate body.is-phone .row-amount .right p { font-size: 1rem; line-height: 1.375em; letter-spacing: -0.009375rem; } .section-1-global-climate body.is-phone .graphic-total-2014 { height: auto; margin: 0; padding-top: 73px; /* */ } .section-1-global-climate body.is-phone .graphic-total-2014 .big, .section-1-global-climate body.is-phone .graphic-total-2014 section.section-5-solutions p, section.section-5-solutions .section-1-global-climate body.is-phone .graphic-total-2014 p { top: 11px; left: 0; position: absolute; max-width: 220px; } .section-1-global-climate body.is-phone .graphic-total-2014 .mobile-data { position: relative; height: 190px; width: 305px; } .section-1-global-climate body.is-phone .graphic-total-2014 .mobile-data-1 { left: 0%; top: 77%; left: 0%; position: absolute; } .section-1-global-climate body.is-phone .graphic-total-2014 .mobile-data-2 { left: 25%; top: 94%; left: 20%; position: absolute; } .section-1-global-climate body.is-phone .graphic-total-2014 .mobile-data-3 { left: 51%; top: 49%; left: 40%; position: absolute; } .section-1-global-climate body.is-phone .graphic-total-2014 .mobile-data-4 { left: 75%; top: 0%; left: 60%; position: absolute; } .section-1-global-climate body.is-phone .graphic-total-2014 .mobile-data-5 { left: 96%; top: 43%; left: 80%; position: absolute; } .section-1-global-climate body.is-phone .graphic-total-2014 .data-list { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; width: 305px; } .section-1-global-climate body.is-phone .graphic-total-2014 .data-list:after { content: ""; clear: both; display: table; } .section-1-global-climate body.is-phone .graphic-total-2014 .data-list > *, .section-1-global-climate body.is-phone .graphic-total-2014 .data-list > *:nth-child(n) { width: 17%; /* Fallback if unsupported */ width: -webkit-calc(20% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(20% - 0px); /* Firefox v4-15 */ width: calc(20% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Whitney A", "Whitney B"; display: inline-block; vertical-align: top; } .section-1-global-climate body.is-phone .graphic-total-2014 .data { padding: 0 0 0 7px; position: relative; top: auto; left: auto; right: auto; bottom: auto; } .section-1-global-climate body.is-phone .graphic-total-2014 .data label { position: static; } .section-1-global-climate body.is-phone .graphic-total-2014 .data small { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: 0; } .section-1-global-climate body.is-phone .graphic-total-2014 .data strong { font-size: 1.375rem; line-height: 1.1363636364em; display: block; } .section-1-global-climate body.is-phone .graphic-total-2014 .data:before { position: absolute; bottom: 0; left: 0; content: ''; border-left: 1px solid #bfbfbf; } .section-1-global-climate body.is-phone .graphic-total-2014 .data-1:before { height: 77px; } .section-1-global-climate body.is-phone .graphic-total-2014 .data-2:before { height: 45px; } .section-1-global-climate body.is-phone .graphic-total-2014 .data-3:before { height: 128px; } .section-1-global-climate body.is-phone .graphic-total-2014 .data-4:before { height: 220px; } .section-1-global-climate body.is-phone .graphic-total-2014 .data-5:before { height: 139px; } .section-1-global-climate body.is-phone .graphic-total-2014 .data-4 label { text-align: left; } .section-1-global-climate body.is-phone .graphic-total-2014.desktop { display: none; } .section-1-global-climate body.is-phone .graphic-total-2014.phone { display: block; } .section-1-global-climate body.is-phone .phone-version { display: block; } .section-1-global-climate body.is-phone .tablet-version { display: none; } .section-1-global-climate body.is-phone .where-was-the-money-spent { margin-bottom: 20px; text-align: center; } .section-1-global-climate body.is-phone .where-was-the-money-spent .box { padding: 11px; text-align: left; width: 177px; } .section-1-global-climate body.is-phone .row-chart { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); margin-bottom: 0; } .section-1-global-climate body.is-phone .row-chart > *, .section-1-global-climate body.is-phone .row-chart > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .section-1-global-climate body.is-phone .row-chart .left { padding-top: 43px; } .section-1-global-climate body.is-phone .row-chart .right { padding-top: 12px; } .section-1-global-climate body.is-phone .row-chart .global-data-box { text-align: left; } .section-1-global-climate body.is-phone .row-chart .global-data { padding: 8px 5px 0 3px; } .section-1-global-climate body.is-phone .row-chart .map { margin: 8px auto 9px; } .section-1-global-climate body.is-phone .skin-donut-chart { /* .chart-center-title{ border-radius:0; height:auto !important; position:static; width:auto !important; .inside{ @include transform(translate(0)); display:inline-block; max-width:150px; text-align:left; padding:0; position:static; strong{ @include font-size(50, $line-height:45); margin-bottom:-1px; } em{ @include font-size(12, $line-height:13); } } } .chart-graphic{ @include absolute(0,0); } */ } .section-1-global-climate body.is-phone .mobile-version .box-support { margin: 34px 0 29px -23px; padding: 8px 12px 8px 20px; } .section-1-global-climate body.is-phone .row-total-spendings .left { padding-right: 0; } .section-1-global-climate body.is-phone .row-total-spendings .right { padding-top: 6px; text-align: left; } .section-1-global-climate body.is-phone .row-total-spendings .right .skin-donut-chart { height: 120px; margin-bottom: 36px; } .section-1-global-climate body.is-phone .row-total-spendings .right .chart-center-title .inside strong { font-size: 2.5rem; line-height: 1em; } .section-1-global-climate body.is-phone .graphic-total-spent, .section-1-global-climate body.is-phone .graphic-private-spent { max-width: 300px; width: 100%; } .section-1-global-climate body.is-phone .graphic-private-spent { margin-left: 0; } .mobile-extras .skin-donut-chart { height: 110px; margin-bottom: 20px; } .mobile-extras .skin-donut-chart .chart-center-title { border-radius: 0; height: auto !important; position: static; width: auto !important; text-align: left; } .mobile-extras .skin-donut-chart .chart-center-title .inside { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); display: inline-block; max-width: 150px; text-align: left; padding: 0; position: static; } .mobile-extras .skin-donut-chart .chart-center-title .inside strong { font-size: 3.125rem; line-height: 0.9em; margin-bottom: -1px; } .mobile-extras .skin-donut-chart .chart-center-title .inside em { font-size: 0.75rem; line-height: 1.0833333333em; } .mobile-extras .skin-donut-chart .chart-graphic { top: 0; right: 0; position: absolute; } .section-1-2-sector-investments { padding-top: 30px; } .section-1-2-sector-investments h2 { margin-bottom: 54px; padding-right: 75px; } .section-1-2-sector-investments .row { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; } .section-1-2-sector-investments .row:after { content: ""; clear: both; display: table; } .section-1-2-sector-investments .row > *, .section-1-2-sector-investments .row > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 0px); /* Firefox v4-15 */ width: calc(50% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-2-sector-investments .left { padding-top: 6px; padding-left: 40px; padding-right: 40px; } .section-1-2-sector-investments .right { padding-top: 0; padding-left: 20px; padding-right: 60px; } .section-1-2-sector-investments .section { min-height: 80vh; padding-bottom: 60px; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .section-1-2-sector-investments [data-media="desktop"] { display: none !important; } .section-1-2-sector-investments .row { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .section-1-2-sector-investments .row > *, .section-1-2-sector-investments .row > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .section-1-2-sector-investments .left, .section-1-2-sector-investments .right { padding-left: 0; padding-right: 0; } .section-1-2-sector-investments .skin-bar-chart { max-width: 400px; } .section-1-2-sector-investments .section { padding-bottom: 100px; min-height: 0; } } .section-1-2-sector-investments body.is-tablet [data-media="desktop"] { display: none !important; } .section-1-2-sector-investments body.is-tablet .row { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .section-1-2-sector-investments body.is-tablet .row > *, .section-1-2-sector-investments body.is-tablet .row > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .section-1-2-sector-investments body.is-tablet .left, .section-1-2-sector-investments body.is-tablet .right { padding-left: 0; padding-right: 0; } .section-1-2-sector-investments body.is-tablet .skin-bar-chart { max-width: 400px; } .section-1-2-sector-investments body.is-tablet .section { padding-bottom: 100px; min-height: 0; } .section-1-3-geographies { padding-top: 245px; } .section-1-3-geographies h2 { margin-bottom: 55px; padding-right: 75px; } .section-1-3-geographies .intro-where { display: block; padding: 6px 0 24px 21px; } .section-1-3-geographies .intro-where .circle { display: inline-block; border-radius: 50%; height: 20px; width: 20px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; background: #a4b5ca; vertical-align: middle; margin: 0 3px; } .section-1-3-geographies .intro-where .circle.-darkblue { background: #3d5670; } .section-1-3-geographies .where-years { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; max-width: 360px; margin-left: 30px; margin-bottom: 79px; } .section-1-3-geographies .where-years:after { content: ""; clear: both; display: table; } .section-1-3-geographies .where-years > *, .section-1-3-geographies .where-years > *:nth-child(n) { width: 30.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(33.3333333333% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(33.3333333333% - 0px); /* Firefox v4-15 */ width: calc(33.3333333333% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-3-geographies .where-years .chart-center-title .inside { font-family: "Whitney A", "Whitney B"; font-style: normal; padding: 0; } .section-1-3-geographies .graphic-where { display: inline-block; border-radius: 50%; height: 400px; width: 400px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; position: relative; z-index: 1; } .section-1-3-geographies .box-source { text-align: center; max-width: 400px; padding: 23px 70px; } .section-1-3-geographies .box-source small { display: block; line-height: 1.2em; } .section-1-3-geographies .graphic-source { width: 400px; text-align: center; } .section-1-3-geographies .graphic-source .chart-graphic { display: inline-block; border-radius: 50%; height: 400px; width: 400px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; margin: 0 0 27px 0; } .section-1-3-geographies .graphic-source.is-fresh .value-label { display: block; } .section-1-3-geographies .graphic-source .value-label.is-empty { display: none; } .section-1-3-geographies .graphic-source button { width: 245px; padding: 0; } .section-1-3-geographies .graphic-source button:not(.active) .on { display: none; } .section-1-3-geographies .graphic-source button.active .off { display: none; } .state-map-major-investors--1 .graphic-source .value-label:not(.is-empty) { display: block; } .section-1-3-geographies .graphic-map { height: 395px; margin: 6px 0 85px -180px; text-align: right; width: 740px; } .section-1-3-geographies .graphic-map .chart-graphic { margin-bottom: 10px; } .section-1-3-geographies .graphic-map button:not(.active) { background: #f2f3f7; cursor: default; } .section-1-3-geographies .graphic-map button:not(.active):hover { background: #f2f3f7; } .section-1-3-geographies .box-support { margin: 49px 49px 0 0; } .section-1-3-geographies .row-total-spendings .left { padding-right: 120px; } .section-1-3-geographies .graphic-total-spent, .section-1-3-geographies .graphic-private-spent { display: inline-block; border-radius: 50%; height: 280px; width: 280px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; margin: 0 0 30px 30px; } .section-1-3-geographies .graphic-total-spent .chart-center-title .inside, .section-1-3-geographies .graphic-private-spent .chart-center-title .inside { padding: 0 10px; } .section-1-3-geographies .graphic-total-spent .chart-center-title .inside strong, .section-1-3-geographies .graphic-private-spent .chart-center-title .inside strong { font-size: 2.5rem; line-height: 1em; } .section-1-3-geographies .graphic-total-spent { margin-left: -60px; } .section-1-3-geographies .mobile-version, .section-1-3-geographies .phone-version { display: none; } .section-1-3-geographies .section-enough { padding-bottom: 100px; } .section-1-3-geographies .section-enough h2 { margin-top: 60px; margin-bottom: 30px; } .section-1-3-geographies .section-enough p { max-width: 660px; } @media screen and (max-width: 1300px) { .section-1-3-geographies .graphic-map { width: auto; } .section-1-3-geographies .graphic-map .chart-graphic { -webkit-transform: scale(0.65); -ms-transform: scale(0.65); transform: scale(0.65); margin-left: 50px; } .section-1-3-geographies .skin-donut-chart .value-label .left { line-height: 1.5em; white-space: normal; width: 150px; margin-right: -30px; } .section-1-3-geographies .row-where.desktop-version > .left { padding-left: 90px; } .section-1-3-geographies .row-where.desktop-version > .right { padding-right: 70px; } .section-1-3-geographies .graphic-total-spent, .section-1-3-geographies .graphic-private-spent { width: 210px; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .section-1-3-geographies { padding-top: 81px; } .section-1-3-geographies .desktop-version { display: none; } .section-1-3-geographies .mobile-version { display: block; } .section-1-3-geographies h2 { max-width: 530px; } .section-1-3-geographies p { max-width: 600px; } .section-1-3-geographies .where-years { margin-bottom: 30px; } .section-1-3-geographies .carousel-slides > div { padding-bottom: 10px; } .section-1-3-geographies .row-chart { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .section-1-3-geographies .row-chart:after { content: ""; clear: both; display: table; } .section-1-3-geographies .row-chart > *:nth-child(1) { width: 55.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(58.3333333333% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(58.3333333333% - 40px); /* Firefox v4-15 */ width: calc(58.3333333333% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-3-geographies .row-chart > *:nth-child(2) { width: 38.6666666667%; /* Fallback if unsupported */ width: -webkit-calc(41.6666666667% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(41.6666666667% - 40px); /* Firefox v4-15 */ width: calc(41.6666666667% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-3-geographies .row-chart .left { padding-top: 37px; text-align: center; } .section-1-3-geographies .row-chart .box-source { padding: 30px; margin: 0 auto; } .section-1-3-geographies .row-chart .right { padding-top: 48px; text-align: center; } .section-1-3-geographies .row-chart .box { max-width: 175px; padding: 8px; } .section-1-3-geographies .row-chart .skin-line { display: block; margin: 0 auto; } .section-1-3-geographies .row-chart .map { padding-top: 100px; margin: 20px auto 64px; width: 100%; } .section-1-3-geographies .row-chart .global-data-box { max-width: 200px; } .section-1-3-geographies .row-chart .global-data { padding: 11px 5px 0; } .section-1-3-geographies .row-chart .global-data .value { width: 65%; } .section-1-3-geographies .row-chart .global-data .title { width: 35%; } .section-1-3-geographies .region-data { font-family: "Whitney A", "Whitney B"; font-size: 12px; line-height: 1em; font-weight: 600; text-align: left; overflow: hidden; } .section-1-3-geographies .region-data > * { padding-bottom: 5px; } .section-1-3-geographies .region-data .value, .section-1-3-geographies .region-data .title { float: left; width: 50%; } .section-1-3-geographies .region-data .value { padding-right: 5px; } .section-1-3-geographies .region-data .title { padding-left: 5px; } .region-america svg #america, .region-central_asia_eastern_europe svg #central_asia_eastern_europe, .region-east_asia svg #east_asia, .region-japan_korea_israel svg #japan_korea_israel, .region-latin_america svg #latin_america, .region-mideast_north_africa svg #mideast_north_africa, .region-oceania svg #oceania, .region-south_asia svg #south_asia, .region-sub_saharan_africa svg #sub_saharan_africa, .region-western_europe svg #western_europe, .region-transregional svg #transregional, .region-grand_total .map path, .region-grand_total .map polygon { fill: #f1532e; } .region-grand_total .skin-donut-chart circle { stroke: #f1532e; } .section-1-3-geographies .row-investors { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; text-align: center; } .section-1-3-geographies .row-investors:after { content: ""; clear: both; display: table; } .section-1-3-geographies .row-investors > *, .section-1-3-geographies .row-investors > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 40px); /* Firefox v4-15 */ width: calc(50% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-3-geographies .row-investors .value { text-align: right; } .section-1-3-geographies .box-support { margin: 30px 0 38px 0; max-width: 452px; } .section-1-3-geographies .row-total-spendings .right { text-align: center; } .section-1-3-geographies .graphic-total-spent { margin: 0; } } .section-1-3-geographies body.is-tablet { padding-top: 81px; } .section-1-3-geographies body.is-tablet .desktop-version { display: none; } .section-1-3-geographies body.is-tablet .mobile-version { display: block; } .section-1-3-geographies body.is-tablet h2 { max-width: 530px; } .section-1-3-geographies body.is-tablet p { max-width: 600px; } .section-1-3-geographies body.is-tablet .where-years { margin-bottom: 30px; } .section-1-3-geographies body.is-tablet .carousel-slides > div { padding-bottom: 10px; } .section-1-3-geographies body.is-tablet .row-chart { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } .section-1-3-geographies body.is-tablet .row-chart:after { content: ""; clear: both; display: table; } .section-1-3-geographies body.is-tablet .row-chart > *:nth-child(1) { width: 55.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(58.3333333333% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(58.3333333333% - 40px); /* Firefox v4-15 */ width: calc(58.3333333333% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-3-geographies body.is-tablet .row-chart > *:nth-child(2) { width: 38.6666666667%; /* Fallback if unsupported */ width: -webkit-calc(41.6666666667% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(41.6666666667% - 40px); /* Firefox v4-15 */ width: calc(41.6666666667% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-3-geographies body.is-tablet .row-chart .left { padding-top: 37px; text-align: center; } .section-1-3-geographies body.is-tablet .row-chart .box-source { padding: 30px; margin: 0 auto; } .section-1-3-geographies body.is-tablet .row-chart .right { padding-top: 48px; text-align: center; } .section-1-3-geographies body.is-tablet .row-chart .box { max-width: 175px; padding: 8px; } .section-1-3-geographies body.is-tablet .row-chart .skin-line { display: block; margin: 0 auto; } .section-1-3-geographies body.is-tablet .row-chart .map { padding-top: 100px; margin: 20px auto 64px; width: 100%; } .section-1-3-geographies body.is-tablet .row-chart .global-data-box { max-width: 200px; } .section-1-3-geographies body.is-tablet .row-chart .global-data { padding: 11px 5px 0; } .section-1-3-geographies body.is-tablet .row-chart .global-data .value { width: 65%; } .section-1-3-geographies body.is-tablet .row-chart .global-data .title { width: 35%; } .section-1-3-geographies body.is-tablet .region-data { font-family: "Whitney A", "Whitney B"; font-size: 12px; line-height: 1em; font-weight: 600; text-align: left; overflow: hidden; } .section-1-3-geographies body.is-tablet .region-data > * { padding-bottom: 5px; } .section-1-3-geographies body.is-tablet .region-data .value, .section-1-3-geographies body.is-tablet .region-data .title { float: left; width: 50%; } .section-1-3-geographies body.is-tablet .region-data .value { padding-right: 5px; } .section-1-3-geographies body.is-tablet .region-data .title { padding-left: 5px; } .region-america svg #america, .region-central_asia_eastern_europe svg #central_asia_eastern_europe, .region-east_asia svg #east_asia, .region-japan_korea_israel svg #japan_korea_israel, .region-latin_america svg #latin_america, .region-mideast_north_africa svg #mideast_north_africa, .region-oceania svg #oceania, .region-south_asia svg #south_asia, .region-sub_saharan_africa svg #sub_saharan_africa, .region-western_europe svg #western_europe, .region-transregional svg #transregional, .region-grand_total .map path, .region-grand_total .map polygon { fill: #f1532e; } .region-grand_total .skin-donut-chart circle { stroke: #f1532e; } .section-1-3-geographies body.is-tablet .row-investors { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; text-align: center; } .section-1-3-geographies body.is-tablet .row-investors:after { content: ""; clear: both; display: table; } .section-1-3-geographies body.is-tablet .row-investors > *, .section-1-3-geographies body.is-tablet .row-investors > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 40px); /* Firefox v4-15 */ width: calc(50% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } .section-1-3-geographies body.is-tablet .row-investors .value { text-align: right; } .section-1-3-geographies body.is-tablet .box-support { margin: 30px 0 38px 0; max-width: 452px; } .section-1-3-geographies body.is-tablet .row-total-spendings .right { text-align: center; } .section-1-3-geographies body.is-tablet .graphic-total-spent { margin: 0; } @media screen and (max-width: 800px) { .section-1-3-geographies .mobile-version p { padding-right: 40px; } .section-1-3-geographies .mobile-version .box-support { margin-right: 170px; } .section-1-3-geographies .graphic-total-spent, .section-1-3-geographies .graphic-private-spent { max-width: 45%; margin: 0; width: 100%; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .section-1-3-geographies { padding-top: 52px; } .section-1-3-geographies .intro-where { padding: 0 0 30px 0; } .section-1-3-geographies .where-legend-item { display: block; } .section-1-3-geographies .where-years { margin-left: 0; } .section-1-3-geographies h2 { padding-right: 0; } .section-1-3-geographies .phone-version { display: block; } .section-1-3-geographies .tablet-version { display: none; } .section-1-3-geographies .where-was-the-money-spent { margin-bottom: 20px; text-align: center; } .section-1-3-geographies .where-was-the-money-spent .box { padding: 11px; text-align: left; width: 177px; } .section-1-3-geographies .row-chart { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); margin-bottom: 0; } .section-1-3-geographies .row-chart > *, .section-1-3-geographies .row-chart > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .section-1-3-geographies .row-chart .left { padding-top: 43px; } .section-1-3-geographies .row-chart .right { padding-top: 12px; } .section-1-3-geographies .row-chart .skin-donut-chart .chart-center-title .inside { font-size: 0.875rem; line-height: 1em; } .section-1-3-geographies .row-chart .skin-donut-chart .chart-center-title .inside strong { font-size: 3.75rem; line-height: 1em; } .section-1-3-geographies .row-chart .global-data-box { text-align: left; } .section-1-3-geographies .row-chart .global-data { padding: 8px 5px 0 3px; } .section-1-3-geographies .row-chart .box-source { padding: 15px; } .section-1-3-geographies .row-chart .map { padding-top: 0; margin: 0 auto; width: 135px; } .section-1-3-geographies .mobile-version .box-support { margin: 34px 0 29px -23px; padding: 8px 12px 8px 20px; } .section-1-3-geographies .row-total-spendings .left { padding-right: 0; } .section-1-3-geographies .row-total-spendings .right { padding-top: 6px; text-align: left; } .section-1-3-geographies .row-total-spendings .right .skin-donut-chart { height: 120px; margin-bottom: 36px; } .section-1-3-geographies .row-total-spendings .right .chart-center-title .inside strong { font-size: 2.5rem; line-height: 1em; } .section-1-3-geographies .graphic-total-spent, .section-1-3-geographies .graphic-private-spent { max-width: 300px; width: 100%; } .section-1-3-geographies .graphic-private-spent { margin-left: 0; } } .section-1-3-geographies body.is-phone { padding-top: 52px; } .section-1-3-geographies body.is-phone .intro-where { padding: 0 0 30px 0; } .section-1-3-geographies body.is-phone .where-legend-item { display: block; } .section-1-3-geographies body.is-phone .where-years { margin-left: 0; } .section-1-3-geographies body.is-phone h2 { padding-right: 0; } .section-1-3-geographies body.is-phone .phone-version { display: block; } .section-1-3-geographies body.is-phone .tablet-version { display: none; } .section-1-3-geographies body.is-phone .where-was-the-money-spent { margin-bottom: 20px; text-align: center; } .section-1-3-geographies body.is-phone .where-was-the-money-spent .box { padding: 11px; text-align: left; width: 177px; } .section-1-3-geographies body.is-phone .row-chart { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); margin-bottom: 0; } .section-1-3-geographies body.is-phone .row-chart > *, .section-1-3-geographies body.is-phone .row-chart > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } .section-1-3-geographies body.is-phone .row-chart .left { padding-top: 43px; } .section-1-3-geographies body.is-phone .row-chart .right { padding-top: 12px; } .section-1-3-geographies body.is-phone .row-chart .skin-donut-chart .chart-center-title .inside { font-size: 0.875rem; line-height: 1em; } .section-1-3-geographies body.is-phone .row-chart .skin-donut-chart .chart-center-title .inside strong { font-size: 3.75rem; line-height: 1em; } .section-1-3-geographies body.is-phone .row-chart .global-data-box { text-align: left; } .section-1-3-geographies body.is-phone .row-chart .global-data { padding: 8px 5px 0 3px; } .section-1-3-geographies body.is-phone .row-chart .box-source { padding: 15px; } .section-1-3-geographies body.is-phone .row-chart .map { padding-top: 0; margin: 0 auto; width: 135px; } .section-1-3-geographies body.is-phone .mobile-version .box-support { margin: 34px 0 29px -23px; padding: 8px 12px 8px 20px; } .section-1-3-geographies body.is-phone .row-total-spendings .left { padding-right: 0; } .section-1-3-geographies body.is-phone .row-total-spendings .right { padding-top: 6px; text-align: left; } .section-1-3-geographies body.is-phone .row-total-spendings .right .skin-donut-chart { height: 120px; margin-bottom: 36px; } .section-1-3-geographies body.is-phone .row-total-spendings .right .chart-center-title .inside strong { font-size: 2.5rem; line-height: 1em; } .section-1-3-geographies body.is-phone .graphic-total-spent, .section-1-3-geographies body.is-phone .graphic-private-spent { max-width: 300px; width: 100%; } .section-1-3-geographies body.is-phone .graphic-private-spent { margin-left: 0; } .mobile-extras .skin-donut-chart { height: 110px; margin-bottom: 20px; } .mobile-extras .skin-donut-chart .chart-center-title { border-radius: 0; height: auto !important; position: static; width: auto !important; text-align: left; } .mobile-extras .skin-donut-chart .chart-center-title .inside { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); display: inline-block; max-width: 150px; text-align: left; padding: 0; position: static; } .mobile-extras .skin-donut-chart .chart-center-title .inside strong { font-size: 3.125rem; line-height: 0.9em; margin-bottom: -1px; } .mobile-extras .skin-donut-chart .chart-center-title .inside em { font-size: 0.75rem; line-height: 1.0833333333em; } .mobile-extras .skin-donut-chart .chart-graphic { top: 0; right: 0; position: absolute; } .section-2-shift { background: url("../2017-images/bg-cover-top.png") repeat-x top, url("../2017-images/bg-cover-bottom.png") repeat-x bottom, #fdeeeb; padding-bottom: 150px; padding-top: 150px; } .section-2-shift .right-text { max-width: 660px; padding-top: 15px; margin-bottom: 38px; } .section-2-shift .graphic { max-width: 960px; } .section-2-shift .graphic .label.-barStart { font-family: "Mercury Text G1 A", "Mercury Text G1 B"; font-size: 5rem; line-height: 1em; font-weight: 80; font-style: italic; padding: 20px; } .section-2-shift .graphic .label.-barStart em { font-size: 1rem; line-height: 1em; letter-spacing: 0.03125rem; font-weight: 600; display: block; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .section-2-shift .graphic .label.-barStart { font-size: 3.125rem; line-height: 1em; } } .section-2-shift body.is-tablet .graphic .label.-barStart { font-size: 3.125rem; line-height: 1em; } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { .section-2-shift { padding-top: 0; } .section-2-shift .graphic .label.-barStart { font-size: 1.25rem; line-height: 1em; padding: 9px; } .section-2-shift .graphic .label.-barStart em { font-size: 1.25rem; line-height: 1em; margin-bottom: 5px; } .section-2-shift .graphic .label.-barStart small { font-family: "Whitney A", "Whitney B"; font-size: 0.75rem; line-height: 1em; font-weight: 12; font-style: normal; display: block; margin-top: 4px; } } .section-2-shift body.is-phone { padding-top: 0; } .section-2-shift body.is-phone .graphic .label.-barStart { font-size: 1.25rem; line-height: 1em; padding: 9px; } .section-2-shift body.is-phone .graphic .label.-barStart em { font-size: 1.25rem; line-height: 1em; margin-bottom: 5px; } .section-2-shift body.is-phone .graphic .label.-barStart small { font-family: "Whitney A", "Whitney B"; font-size: 0.75rem; line-height: 1em; font-weight: 12; font-style: normal; display: block; margin-top: 4px; } section.section-2-falling-short { background: url("../2017-images/bg-cover-top.png") repeat-x top, url("../2017-images/bg-cover-bottom.png") repeat-x bottom, #fdeeeb; padding-top: 121px; } section.section-2-falling-short h2 { margin-bottom: 42px; } section.section-2-falling-short h3 { margin-bottom: 27px; } section.section-2-falling-short h5 { margin-bottom: 5px; } section.section-2-falling-short .row-amount { margin-bottom: 11px; } section.section-2-falling-short .row-amount .chart-graphic { height: 116px; margin-bottom: 21px; } section.section-2-falling-short .box { margin: 0 0 82px 401px; width: 608px; } section.section-2-falling-short .phone-version { display: none; } @media screen and (max-width: 1300px) { section.section-2-falling-short h2 { padding-right: 70px; } section.section-2-falling-short .row-amount { margin-right: 70px; } section.section-2-falling-short .box { width: 500px; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { section.section-2-falling-short { padding-top: 95px; } section.section-2-falling-short h2 { margin-bottom: 61px; padding-right: 100px; } section.section-2-falling-short h3 { font-size: 1.875rem; line-height: 1.2em; } section.section-2-falling-short .chart-legend { display: none; } section.section-2-falling-short .row-amount { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; } section.section-2-falling-short .row-amount:after { content: ""; clear: both; display: table; } section.section-2-falling-short .row-amount > *, section.section-2-falling-short .row-amount > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 0px); /* Firefox v4-15 */ width: calc(50% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-2-falling-short .row-amount > [class^="col-"] { padding-bottom: 20px; } section.section-2-falling-short .row-amount .col-3 { position: relative; left: 50%; } section.section-2-falling-short .box { bottom: 260px; left: -3px; position: absolute; margin: 0; max-width: 300px; padding: 8px 8px 8px 20px; } } section.section-2-falling-short body.is-tablet { padding-top: 95px; } section.section-2-falling-short body.is-tablet h2 { margin-bottom: 61px; padding-right: 100px; } section.section-2-falling-short body.is-tablet h3 { font-size: 1.875rem; line-height: 1.2em; } section.section-2-falling-short body.is-tablet .chart-legend { display: none; } section.section-2-falling-short body.is-tablet .row-amount { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; } section.section-2-falling-short body.is-tablet .row-amount:after { content: ""; clear: both; display: table; } section.section-2-falling-short body.is-tablet .row-amount > *, section.section-2-falling-short body.is-tablet .row-amount > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 0px); /* Firefox v4-15 */ width: calc(50% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-2-falling-short body.is-tablet .row-amount > [class^="col-"] { padding-bottom: 20px; } section.section-2-falling-short body.is-tablet .row-amount .col-3 { position: relative; left: 50%; } section.section-2-falling-short body.is-tablet .box { bottom: 260px; left: -3px; position: absolute; margin: 0; max-width: 300px; padding: 8px 8px 8px 20px; } @media screen and (max-width: 800px) { section.section-2-falling-short .row-amount { margin-right: 0; } section.section-2-falling-short .row-amount .info p { padding-right: 40px; } section.section-2-falling-short .box { max-width: 260px; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { section.section-2-falling-short { padding-top: 59px; } section.section-2-falling-short .tablet-version { display: none; } section.section-2-falling-short .phone-version { display: block; } section.section-2-falling-short h2 { margin-bottom: 37px; padding-right: 0; } section.section-2-falling-short .row-amount { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); margin-bottom: 60px; } section.section-2-falling-short .row-amount > *, section.section-2-falling-short .row-amount > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-2-falling-short .row-amount h5 { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: 0; } section.section-2-falling-short .row-amount h3 { font-size: 1.375rem; line-height: 1.1363636364em; margin-bottom: 6px; } section.section-2-falling-short .row-amount p { margin-bottom: 0; } section.section-2-falling-short .row-amount .chart-graphic { margin-bottom: 17px; } section.section-2-falling-short .row-amount .graphic-high-carbon .chart-graphic { height: 39px; } section.section-2-falling-short .row-amount .carousel-navigation { margin-top: -8px; } section.section-2-falling-short .box { margin: 0 0 0 -23px; position: static; max-width: 300px; } } section.section-2-falling-short body.is-phone { padding-top: 59px; } section.section-2-falling-short body.is-phone .tablet-version { display: none; } section.section-2-falling-short body.is-phone .phone-version { display: block; } section.section-2-falling-short body.is-phone h2 { margin-bottom: 37px; padding-right: 0; } section.section-2-falling-short body.is-phone .row-amount { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); margin-bottom: 60px; } section.section-2-falling-short body.is-phone .row-amount > *, section.section-2-falling-short body.is-phone .row-amount > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-2-falling-short body.is-phone .row-amount h5 { font-size: 0.75rem; line-height: 1.6666666667em; margin-bottom: 0; } section.section-2-falling-short body.is-phone .row-amount h3 { font-size: 1.375rem; line-height: 1.1363636364em; margin-bottom: 6px; } section.section-2-falling-short body.is-phone .row-amount p { margin-bottom: 0; } section.section-2-falling-short body.is-phone .row-amount .chart-graphic { margin-bottom: 17px; } section.section-2-falling-short body.is-phone .row-amount .graphic-high-carbon .chart-graphic { height: 39px; } section.section-2-falling-short body.is-phone .row-amount .carousel-navigation { margin-top: -8px; } section.section-2-falling-short body.is-phone .box { margin: 0 0 0 -23px; position: static; max-width: 300px; } .section-2-1-wind-solar { padding-bottom: 150px; } .section-2-1-wind-solar h2 { margin-bottom: 54px; } .section-2-1-wind-solar .left { padding-right: 90px; } .section-2-1-wind-solar .graphic { margin-top: 30px; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .section-2-1-wind-solar .left, .section-2-1-wind-solar .right { padding-right: 0; padding-left: 0; } } .section-2-1-wind-solar body.is-tablet .left, .section-2-1-wind-solar body.is-tablet .right { padding-right: 0; padding-left: 0; } .section-2-2-other-sectors h2 { margin-bottom: 55px; } .section-2-2-other-sectors .left { padding-right: 90px; } .section-2-2-other-sectors .graphic { margin-top: 30px; } .section-2-2-other-sectors .section-articles h2 { margin-top: 100px; } .section-2-2-other-sectors .section-articles .big, .section-2-2-other-sectors .section-articles section.section-5-solutions p, section.section-5-solutions .section-2-2-other-sectors .section-articles p { margin-left: 32px; } .section-2-2-other-sectors .inline-articles { text-align: left; } .section-2-2-other-sectors .inline-articles .button { margin: 10px; } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { .section-2-2-other-sectors .left, .section-2-2-other-sectors .right { padding-right: 0; padding-left: 0; } } .section-2-2-other-sectors body.is-tablet .left, .section-2-2-other-sectors body.is-tablet .right { padding-right: 0; padding-left: 0; } section.section-3-good-news { padding-top: 77px; } section.section-3-good-news h2 { margin-bottom: 0; } section.section-3-good-news .legend { margin: 0; padding: 0; list-style: none; font-style: italic; margin: -4px 0 71px 0; text-align: right; } section.section-3-good-news .legend > li { display: inline-block; } section.section-3-good-news .legend li { padding: 0 11px 0 14px; } section.section-3-good-news .legend .img { margin-left: 8px; vertical-align: middle; } section.section-3-good-news .row-charts { margin-bottom: 60px; } section.section-3-good-news .row-charts > div { border-left: 4px solid #000; padding: 0 0 0 15px; } section.section-3-good-news .row-footer { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } section.section-3-good-news .row-footer:after { content: ""; clear: both; display: table; } section.section-3-good-news .row-footer > *:nth-child(1) { width: 30.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(33.3333333333% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(33.3333333333% - 40px); /* Firefox v4-15 */ width: calc(33.3333333333% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-3-good-news .row-footer > *:nth-child(2) { width: 63.6666666667%; /* Fallback if unsupported */ width: -webkit-calc(66.6666666667% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(66.6666666667% - 40px); /* Firefox v4-15 */ width: calc(66.6666666667% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-3-good-news .box { margin-right: 64px; } section.section-3-good-news .phone-version { display: none; } @media screen and (max-width: 1300px) { section.section-3-good-news h2 { padding-right: 70px; } section.section-3-good-news .legend { margin-top: 20px; margin-right: 100px; } section.section-3-good-news .row-charts { margin-right: 100px; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { section.section-3-good-news .legend { font-size: 0.75rem; line-height: 1em; margin: 8px 0 41px 0; } section.section-3-good-news .legend li { padding: 0 0 0 33px; } section.section-3-good-news .row-charts { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; margin-right: 0; } section.section-3-good-news .row-charts:after { content: ""; clear: both; display: table; } section.section-3-good-news .row-charts > *, section.section-3-good-news .row-charts > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 0px); /* Firefox v4-15 */ width: calc(50% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-3-good-news .row-charts > div { border-left: none; padding-bottom: 20px; padding-left: 0; } section.section-3-good-news .row-charts .col-3 { position: relative; left: 50%; } section.section-3-good-news .skin-line-chart { max-width: 225px; } section.section-3-good-news .skin-line-chart .chart-graphic { margin-left: -16px; } section.section-3-good-news .box { bottom: 291px; left: -3px; position: absolute; margin: 0; max-width: 300px; padding: 8px 8px 8px 20px; } } section.section-3-good-news body.is-tablet .legend { font-size: 0.75rem; line-height: 1em; margin: 8px 0 41px 0; } section.section-3-good-news body.is-tablet .legend li { padding: 0 0 0 33px; } section.section-3-good-news body.is-tablet .row-charts { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: Blank; margin-right: 0; } section.section-3-good-news body.is-tablet .row-charts:after { content: ""; clear: both; display: table; } section.section-3-good-news body.is-tablet .row-charts > *, section.section-3-good-news body.is-tablet .row-charts > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 0px); /* Firefox v4-15 */ width: calc(50% - 0px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(0px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0px); /* Firefox v4-15 */ margin-left: calc(0px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-3-good-news body.is-tablet .row-charts > div { border-left: none; padding-bottom: 20px; padding-left: 0; } section.section-3-good-news body.is-tablet .row-charts .col-3 { position: relative; left: 50%; } section.section-3-good-news body.is-tablet .skin-line-chart { max-width: 225px; } section.section-3-good-news body.is-tablet .skin-line-chart .chart-graphic { margin-left: -16px; } section.section-3-good-news body.is-tablet .box { bottom: 291px; left: -3px; position: absolute; margin: 0; max-width: 300px; padding: 8px 8px 8px 20px; } @media screen and (max-width: 800px) { section.section-3-good-news .box { bottom: 211px; max-width: 260px; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { section.section-3-good-news { padding-top: 96px; } section.section-3-good-news h2 { padding-right: 30px; } section.section-3-good-news .tablet-version { display: none; } section.section-3-good-news .phone-version { display: block; } section.section-3-good-news .legend { margin: 14px 0 14px 0; text-align: left; } section.section-3-good-news .legend li { display: inline-block; padding-left: 5px; } section.section-3-good-news .legend li:nth-child(2) { padding-left: 37px; } section.section-3-good-news .legend img { width: 20px; } section.section-3-good-news .row-amount { margin: -60px 0 55px 0; } section.section-3-good-news .slide { padding-left: 10px; padding-top: 60px; } section.section-3-good-news .slide h4 { margin-left: -10px; } section.section-3-good-news .slide .skin-line-chart { height: auto; max-width: none; } section.section-3-good-news .slide .chart-graphic { height: 170px; max-width: 255px; } section.section-3-good-news .row-footer { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-3-good-news .row-footer > *, section.section-3-good-news .row-footer > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-3-good-news .row-footer .left { display: none; } section.section-3-good-news .box { margin: 0 0 0 -23px; position: static; max-width: 300px; } } section.section-3-good-news body.is-phone { padding-top: 96px; } section.section-3-good-news body.is-phone h2 { padding-right: 30px; } section.section-3-good-news body.is-phone .tablet-version { display: none; } section.section-3-good-news body.is-phone .phone-version { display: block; } section.section-3-good-news body.is-phone .legend { margin: 14px 0 14px 0; text-align: left; } section.section-3-good-news body.is-phone .legend li { display: inline-block; padding-left: 5px; } section.section-3-good-news body.is-phone .legend li:nth-child(2) { padding-left: 37px; } section.section-3-good-news body.is-phone .legend img { width: 20px; } section.section-3-good-news body.is-phone .row-amount { margin: -60px 0 55px 0; } section.section-3-good-news body.is-phone .slide { padding-left: 10px; padding-top: 60px; } section.section-3-good-news body.is-phone .slide h4 { margin-left: -10px; } section.section-3-good-news body.is-phone .slide .skin-line-chart { height: auto; max-width: none; } section.section-3-good-news body.is-phone .slide .chart-graphic { height: 170px; max-width: 255px; } section.section-3-good-news body.is-phone .row-footer { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-3-good-news body.is-phone .row-footer > *, section.section-3-good-news body.is-phone .row-footer > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-3-good-news body.is-phone .row-footer .left { display: none; } section.section-3-good-news body.is-phone .box { margin: 0 0 0 -23px; position: static; max-width: 300px; } section.section-4-mesurable-advances { background: url("../2017-images/bg-cover-top.png") repeat-x top, url("../2017-images/bg-cover-bottom.png") repeat-x bottom, #cdd7e3; padding-top: 141px; } section.section-4-mesurable-advances h2 { margin-bottom: 59px; } section.section-4-mesurable-advances button { margin-bottom: 60px; } section.section-4-mesurable-advances button:not(.active) .on { display: none; } section.section-4-mesurable-advances button.active .off { display: none; } section.section-4-mesurable-advances .row-graphics { margin-bottom: -9px; text-align: center; } section.section-4-mesurable-advances .row-graphics > div { position: relative; } section.section-4-mesurable-advances .row-graphics .title { position: relative; display: inline-block; border-radius: 50%; height: 260px; width: 260px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; font-family: "Mercury Display A", "Mercury Display B"; font-size: 1.875rem; line-height: 1.0666666667em; font-style: italic; color: #FFF; margin-bottom: 39px; } section.section-4-mesurable-advances .row-graphics .title > * { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } section.section-4-mesurable-advances .row-graphics .title > div { padding: 0 24px; width: 100%; } section.section-4-mesurable-advances .row-graphics .title .img { vertical-align: middle; } section.section-4-mesurable-advances .row-graphics .title span { display: block; margin: 0 auto; max-width: 210px; } section.section-4-mesurable-advances .row-graphics .title strong { font-family: "Whitney A", "Whitney B"; font-style: normal; display: block; border-top: 2px solid #FFF; margin-top: 14px; padding: 12px 0 0 0; } section.section-4-mesurable-advances .row-graphics ul { margin: 0; padding: 0; list-style: none; } section.section-4-mesurable-advances .row-graphics li { font-family: "Whitney A", "Whitney B"; height: 150px; color: #99afc4; } section.section-4-mesurable-advances .row-graphics li .label { font-size: 1rem; line-height: 1.25em; font-weight: 600; display: block; margin-bottom: 3px; text-transform: uppercase; } section.section-4-mesurable-advances .row-graphics li strong { font-size: 1.875rem; line-height: 1.2em; display: block; } section.section-4-mesurable-advances .row-graphics li small { font-family: "Mercury Text G1 A", "Mercury Text G1 B"; font-size: 0.5333333333rem; line-height: 1.375em; font-style: italic; display: block; } section.section-4-mesurable-advances .row-graphics li .img { margin: -10px 0 0 3px; max-width: none; } section.section-4-mesurable-advances .row-graphics li.half-checked { color: #51637b; } section.section-4-mesurable-advances .row-graphics li.checked { color: #000; } section.section-4-mesurable-advances .row-graphics .checkbox { background: #FFF; height: 30px; width: 30px; display: block; position: relative; margin: 0 auto 15px auto; } section.section-4-mesurable-advances .row-graphics .separator { position: absolute; top: 0; right: 0; margin: 121px -32px 0 0; } section.section-4-mesurable-advances .row-graphics .col-1 .title { background-color: #577aa2; } section.section-4-mesurable-advances .row-graphics .col-1 .title span { max-width: 150px; } section.section-4-mesurable-advances .row-graphics .col-2 .title { background-color: #000000; } section.section-4-mesurable-advances .row-graphics .col-3 .title { background-color: #9bafc8; } section.section-4-mesurable-advances .row-graphics .col-3 .title span { max-width: 150px; } section.section-4-mesurable-advances .row-graphics .col-3 .separator { margin-top: 127px; } section.section-4-mesurable-advances .row-graphics .col-4 .title { background-color: #577aa2; } section.section-4-mesurable-advances .row-graphics .col-4 li { color: #51637b; } section.section-4-mesurable-advances .row-graphics .version-a { position: relative; z-index: 2; } section.section-4-mesurable-advances .row-graphics .version-b { position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; width: 100%; } section.section-4-mesurable-advances .line-2 { display: block; margin: -10px 104px 12px auto; } section.section-4-mesurable-advances .row-footer { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } section.section-4-mesurable-advances .row-footer:after { content: ""; clear: both; display: table; } section.section-4-mesurable-advances .row-footer > *, section.section-4-mesurable-advances .row-footer > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 40px); /* Firefox v4-15 */ width: calc(50% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-4-mesurable-advances .box { margin: 5px 69px 0 99px; } @media screen and (max-width: 1300px) { section.section-4-mesurable-advances h2 { padding-right: 70px; } section.section-4-mesurable-advances .row-graphics { margin-right: 80px; } section.section-4-mesurable-advances .row-graphics .title { display: inline-block; border-radius: 50%; height: 180px; width: 180px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; font-size: 1.125rem; line-height: 1.1111111111em; margin-bottom: 23px; } section.section-4-mesurable-advances .row-graphics .title > div { padding: 0 10px; } section.section-4-mesurable-advances .row-graphics .title strong { font-size: 1.1111111111rem; line-height: 1.1em; margin-top: 3px; padding-top: 2px; } section.section-4-mesurable-advances .row-graphics .separator { margin: 86px -27px 0 0; } section.section-4-mesurable-advances .row-graphics .col-3 .separator { margin-top: 93px; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { section.section-4-mesurable-advances { padding-top: 136px; } section.section-4-mesurable-advances .switch-tracking { display: none; } section.section-4-mesurable-advances h2 { margin-bottom: 40px; } section.section-4-mesurable-advances .row-graphics { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-20px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-20px); /* Firefox v4-15 */ margin-left: calc(-20px); font-family: Blank; margin-right: 0; } section.section-4-mesurable-advances .row-graphics:after { content: ""; clear: both; display: table; } section.section-4-mesurable-advances .row-graphics > *, section.section-4-mesurable-advances .row-graphics > *:nth-child(n) { width: 22%; /* Fallback if unsupported */ width: -webkit-calc(25% - 20px); /* Chrome 19+ & Safari */ width: -moz-calc(25% - 20px); /* Firefox v4-15 */ width: calc(25% - 20px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(20px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(20px); /* Firefox v4-15 */ margin-left: calc(20px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-4-mesurable-advances .row-graphics .title { display: inline-block; border-radius: 50%; height: 150px; width: 150px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; font-size: 1.125rem; line-height: 1.1111111111em; margin-bottom: 23px; } section.section-4-mesurable-advances .row-graphics .title > div { padding: 0 10px; } section.section-4-mesurable-advances .row-graphics .title strong { font-size: 1.1111111111rem; line-height: 1.1em; margin-top: 3px; padding-top: 2px; } section.section-4-mesurable-advances .row-graphics .separator { margin: 68px -18px 0 0; } section.section-4-mesurable-advances .row-graphics .separator .img { width: 15px; } section.section-4-mesurable-advances .row-graphics li { height: 90px; } section.section-4-mesurable-advances .row-graphics li .label { font-size: 0.75rem; line-height: 1.25em; } section.section-4-mesurable-advances .row-graphics li strong { font-size: 1.375rem; line-height: 1.1363636364em; } section.section-4-mesurable-advances .row-graphics li .checkbox { display: inline-block; height: 17px; width: 17px; margin-bottom: 3px; } section.section-4-mesurable-advances .row-graphics li .checkbox .img { margin: -5px 0 0 3px; width: 21px; } section.section-4-mesurable-advances .row-graphics li .footnote .tooltip { text-align: center; } section.section-4-mesurable-advances .row-graphics .col-1 .title span { max-width: 80px; } section.section-4-mesurable-advances .row-graphics .col-3 .title span { max-width: 80px; } section.section-4-mesurable-advances .row-graphics .col-3 .separator { margin-top: 70px; } section.section-4-mesurable-advances .line-1, section.section-4-mesurable-advances .line-2 { display: none; } section.section-4-mesurable-advances .row-footer { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-4-mesurable-advances .row-footer > *, section.section-4-mesurable-advances .row-footer > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-4-mesurable-advances .box { margin: 0 0 20px 0; max-width: 453px; } section.section-4-mesurable-advances .carousel-pagination a.selected { background: #5879a2; } } section.section-4-mesurable-advances body.is-tablet { padding-top: 136px; } section.section-4-mesurable-advances body.is-tablet .switch-tracking { display: none; } section.section-4-mesurable-advances body.is-tablet h2 { margin-bottom: 40px; } section.section-4-mesurable-advances body.is-tablet .row-graphics { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-20px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-20px); /* Firefox v4-15 */ margin-left: calc(-20px); font-family: Blank; margin-right: 0; } section.section-4-mesurable-advances body.is-tablet .row-graphics:after { content: ""; clear: both; display: table; } section.section-4-mesurable-advances body.is-tablet .row-graphics > *, section.section-4-mesurable-advances body.is-tablet .row-graphics > *:nth-child(n) { width: 22%; /* Fallback if unsupported */ width: -webkit-calc(25% - 20px); /* Chrome 19+ & Safari */ width: -moz-calc(25% - 20px); /* Firefox v4-15 */ width: calc(25% - 20px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(20px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(20px); /* Firefox v4-15 */ margin-left: calc(20px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-4-mesurable-advances body.is-tablet .row-graphics .title { display: inline-block; border-radius: 50%; height: 150px; width: 150px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; font-size: 1.125rem; line-height: 1.1111111111em; margin-bottom: 23px; } section.section-4-mesurable-advances body.is-tablet .row-graphics .title > div { padding: 0 10px; } section.section-4-mesurable-advances body.is-tablet .row-graphics .title strong { font-size: 1.1111111111rem; line-height: 1.1em; margin-top: 3px; padding-top: 2px; } section.section-4-mesurable-advances body.is-tablet .row-graphics .separator { margin: 68px -18px 0 0; } section.section-4-mesurable-advances body.is-tablet .row-graphics .separator .img { width: 15px; } section.section-4-mesurable-advances body.is-tablet .row-graphics li { height: 90px; } section.section-4-mesurable-advances body.is-tablet .row-graphics li .label { font-size: 0.75rem; line-height: 1.25em; } section.section-4-mesurable-advances body.is-tablet .row-graphics li strong { font-size: 1.375rem; line-height: 1.1363636364em; } section.section-4-mesurable-advances body.is-tablet .row-graphics li .checkbox { display: inline-block; height: 17px; width: 17px; margin-bottom: 3px; } section.section-4-mesurable-advances body.is-tablet .row-graphics li .checkbox .img { margin: -5px 0 0 3px; width: 21px; } section.section-4-mesurable-advances body.is-tablet .row-graphics li .footnote .tooltip { text-align: center; } section.section-4-mesurable-advances body.is-tablet .row-graphics .col-1 .title span { max-width: 80px; } section.section-4-mesurable-advances body.is-tablet .row-graphics .col-3 .title span { max-width: 80px; } section.section-4-mesurable-advances body.is-tablet .row-graphics .col-3 .separator { margin-top: 70px; } section.section-4-mesurable-advances body.is-tablet .line-1, section.section-4-mesurable-advances body.is-tablet .line-2 { display: none; } section.section-4-mesurable-advances body.is-tablet .row-footer { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-4-mesurable-advances body.is-tablet .row-footer > *, section.section-4-mesurable-advances body.is-tablet .row-footer > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-4-mesurable-advances body.is-tablet .box { margin: 0 0 20px 0; max-width: 453px; } section.section-4-mesurable-advances body.is-tablet .carousel-pagination a.selected { background: #5879a2; } @media screen and (max-width: 800px) { section.section-4-mesurable-advances .row-graphics .title { display: inline-block; border-radius: 50%; height: 110px; width: 110px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; font-size: 0.75rem; line-height: 1.3333333333em; } section.section-4-mesurable-advances .row-graphics .col-1 .title span, section.section-4-mesurable-advances .row-graphics .col-3 .title span { padding: 0 10px; } section.section-4-mesurable-advances .row-graphics .separator { margin-top: 47px; } section.section-4-mesurable-advances .row-graphics .col-3 .separator { margin-top: 50px; } section.section-4-mesurable-advances .row-graphics li { height: 120px; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { section.section-4-mesurable-advances { padding-top: 73px; } section.section-4-mesurable-advances h2 { margin-bottom: 21px; padding-right: 40px; } section.section-4-mesurable-advances h4 { font-size: 1rem; line-height: 1.375em; letter-spacing: 0.0375rem; font-style: italic; font-weight: 600; margin-bottom: 15px; } section.section-4-mesurable-advances .tracking-numbers > div { font-family: "Whitney A", "Whitney B"; font-weight: 600; padding: 0 0 18px 92px; position: relative; } section.section-4-mesurable-advances .tracking-numbers > div span { font-size: 0.75rem; line-height: 1.1666666667em; display: block; } section.section-4-mesurable-advances .tracking-numbers > div strong { font-size: 1.375rem; line-height: 1.1363636364em; display: block; } section.section-4-mesurable-advances .tracking-numbers > div:before { display: inline-block; background: #577aa2; border-radius: 50%; height: 47px; width: 47px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; position: absolute; top: -3px; left: 36px; content: ''; } section.section-4-mesurable-advances .tracking-numbers > div:after { background-image: url(../2017-images/plus.svg); background-repeat: no-repeat; background-position: center center; background-size: 22px 22px; display: inline-block; height: 22px; width: 22px; position: absolute; top: 10px; left: 2px; content: ''; } section.section-4-mesurable-advances .tracking-numbers > div:nth-of-type(1):after { display: none; } section.section-4-mesurable-advances .tracking-numbers > div:nth-of-type(2):before { background: #000; } section.section-4-mesurable-advances .tracking-numbers > div:nth-of-type(3):before { background: #9bafc8; } section.section-4-mesurable-advances .tracking-numbers > div:nth-of-type(4):after { display: none; } section.section-4-mesurable-advances .tracking-numbers .divider { background: #000; display: block; margin: 0px 0 13px 0; height: 3px; } section.section-4-mesurable-advances .skin-carousel { margin-bottom: 26px; } section.section-4-mesurable-advances button { margin-bottom: 0; } section.section-4-mesurable-advances .box { padding: 8px 8px 8px 20px; margin: 0 0 0 -23px; } } section.section-4-mesurable-advances body.is-phone { padding-top: 73px; } section.section-4-mesurable-advances body.is-phone h2 { margin-bottom: 21px; padding-right: 40px; } section.section-4-mesurable-advances body.is-phone h4 { font-size: 1rem; line-height: 1.375em; letter-spacing: 0.0375rem; font-style: italic; font-weight: 600; margin-bottom: 15px; } section.section-4-mesurable-advances body.is-phone .tracking-numbers > div { font-family: "Whitney A", "Whitney B"; font-weight: 600; padding: 0 0 18px 92px; position: relative; } section.section-4-mesurable-advances body.is-phone .tracking-numbers > div span { font-size: 0.75rem; line-height: 1.1666666667em; display: block; } section.section-4-mesurable-advances body.is-phone .tracking-numbers > div strong { font-size: 1.375rem; line-height: 1.1363636364em; display: block; } section.section-4-mesurable-advances body.is-phone .tracking-numbers > div:before { display: inline-block; background: #577aa2; border-radius: 50%; height: 47px; width: 47px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; position: absolute; top: -3px; left: 36px; content: ''; } section.section-4-mesurable-advances body.is-phone .tracking-numbers > div:after { background-image: url(../2017-images/plus.svg); background-repeat: no-repeat; background-position: center center; background-size: 22px 22px; display: inline-block; height: 22px; width: 22px; position: absolute; top: 10px; left: 2px; content: ''; } section.section-4-mesurable-advances body.is-phone .tracking-numbers > div:nth-of-type(1):after { display: none; } section.section-4-mesurable-advances body.is-phone .tracking-numbers > div:nth-of-type(2):before { background: #000; } section.section-4-mesurable-advances body.is-phone .tracking-numbers > div:nth-of-type(3):before { background: #9bafc8; } section.section-4-mesurable-advances body.is-phone .tracking-numbers > div:nth-of-type(4):after { display: none; } section.section-4-mesurable-advances body.is-phone .tracking-numbers .divider { background: #000; display: block; margin: 0px 0 13px 0; height: 3px; } section.section-4-mesurable-advances body.is-phone .skin-carousel { margin-bottom: 26px; } section.section-4-mesurable-advances body.is-phone button { margin-bottom: 0; } section.section-4-mesurable-advances body.is-phone .box { padding: 8px 8px 8px 20px; margin: 0 0 0 -23px; } section.section-5-solutions { padding-top: 89px; } section.section-5-solutions h2 { margin-bottom: 80px; } section.section-5-solutions .row { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-40px); /* Firefox v4-15 */ margin-left: calc(-40px); font-family: Blank; } section.section-5-solutions .row:after { content: ""; clear: both; display: table; } section.section-5-solutions .row > *:nth-child(1) { width: 80.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(83.3333333333% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(83.3333333333% - 40px); /* Firefox v4-15 */ width: calc(83.3333333333% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-5-solutions .row > *:nth-child(2) { width: 13.6666666667%; /* Fallback if unsupported */ width: -webkit-calc(16.6666666667% - 40px); /* Chrome 19+ & Safari */ width: -moz-calc(16.6666666667% - 40px); /* Firefox v4-15 */ width: calc(16.6666666667% - 40px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(40px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(40px); /* Firefox v4-15 */ margin-left: calc(40px); font-family: "Mercury Text G1 A", "Mercury Text G1 B"; display: inline-block; vertical-align: top; } section.section-5-solutions .row .left { padding: 0 100px 0 200px; } section.section-5-solutions .number { font-family: "WhitneyInd B R Bold A", "WhitneyInd B R Bold B"; font-size: 12.5rem; line-height: 1em; font-weight: 400; color: #f1532e; } section.section-5-solutions .solution { padding-bottom: 128px; } section.section-5-solutions .solution .header { margin: 0 0 30px -147px; } section.section-5-solutions .solution .box { display: inline-block; margin-right: 88px; position: relative; vertical-align: middle; width: 450px; } section.section-5-solutions .solution .box .line { top: 50%; left: 100%; position: absolute; margin-top: -10px; margin-left: 1px; } section.section-5-solutions .solution .number { display: inline-block; vertical-align: middle; } section.section-5-solutions .solution p { font-size: 1.5rem; line-height: 1.3333333333em; } section.section-5-solutions .solution a { color: #f1532e; } section.section-5-solutions .solutions-navigation small { font-family: "Whitney A", "Whitney B"; font-size: 0.75rem; line-height: 1.3333333333em; font-weight: 600; color: #57585a; display: block; margin-bottom: 32px; width: 60px; } section.section-5-solutions .solutions-navigation a { font-family: "Whitney A", "Whitney B"; font-weight: 600; display: block; padding-bottom: 31px; } section.section-5-solutions .solutions-navigation a:hover { color: #f1532e; text-decoration: none; } section.section-5-solutions .solutions-navigation .number { font-size: 2.5rem; line-height: 1em; display: block; padding-bottom: 4px; } @media screen and (max-width: 1300px) { section.section-5-solutions .solution .header { margin-left: -180px; } section.section-5-solutions .solution .number { font-size: 6.875rem; line-height: 1.3636363636em; } } @media screen and (max-width: 1000px), screen and (max-device-width: 1000px) { section.section-5-solutions h2 { padding-right: 150px; margin-bottom: 10px; } section.section-5-solutions .row { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-5-solutions .row > *, section.section-5-solutions .row > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-5-solutions .row .left { padding: 0; } section.section-5-solutions .row .right { display: none; } section.section-5-solutions .solution { padding-bottom: 28px; } section.section-5-solutions .solution .header { margin-bottom: -4px; margin-left: -43px; } section.section-5-solutions .solution .box { margin-right: 63px; padding-left: 20px; width: 440px; } section.section-5-solutions .solution p { font-size: 1.25rem; line-height: 1.25em; max-width: 460px; } } section.section-5-solutions body.is-tablet h2 { padding-right: 150px; margin-bottom: 10px; } section.section-5-solutions body.is-tablet .row { margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-5-solutions body.is-tablet .row > *, section.section-5-solutions body.is-tablet .row > *:nth-child(n) { width: 0; /* Fallback if unsupported */ width: -webkit-calc(100%); /* Chrome 19+ & Safari */ width: -moz-calc(100%); /* Firefox v4-15 */ width: calc(100%); margin-left: 0; /* Fallback if unsupported */ margin-left: -webkit-calc(0); /* Chrome 19+ & Safari */ margin-left: -moz-calc(0); /* Firefox v4-15 */ margin-left: calc(0); } section.section-5-solutions body.is-tablet .row .left { padding: 0; } section.section-5-solutions body.is-tablet .row .right { display: none; } section.section-5-solutions body.is-tablet .solution { padding-bottom: 28px; } section.section-5-solutions body.is-tablet .solution .header { margin-bottom: -4px; margin-left: -43px; } section.section-5-solutions body.is-tablet .solution .box { margin-right: 63px; padding-left: 20px; width: 440px; } section.section-5-solutions body.is-tablet .solution p { font-size: 1.25rem; line-height: 1.25em; max-width: 460px; } @media screen and (max-width: 800px) { section.section-5-solutions .solution .header { margin-bottom: 20px; } section.section-5-solutions .solution .header .box { max-width: 380px; } section.section-5-solutions .solution .header .number { font-size: 6.25rem; line-height: 1.5em; } } @media screen and (max-width: 600px), screen and (max-device-width: 600px) { section.section-5-solutions { padding-top: 99px; } section.section-5-solutions h2 { margin-bottom: 17px; padding-right: 40px; } section.section-5-solutions .solution { padding-bottom: 0; } section.section-5-solutions .solution .header { margin: 0; display: flex; flex-direction: column; } section.section-5-solutions .solution .box { font-family: "Mercury Text G1 A", "Mercury Text G1 B"; font-size: 1rem; line-height: 1.375em; font-weight: 600; font-style: italic; border: none; order: 2; margin: 0 0 22px 0; padding: 0; width: auto; } section.section-5-solutions .solution .box .line { display: none; } section.section-5-solutions .solution .number { font-size: 6.25rem; line-height: 1.5em; margin-bottom: -10px; order: 1; } section.section-5-solutions .solution p { font-size: 1rem; line-height: 1.375em; } } section.section-5-solutions body.is-phone { padding-top: 99px; } section.section-5-solutions body.is-phone h2 { margin-bottom: 17px; padding-right: 40px; } section.section-5-solutions body.is-phone .solution { padding-bottom: 0; } section.section-5-solutions body.is-phone .solution .header { margin: 0; display: flex; flex-direction: column; } section.section-5-solutions body.is-phone .solution .box { font-family: "Mercury Text G1 A", "Mercury Text G1 B"; font-size: 1rem; line-height: 1.375em; font-weight: 600; font-style: italic; border: none; order: 2; margin: 0 0 22px 0; padding: 0; width: auto; } section.section-5-solutions body.is-phone .solution .box .line { display: none; } section.section-5-solutions body.is-phone .solution .number { font-size: 6.25rem; line-height: 1.5em; margin-bottom: -10px; order: 1; } section.section-5-solutions body.is-phone .solution p { font-size: 1rem; line-height: 1.375em; } .testing { /*------------------------------------------------------------------------------ body ------------------------------------------------------------------------------*/ } .testing body { margin: 0; overflow: visible !important; width: 1180px; } .testing body:after { top: 0; bottom: 0; left: 0; position: absolute; z-index: 120; background-image: -webkit-linear-gradient(0deg, rgba(200, 0, 0, 0.2) 60px, transparent 40px), -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 95%, rgba(56, 255, 255, 0.8) 100%); background-image: -moz-linear-gradient(0deg, rgba(200, 0, 0, 0.2) 60px, transparent 40px), -moz-linear-gradient(top, rgba(0, 0, 0, 0) 95%, rgba(56, 255, 255, 0.8) 100%); background-image: -o-linear-gradient(0deg, rgba(200, 0, 0, 0.2) 60px, transparent 40px), -o-linear-gradient(top, rgba(0, 0, 0, 0) 95%, rgba(56, 255, 255, 0.8) 100%); background-size: 100px 100%, 100% 22px; background-position: 0px; content: ''; margin-left: 10px; pointer-events: none; opacity: .25; width: 1160px; } /* body, html, .articles, .mobile-extras{ width:320px; } */ /* Localized */