@charset "UTF-8"; /** * @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"); } /* FONTS /* * Legal Disclaimer * * These Fonts are licensed only for use on these domains and their subdomains: * zerodeforestationcattle.org * * It is illegal to download or use them on other websites. * * While the @font-face statements below may be modified by the client, this * disclaimer may not be removed. * * Lineto.com, 2015 */ @font-face { font-family: "Circular-Pro-Book"; src: url("../fonts/lineto-circular-pro-book.eot"); src: url("../fonts/lineto-circular-pro-book.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-pro-book.woff") format("woff"), url("../fonts/lineto-circular-pro-book.ttf") format("truetype"), url("../fonts/lineto-`circular-pro-book.svg#lineto-circular-pro-book") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Circular-Pro-Book-Italic"; src: url("../fonts/lineto-circular-pro-bookItalic.eot"); src: url("../fonts/lineto-circular-pro-bookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-pro-bookItalic.woff") format("woff"), url("../fonts/lineto-circular-pro-bookItalic.ttf") format("truetype"), url("../fonts/lineto-`circular-pro-bookItalic.svg#lineto-circular-pro-book") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Circular-Pro-Medium"; src: url("../fonts/lineto-circular-pro-medium.eot"); src: url("../fonts/lineto-circular-pro-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-pro-medium.woff") format("woff"), url("../fonts/lineto-circular-pro-medium.ttf") format("truetype"), url("../fonts/lineto-circular-pro-medium.svg#lineto-circular-pro-medium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Circular-Pro-Bold"; src: url("../fonts/lineto-circular-pro-bold.eot"); src: url("../fonts/lineto-circular-pro-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-circular-pro-bold.woff") format("woff"), url("../fonts/lineto-circular-pro-bold.ttf") format("truetype"), url("../fonts/lineto-circular-pro-bold.svg#lineto-circular-pro-bold") format("svg"); font-weight: normal; font-style: normal; } /* This font software is the property of Commercial Type. You may not modify the font software, use it on another website, or install it on a computer. License information is available at http://commercialtype.com/eula For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com Copyright (C) 2013 Schwartzco Inc. License: 1504-DPVTJK */ @font-face { font-family: 'Dala Floda Web'; src: url("../fonts/DalaFloda-Roman-Web.eot"); src: url("../fonts/DalaFloda-Roman-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/DalaFloda-Roman-Web.woff") format("woff"), url("../fonts/DalaFloda-Roman-Web.ttf") format("truetype"), url("../fonts/DalaFloda-Roman-Web.svg#DalaFloda-Roman") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; } .DalaFloda-Roman-Web { font-family: 'Dala Floda Web'; font-weight: 400; font-style: normal; font-stretch: normal; } /* Global style */ body { font-family: Circular-Pro-Book; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; line-height: 20px; margin: 0px; } /* div { -moz-transition: all .1s; -webkit-transition: all .1s; transition: all .1s; } span { -moz-transition: all .1s; -webkit-transition: all .1s; transition: all .1s; } */ section { margin: 0px auto 0px auto; max-width: 1280px; overflow: hidden; -moz-transition: all .1s; -webkit-transition: all .1s; transition: all .1s; } i, em { font-family: "Circular-Pro-Book-Italic"; } b, strong { font-family: "Circular-Pro-Bold"; font-weight: normal; } a { color: #f16f4e; text-decoration: none; } a:hover { color: #f16f4e; border-bottom: 1px solid; } ul, ol { margin-left: 0px; } li { margin-left: -22px; } #beta-marker { font-size: 36px; position: fixed; top: 18px; right: -71px; height: auto; width: auto; padding: 20px 80px; background-color: rgba(0, 0, 0, 0.1); color: #353744; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 999; } .greyed-out { color: #afb0b5; } .content, .graphic-content { margin-left: auto; margin-right: auto; } .graphic-content { padding-left: 60px; width: 1220px; } .chapter-header { background-color: #fff; height: auto; text-align: center; } .chapter-number-lg { display: inline-block; margin: 55px 55px 0 55px; border-radius: 50%; } .chapter-number-lg img { height: 270px; } #chapter-one .chapter-number-lg { background-color: #f2dbb2; } #chapter-two .chapter-number-lg { background-color: #cae3cd; } #chapter-three .chapter-number-lg { background-color: #b6b7bb; } #chapter-four .chapter-number-lg { background-color: #e2d8ce; } #chapter-five .chapter-number-lg { background-color: #bee5e4; } .chapter-header-text { display: inline-block; text-align: left; vertical-align: top; margin-top: 95px; width: 895px; font-weight: normal; color: #353744; } .chapter-header-title { font-size: 60px; line-height: 62px; font-family: Circular-Pro-Medium; margin-bottom: 20px; } .chapter-summary-tagline { font-size: 20px; line-height: 25px; color: #353744; text-align: left; padding-bottom: 30px; } .read-more-less { margin: 30px 0px 30px 0px; cursor: pointer; cursor: hand; } .read-more-button, .read-less-button, .tangent-article-download-button { color: #fff; background-color: #484a56; font-size: 20px; font-family: "Circular-Pro-Bold"; padding: 9px; text-align: center; cursor: pointer; cursor: hand; } .read-more-button { width: 136px; } .read-less-button { width: 130px; } .read-less-button-pt { width: 152px; } .tangent-article-download-button { width: 6.5em; } .read-less-button { display: none; position: relative; left: 375px; } .read-more-button:hover, .read-less-button:hover, .tangent-article-download-button:hover { color: #db9d2e; } .chapter-main-text { text-align: left; width: 1130px; font-size: 15px; line-height: 20px; color: #353744; } .chapter-main-text p, .tangent-article-text-two-clm p { -webkit-margin-before: 0; -webkit-margin-after: 20px; } p.column-balance { /*margin-top: -20px;*/ } .chapter-triangle { position: relative; left: 50%; width: 0; height: 0; margin-left: -70px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; } .graphic-title, .graphic-caption, .graphic-title .citation-number, .graphic-caption .citation-number { color: #fff; } .graphic-title { font-size: 30px; line-height: 36px; width: 505px; margin-top: 60px; margin-bottom: 15px; font-family: Dala Floda Web; } .graphic-caption { width: 505px; font-size: 15px; line-height: 20px; } .year-number-lg { color: #b98728; text-align: left; cursor: pointer; cursor: hand; font-size: 80px; line-height: 70px; font-family: "Circular-Pro-Bold"; position: relative; -webkit-font-feature-settings: 'tnum'; -moz-font-feature-settings: 'tnum'; -ms-font-feature-settings: 'tnum'; font-variant: tabular-nums; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tangent-tab-holder { margin-top: -20px; margin-right: 0px; margin-left: auto; margin-bottom: 50px; background-color: #353744; padding: 2.2em 0em 2.2em; position: relative; z-index: 1; } #tab-one { width: 64em; } #tab-one .tangent-tab, #tab-one .tangent-tab-pt { width: 34em; } #tab-two { width: 45em; } .tab-two-pt { width: 57em !important; } #tab-two .tangent-tab { width: 23em; } #tab-two .tangent-tab-pt { width: 30em; } #tab-three { width: 52em; } #tab-three .tangent-tab, #tab-three .tangent-tab-pt { width: 28em; } #tab-four { width: 32.5em; position: relative; top: -4.5em; } .tab-four-pt { width: 39.5em !important; } #tab-four .tangent-tab { width: 16em; } #tab-four .tangent-tab-pt { width: 20em; } #tab-five { width: 46em; } .tab-five-pt { width: 57em !important; } #tab-five .tangent-tab { width: 24em; } #tab-five .tangent-tab-pt { width: 30em; } .tangent-read-more { font-size: 20px; font-family: "Circular-Pro-Bold"; margin-left: 2.5em; margin-bottom: 0.75em; } .tangent-tab, .tangent-tab-pt { margin-bottom: 0.2em; margin-right: 0em; margin-left: auto; padding: 0.5em 0.5em 0.5em 0.5em; color: #fff; background-color: #40424e; text-align: left; font-size: 26px; cursor: pointer; cursor: hand; -webkit-transition: all 0.4s; transition: all 0.4s; } .tangent-tab:hover, .tangent-tab-pt:hover { padding-right: 8.2em; -ms-transform: translateX(-6em); -webkit-transform: translateX(-6em); transform: translateX(-6em); } .tangent-body { width: 1280px; float: left; } .tangent-article { background-color: #fff; border-left: 4em solid #484a56; color: #484a56; padding: 2em; width: 100%; height: auto; min-height: 100%; } .tangent-article-text img { width: 270px; } .tangent-small-graphic { height: 8em; } .close-tangent-button { border-radius: 50%; position: absolute; z-index: 25; right: 2em; top: 2em; background-color: #353744; color: #fff; font-family: "Circular-Pro-Bold"; font-size: 2.3em; width: 38px; height: 35px; padding: 15px 0 0 12px; cursor: pointer; cursor: hand; } .close-tangent-button:hover { color: #353744; background-color: #86878f; } .tangent-article-tagline { margin-top: 3em; font-size: 20px; font-family: "Circular-Pro-Bold"; cursor: pointer; cursor: hand; } #ch1t1 .tangent-article-tagline, #ch1t2 .tangent-article-tagline { color: #db9d2e; } #ch2t1 .tangent-article-tagline, #ch2t2 .tangent-article-tagline, #ch2t3 .tangent-article-tagline { color: #6fb174; } #ch2t1-icon { display: inline-block; width: 25%; } #ch2t1-icon img { width: 100%; } #ch2t1-icon-caption { display: inline-block; width: 70%; margin-left: 1em; } #ch3t1 .tangent-article-tagline, #ch3t2 .tangent-article-tagline, #ch3t3 .tangent-article-tagline { color: #eb6451; } #ch2t1 .tangent-article-image, #ch5t1 .tangent-article-image, #ch5t1 .tangent-article-image { margin-top: 1em; width: 35em; } #ch3t3 .tangent-article-image img, #ch5t2 .tangent-article-image img, #ch5t4 .tangent-article-image img { margin-top: 1em; width: 545px; } #ch3t3 .tangent-article-right-col, #ch5t2 .tangent-article-right-col, #ch5t4 .tangent-article-right-col { width: 545px; padding-left: 2em; } #ch4t1 .tangent-article-tagline { color: #bfa991; } #ch5t1 .tangent-article-tagline, #ch5t2 .tangent-article-tagline, #ch5t3 .tangent-article-tagline, #ch5t4 .tangent-article-tagline { color: #4bb7b7; } .tangent-article-subtitle { font-size: 2em; line-height: 1.2em; margin-bottom: 30px; } .tangent-article-text-two-clm { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 45px; /* Chrome, Safari, Opera */ -moz-column-gap: 45px; /* Firefox */ column-gap: 45px; margin-top: 20px; } #ch3t3 .tangent-article-left-col, #ch5t2 .tangent-article-left-col, #ch5t4 .tangent-article-left-col { width: 605px; } #ch5t1 .tangent-article-left-col { width: 280px; } #solution-certification, #solution-roundtables { margin-top: 4em; } #solution-certification-text { display: inline-block; width: 50%; padding-left: 5%; } #solution-certification-images { display: inline-block; width: 40%; vertical-align: top; padding-left: 3%; } #solution-certification-images img { width: 80%; height: auto; } #ch5t3 .tangent-article-sub-subtitle { color: #4bb7b7; font-size: 1.25em; } #ch5t3 ul { list-style: none; padding: 0; margin: 0; } #ch5t3 li { padding-left: 3em; margin-bottom: 0.8em; text-indent: -3em; } #ch5t3 li:before { padding-right: 1.3em; content: "\2192"; color: #4bb7b7; font-size: 1.25em; } .tangent-article-back { color: #9a9aa2; font-size: 30px; line-height: 40px; margin: 0.2em 0 0.6em 0; cursor: pointer; cursor: hand; } .tangent-article-title { font-size: 85px; line-height: 90px; margin-bottom: 0.6em; font-family: "Circular-Pro-Medium"; /*width: 15em;*/ width: 90%; } .tangent-row { margin-top: 2em; } .tangent-article-left-col, .tangent-article-right-col { vertical-align: top; display: inline-block; } .tangent-article-left-col { width: 280px; padding-right: 2em; } .tangent-article-right-col { width: 870px; padding-left: 2em; } .tangent-article-right-col .tangent-article-text { width: 280px; } .tangent-article-caption { font-family: "Circular-Pro-Bold"; margin-bottom: 1.25em; } .tangent-article-image img { width: 870px; } .tangent-article-download-image { display: inline-block; width: 20em; vertical-align: top; margin-bottom: 20px; cursor: pointer; cursor: hand; } .tangent-article-download-image img { width: 100%; } /* @media only screen and (max-width: 1223px) { .tangent-article-title { font-size: 200%; width: 60%; } .tangent-article-tagline { width: 60%; } .tangent-article-left-col, .tangent-article-right-col { width: 60%; padding-left: 0; } .tangent-article .copyright-info { position: absolute; width: 100%; } .close-tangent-button { display: none; } #ch2t1image img, #ch3t2 img { margin-top: 1em; width: 100%; } .ch5t1-top-left, .ch5t-top-right { width: 60%; } .ch5t1-bottom .tangent-article-left-col, .ch5t1-bottom .tangent-article-right-col { width: 60%; } .tangent-article-text-two-clm { vertical-align: top; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; width: 100%; } } */ /* Hinting style */ #hint-panel-wrapper { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 2000px; background-color: rgba(54, 56, 69, 0.98); -moz-transition: all .15s; -webkit-transition: all .15s; transition: all .15s; } #hint-panel { padding: 90px 90px 70px 90px; margin: 100px auto auto auto; width: 673px; height: 360px; color: #f27050; background-color: #fff; z-index: 1000; } #hint-pointer { position: relative; top: -60px; left: -60px; width: 42px; height: 42px; margin-bottom: -50px; margin-right: 20px; } #hint-pointer img { height: 100%; } .hint-panel-icon { display: inline-block; position: relative; top: 10px; width: 50px; height: 50px; } .hint-panel-icon img { height: 100%; } .hint-panel-sm-text { font-size: 20px; margin-bottom: 5px; } .hint-panel-lg-text { font-family: Circular-Pro-Medium; font-size: 50px; line-height: 60px; } .close-hint-panel { font-family: Circular-Pro-Medium; padding: 25px 0px; font-size: 20px; margin-top: 40px; margin-left: auto; margin-right: auto; width: 130px; background-color: #f27050; color: #fff; text-align: center; cursor: pointer; cursor: hand; } .hint-button { display: inline-block; margin-top: 10px; margin-left: 150px; margin-right: 10px; height: 60px; vertical-align: middle; } .hint-button img { height: 100%; } .hint-anchor { position: relative; height: 0px; width: 0px; } .hint { opacity: 0; position: absolute; z-index: 1000; -moz-transition: all .15s; -webkit-transition: all .15s; transition: all .15s; } .hint img { height: 40px; width: 40px; } .tangent-tab-holder .hint-anchor { top: 15px; left: -15px; } #chapter-one .hint-anchor { top: 35px; } .product-bubble .hint-anchor { top: 150px; left: -20px; } #ch2-hint-1-anchor { top: 20px; left: 10px; } #ch2-hint-2-anchor { left: 330px; } #chapter-four .year-number-holder .hint-anchor { top: 25px; left: 10px; } .ch5-label .hint-anchor { top: 15px; left: 15px; } .recommendations-map-holder .hint-anchor, .recommendations-map-holder-pt .hint-anchor { top: 5px; left: -50px; } .social-media .hint-anchor { vertical-align: middle; top: -30px; } #footer-hint-1-anchor { left: -55px; } #footer-hint-2-anchor { left: 20px; } /* Prequel style */ #prequel { background-color: white; width: 100%; } .video-wrapper { margin: 0px; border: none; width: 100%; } #rainforest-vid { width: 100%; height: auto; min-width: 1280px; z-index: -100; background: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/rainforest-backdrop.jpg") no-repeat; background-size: cover; } .prequel-triangle { text-align: center; margin: 0 auto; margin-top: -6px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #202020; } #prequel-title { position: absolute; top: 0; left: 0; width: 100%; color: #fff; text-align: left; } .prequel-title-wrapper { width: 1280px; margin: 3em auto auto auto; vertical-align: middle; } #prequel-title-large { font-size: 90px; line-height: 1em; margin-top: 150px; margin-left: 1em; } #prequel-blurb { color: white; background-color: rgba(54, 54, 66, 0.65); font-family: Dala Floda Web; font-size: 2em; line-height: 1.1em; width: 23em; margin-left: 12em; margin-top: 75px; padding: 1em 1.5em; } .prequel-blurb-pt { margin-top: 45px !important; } .menu-bar { z-index: 60; position: fixed; margin: 0px; top: 0px; left: 0px; cursor: pointer; cursor: hand; } #language-button { width: auto; height: 60px; padding: 10px 20px 10px 20px; line-height: 60px; display: inline-block; z-index: 60; position: fixed; margin: 0px; left: 250px; cursor: pointer; cursor: hand; background-color: #353744; color: #afb0b5; font-family: "Circular-Pro-Bold"; font-size: 1.5em; } #site-menu, #site-map { cursor: pointer; cursor: hand; -webkit-transition: all 0.5s; transition: all 0.5s; } #site-menu { width: 250px; } #burger-box { background-color: #353744; width: 100%; height: 80px; margin-bottom: -15px; -webkit-transition: all 0.5s; transition: all 0.5s; } #burger-bar-holder { display: inline-block; margin-top: 22px; margin-left: 170px; width: 60px; height: auto; vertical-align: middle; -webkit-transition: all 0.5s; transition: all 0.5s; } .burger-bar, .burger-spacer { width: 50px; } .burger-bar { background-color: #afb0b5; height: 5px; } .burger-spacer { background-color: transparent; height: 8px; } #burger-box:hover, #burger-menu, #language-button:hover { background-color: #2b2d37; } #burger-menu { display: none; color: #afb0b5; width: 100%; margin: 0px; -webkit-transition: all 0.5s; transition: all 0.5s; } #burger-menu ul, #site-map-menu ul { padding: 0px; margin-left: 20px; } #site-map-menu ul li { margin-left: 0; } #burger-menu li, #site-map-menu li { list-style: none; width: auto; height: 1em; line-height: 1em; font-size: 1.25em; border: 0; padding: 1em 0em 1em 1em; color: #afb0b5; } #burger-menu li:hover { background-color: #353744; } #site-map { display: none; width: 35em; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; } .site-map-pt { width: 48em !important; } #site-map-menu { color: #afb0b5; width: 100%; margin: 0px; position: relative; left: 230px; top: -110px; -webkit-transition: all 0.5s; transition: all 0.5s; } #site-map ul { background-color: #353744; padding: 20px 0; } #site-map li { margin-bottom: -1px; height: 0.2em !important; line-height: 0.2em; color: #afb0b5; } #site-map li:hover { background-color: #292a34; } .site-chap-link { font-family: "Circular-Pro-Bold"; } .site-sub-link, .site-sub-link-pt { color: #afb0b5 !important; padding-right: 1em !important; margin-left: 1em !important; } .site-sub-link:hover, .site-sub-link-pt:hover { background-color: #292a34 !important; color: #afb0b5 !important; padding-right: 1em !important; } #table-of-contents, #chapter-lines-holder { width: 1280px; margin-top: 3em; margin-left: auto; margin-right: auto; text-align: center; color: #353744; } .chapter-button { width: 19%; display: inline-block; vertical-align: top; cursor: pointer; cursor: hand; } .chapter-button-left { display: inline-block; vertical-align: top; } .chapter-button-right { display: inline-block; width: 77%; vertical-align: top; } .chapter-number { width: 3em; } .chapter-number img { width: 100%; } .chapter-title { text-align: left; } .chapter-icon-holder { text-align: left; width: 100px; margin: 0.5em 0 0 -2em; } #chapter-4-button .chapter-icon-holder { margin-top: 1.8em; } #chapter-5-button .chapter-icon-holder { margin-top: .5em; } .chapter-icon-holder img { width: 100%; } #chapter-lines-holder { position: relative; top: -6em; left: 4.5em; } .chapter-line { display: inline-block; border: 1px; height: 2px; background-color: #afb0b5; width: 50%; } .chapter-details { display: none; position: absolute; margin-top: -127px; margin-left: -21px; z-index: 50; cursor: pointer; cursor: hand; } .chapter-details-square { padding: 1.5em; width: 9.5em; height: 20.5em; background-color: #353744; color: #fff; text-align: center; } .chapter-details-text { margin-top: 1em; } .chapter-icon-img-holder-hover { margin-right: auto; margin-left: auto; background-color: #fff; background-color: #b6d7b9; width: 100px; height: 100px; border-radius: 50%; } .chapter-icon-img-holder-hover img { margin-top: 0; width: 100%; } .ch2 .chapter-icon-img-holder-hover img { position: relative; top: -0.2em; } .ch5 .chapter-icon-img-holder-hover img { position: relative; left: 0.2em; top: 0.5em; } .chapter-details-triangle { width: 0; height: 0; border-top: solid 2.5em #353744; border-left: solid 6.3em transparent; border-right: solid 6.3em transparent; } /* Chapter 1 style */ /* #chapter-one .graphic-content { background-color: #db9d2e; background-image: url(http://d2tbmhuj3dq9ke.cloudfront.net/img/BackgroundTile.png); height: 890px; } #ch1-left-col, #ch1-right-col { vertical-align: top; display: inline-block; width: 570px; } #ch1-left-col .year-number-holder { position: relative; top: 20px; } #ch1-right-col { padding-left: 60px; } #chapter-one .year-number-lg { color: #b98728; } #chapter-one .year-number-lg:hover { color: #353744; } .ch1-map-legend { display: inline-block; color: #353744; text-align: left; margin-top: 170px; -webkit-font-feature-settings: 'tnum'; -moz-font-feature-settings: 'tnum'; -ms-font-feature-settings: 'tnum'; } .ch1-legend-note { font-size: 12px; line-height: 20px; display: inline-block; vertical-align: middle; font-variant-numeric: proportional-nums; -moz-font-feature-settings: "pnum"; -ms-font-feature-settings: "pnum"; -webkit-font-feature-settings: "pnum"; font-feature-settings: "pnum"; } .ch1-legend-label { display: inline-block; vertical-align: bottom; font-size: 20px; line-height: 30px; } #ch1-legend-box-1, #ch1-legend-box-2, #ch1-legend-box-3, #ch1-legend-box-4, #ch1-legend-box-5, #ch1-legend-box-6, #ch1-legend-box-7, #ch1-legend-box-8, #ch1-legend-box-9 { display: inline-block; margin-top: 5px; margin-right: 10px; height: 30px; width: 30px; } #ch1-legend-box-1 { background-color: #fff; } #ch1-legend-box-2 { background-color: #f2dbb2; } #ch1-legend-box-3 { background-color: #e7c17a; } #ch1-legend-box-4 { background-color: #ad7e24; } #ch1-legend-box-5 { background-color: #714e0e; } #ch1-legend-box-6 { background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/ch1_state_line.png"); background-size: fill; background-repeat: no-repeat; background-position: center; } #ch1-legend-box-7 { background-color: #eb6451; } #ch1-legend-box-8 { background-color: #4d7c50; } #ch1-legend-box-9 { background-color: #a3cda7; } .brazil-map-ch-1 { width: 450px; display: inline-block; position: relative; left: 140px; } #ch1-left-col .brazil-map-ch-1 { top: -470px; left: 153px; } #ch1-right-col .brazil-map-ch-1 { top: -430px; } .deforestation-map { left: 160px; } .brazil-map-ch-1 img { width: 95%; } #tab-one .tangent-read-more, #tab-one .tangent-title:hover { color: #db9d2e; } .brazil-map-ch1 { position: relative; z-index: 1; } #tab-one { position: relative; z-index: 2; } */ /* Chapter 2 style */ #chapter-two { overflow: initial; } #chapter-two .graphic-content { background-color: #6fb174; height: 800px; } #chapter-two .graphic-content-pt { height: 850px; } #chapter-two .chapter-summary-tagline { margin-right: 120px; } .product-headers { color: white; } .product-headers-tagline { font-family: Dala Floda Web; font-size: 30px; line-height: 36px; padding-top: 55px; margin-bottom: 15px; width: 24em; } .product-category { transition: margin-left 0.2s; font-size: 3.85em; line-height: 62px; position: relative; cursor: pointer; cursor: hand; z-index: 2; } .product-category:hover { color: #538557; margin-left: -0.5em; } .beef-subproducts { font-size: 40px; line-height: 20px; } #adult-cow { margin-left: auto; margin-right: auto; width: 45%; position: relative; left: 1em; top: -7em; } #adult-cow img { width: 560px; } .product-bubble { background-color: #97c69a; padding: 15px; display: inline-block; width: 320px; height: 320px; border-radius: 50%; overflow: hidden; position: relative; cursor: pointer; cursor: hand; transition: all 0.5s; } #leather-bubble { top: -930px; left: 35px; z-index: 1; } #beef-bubble { top: -450px; left: -75px; } #tallow-bubble { top: -525px; left: 590px; } #leather-bubble img, #beef-bubble img, #tallow-bubble img { width: 100%; height: 100%; } #tallow-bubble img { width: 120%; } .product-bubble:hover { opacity: 0.9 !important; filter: alpha(opacity=90) !important; width: 400px !important; height: 400px !important; margin: -40px !important; } #chapter-two .tangent-tab, #chapter-two .tangent-tab-pt { color: #6fb174; } .tangent-article-download-image:hover, .tangent-article-tagline:hover, .tangent-article-back:hover { opacity: 0.6; filter: alpha(opacity=60); } #tab-two .tangent-read-more, #tab-two .tangent-title:hover { color: #6fb174; } /* Ch 2 Trade maps style */ .ch2-screen-holder { display: none; position: fixed; top: 0; left: 0; width: 100%; min-width: 1280px; padding-top: 2em; height: 2000px; } .ch2-screen-holder { background-color: #97c69a; } .close-trade-map { border-radius: 50%; position: absolute; right: 6em; top: 2em; background-color: #6fb174; color: #fff; font-family: "Circular-Pro-Bold"; font-size: 2.3em; width: 38px; height: 34px; padding: 16px 0 0 12px; cursor: pointer; cursor: hand; } .close-trade-map:hover { color: #6fb174; background-color: #fff; } .product-intro-text, .trade-map-data { display: inline-block; color: #353744; } .product-intro-text { margin: 3em 1em 2em 0; width: 20em; display: none; } .see-international-domestic { width: 11.6em; color: #fff; background-color: #484a56; font-size: 20px; font-family: "Circular-Pro-Bold"; padding: 9px; cursor: pointer; cursor: hand; } .see-international-domestic-pt { width: 13.6em; } .see-international-domestic:hover { color: #db9d2e; } #see-domestic { display: none; width: 8.9em; } .see-domestic-pt { width: 10em; } .trade-map { display: inline-block; position: fixed; } .domestic-map { display: none; top: 300px; left: 600px; width: 50em; } .international-map { display: none; width: 950px; top: 300px; left: 550px; } .trade-map img { width: 100%; } .trade-map-data { position: relative; display: none; width: auto; margin: 2em 1em 2em 1em; } .data-row, .popup-data-row { margin-bottom: 0.1em; margin-top: 0.1em; } .data-row:hover { background-color: #f5d954; padding: 0 20px 0 0; } .trade-data-row-left, .trade-data-row-right { display: inline-block; } #showEurope, #showChina, #showItaly { background-image: url(http://d2tbmhuj3dq9ke.cloudfront.net/img/icon-plus.png); background-size: 50px 50px; width: 50px; height: 50px; } #hideEurope, #hideChina, #hideItaly { background-image: url(http://d2tbmhuj3dq9ke.cloudfront.net/img/icon-X-red.png); background-size: 50px 50px; width: 50px; height: 50px; } .trade-data-row-left { text-align: right; width: 7em; margin-right: 1em; vertical-align: middle; -webkit-font-feature-settings: 'tnum'; -moz-font-feature-settings: 'tnum'; -ms-font-feature-settings: 'tnum'; font-size: 12px; line-height: 15px; } .trade-percentage { font-size: 20px; line-height: 30px; font-family: "Circular-Pro-Bold"; } .trade-dollar { margin-top: -7px; } .trade-data-row-right { text-align: left; vertical-align: middle; font-size: 35px; line-height: 45px; } .trade-map-legend { font-size: 12px; line-height: 14px; } .trade-map-legend:hover { background-color: transparent; } #international-leather-data, #international-tallow-data { display: none; } .open-country-popup, .hide-country-popup { display: none; position: absolute; background-color: #f27050; color: #fff; font-size: 2.2em; font-family: "Circular-Pro-Bold"; text-align: center; width: 50px; padding-left: 0; padding-right: 0; height: 50pc; border-radius: 50%; line-height: 1.1em; cursor: pointer; cursor: hand; } .europe-popup { display: none; top: 33%; left: 45%; } .italy-popup { display: none; top: 37%; left: 57%; } .china-popup { display: none; top: 39%; left: 78%; } .popup-panel { display: none; width: 35em; color: #383645; background-color: #fff; position: absolute; padding-left: 1em; padding-top: 3em; } popup-panel img { width: 100%; } #europe-popup-panel { background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/BeefMap-EuropeZoom.jpg"); background-size: 100% auto; background-repeat: no-repeat; height: 26em; width: 49em; top: 120px; left: 140px; } #china-popup-panel { height: 16.5em; width: 28em; top: 30%; left: 41%; } #italy-popup-panel { height: 16.5em; width: 28em; top: 28%; left: 21%; } #china-popup-panel, #italy-popup-panel, #europe-popup-panel { box-shadow: 7px 7px rgba(0, 0, 0, 0.1); } /* Chapter 3 style */ #chapter-three .graphic-content { height: auto; background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/ch3-base-map.jpg"); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; } #chapter-three .graphic-title { width: 505px; } #chapter-three .chapter-triangle { margin-top: -1px; } .agreement-bullet { margin-left: 2em; } #ch3-map-legends { color: #fff; margin-top: 70px; } #vegetation-legend { margin-top: 7em; } #agreements-legend { margin-top: 2em; } .ch3-legend-note { font-size: 0.8em; margin-bottom: -4px; } .ch3-legend-label { vertical-align: bottom; display: inline-block; margin-top: 20px; font-size: 20px; line-height: 20px; } #ch3-legend-box-1, #ch3-legend-box-2, #ch3-legend-box-3, #ch3-legend-box-4, #ch3-legend-box-6, #ch3-legend-box-7, #ch3-legend-box-8, #ch3-legend-box-roads, #ch3-legend-box-states { display: inline-block; vertical-align: bottom; margin-top: 5px; margin-right: 15px; height: 30px; width: 30px; } #ch3-legend-box-1-circle, #ch3-legend-box-2-circle, #ch3-legend-box-3-circle, #ch3-legend-box-4-circle { margin-left: auto; margin-right: auto; width: 1.3em; height: 1.3em; margin-top: 15%; border-radius: 50%; border: 4px #27272f solid; } #ch3-legend-box-6 { background-color: #6fb174; } #ch3-legend-box-7 { background-color: #eb6451; } #ch3-legend-box-8 { background-color: #c2a993; } #ch3-legend-box-roads { background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/ch3_road_legend.png"); background-size: fill; background-repeat: no-repeat; background-position: center; } #ch3-legend-box-states { background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/ch3_state_legend.png"); background-size: fill; background-repeat: no-repeat; background-position: center; } #ch3-legend-box-1-circle { background-color: transparent; border-width: 10px; height: 0.6em; width: 0.6em; } #ch3-legend-box-2-circle { background-color: #db9d2e; } #ch3-legend-box-3-circle { background-color: #f9e426; } #ch3-legend-box-4-circle { background-color: #9191fa; } #ch3-col-left { display: inline-block; vertical-align: top; } #brazil-map-ch3 { display: inline-block; margin-left: 70px; vertical-align: top; } #brazil-map-ch3 img { width: 100%; margin-left: 2px; } #tab-three .tangent-read-more, #tab-three .tangent-title:hover { color: #eb6451; } /* Chapter 4 style */ /* #chapter-four .tangent-tab, #chapter-four .tangent-tab-pt { color: #b29377; } #chapter-four .graphic-content { height: 920px; background-color: #cfbaa9; background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/ch4-zoomout.png"); background-repeat: no-repeat; background-size: 70% auto; background-position: 150% 30%; -moz-transition: all .75s; -webkit-transition: all .75s; transition: all .75s; } #chapter-four .year-number-lg { color: #876e5a; font-size: 60px; line-height: 62px; } #chapter-four .year-number-lg:hover { color: #fff; } .compliance-tag { font-size: 40px; line-height: 45px; position: relative; top: -20px; font-family: "Circular-Pro-Book"; } .ch4-map-overlay { display: inline-block; background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/preagreement.gif"); background-repeat: no-repeat; background-size: 100% 100%; width: 45px; height: 60px; position: relative; left: 985px; top: -650px; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; } .ch4-map-overlay-pre { background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/preagreement.gif"); } .ch4-map-overlay-prepost { background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/prepostagreement.gif"); } .ch4-map-overlay-post { background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/postagreement.gif"); } #ch4-map-legend { color: #fff; width: 505px; margin-top: -10px; } .ch4-legend-label { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 30px; } #ch4-legend-box-1, #ch4-legend-box-2, #ch4-legend-box-3, #ch4-legend-box-4, #ch4-legend-box-5 { display: inline-block; vertical-align: bottom; margin-top: 10px; margin-right: 20px; height: 30px; width: 30px; } #ch4-legend-box-2 { background: -webkit-repeating-linear-gradient(-45deg, #fc7612, #fc7612 3px, transparent 3px, transparent 5px); background: -o-repeating-linear-gradient(-45deg, #fc7612, #fc7612 3px, transparent 3px, transparent 5px); background: -moz-repeating-linear-gradient(-45deg, #fc7612, #fc7612 3px, transparent 3px, transparent 5px); background: repeating-linear-gradient(-45deg, #fc7612, #fc7612 3px, transparent 3px, transparent 5px); } #ch4-legend-box-1 { background: -webkit-repeating-linear-gradient(-45deg, #d2371d, #d2371d 3px, transparent 3px, transparent 5px); background: -o-repeating-linear-gradient(-45deg, #d2371d, #d2371d 3px, transparent 3px, transparent 5px); background: -moz-repeating-linear-gradient(-45deg, #d2371d, #d2371d 3px, transparent 3px, transparent 5px); background: repeating-linear-gradient(-45deg, #d2371d, #d2371d 3px, transparent 3px, transparent 5px); } #ch4-legend-box-3 { background-color: #6fb174; } #ch4-legend-box-4 { background-color: #f5d954; } #ch4-legend-box-5 { background-color: #9b8578; } #tab-four .tangent-read-more, #tab-four .tangent-title:hover { color: #c2a993; } .source, .rec-photo-caption, .sourceDark { width: 100%; text-align: left; margin: 20px 0 40px 0; font-size: 0.8em; line-height: 1.3em; } .source { color: white; } .sourceDark { color: #353744; } */ /* Chapter 5 style */ #chapter-five { background-color: #fff; height: auto; } #chapter-five .chapter-triangle { z-index: 2; position: relative; top: 20px; } #chapter-five .tangent-tab, #chapter-five .tangent-tab-pt { color: #6fb174; } #ch5-image-holder { width: 100%; height: 550px; z-index: 0; overflow: hidden; background-image: url("http://d2tbmhuj3dq9ke.cloudfront.net/img/ch5.jpg"); background-size: 300% 300%; background-position: left center; background-repeat: no-repeat; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } .ch5-label { display: inline-block; background-color: #fff; color: #353744; width: 410px; height: 120px; padding: 20px; margin: 20px; font-size: 15px; line-height: 20px; box-shadow: 7px 7px rgba(0, 0, 0, 0.1); } .ch5-label-pt { width: 480px; } .ch5-label-text { height: 100%; vertical-align: middle; width: 260px; display: inline-block; margin: 0px 20px; } .ch5-label-text-pt { width: 330px; } .ch5-left-arrow, .ch5-right-arrow { display: inline-block; text-align: center; vertical-align: middle; color: #fff; background-color: #f27050; font-size: 45px; width: 50px; height: 50px; border-radius: 50%; line-height: 0.9em; cursor: pointer; cursor: hand; background-size: 50px 50px; background-position: center; } .ch5-left-arrow { background-image: url(http://d2tbmhuj3dq9ke.cloudfront.net/img/icon-left.png); } .ch5-right-arrow { background-image: url(http://d2tbmhuj3dq9ke.cloudfront.net/img/icon-right.png); } .ch5-left-arrow:hover, .ch5-right-arrow:hover { color: #484a56; opacity: 0.4; filter: alpha(opacity=40); } #ch5-image-overlay-holder { vertical-align: top; display: inline-block; margin-left: 10px; height: 510px; } #ch5-image-overlay { height: 100%; display: none; } #ch5-image-overlay img { height: 100%; } #ct2, #ct3, #ct4, #ct5, #ct6 { display: none; } #tab-five { position: relative; top: -0.2em; } #tab-five .tangent-read-more, #tab-five .tangent-title:hover { color: #4bb7b7; } #animal-tag { width: 80%; } #animal-tag img { width: 100%; } /* Recommendations style */ .recommendations-header { color: #353744; width: 705px; margin-left: 60px !important; } .recommendations-header .graphic-title { font-family: "Circular-Pro-Book"; color: #353744; width: 705px; } .recommendations-header .graphic-title { margin-top: 0px !important; margin-bottom: 20px !important; } .recommendations-map-holder { margin: 0 auto; width: 1175px; height: 783px; /*background-image: url('http://d2tbmhuj3dq9ke.cloudfront.net/img/recommendations.jpg');*/ } .recommendations-map-holder-pt { margin: 0 auto; width: 1175px; height: 783px; /*background-image: url('http://d2tbmhuj3dq9ke.cloudfront.net/img/recommendations-PR.jpg');*/ } .recommendations-map-holder img, .recommendations-map-holder-pt img { width: 100%; } .rec-photo-caption { color: #353744; margin: 10px auto; text-align: right; width: 1175px; } .map-point { background-color: transparent; display: inline-block; width: 50px; height: 50px; border-radius: 50%; position: relative; cursor: pointer; cursor: hand; border: #f27050 solid 0px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .map-point:hover { width: 40px !important; height: 40px !important; border: #f27050 solid 20px !important; margin-left: -15px !important; margin-top: -15px !important; } #open-ranchers-recs { top: 245px; left: 666px; } #open-meatpackers-recs { top: 245px; left: 9px; } #open-retailers-recs { top: 110px; left: 213px; } #open-government-recs { top: 515px; left: -55px; } #open-individuals-recs { top: 605px; left: 240px; } #open-banks-recs { top: 560px; left: 624px; } .recommendations-panel { display: none; padding: 4em; margin-left: auto; margin-right: auto; width: 815px; height: auto; background-color: #353744; color: #fff; position: absolute; font-size: 1.25em; box-shadow: 7px 7px rgba(0, 0, 0, 0.1); } .recommendations-actor { color: #f27050; font-size: 2em; margin-top: .8em; margin-left: 0; margin-bottom: 20px; } .recommendations-panel li { margin-bottom: 1em; font-size: 15px; line-height: 20px; } .close-recs { background-color: #f27050; left: .75em; top: .75em; cursor: pointer; cursor: hand; border-radius: 50%; position: absolute; /*z-index: 20;*/ color: #fff; font-family: "Circular-Pro-Bold"; font-size: 1.8em; width: 38px; height: 35px; padding: 15px 0 0 12px; } .close-recs:hover { background-color: #f7a994; } /* Footer style */ #about_and_credits { background-color: #2b2e37; padding-top: 4em; margin-top: 3em; } .about-this-site { text-align: center; margin: 0 auto; color: #fff; } .social-media { color: #fff; } .social-media-icons { margin-top: 1.5em; margin-bottom: 3.5em; } .twitter-icon, .facebook-icon { display: inline-block; margin-left: 2em; margin-right: 2em; position: relative; left: -0.2em; cursor: pointer; cursor: hand; } .logo-title { font-size: 20px; line-height: 25px; } .credits { background-color: #ececee; padding-top: 3em; padding-bottom: 2em; text-align: center; } /* .credits-row-1 { margin-left: auto; margin-right: auto; width: 1280px; padding-bottom: 3em; border-bottom: 4px solid #fff; } */ .about-main-text { text-align: left; color: #fff; margin-top: 1em; margin-bottom: 4em; padding: 0.5em 4em; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 3em; /* Chrome, Safari, Opera */ -moz-column-gap: 3em; /* Firefox */ column-gap: 3em; } .about-main-text p { -webkit-margin-before: 0; -webkit-margin-after: 0; } .about-main-text a { color: #fff; font-family: "Circular-Pro-Bold"; } .about-main-text a:hover { color: #f16f4e; } #about-title { text-align: center; font-size: 1.5em; } #about-title h3 { font-family: "Circular-Pro-Bold"; font-weight: normal; } .funders, .contributors, .endorsers, .copyright-info-main { text-align: center; margin: 2em 0 2.5em 0; color: #83838b; } .funders, .contributors, .endorsers { padding-bottom: 2em; border-bottom: 4px solid #fff; margin-left: auto; margin-right: auto; max-width: 850px; } .copyright-info { text-align: left; margin: 2em 0 1em 0; color: #83838b; } .copyright-info a, .copyright-info-main a { color: #83838b; } /* .funders, .contributors { display: inline-block; vertical-align: top; height: 12em; } .funders h3, .contributors h3, .endorsers h3 { font-weight: normal; font-size: 1.3em; } .contributors { padding-left: 3em; padding-right: 3em; } .funders { border-left: 4px #fff solid; padding-left: 4em; } .endorsers { margin-left: auto; margin-right: auto; padding: 2em; width: 72em; height: 25em; padding-bottom: 3em; border-bottom: 4px solid #fff; } .logo { display: inline-block; margin-top: 2em; margin-bottom: 4em; } .logo img { height: 100%; } .contributors .logo { height: 8em; margin-top: 1em; } .funders .logo { height: 4em; } .endorsers .logo { margin: 1em 1em auto 1em; height: 3.5em; } .disclaimer { font-size: 14px; line-height: 18px; margin: 18px 0px; } #GLUE-logo { height: 10em; position: relative; top: 1em; } #moore-logo { height: 3em; position: relative; top: -0.5em; margin-right: 2em; } #CLUA-logo { height: 2.5em; position: relative; top: -4em; } #RainforestAlliance-logo, #SEI-logo, #ICV-logo, #IMAZON-logo { position: relative; top: -1.5em; } #RainforestAlliance-logo { top: -1.8em; } #ForestHeroes-logo { height: 7em; } #SEI-logo { height: 3em; top: -2.4em; } #ICV-logo { height: 4em; } #IIS-logo { height: 7em; } #WWF-logo { height: 5em; position: relative; top: -1em; } */ .copyright-info { padding-top: 16px; font-size: 14px; line-height: 18px; color: #86878f; } /* Citation style */ .citation-number, #amazon-biome, .gibbs-et-al, #direct-suppliers, #indirect-suppliers, #strassburg-et-al, #BeefDomestic, #LeatherDomestic, #TallowDomesticA, #TallowDomesticB, #TallowDomesticC { text-decoration: none; color: #f16f4e; cursor: pointer; cursor: hand; } #BeefDomestic, #LeatherDomestic, #TallowDomesticA, #TallowDomesticB, #TallowDomesticC { text-decoration: none; color: #fff; cursor: pointer; cursor: hand; } sup, sub { line-height: 0.5em; } .citation { display: none; position: absolute; width: 20em; padding: 1.5em; background-color: #353744; color: #fff; font-size: 1em; box-shadow: 7px 7px rgba(0, 0, 0, 0.1); z-index: 200; } #citation6, #citation7 { box-shadow: 7px 7px rgba(0, 0, 0, 0.1); } .citation a { color: #fff; cursor: pointer; cursor: hand; text-decoration: underline; } .citation-link { text-decoration: none; border-bottom: 1px solid; cursor: pointer; cursor: hand; } @media screen and (min-width: 881px) and (orientation: portrait), screen and (min-height: 881px) and (orientation: landscape), screen and (min-width: 1025px) { body:before { content: "desktop"; display: none; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { body:before { content: "tablet"; display: none; } } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { body:before { content: "phone"; display: none; } } #beta-marker { display: none; } .clearfix:after, .menu-wrapper:after, .ch2-markets .domestic:after, .ch2-markets .international:after, .tangent-table header:after, .tangent-table .thead:after, .tangent-table .tbody:after { content: ""; clear: both; display: table; } * { outline: none; -webkit-tap-highlight-color: transparent; } .chapter-main-text { 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); } .chapter-main-text:after { content: ""; clear: both; display: table; } .chapter-main-text > *, .chapter-main-text > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 60px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 60px); /* Firefox v4-15 */ width: calc(50% - 60px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(60px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(60px); /* Firefox v4-15 */ margin-left: calc(60px); float: left; } .chapter-legend ul { margin: 0; padding: 0; list-style: none; } .chapter-legend li:not(.spacer) { font-size: 1.3333333333em; line-height: 1.5em; margin: 0; } .chapter-legend li:not(.spacer):before { display: inline-block; height: 20px; width: 20px; content: ''; display: inline-block; margin-right: 17px; vertical-align: middle; } .chapter-legend li.spacer { height: 2em; } .button, .accordion .read-button, .heading { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: #fff; background-color: #484a56; display: inline-block; font-family: "Circular-Pro-Bold"; font-size: 20px; padding: 9px; text-align: center; } .button, .accordion .read-button { cursor: pointer; white-space: nowrap; } .button:hover, .accordion .read-button:hover { color: #FFF; background-color: #ff6c53; border: none; } @media screen and (min-width: 880px) { .on-mobile { display: none; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { .on-desktop { display: none; } } body.is-tablet .on-desktop { display: none; } .has-searched-text { background-color: #f5d952; } .searched-text { color: black; background: #f5d952; box-shadow: 0 0 0 2px #f5d952; } .menu-trigger, .search-box { position: relative; } .menu-trigger .menu-content-wrapper, .search-box .search-content-wrapper { position: absolute; top: 99.9%; left: 0; max-width: 750px; height: 0; overflow: hidden; transition: all 0.15s; width: 100%; z-index: 2; } .menu-trigger:hover .menu-content-wrapper, .search-box:hover .search-content-wrapper { height: 5px; width: 100%; } .menu-trigger.is-open .menu-content-wrapper, .search-box.is-open .search-content-wrapper { height: calc(100vh - 80px); width: calc(100vw); transition: all 0.5s; } .search-box.is-open .search-content-wrapper { width: calc(100vw - 90px); transition: all 0.7s; } .menu-wrapper img, .menu-wrapper svg { vertical-align: top; } .menu-wrapper nav { height: 80px; } .menu-wrapper nav > * { height: 100%; } .menu-trigger { float: left; background: #363845; } .menu-trigger > img { cursor: pointer; } .menu-trigger .menu-content { overflow-y: auto; -webkit-overflow-scrolling: touch; background: #363845; box-sizing: border-box; padding: 33px 0; max-height: 100%; min-width: 750px; } .menu-trigger .menu-content > li { padding-bottom: 15px; } .menu-trigger .menu-content > li > a { font-family: "Circular-Pro-Medium"; font-size: 1.3888888889em; line-height: 1em; display: block; padding: 15px 50px 5px 112px; } body:not(.is-mobile) .menu-trigger .menu-content > li:hover { background: #262730; } .menu-trigger .menu-content li li { display: block; } .menu-trigger .menu-content li li a { padding: 2px 50px 5px 138px; } .search-box { float: left; background: #2e313a; } .search-box > img { cursor: pointer; } .search-box .search-content { background: #2e313a; padding: 15px 0 35px; } .search-box .input-wrapper { padding: 15px 50px 5px 112px; } .search-box input { font-family: "Circular-Pro-Medium"; font-size: 1.3888888889em; line-height: 1em; box-sizing: border-box; background: none; border: none; color: #aeafb4; border-bottom: 2px solid #aeafb4; padding: 4px 0 0px; width: 100%; } .search-box ul { overflow-y: auto; -webkit-overflow-scrolling: touch; margin-top: 32px; max-height: calc(100vh - 220px); } .search-box li { font-size: 1em; line-height: 1em; color: #afafb5; padding: 5px 50px 4px 112px; } .search-box li strong { color: white; } .search-box li:hover { color: #afafb5; cursor: default; } .search-box .item:hover { cursor: pointer; background: #363844; } .search-box ul.is-cleared { display: none; } .lang-switcher { font-size: 0.8421052632em; letter-spacing: 0.0466666667em; font-weight: 600; box-sizing: border-box; float: left; background: #272731; padding: 20px 34px 0 25px; } .lang-switcher .selected { color: white; } @media screen and (max-width: 1300px) { .chapter-number-lg { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; height: 150px; width: 150px; } .chapter-number-lg img { height: auto; width: 100%; } .chapter-header-text { display: inline-block; margin: 65px 40px 0 0; width: calc(100% - 300px); } .chapter-main-text { padding-right: 60px; width: auto; } } @media screen and (max-width: 1100px) { .chapter-main-text { padding: 0 30px 0 222px; width: auto; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { .content { position: relative; } .chapter-triangle { display: none !important; } .chapter-number-lg { position: absolute; top: -15px; left: -15px; float: none; } .chapter-header-text { margin: 65px 30px 0 0; width: auto; } .chapter-header-title { margin-left: 220px; margin-bottom: 26px; font-size: 50px; min-height: 2.7em; line-height: 52px; } .chapter-summary-tagline { padding: 0 0 10px 40px; } .tangent-tab-holder { width: auto !important; overflow: hidden; margin-top: 0; margin-bottom: 0px; } .tangent-read-more { margin-top: 7px; } .tangent-tab, .tangent-tab-pt { margin-left: 40px; margin-right: -20px; width: auto !important; line-height: 40px; padding: 4px 20px 4px 12px; } .tangent-tab:hover, .tangent-tab-pt:hover { -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); padding: 4px 20px 4px 12px; } } body.is-tablet .content { position: relative; } body.is-tablet .chapter-triangle { display: none !important; } body.is-tablet .chapter-number-lg { position: absolute; top: -15px; left: -15px; float: none; } body.is-tablet .chapter-header-text { margin: 65px 30px 0 0; width: auto; } body.is-tablet .chapter-header-title { margin-left: 220px; margin-bottom: 26px; font-size: 50px; min-height: 2.7em; line-height: 52px; } body.is-tablet .chapter-summary-tagline { padding: 0 0 10px 40px; } body.is-tablet .tangent-tab-holder { width: auto !important; overflow: hidden; margin-top: 0; margin-bottom: 0px; } body.is-tablet .tangent-read-more { margin-top: 7px; } body.is-tablet .tangent-tab, body.is-tablet .tangent-tab-pt { margin-left: 40px; margin-right: -20px; width: auto !important; line-height: 40px; padding: 4px 20px 4px 12px; } body.is-tablet .tangent-tab:hover, body.is-tablet .tangent-tab-pt:hover { -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); padding: 4px 20px 4px 12px; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { .chapter-number-lg { display: block; margin: 30px 55px 0 30px; position: static; text-align: left; } .chapter-header-text { margin: 0; padding: 25px 30px 4px; } .chapter-header-title { min-height: 0; font-size: 35px; line-height: 40px; margin: 0; } .chapter-summary-tagline { padding: 0; } .chapter-main-text { 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); padding: 0 30px; } .chapter-main-text > *, .chapter-main-text > *: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); } .tangent-tab-holder { padding: 24px 0; } .tangent-read-more { font-size: 18px; margin-left: 30px; } .tangent-tab, .tangent-tab-pt { font-size: 18px; line-height: 26px; margin-left: 26px; } .graphic-title { margin-top: 30px; font-size: 27px; line-height: 27px; } } body.is-phone .chapter-number-lg { display: block; margin: 30px 55px 0 30px; position: static; text-align: left; } body.is-phone .chapter-header-text { margin: 0; padding: 25px 30px 4px; } body.is-phone .chapter-header-title { min-height: 0; font-size: 35px; line-height: 40px; margin: 0; } body.is-phone .chapter-summary-tagline { padding: 0; } body.is-phone .chapter-main-text { 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); padding: 0 30px; } body.is-phone .chapter-main-text > *, body.is-phone .chapter-main-text > *: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-phone .tangent-tab-holder { padding: 24px 0; } body.is-phone .tangent-read-more { font-size: 18px; margin-left: 30px; } body.is-phone .tangent-tab, body.is-phone .tangent-tab-pt { font-size: 18px; line-height: 26px; margin-left: 26px; } body.is-phone .graphic-title { margin-top: 30px; font-size: 27px; line-height: 27px; } body { overflow-x: hidden; } .video-wrapper { position: relative; } .video-wrapper video { vertical-align: top; } .video-wrapper .video-overlay { position: absolute; bottom: -1px; height: 20px; overflow: hidden; width: 100%; } .video-wrapper .video-overlay .left, .video-wrapper .video-overlay .right { background: white; position: absolute; bottom: 0px; height: 100%; width: calc(50% - 20px); } .video-wrapper .video-overlay .left:before, .video-wrapper .video-overlay .right:before { position: absolute; top: 0; content: ''; display: block; border: 20px solid transparent; height: 0px; width: 0px; } .video-wrapper .video-overlay .left { left: 0; } .video-wrapper .video-overlay .left:before { border-left-color: white; right: -40px; } .video-wrapper .video-overlay .right { right: 0; } .video-wrapper .video-overlay .right:before { left: -40px; border-right-color: white; } .menu-wrapper { top: -60px; position: relative; } .mobile-menu-wrapper { display: none; } #burger-bar-holder { margin-left: 155px; margin-top: 25px; width: 65px; } .burger-bar, .burger-spacer { width: 40px; } #prequel #prequel-title-large { font-family: "Circular-Pro-Medium"; } nav { position: absolute; top: 0; left: 0; z-index: 70; font-size: 18px; height: 1px; width: 100%; z-index: 999; } nav ul { margin: 0; padding: 0; list-style: none; } nav li { color: #afb0b5; cursor: pointer; margin-left: 0; position: relative; } nav li:hover { color: #FFF; } nav li:hover > a { color: inherit; } nav li.is-over > ul { display: block; } nav a { color: #afb0b5; display: block; } nav a:hover { border: none; text-decoration: none; } nav .depth-1 > li { background: #363844; display: inline-block; height: 80px; vertical-align: top; } nav .depth-1 > li > a { font-family: "Circular-Pro-Bold"; font-size: 22px; padding: 27px 23px 10px 20px; } nav .depth-1 > li:hover .burger-bar { background-color: #FFF; } nav .depth-1 .switch-lang { position: absolute; top: 5px; left: 5px; background: none; padding: 13px 0 0 20px; } nav .depth-1 .switch-lang a { font-size: 16px; line-height: 20px; padding: 0; } nav .depth-1 .switch-lang a.selected { color: #FFF; } nav .depth-1 .switch-lang:hover > a { color: #afb0b5; } nav .depth-1 .switch-lang:hover > a:hover, nav .depth-1 .switch-lang:hover > a.selected { color: #FFF; } nav .depth-2 { position: absolute; top: 100%; left: 0; background: #2b2d37; display: none; width: 100%; } nav .depth-2 > li { padding: 12px 25px; } nav .depth-2 > li:first-child { padding-top: 22px; } nav .depth-2 > li:last-child { padding-bottom: 22px; } nav .depth-3 { position: absolute; top: 0; left: 100%; background: #262730; display: none; overflow: auto; width: 475px; } nav .depth-3 a { color: #afb0b5; padding: 15px; } nav .depth-3 a:hover { color: #FFF; } nav .depth-3 > li a { color: #afb0b5; } nav .depth-3 > li:hover { background: #363844; } nav .depth-3 > li:first-child { padding-top: 8px; } nav .depth-3 > li:last-child { padding-bottom: 8px; } nav .depth-3 ul a { padding: 10px 20px 10px 40px; } #prequel .content { padding: 0 40px; } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { .video-wrapper { background-image: url(/img/rainforest-backdrop-mobile.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 517px; } .video-wrapper video, .video-wrapper .video-overlay { display: none; } #prequel .content { padding: 0; } .prequel-blurb-pt { margin-top: 0 !important; } .menu-wrapper { position: fixed; left: 0; top: 0; width: 100%; z-index: 10; } } body.is-tablet .video-wrapper { background-image: url(/img/rainforest-backdrop-mobile.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 517px; } body.is-tablet .video-wrapper video, body.is-tablet .video-wrapper .video-overlay { display: none; } body.is-tablet #prequel .content { padding: 0; } body.is-tablet .prequel-blurb-pt { margin-top: 0 !important; } body.is-tablet .menu-wrapper { position: fixed; left: 0; top: 0; width: 100%; z-index: 10; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { .video-wrapper { height: 480px; } .mobile-menu-wrapper { top: 0; bottom: 0; left: 0; position: fixed; z-index: 70; background: #262730; width: 390px; } .mobile-menu-wrapper.is-rendered { display: block !important; } .mobile-menu-wrapper .menu-header, .mobile-menu-wrapper .open-button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #363844; height: 80px; } .mobile-menu-wrapper .menu-header { padding: 20px 30px; } .mobile-menu-wrapper .menu-header a { font-family: 'Circular-Pro-Bold'; } .mobile-menu-wrapper .menu-header a.selected, .mobile-menu-wrapper .menu-header a:hover { color: #FFF; } .mobile-menu-wrapper .open-button { position: absolute; top: 0; left: 100%; display: block !important; padding: 25px 20px; } .mobile-menu-wrapper nav { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .mobile-menu-wrapper nav .about { font-family: 'Circular-Pro-Bold'; background: #2b2d37; padding: 35px 30px; } .mobile-menu-wrapper nav .depth-3 { display: block; position: static; width: auto; padding: 0 30px; -webkit-overflow-scrolling: touch; } .mobile-menu-wrapper nav .depth-3 > li { border-bottom: 4px solid #363844; } .mobile-menu-wrapper nav .depth-3 > li:hover { background-color: #262730; } .mobile-menu-wrapper nav .depth-3 > li > a { font-family: 'Circular-Pro-Bold'; padding: 25px 0; } .mobile-menu-wrapper nav .depth-3 ul li a { padding: 0px 0 20px 30px; } .mobile-menu-wrapper.is-open nav { display: block; } .mobile-menu-wrapper { width: calc(100% - 60px); } .mobile-menu-wrapper .menu-header, .mobile-menu-wrapper .open-button { height: 60px; } .mobile-menu-wrapper .menu-header { padding: 20px; display: flex; } .mobile-menu-wrapper .menu-header a { display: inline-block; flex: 1; text-align: left; } .mobile-menu-wrapper .open-button { padding: 19px 15px; } .mobile-menu-wrapper .burger-bar, .mobile-menu-wrapper .burger-spacer { width: 30px; } .mobile-menu-wrapper .burger-bar { height: 4px; } .mobile-menu-wrapper .burger-spacer { height: 6px; } .mobile-menu-wrapper nav .about { padding: 20px; } .mobile-menu-wrapper nav .depth-3 { padding: 0 20px; } .mobile-menu-wrapper nav .depth-3 > li > a { padding: 10px 0; } .mobile-menu-wrapper nav .depth-3 ul li a { padding: 10px 0 10px 20px; } .menu-wrapper { display: none; } #mobileMenuLinks { overflow-y: auto; -webkit-overflow-scrolling: touch; height: calc(100vh - 120px); } } body.is-phone .video-wrapper { height: 480px; } body.is-phone .mobile-menu-wrapper { top: 0; bottom: 0; left: 0; position: fixed; z-index: 70; background: #262730; width: 390px; } body.is-phone .mobile-menu-wrapper.is-rendered { display: block !important; } body.is-phone .mobile-menu-wrapper .menu-header, body.is-phone .mobile-menu-wrapper .open-button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #363844; height: 80px; } body.is-phone .mobile-menu-wrapper .menu-header { padding: 20px 30px; } body.is-phone .mobile-menu-wrapper .menu-header a { font-family: 'Circular-Pro-Bold'; } body.is-phone .mobile-menu-wrapper .menu-header a.selected, body.is-phone .mobile-menu-wrapper .menu-header a:hover { color: #FFF; } body.is-phone .mobile-menu-wrapper .open-button { position: absolute; top: 0; left: 100%; display: block !important; padding: 25px 20px; } body.is-phone .mobile-menu-wrapper nav { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } body.is-phone .mobile-menu-wrapper nav .about { font-family: 'Circular-Pro-Bold'; background: #2b2d37; padding: 35px 30px; } body.is-phone .mobile-menu-wrapper nav .depth-3 { display: block; position: static; width: auto; padding: 0 30px; -webkit-overflow-scrolling: touch; } body.is-phone .mobile-menu-wrapper nav .depth-3 > li { border-bottom: 4px solid #363844; } body.is-phone .mobile-menu-wrapper nav .depth-3 > li:hover { background-color: #262730; } body.is-phone .mobile-menu-wrapper nav .depth-3 > li > a { font-family: 'Circular-Pro-Bold'; padding: 25px 0; } body.is-phone .mobile-menu-wrapper nav .depth-3 ul li a { padding: 0px 0 20px 30px; } body.is-phone .mobile-menu-wrapper.is-open nav { display: block; } body.is-phone .mobile-menu-wrapper { width: calc(100% - 60px); } body.is-phone .mobile-menu-wrapper .menu-header, body.is-phone .mobile-menu-wrapper .open-button { height: 60px; } body.is-phone .mobile-menu-wrapper .menu-header { padding: 20px; display: flex; } body.is-phone .mobile-menu-wrapper .menu-header a { display: inline-block; flex: 1; text-align: left; } body.is-phone .mobile-menu-wrapper .open-button { padding: 19px 15px; } body.is-phone .mobile-menu-wrapper .burger-bar, body.is-phone .mobile-menu-wrapper .burger-spacer { width: 30px; } body.is-phone .mobile-menu-wrapper .burger-bar { height: 4px; } body.is-phone .mobile-menu-wrapper .burger-spacer { height: 6px; } body.is-phone .mobile-menu-wrapper nav .about { padding: 20px; } body.is-phone .mobile-menu-wrapper nav .depth-3 { padding: 0 20px; } body.is-phone .mobile-menu-wrapper nav .depth-3 > li > a { padding: 10px 0; } body.is-phone .mobile-menu-wrapper nav .depth-3 ul li a { padding: 10px 0 10px 20px; } body.is-phone .menu-wrapper { display: none; } body.is-phone #mobileMenuLinks { overflow-y: auto; -webkit-overflow-scrolling: touch; height: calc(100vh - 120px); } @media screen and (max-width: 1300px) { .prequel-title-wrapper { width: auto; } #prequel-title-large { font-size: 80px; } #prequel-blurb { margin-top: 40px; margin-left: auto; margin-right: 130px; } } @media screen and (max-width: 1010px) { #prequel-blurb { margin-left: 80px; margin-right: 80px; width: auto; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { #prequel { overflow: visible; } #prequel #prequel-title { top: auto; right: auto; bottom: auto; left: auto; position: relative; } #prequel .prequel-title-wrapper { margin: 0; width: auto; } #prequel #prequel-title-large { right: 0; bottom: 100%; left: 0; position: absolute; font-size: 80px; margin: 0; padding: 46px 40px; z-index: 1; } #prequel #prequel-blurb { background: #5e606a; line-height: 36px; margin: 0; padding: 36px 40px; width: auto; } #table-of-contents, #chapter-lines-holder { display: none; } } body.is-tablet #prequel { overflow: visible; } body.is-tablet #prequel #prequel-title { top: auto; right: auto; bottom: auto; left: auto; position: relative; } body.is-tablet #prequel .prequel-title-wrapper { margin: 0; width: auto; } body.is-tablet #prequel #prequel-title-large { right: 0; bottom: 100%; left: 0; position: absolute; font-size: 80px; margin: 0; padding: 46px 40px; z-index: 1; } body.is-tablet #prequel #prequel-blurb { background: #5e606a; line-height: 36px; margin: 0; padding: 36px 40px; width: auto; } body.is-tablet #table-of-contents, body.is-tablet #chapter-lines-holder { display: none; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { #prequel #prequel-title-large { font-size: 45px; line-height: 50px; padding: 72px 23px; } #prequel #prequel-blurb { font-size: 28px; line-height: 30px; padding: 27px 23px; } } body.is-phone #prequel #prequel-title-large { font-size: 45px; line-height: 50px; padding: 72px 23px; } body.is-phone #prequel #prequel-blurb { font-size: 28px; line-height: 30px; padding: 27px 23px; } @media screen and (max-width: 360px) { #prequel #prequel-title-large { font-size: 40px; } } #table-of-contents { 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); margin-top: 60px; position: relative; width: auto; z-index: 20; } #table-of-contents:after { content: ""; clear: both; display: table; } #table-of-contents > *, #table-of-contents > *:nth-child(n) { width: 13.6666666667%; /* Fallback if unsupported */ width: -webkit-calc(16.6666666667% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(16.6666666667% - 0px); /* Firefox v4-15 */ width: calc(16.6666666667% - 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); float: left; } #table-of-contents .ch-button { cursor: pointer; font-size: 16px; line-height: 22px; text-align: center; } #table-of-contents .ch-button .on, #table-of-contents .ch-button .off { padding: 20px 10px 80px 10px; } #table-of-contents .ch-button .on { background-image: url(/img/2016/ChapNumber-title-background.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; color: #FFF; display: none; } #table-of-contents .ch-button .icon { margin-bottom: 28px; } #table-of-contents .ch-button .number { margin-bottom: 20px; } #table-of-contents .ch-button span { display: block; } #table-of-contents .ch-button:hover .on, #table-of-contents .ch-button.hover .on { display: block; } #table-of-contents .ch-button:hover .off, #table-of-contents .ch-button.hover .off { display: none; } #chapter-lines-holder { display: none; } @media screen and (max-width: 1300px) { #table-of-contents .ch-button { font-size: 14px; line-height: 18px; } } .accordion { padding-bottom: 55px; } .accordion .accordion-content { padding-bottom: 30px; } .accordion .trigger-container { padding-top: 1px; padding-left: 385px; text-align: left; } .accordion.is-open .read-button .off { display: none; } .accordion:not(.is-open) .read-button .on { display: none; } #chapter-two .accordion-content { padding-top: 55px; } @media screen and (max-width: 1100px) { .accordion .accordion-content { 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); padding-top: 0 !important; padding-left: 260px; padding-right: 30px; } .accordion .accordion-content > *, .accordion .accordion-content > *: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); } .accordion .trigger-container { padding-left: 260px; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { .accordion .accordion-content { padding-left: 40px; } .accordion .trigger-container { padding-left: 221px; } } body.is-tablet .accordion .accordion-content { padding-left: 40px; } body.is-tablet .accordion .trigger-container { padding-left: 221px; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { .accordion .accordion-content { padding-left: 30px; } .accordion .trigger-container { padding-left: 30px; } } body.is-phone .accordion .accordion-content { padding-left: 30px; } body.is-phone .accordion .trigger-container { padding-left: 30px; } #chapter-one { margin-top: -150px; } #chapter-one .graphic-content { background-color: #db9d2e; padding: 0; width: auto; } #chapter-one .chapter-triangle { position: absolute; top: 0; margin-left: -15px; } #chapter-one .columns { 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); height: 875px; } #chapter-one .columns:after { content: ""; clear: both; display: table; } #chapter-one .columns > *:nth-child(1) { width: 22%; /* Fallback if unsupported */ width: -webkit-calc(25% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(25% - 0px); /* Firefox v4-15 */ width: calc(25% - 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); float: left; } #chapter-one .columns > *:nth-child(2) { width: 34.5%; /* Fallback if unsupported */ width: -webkit-calc(37.5% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(37.5% - 0px); /* Firefox v4-15 */ width: calc(37.5% - 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); float: left; } #chapter-one .columns > *:nth-child(3) { width: 34.5%; /* Fallback if unsupported */ width: -webkit-calc(37.5% - 0px); /* Chrome 19+ & Safari */ width: -moz-calc(37.5% - 0px); /* Firefox v4-15 */ width: calc(37.5% - 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); float: left; } #chapter-one .columns > * { background-image: url(/img/2016/chp1-bg.gif); background-repeat: repeat-y; background-position: right center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 117px 50px; height: 100%; } #chapter-one .col-1 { color: #353744; } #chapter-one .col-1 small { font-size: 0.8em; line-height: 1.25em; display: block; max-width: 180px; } #chapter-one .col-2, #chapter-one .col-3 { padding: 60px; } #chapter-one .col-2 .chapter-navigation, #chapter-one .col-2 .chapter-legend, #chapter-one .col-3 .chapter-navigation, #chapter-one .col-3 .chapter-legend { display: none; } #chapter-one .chapter-navigation small { margin-bottom: 6px; } #chapter-one .chapter-navigation ul { font-size: 5.3333333333em; line-height: 0.875em; margin: 0; padding: 0; list-style: none; font-feature-settings: "tnum"; -webkit-font-feature-settings: "tnum"; font-family: 'Circular-Pro-Bold'; color: #b98632; } #chapter-one .chapter-navigation li { -webkit-transition: margin-left 0.4s; -moz-transition: margin-left 0.4s; -ms-transition: margin-left 0.4s; -o-transition: margin-left 0.4s; transition: margin-left 0.4s; margin: 0; padding: 0 6px; } #chapter-one .chapter-navigation li:hover, #chapter-one .chapter-navigation li.hover { margin-left: -0.5em; cursor: pointer; } #chapter-one .chapter-navigation li:hover, #chapter-one .chapter-navigation li.hover, #chapter-one .chapter-navigation .selected { color: #363844; } #chapter-one .chapter-legend { position: absolute; bottom: 0; left: 0; color: #353744; padding: 58px 50px; width: 100%; } #chapter-one .chapter-legend .box-1-1:before { background-color: #FFF; } #chapter-one .chapter-legend .box-1-2:before { background-color: #f2dbb2; } #chapter-one .chapter-legend .box-1-3:before { background-color: #e7c17a; } #chapter-one .chapter-legend .box-1-4:before { background-color: #ad7e24; } #chapter-one .chapter-legend .box-1-5:before { background-color: #714e0e; } #chapter-one .chapter-legend .box-2-1:before { background-image: url(/img/ch1_state_line.png); background-repeat: no-repeat; background-position: center center; } #chapter-one .chapter-legend .box-2-2:before { background-color: #eb6451; } #chapter-one .chapter-legend .box-2-3:before { background-color: #4d7c50; } #chapter-one .chapter-legend .box-2-4:before { background-color: #a3cda7; } #chapter-one .chapter-legend ul + ul { margin-top: 1.2em; } #chapter-one .graphic-title { margin-top: 64px; margin-bottom: 5px; width: auto; } #chapter-one .graphic-caption { width: auto; } #chapter-one .graphic-image { position: absolute; bottom: 0; right: 0; height: 468px; overflow: hidden; } #chapter-one .graphic-image img { max-width: 430px; display: none; } #chapter-one .graphic-image img.selected { display: block; } #tab-one .tangent-read-more, #tab-one .tangent-title:hover { color: #db9d2e; } @media screen and (max-width: 1140px) { #chapter-one #chp1-nav { font-size: 55px; } #chapter-one .graphic-image { height: 415px; } #chapter-one .graphic-image img { max-width: 325px; } #chapter-one .chapter-legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 30px 50px 30px; width: 100%; } #chapter-one .chapter-legend li { font-size: 14px; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { #chapter-one { margin-top: 0; } #chapter-one .columns { 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); height: auto; } #chapter-one .columns > *, #chapter-one .columns > *: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); } #chapter-one .col-2, #chapter-one .col-3 { padding: 14px 80px 413px; } #chapter-one .col-2 .chapter-navigation, #chapter-one .col-2 .chapter-legend, #chapter-one .col-3 .chapter-navigation, #chapter-one .col-3 .chapter-legend { display: block; } #chapter-one .col-2 .chapter-legend li, #chapter-one .col-3 .chapter-legend li { font-size: 20px; } #chapter-one .col-1 { display: none; } #chapter-one .col-3 { background-image: url(/img/2016/chp1-bg-mobile.gif); background-repeat: repeat-x; background-position: left top; } #chapter-one .chapter-legend { padding: 71px 80px; } #chapter-one .graphic-title { max-width: 380px; } #chapter-one .graphic-caption { margin-bottom: 12px; max-width: 580px; } #chapter-one .graphic-image { height: 535px; } #chapter-one .graphic-image img { max-width: 500px; } } body.is-tablet #chapter-one { margin-top: 0; } body.is-tablet #chapter-one .columns { 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); height: auto; } body.is-tablet #chapter-one .columns > *, body.is-tablet #chapter-one .columns > *: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 #chapter-one .col-2, body.is-tablet #chapter-one .col-3 { padding: 14px 80px 413px; } body.is-tablet #chapter-one .col-2 .chapter-navigation, body.is-tablet #chapter-one .col-2 .chapter-legend, body.is-tablet #chapter-one .col-3 .chapter-navigation, body.is-tablet #chapter-one .col-3 .chapter-legend { display: block; } body.is-tablet #chapter-one .col-2 .chapter-legend li, body.is-tablet #chapter-one .col-3 .chapter-legend li { font-size: 20px; } body.is-tablet #chapter-one .col-1 { display: none; } body.is-tablet #chapter-one .col-3 { background-image: url(/img/2016/chp1-bg-mobile.gif); background-repeat: repeat-x; background-position: left top; } body.is-tablet #chapter-one .chapter-legend { padding: 71px 80px; } body.is-tablet #chapter-one .graphic-title { max-width: 380px; } body.is-tablet #chapter-one .graphic-caption { margin-bottom: 12px; max-width: 580px; } body.is-tablet #chapter-one .graphic-image { height: 535px; } body.is-tablet #chapter-one .graphic-image img { max-width: 500px; } @media screen and (max-width: 870px) { #chapter-one .graphic-image { height: 460px; } #chapter-one .graphic-image img { max-width: 400px; } } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { #chapter-one .graphic-title { margin-top: 30px; } #chapter-one .col-2, #chapter-one .col-3 { padding: 14px 30px 439px; } #chapter-one .graphic-caption { margin-bottom: 16px; } #chapter-one .chapter-navigation { margin-left: -6px; } #chapter-one .graphic-image { height: 444px; } #chapter-one .graphic-image img { max-width: 420px; } #chapter-one .chapter-legend { padding: 25px 29px; } } body.is-phone #chapter-one .graphic-title { margin-top: 30px; } body.is-phone #chapter-one .col-2, body.is-phone #chapter-one .col-3 { padding: 14px 30px 439px; } body.is-phone #chapter-one .graphic-caption { margin-bottom: 16px; } body.is-phone #chapter-one .chapter-navigation { margin-left: -6px; } body.is-phone #chapter-one .graphic-image { height: 444px; } body.is-phone #chapter-one .graphic-image img { max-width: 420px; } body.is-phone #chapter-one .chapter-legend { padding: 25px 29px; } @media screen and (max-width: 480px) { #chapter-one .chapter-legend { z-index: 1; } #chapter-one .graphic-image { height: 430px; } #chapter-one .graphic-image img { max-width: 320px; } } .product-category { font-family: 'Circular-Pro-Bold'; font-size: 60px; line-height: 62px; } .beef-subproducts { font-family: 'Circular-Pro-Book'; font-size: 40px; } .ch2-market-wrapper { top: 0; right: 0; bottom: 0; left: 0; position: fixed; display: none; z-index: 9999; } .ch2-market-wrapper.open { display: block; } .ch2-market-wrapper .reveal-outside { height: 100%; } .ch2-market-wrapper .reveal-inside { height: 100%; } .ch2-markets { box-sizing: border-box; height: 100%; background: #97c69a; color: #353744; padding-top: 60px; overflow-x: hidden; overflow-y: auto; } .ch2-markets .close { position: absolute; top: 20px; right: 20px; z-index: 120; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); cursor: pointer; display: block; } .ch2-markets .close:hover { border: none; } .ch2-markets .header { margin-bottom: 29px; position: relative; z-index: 5; } .ch2-markets .header h3 { color: #FFF; font-family: 'Dala Floda Web'; font-size: 30px; font-weight: normal; line-height: 36px; margin-bottom: 5px; } .ch2-markets .header ul { margin: 0; padding: 0; list-style: none; } .ch2-markets .header ul li { margin-left: 0; } .ch2-markets .header a { -webkit-transition: margin-left 0.2s; -moz-transition: margin-left 0.2s; -ms-transition: margin-left 0.2s; -o-transition: margin-left 0.2s; transition: margin-left 0.2s; font-family: 'Circular-Pro-Bold'; font-size: 60px; line-height: 62px; color: #659e6a; cursor: pointer; margin-left: 0; } .ch2-markets .header a:hover, .ch2-markets .header a.selected { color: #FFF; } .ch2-markets .header a:hover { border-bottom: none; margin-left: -0.5em; text-decoration: none; } .ch2-markets .header em { font-family: 'Circular-Pro-Book'; font-size: 40px; font-style: normal; line-height: 1em; } .ch2-markets .content { position: relative; } .ch2-markets .info { position: relative; } .ch2-markets .domestic > .left { float: left; padding-top: 27px; width: 400px; z-index: 2; } .ch2-markets .domestic > .left p { font-size: 20px; line-height: 25px; } .ch2-markets .domestic > .right { float: right; margin: -131px -12px 0 0; width: 800px; z-index: 1; } .ch2-markets .international { position: relative; } .ch2-markets .international > .left { width: 500px; float: left; position: relative; z-index: 2; } .ch2-markets .international > .right { width: 600px; float: right; position: relative; } .ch2-markets .international > .right .inside { position: absolute; top: 0; right: 0; } .ch2-markets .international > .right .more { position: absolute; z-index: 3; } .ch2-markets .international > .right [data-id] { display: none; z-index: 1; } .ch2-markets .international > .right [data-id].active { display: block; } .ch2-markets .more a:hover { border: none; } .ch2-markets .card { box-shadow: 7px 7px rgba(0, 0, 0, 0.1); background: white; padding: 60px 0px 40px 41px; position: absolute; margin-right: -20px; margin-top: -55px; width: 455px; z-index: 12; } .ch2-markets .card .hide-card { position: absolute; top: 20px; right: 20px; } .ch2-markets .card .hide-card:hover { border: none; } .ch2-markets .super-table { padding: 1px 0; } .ch2-markets .super-table h3 { font-size: 15px; line-height: 1.2em; } .ch2-markets .super-table table { border-collapse: collapse; width: 100%; } .ch2-markets .super-table thead { color: white; } .ch2-markets .super-table td { vertical-align: top; font-variant-numeric: tabular-nums; } .ch2-markets .super-table th { color: white; vertical-align: top; } .ch2-markets .super-table td:first-child { font-variant-numeric: normal; } .ch2-markets .super-table th, .ch2-markets .super-table td { text-align: right; padding-left: 30px; } .ch2-markets .super-table th:first-child, .ch2-markets .super-table td:first-child { text-align: left; padding-left: 0; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { .ch2-markets .super-table h3 { font-size: 12px; } .ch2-markets .super-table table { display: block; } .ch2-markets .super-table thead { display: none; } .ch2-markets .super-table tbody { display: block; } .ch2-markets .super-table tr { display: block; width: 100%; padding-bottom: 30px; } .ch2-markets .super-table td { font-size: 12px; line-height: 1.2em; position: relative; display: block; padding-left: 0; } .ch2-markets .super-table td:before { float: left; content: attr(data-label); padding-right: 15px; display: block; color: white; font-variant-numeric: normal; } .ch2-markets .super-table td:first-child { font-size: 1.5em; } } .ch2-markets .super-table body.is-phone h3 { font-size: 12px; } .ch2-markets .super-table body.is-phone table { display: block; } .ch2-markets .super-table body.is-phone thead { display: none; } .ch2-markets .super-table body.is-phone tbody { display: block; } .ch2-markets .super-table body.is-phone tr { display: block; width: 100%; padding-bottom: 30px; } .ch2-markets .super-table body.is-phone td { font-size: 12px; line-height: 1.2em; position: relative; display: block; padding-left: 0; } .ch2-markets .super-table body.is-phone td:before { float: left; content: attr(data-label); padding-right: 15px; display: block; color: white; font-variant-numeric: normal; } .ch2-markets .super-table body.is-phone td:first-child { font-size: 1.5em; } .ch2-markets .table { margin-bottom: 21px; } .ch2-markets .table > div > .left { display: inline-block; font-family: 'Circular-Pro-Medium'; font-size: 12px; line-height: 1em; margin-right: 24px; text-align: right; width: 94px; vertical-align: top; } .ch2-markets .table > div > .left strong { display: block; font-size: 20px; } .ch2-markets .table > div > .right { float: none !important; display: inline-block; font-family: 'Circular-Pro-Book'; font-size: 35px; vertical-align: top; } .ch2-markets .table .table-header { margin-bottom: 10px; } .ch2-markets .table .table-header > .left, .ch2-markets .table .table-header > .right { font-family: 'Circular-Pro-Book'; font-size: 12px; line-height: 1em; } .ch2-markets .table .table-header > .left strong, .ch2-markets .table .table-header > .right strong { font-family: 'Circular-Pro-Bold'; font-size: 12px; display: block; } .ch2-markets .table > div:not(.table-header) { box-sizing: border-box; height: 45px; padding: 12px 0; position: relative; white-space: nowrap; } .ch2-markets .table > div:not(.table-header) > .left { margin-right: 20px; position: relative; top: -3px; } .ch2-markets .table > div:not(.table-header) > .left strong { margin-bottom: 4px; } .ch2-markets .table [data-id] { cursor: pointer; } .ch2-markets .table [data-id]:after { border: 1px solid transparent; border-width: 22.5px; display: inline-block; height: 0; width: 0; border-left-color: #f4d75f; position: absolute; top: 0; left: 100%; display: none; content: ''; } .ch2-markets .table [data-id]:hover, .ch2-markets .table [data-id].active { background: #f4d75f; } .ch2-markets .table [data-id]:hover:after, .ch2-markets .table [data-id].active:after { display: block; } .ch2-markets .beef-info .international > .right .inside { margin: -31px -110px 0 0; } .ch2-markets .beef-info .international > .right .card { background: url(http://d2tbmhuj3dq9ke.cloudfront.net/img/BeefMap-EuropeZoom.jpg) no-repeat right top; background-size: 815px 470px; padding-right: 320px; } .ch2-markets .leather-info .international > .right .inside { margin: -31px -110px 0 0; } .ch2-markets .tallow-info .international > .right .inside { margin: -280px -186px 0 0; } .ch2-markets .more-europe-28 { position: absolute; top: 10.8843537415%; right: 43.3333333333%; } .ch2-markets .more-china { position: absolute; top: 39.2290249433%; right: 17%; } .ch2-markets .more-italy { position: absolute; top: 37.4149659864%; right: 37.3333333333%; } .ch2-markets .skin-carousel { position: relative; margin-bottom: 20px; display: none; } .ch2-markets .skin-carousel .image { position: relative; max-width: 100%; margin-bottom: 83px; } .ch2-markets .skin-carousel .image img { max-width: 100%; } .ch2-markets .skin-carousel .title { font-size: 0.8em; line-height: 1.1666666667em; display: block; margin-bottom: 6px; } .ch2-markets .skin-carousel .title strong { display: block; } .ch2-markets .skin-carousel .name { font-size: 1.6666666667em; line-height: 1em; display: block; margin-bottom: 17px; } .ch2-markets .skin-carousel .percent, .ch2-markets .skin-carousel .amount { font-size: 1.3333333333em; line-height: 1.1em; display: inline-block; width: 48%; } .ch2-markets .skin-carousel .percent strong, .ch2-markets .skin-carousel .amount strong { font-size: 0.6em; line-height: 1.1666666667em; display: block; } .ch2-markets .skin-carousel .carousel-pagination { position: absolute; bottom: 160px; left: 0; margin: 0 60px; width: calc(100% - 120px); z-index: 2; } .ch2-markets .skin-carousel .carousel-navigation { position: absolute; bottom: 140px; left: 0; width: 100%; z-index: 1; } .carousel-navigation { overflow: hidden; } .carousel-navigation .previous:hover, .carousel-navigation .next:hover { border: none; } .carousel-navigation .previous { float: left; } .carousel-navigation .next { float: right; } .carousel-pagination { margin: 0; padding: 0; list-style: none; text-align: center; padding-top: 9px; } .carousel-pagination > li { display: inline-block; } .carousel-pagination a { display: inline-block; border-radius: 50%; height: 8px; width: 8px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; cursor: pointer; background: #80aa85; margin: 0 2px; } .carousel-pagination a.selected, .carousel-pagination a:hover { background: #473831; } .carousel-pagination span { display: none; } @media screen and (max-width: 1300px) { #chapter-two .chapter-triangle { top: -25px; margin-left: -20px; } #chapter-two .graphic-content { padding: 25px 80px; position: relative; width: auto; } #chapter-two .product-bubble { height: 285px; width: 285px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #chapter-two .product-bubble:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); margin: 0 !important; height: 285px !important; width: 285px !important; } #chapter-two #leather-bubble { position: absolute; left: 776px; top: -30px; height: 365px !important; width: 365px !important; } #chapter-two #tallow-bubble { position: absolute; left: auto; top: 360px; right: 0; } #chapter-two #beef-bubble { left: 45px; } #ch2-market-wrapper .graphic-content { width: auto; } #ch2-market-wrapper .domestic .right { box-sizing: border-box; padding-right: 10px; float: left; width: calc(100% - 400px); position: relative; } #ch2-market-wrapper .domestic .right img { width: 100%; } } @media screen and (max-width: 1180px) { .ch2-markets { padding-top: 0; } .ch2-markets .graphic-content { padding: 0 40px; } .ch2-markets .international { width: 100%; } .ch2-markets .international > .left { float: none; } .ch2-markets .international > .right { float: none; height: 300px; max-width: 100%; width: 100%; } .ch2-markets .international > .right .inside > * { max-width: 100%; width: 740px; } .ch2-markets .international > .right .inside > * > img { width: 100%; } .ch2-markets .table > div .left { width: 80px; } .ch2-markets .table div:not(.table-header) { height: 35px; padding: 4px 0; } .ch2-markets .table div:not(.table-header) .left strong { font-size: 16px; line-height: 16px; margin-bottom: 0; padding-top: 1px; } .ch2-markets .table div:not(.table-header) .right { font-size: 25px; line-height: 25px; } .ch2-markets .international > .left { width: auto; } .ch2-markets .international > .left .table div:not(.table-header) { width: 370px; } .ch2-markets .international > .left .mobile-table-2columns div:not(.table-header) { display: inline-block; } .ch2-markets .international > .left .mobile-table-2columns div:not(.table-header):nth-child(even) { margin-right: 60px; } .ch2-markets .international > .left [data-id]:after { border-width: 17.5px; } .ch2-markets .beef-info .international > .right .inside { margin: -30px 40px 0 0; } .ch2-markets .beef-info .international > .right .card { padding-right: 100px; width: auto; } .ch2-markets .leather-info .international > .right .inside { margin: -30px 25px 0 0; } .ch2-markets .tallow-info .international > .right .inside { margin: -120px 0 0 0; } } @media screen and (max-width: 1080px) { #chapter-two .product-headers-tagline { padding-right: 220px; width: auto; } #chapter-two .product-bubble { height: 260px; width: 260px; } #chapter-two #beef-bubble { left: -30px; } #chapter-two #tallow-bubble { right: 30px; top: 280px; } #chapter-two #leather-bubble { height: 260px !important; width: 260px !important; top: -22px; left: auto; right: 10px; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { #chapter-two .chapter-summary-tagline { margin-right: 0; } #chapter-two .product-headers-tagline { padding-right: 0; width: auto; } #chapter-two .graphic-content { padding: 25px 80px; position: relative; height: auto; width: auto; } #chapter-two #adult-cow { left: -131px; margin-top: 71px; top: 0; } #chapter-two .beef-subproducts { font-size: 30px; } #chapter-two .product-bubble { height: 200px; width: 200px; } #chapter-two .product-bubble:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); height: 200px !important; width: 200px !important; } #chapter-two #beef-bubble { top: auto; right: auto; bottom: 63px; left: 19px; position: absolute; } #chapter-two #tallow-bubble { top: auto; right: 22px; bottom: 409px; left: auto; position: absolute; } #chapter-two #leather-bubble { top: auto; right: 231px; bottom: 460px; left: auto; position: absolute; } .ch2-markets { -webkit-overflow-scrolling: touch; } .ch2-markets .graphic-content { width: auto; } .ch2-markets .header { margin-bottom: 20px; /* h3{ font-size:25px; margin-bottom:0; } a{ font-size:40px; line-height:42px; } em{ font-size:30px; line-height:42px; } */ } .ch2-markets .domestic, .ch2-markets .international { position: relative; display: block !important; padding-top: 20px; } .ch2-markets .domestic .heading, .ch2-markets .international .heading { color: #373a46; background: none; padding: 0; font-size: 20px; line-height: 25px; } .ch2-markets .domestic:before, .ch2-markets .international:before { top: 0; right: -40px; bottom: auto; left: -40px; position: absolute; border-top: 1px solid #8fbb93; border-bottom: 1px solid #9ac59e; height: 1px; content: ''; } .ch2-markets .domestic > .left, .ch2-markets .domestic > .right, .ch2-markets .international > .left, .ch2-markets .international > .right { float: none; width: auto; padding: 0; } .ch2-markets .domestic > .left p, .ch2-markets .international > .left p { font-size: 15px; line-height: 20px; margin-top: 20px; max-width: 400px; } .ch2-markets .domestic > .right, .ch2-markets .international > .right { margin: 0; padding-right: 0 !important; width: 100% !important; } .ch2-markets .domestic > .right .inside, .ch2-markets .international > .right .inside { margin: 0 auto !important; max-width: 740px; position: static; } .ch2-markets .domestic > .right img, .ch2-markets .international > .right img { max-width: 100%; } .ch2-markets .card { top: 0 !important; left: 30px; right: 30px !important; width: auto !important; padding-right: 30px !important; } .ch2-markets .domestic { padding-bottom: 46px; } .ch2-markets .domestic > .right { float: none !important; margin-left: auto; max-width: 400px; width: auto !important; } .ch2-markets .international .heading { margin-bottom: 17px; } .ch2-markets .international .inside { position: relative !important; } .ch2-markets .international .inside img { vertical-align: top; } .ch2-markets .international > .right { height: auto; } } body.is-tablet #chapter-two .chapter-summary-tagline { margin-right: 0; } body.is-tablet #chapter-two .product-headers-tagline { padding-right: 0; width: auto; } body.is-tablet #chapter-two .graphic-content { padding: 25px 80px; position: relative; height: auto; width: auto; } body.is-tablet #chapter-two #adult-cow { left: -131px; margin-top: 71px; top: 0; } body.is-tablet #chapter-two .beef-subproducts { font-size: 30px; } body.is-tablet #chapter-two .product-bubble { height: 200px; width: 200px; } body.is-tablet #chapter-two .product-bubble:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); height: 200px !important; width: 200px !important; } body.is-tablet #chapter-two #beef-bubble { top: auto; right: auto; bottom: 63px; left: 19px; position: absolute; } body.is-tablet #chapter-two #tallow-bubble { top: auto; right: 22px; bottom: 409px; left: auto; position: absolute; } body.is-tablet #chapter-two #leather-bubble { top: auto; right: 231px; bottom: 460px; left: auto; position: absolute; } body.is-tablet .ch2-markets { -webkit-overflow-scrolling: touch; } body.is-tablet .ch2-markets .graphic-content { width: auto; } body.is-tablet .ch2-markets .header { margin-bottom: 20px; /* h3{ font-size:25px; margin-bottom:0; } a{ font-size:40px; line-height:42px; } em{ font-size:30px; line-height:42px; } */ } body.is-tablet .ch2-markets .domestic, body.is-tablet .ch2-markets .international { position: relative; display: block !important; padding-top: 20px; } body.is-tablet .ch2-markets .domestic .heading, body.is-tablet .ch2-markets .international .heading { color: #373a46; background: none; padding: 0; font-size: 20px; line-height: 25px; } body.is-tablet .ch2-markets .domestic:before, body.is-tablet .ch2-markets .international:before { top: 0; right: -40px; bottom: auto; left: -40px; position: absolute; border-top: 1px solid #8fbb93; border-bottom: 1px solid #9ac59e; height: 1px; content: ''; } body.is-tablet .ch2-markets .domestic > .left, body.is-tablet .ch2-markets .domestic > .right, body.is-tablet .ch2-markets .international > .left, body.is-tablet .ch2-markets .international > .right { float: none; width: auto; padding: 0; } body.is-tablet .ch2-markets .domestic > .left p, body.is-tablet .ch2-markets .international > .left p { font-size: 15px; line-height: 20px; margin-top: 20px; max-width: 400px; } body.is-tablet .ch2-markets .domestic > .right, body.is-tablet .ch2-markets .international > .right { margin: 0; padding-right: 0 !important; width: 100% !important; } body.is-tablet .ch2-markets .domestic > .right .inside, body.is-tablet .ch2-markets .international > .right .inside { margin: 0 auto !important; max-width: 740px; position: static; } body.is-tablet .ch2-markets .domestic > .right img, body.is-tablet .ch2-markets .international > .right img { max-width: 100%; } body.is-tablet .ch2-markets .card { top: 0 !important; left: 30px; right: 30px !important; width: auto !important; padding-right: 30px !important; } body.is-tablet .ch2-markets .domestic { padding-bottom: 46px; } body.is-tablet .ch2-markets .domestic > .right { float: none !important; margin-left: auto; max-width: 400px; width: auto !important; } body.is-tablet .ch2-markets .international .heading { margin-bottom: 17px; } body.is-tablet .ch2-markets .international .inside { position: relative !important; } body.is-tablet .ch2-markets .international .inside img { vertical-align: top; } body.is-tablet .ch2-markets .international > .right { height: auto; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { #chapter-two .graphic-content { padding: 25px 30px; overflow: hidden; } #chapter-two .product-category { font-size: 35px; line-height: 40px; } #chapter-two .beef-subproducts { font-size: 15px; } #chapter-two .product-headers-tagline { font-size: 27px; padding-top: 20px; line-height: 27px; } #chapter-two #adult-cow { margin-top: 87px; left: -7px; } #chapter-two #beef-bubble { bottom: 193px; left: 0; } #chapter-two #tallow-bubble { bottom: -9px; right: 175px; } #chapter-two #leather-bubble { bottom: 491px; right: -7px; } .ch2-market-wrapper .graphic-content { padding: 0 30px; } .ch2-markets { padding-top: 50px; } .ch2-markets .close { right: 20px; top: 20px; } .ch2-markets .header ul { margin-bottom: 8px; } .ch2-markets .header ul li { margin-bottom: -4px; } .ch2-markets .header h3 { font-size: 25px; line-height: 28px; } .ch2-markets .header a { font-size: 35px; line-height: 40px; } .ch2-markets .header a em { font-size: 15px; } .ch2-markets .card { left: -10px; right: 10px !important; } .ch2-markets .card .hide-card { width: 30px; } .ch2-markets .table .table-header > .left, .ch2-markets .table .table-header > .right { font-size: 10px; line-height: 12px; } .ch2-markets .table > div:not(.table-header) > .left { font-size: 10px; } .ch2-markets .table > div:not(.table-header) > .left strong { font-size: 16px; } .ch2-markets .table > div:not(.table-header) > .right { margin-top: -3px; font-size: 26px; } .ch2-markets .international > .left .table { display: none; } .ch2-markets .international > .right { width: 100%; } .ch2-markets .international > .right > .inside { display: none; } .ch2-markets .skin-carousel { display: block; } } body.is-phone #chapter-two .graphic-content { padding: 25px 30px; overflow: hidden; } body.is-phone #chapter-two .product-category { font-size: 35px; line-height: 40px; } body.is-phone #chapter-two .beef-subproducts { font-size: 15px; } body.is-phone #chapter-two .product-headers-tagline { font-size: 27px; padding-top: 20px; line-height: 27px; } body.is-phone #chapter-two #adult-cow { margin-top: 87px; left: -7px; } body.is-phone #chapter-two #beef-bubble { bottom: 193px; left: 0; } body.is-phone #chapter-two #tallow-bubble { bottom: -9px; right: 175px; } body.is-phone #chapter-two #leather-bubble { bottom: 491px; right: -7px; } body.is-phone .ch2-market-wrapper .graphic-content { padding: 0 30px; } body.is-phone .ch2-markets { padding-top: 50px; } body.is-phone .ch2-markets .close { right: 20px; top: 20px; } body.is-phone .ch2-markets .header ul { margin-bottom: 8px; } body.is-phone .ch2-markets .header ul li { margin-bottom: -4px; } body.is-phone .ch2-markets .header h3 { font-size: 25px; line-height: 28px; } body.is-phone .ch2-markets .header a { font-size: 35px; line-height: 40px; } body.is-phone .ch2-markets .header a em { font-size: 15px; } body.is-phone .ch2-markets .card { left: -10px; right: 10px !important; } body.is-phone .ch2-markets .card .hide-card { width: 30px; } body.is-phone .ch2-markets .table .table-header > .left, body.is-phone .ch2-markets .table .table-header > .right { font-size: 10px; line-height: 12px; } body.is-phone .ch2-markets .table > div:not(.table-header) > .left { font-size: 10px; } body.is-phone .ch2-markets .table > div:not(.table-header) > .left strong { font-size: 16px; } body.is-phone .ch2-markets .table > div:not(.table-header) > .right { margin-top: -3px; font-size: 26px; } body.is-phone .ch2-markets .international > .left .table { display: none; } body.is-phone .ch2-markets .international > .right { width: 100%; } body.is-phone .ch2-markets .international > .right > .inside { display: none; } body.is-phone .ch2-markets .skin-carousel { display: block; } @media screen and (max-width: 390px) { #chapter-two .product-category b { font-weight: normal; } #chapter-two .product-category span { margin: 4px 0 6px 0; } #chapter-two #beef-bubble { bottom: 193px; left: -30px; } .ch2-markets .header a em { line-height: 25px; margin: 4px 0 6px 0; } .ch2-markets .table > div > .left { width: 70px; } .ch2-markets .table > div > .right { width: calc(100% - 110px); } .ch2-markets .table > div:not(.table-header) > .right { font-size: 18px; } .ch2-markets .international > .left .table div:not(.table-header) { display: block; width: 100%; } .ch2-markets .international > .left .table div:not(.table-header) .left { width: 65px; } } #chapter-three .graphic-content { background-image: url(/img/2016/ch3-base-map.jpg); background-repeat: no-repeat; background-position: center center; position: relative; background-size: auto; } #chapter-three .graphic-content .mobile-map { display: none; } #chapter-three .chapter-triangle { top: 12px; } #chapter-three .source { position: absolute; bottom: 50px; left: 60px; color: #FFF; font-size: 12px; } #brazil-map-ch3 { top: -8px; position: relative; } @media screen and (max-width: 1300px) { #chapter-three .chapter-triangle { top: -1px; } #chapter-three .graphic-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; background-position: top right; background-color: #353844; padding-bottom: 100px; width: 100%; } #chapter-three .desktop-map { position: absolute; right: 0; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { #chapter-three .graphic-content { width: auto; background: #3c3e4b; padding: 20px 81px; } #chapter-three .graphic-content .graphic-title { margin-bottom: 5px; width: auto; } #chapter-three .graphic-content .graphic-caption { width: auto; } #chapter-three .graphic-content .source { bottom: 30px; left: 80px; } #chapter-three .graphic-content .mobile-map { display: block; } #chapter-three .graphic-content .mobile-map img { max-width: 100%; } #chapter-three .graphic-content .desktop-map { display: none; } #vegetation-legend { margin-top: 0; } #ch3-map-legends { margin-top: 40px; padding-bottom: 60px; } } body.is-tablet #chapter-three .graphic-content { width: auto; background: #3c3e4b; padding: 20px 81px; } body.is-tablet #chapter-three .graphic-content .graphic-title { margin-bottom: 5px; width: auto; } body.is-tablet #chapter-three .graphic-content .graphic-caption { width: auto; } body.is-tablet #chapter-three .graphic-content .source { bottom: 30px; left: 80px; } body.is-tablet #chapter-three .graphic-content .mobile-map { display: block; } body.is-tablet #chapter-three .graphic-content .mobile-map img { max-width: 100%; } body.is-tablet #chapter-three .graphic-content .desktop-map { display: none; } body.is-tablet #vegetation-legend { margin-top: 0; } body.is-tablet #ch3-map-legends { margin-top: 40px; padding-bottom: 60px; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { #chapter-three .graphic-content { padding: 20px 30px; } #chapter-three .graphic-content .graphic-title { font-size: 27px; line-height: 27px; } #chapter-three .graphic-content .graphic-caption p { margin-top: 0; } #chapter-three .graphic-content .ch3-legend-line { margin-top: 5px; } #chapter-three .graphic-content [id^="ch3-legend-box"] { margin-top: 0; margin-right: 5px; vertical-align: middle; } #chapter-three .graphic-content .ch3-legend-label { font-size: 18px; width: calc(100% - 50px); margin-top: 0; vertical-align: middle; } #chapter-three .graphic-content .source { left: 30px; } } body.is-phone #chapter-three .graphic-content { padding: 20px 30px; } body.is-phone #chapter-three .graphic-content .graphic-title { font-size: 27px; line-height: 27px; } body.is-phone #chapter-three .graphic-content .graphic-caption p { margin-top: 0; } body.is-phone #chapter-three .graphic-content .ch3-legend-line { margin-top: 5px; } body.is-phone #chapter-three .graphic-content [id^="ch3-legend-box"] { margin-top: 0; margin-right: 5px; vertical-align: middle; } body.is-phone #chapter-three .graphic-content .ch3-legend-label { font-size: 18px; width: calc(100% - 50px); margin-top: 0; vertical-align: middle; } body.is-phone #chapter-three .graphic-content .source { left: 30px; } #chapter-four .chapter-triangle { margin-left: -20px; } #chapter-four .graphic-title { margin-bottom: 20px; } #chapter-four small { display: block; margin-bottom: 34px; } #chapter-four .graphic-content { background-color: #584a43; padding: 0 60px 60px; width: auto; color: #FFF; } #chapter-four .graphic-inside { height: 100%; 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); } #chapter-four .graphic-inside:after { content: ""; clear: both; display: table; } #chapter-four .graphic-inside > *, #chapter-four .graphic-inside > *: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); float: left; } #chapter-four .graphic-inside > * { position: relative; height: 100%; } #chapter-four .graphic-inside .left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 110px; } #chapter-four .graphic-inside .right { padding-top: 57px; } #chapter-four .left-col-1 { display: none; } #chapter-four .card { background: #FFF; color: #363844; position: relative; box-shadow: 7px 7px rgba(0, 0, 0, 0.1); } #chapter-four .card .previous, #chapter-four .card .next { top: 53px; position: absolute; cursor: pointer; } #chapter-four .card .previous { left: 20px; } #chapter-four .card .next { right: 20px; } #chapter-four .card-content { min-height: 70px; padding: 18px 90px 40px; } #chapter-four .card-title { font-family: "Circular-Pro-Book"; font-size: 20px; line-height: 25px; font-weight: 300; display: block; margin-bottom: 5px; } #chapter-four .chapter-navigation { margin: 0; padding: 0; list-style: none; text-align: center; padding-top: 9px; } #chapter-four .chapter-navigation > li { display: inline-block; } #chapter-four .chapter-navigation li { display: inline-block; border-radius: 50%; height: 8px; width: 8px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; cursor: pointer; background: #b5afac; margin: 0 1px; } #chapter-four .chapter-navigation li.selected, #chapter-four .chapter-navigation li:hover { background: #473831; } #chapter-four .chapter-navigation span { display: none; } #chapter-four .chapter-legend { margin-top: 40px; width: calc(100% + 20px); } #chapter-four .chapter-legend li:not(.spacer):before { display: inline-block; height: 30px; width: 30px; margin-bottom: 10px; } #chapter-four .chapter-legend .box-1-1:before { background-color: #cdc2bc; } #chapter-four .chapter-legend .box-2-1:before { background: -webkit-repeating-linear-gradient(-45deg, #fc7612, #fc7612 3px, transparent 3px, transparent 5px); background: -o-repeating-linear-gradient(-45deg, #fc7612, #fc7612 3px, transparent 3px, transparent 5px); background: -moz-repeating-linear-gradient(-45deg, #fc7612, #fc7612 3px, transparent 3px, transparent 5px); background: repeating-linear-gradient(-45deg, #fc7612, #fc7612 3px, transparent 3px, transparent 5px); } #chapter-four .chapter-legend .box-2-2:before { background-color: #f5d954; } #chapter-four .chapter-legend .box-2-3:before { background-color: #9b8578; } #chapter-four .chapter-legend .box-3-1:before { background: -webkit-repeating-linear-gradient(-45deg, #d2371d, #d2371d 3px, transparent 3px, transparent 5px); background: -o-repeating-linear-gradient(-45deg, #d2371d, #d2371d 3px, transparent 3px, transparent 5px); background: -moz-repeating-linear-gradient(-45deg, #d2371d, #d2371d 3px, transparent 3px, transparent 5px); background: repeating-linear-gradient(-45deg, #d2371d, #d2371d 3px, transparent 3px, transparent 5px); } #chapter-four .chapter-legend .box-3-2:before { background-color: #6fb174; } #chapter-four .chapter-legend .box-3-3:before { background-color: #f5d954; } #chapter-four .chapter-legend .box-3-4:before { background-color: #9b8578; } #chapter-four .source { margin-top: -40px; margin-left: 20px; } #chapter-four .graphic-inside .right { padding-bottom: 60px; } #tab-four { margin-top: -100px; top: 0; } #tab-four .tangent-read-more, #tab-four .tangent-title:hover { color: #c2a993; } @media screen and (max-width: 1300px) { #chapter-four .graphic-title { padding-right: 220px; width: auto; } #chapter-four .graphic-inside { 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); } #chapter-four .graphic-inside > *, #chapter-four .graphic-inside > *: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); } #chapter-four .graphic-inside > .left { padding: 0; } #chapter-four .graphic-inside > .right { display: none; } #chapter-four .card .chapter-navigation { padding-top: 35px; } #chapter-four .card .previous, #chapter-four .card .next { top: 20px; } #chapter-four .card .previous { left: 30px; } #chapter-four .card .next { right: 30px; } #chapter-four .card .card-content { padding: 30px; } #chapter-four .left-columns { padding-top: 20px; } #chapter-four .left-col-1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: right; padding-left: 30px; padding-bottom: 60px; width: 50%; } #chapter-four .left-col-1 img { max-width: 100%; } #chapter-four .left-col-2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding-right: 30px; float: left; width: 50%; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { #chapter-four .chapter-triangle { top: -20px; } #chapter-four .graphic-title { padding-right: 0; } #chapter-four .card { margin: 0 auto; } #chapter-four .left-columns { display: block; margin: 0 auto; max-width: 460px; } #chapter-four .left-col-1 { float: none; padding: 0 0 30px 0; width: auto; } #chapter-four .left-col-2 { float: none; padding: 0 0 0 0; width: auto; } #chapter-four .graphic-content { height: auto; padding: 20px 80px; } #chapter-four .graphic-inside { 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); position: relative; } #chapter-four .graphic-inside > *, #chapter-four .graphic-inside > *: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); } #chapter-four .graphic-inside .left { padding: 0; position: static; } #chapter-four .graphic-inside .right { padding-top: 30px; padding-bottom: 160px; } #chapter-four .graphic-inside .card { max-width: 600px; } #tab-four { top: auto; margin-top: 0; } } body.is-tablet #chapter-four .chapter-triangle { top: -20px; } body.is-tablet #chapter-four .graphic-title { padding-right: 0; } body.is-tablet #chapter-four .card { margin: 0 auto; } body.is-tablet #chapter-four .left-columns { display: block; margin: 0 auto; max-width: 460px; } body.is-tablet #chapter-four .left-col-1 { float: none; padding: 0 0 30px 0; width: auto; } body.is-tablet #chapter-four .left-col-2 { float: none; padding: 0 0 0 0; width: auto; } body.is-tablet #chapter-four .graphic-content { height: auto; padding: 20px 80px; } body.is-tablet #chapter-four .graphic-inside { 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); position: relative; } body.is-tablet #chapter-four .graphic-inside > *, body.is-tablet #chapter-four .graphic-inside > *: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 #chapter-four .graphic-inside .left { padding: 0; position: static; } body.is-tablet #chapter-four .graphic-inside .right { padding-top: 30px; padding-bottom: 160px; } body.is-tablet #chapter-four .graphic-inside .card { max-width: 600px; } body.is-tablet #tab-four { top: auto; margin-top: 0; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { #chapter-four .graphic-content { padding: 20px 30px; } #chapter-four .graphic-content .graphic-title { width: auto; } #chapter-four .graphic-content .right img { max-width: 100%; } #chapter-four .graphic-content .chapter-legend li:not(.spacer) { text-indent: -47px; padding-left: 47px; } } body.is-phone #chapter-four .graphic-content { padding: 20px 30px; } body.is-phone #chapter-four .graphic-content .graphic-title { width: auto; } body.is-phone #chapter-four .graphic-content .right img { max-width: 100%; } body.is-phone #chapter-four .graphic-content .chapter-legend li:not(.spacer) { text-indent: -47px; padding-left: 47px; } .skin-info-boxes { position: relative; } .skin-info-boxes .triggers a { display: inline-block; border-radius: 50%; height: 50px; width: 50px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(/img/icon-plus.png); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; -ms-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s; transition: box-shadow 0.5s; box-shadow: 0 0 0 0 #f2704f; background-color: #f2704f; padding: 2px; z-index: 2; } .skin-info-boxes .triggers a:hover, .skin-info-boxes .triggers a.hover { box-shadow: 0 0 0 8px #f2704f; border: none; text-decoration: none; } .skin-info-boxes .triggers span { display: none; } .skin-info-boxes .triggers .ranchers { left: 58.9787234043%; top: 34.4827586207%; } .skin-info-boxes .triggers .meatpackers { left: 7.4893617021%; top: 34.4827586207%; } .skin-info-boxes .triggers .government { left: 11.3191489362%; top: 69.0932311622%; } .skin-info-boxes .triggers .consumers { left: 40.9361702128%; top: 80.5874840358%; } .skin-info-boxes .triggers .retailers { left: 29.4468085106%; top: 17.3690932312%; } .skin-info-boxes .triggers .banks { left: 78.1276595745%; top: 74.840357599%; } .skin-info-boxes .recommendations-panel { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; } .skin-info-boxes:before { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: #FFF; content: ''; opacity: 0; z-index: 1; } .skin-info-boxes.is-open:before { opacity: .5; z-index: 3; } #chapter-five #ch5-image-holder .base-image { display: none; } #chapter-five .mobile-background { display: none; } #chapter-five .ch5-label { padding: 0; height: auto; position: relative; } #chapter-five .ch5-label .ch5-left-arrow, #chapter-five .ch5-label .ch5-right-arrow { top: 53px; position: absolute; cursor: pointer; } #chapter-five .ch5-label .ch5-left-arrow { left: 20px; } #chapter-five .ch5-label .ch5-right-arrow { right: 20px; } #chapter-five .ch5-label .ch5-label-text { padding: 18px 90px 40px; margin: 0; width: auto; } #chapter-five .chapter-navigation { margin: 0; padding: 0; list-style: none; text-align: center; padding-top: 9px; } #chapter-five .chapter-navigation > li { display: inline-block; } #chapter-five .chapter-navigation li { display: inline-block; border-radius: 50%; height: 8px; width: 8px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; cursor: pointer; background: #b5afac; margin: 0 1px; } #chapter-five .chapter-navigation li.selected, #chapter-five .chapter-navigation li:hover { background: #473831; } #chapter-five .chapter-navigation span { display: none; } #ch5-image-holder-mobile { display: none; } #recommendations { margin-top: -107px; overflow: visible; position: relative; } #recommendations .background img { vertical-align: top; } #recommendations .chapter-header-text { margin-top: 0; } #recommendations .rec-photo-caption { position: absolute; top: 100%; right: 53px; margin-top: 8px; font-size: 12px; line-height: 20px; width: auto; } /* @include min-screen-width ($window-size-medium) { .recommendations-map-holder{ @include translateZ(0); } }; */ @media screen and (max-width: 1475px) { #recommendations { margin-top: 0; } } @media screen and (max-width: 1300px) { #chapter-five .chapter-triangle { margin-left: -20px; } #chapter-five .graphic-content { padding: 0; margin: 0; max-width: 100%; } #chapter-five #ch5-image-holder { height: auto; width: auto; position: relative; } #chapter-five #ch5-image-holder .base-image { display: block; max-width: 100%; opacity: 0; } #chapter-five .ch5-label { position: absolute; top: 0; left: 0; z-index: 3; height: auto; } #chapter-five .ch5-label .chapter-navigation { padding-top: 35px; } #chapter-five .ch5-label .ch5-left-arrow, #chapter-five .ch5-label .ch5-right-arrow { top: 20px; } #chapter-five .ch5-label .ch5-left-arrow { left: 30px; } #chapter-five .ch5-label .ch5-right-arrow { right: 30px; } #chapter-five .ch5-label .ch5-label-text { padding: 30px; } #chapter-five #ch5-image-overlay-holder { position: absolute; top: 0; left: 37.7604166667%; height: 100%; z-index: 2; } #recommendations { margin-top: -20px; } #recommendations .recommendations-map-holder { height: auto; width: auto; } #recommendations .recommendations-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: calc(100% - 40px); } #recommendations .rec-photo-caption { padding-right: 20px; right: 0; width: auto; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { #chapter-five .graphic-content { background: #6fb174; width: auto; } #chapter-five .ch5-label { width: 315px; } #chapter-five #ch5-image-overlay-holder { position: absolute; left: 37.7604166667%; height: 412px; } #tab-five { top: auto; } #recommendations { margin-top: 30px; } #recommendations .skin-info-boxes:before { display: none; } #recommendations .recommendations-header { margin-left: 40px !important; } #recommendations .chapter-header-text { margin-top: 31px; } #recommendations .chapter-header-title { margin-left: 0; margin-bottom: 4px; letter-spacing: -0.6px; min-height: 0; } #recommendations .recommendations-header .graphic-title { font-family: 'Dala Floda Web'; } #recommendations .recommendations-map-holder { height: auto; width: auto; } #recommendations .triggers { margin: 0 0 39px 78px; } #recommendations .triggers a { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); box-shadow: none !important; font-family: 'Circular-Pro-Book'; font-size: 35px; line-height: 35px; display: block; cursor: pointer; background: none; border-radius: 0; display: block; position: static; height: auto; width: auto; } #recommendations .triggers a span { display: block; } #recommendations .background { display: none; } #recommendations .mobile-background { display: block; margin: 0 40px; } #recommendations .mobile-background img { max-width: 100%; } #recommendations .close-recs { background-image: url(/img/icon-left.png); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; overflow: hidden; text-indent: -999em; } #recommendations .recommendations-panel { top: 0; right: 0; bottom: 0; left: 0; position: fixed; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; z-index: 120; overflow: auto; width: auto; -webkit-overflow-scrolling: touch; } #recommendations .rec-photo-caption { padding-right: 40px; } .menu-is-open { overflow: hidden !important; } } body.is-tablet #chapter-five .graphic-content { background: #6fb174; width: auto; } body.is-tablet #chapter-five .ch5-label { width: 315px; } body.is-tablet #chapter-five #ch5-image-overlay-holder { position: absolute; left: 37.7604166667%; height: 412px; } body.is-tablet #tab-five { top: auto; } body.is-tablet #recommendations { margin-top: 30px; } body.is-tablet #recommendations .skin-info-boxes:before { display: none; } body.is-tablet #recommendations .recommendations-header { margin-left: 40px !important; } body.is-tablet #recommendations .chapter-header-text { margin-top: 31px; } body.is-tablet #recommendations .chapter-header-title { margin-left: 0; margin-bottom: 4px; letter-spacing: -0.6px; min-height: 0; } body.is-tablet #recommendations .recommendations-header .graphic-title { font-family: 'Dala Floda Web'; } body.is-tablet #recommendations .recommendations-map-holder { height: auto; width: auto; } body.is-tablet #recommendations .triggers { margin: 0 0 39px 78px; } body.is-tablet #recommendations .triggers a { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); box-shadow: none !important; font-family: 'Circular-Pro-Book'; font-size: 35px; line-height: 35px; display: block; cursor: pointer; background: none; border-radius: 0; display: block; position: static; height: auto; width: auto; } body.is-tablet #recommendations .triggers a span { display: block; } body.is-tablet #recommendations .background { display: none; } body.is-tablet #recommendations .mobile-background { display: block; margin: 0 40px; } body.is-tablet #recommendations .mobile-background img { max-width: 100%; } body.is-tablet #recommendations .close-recs { background-image: url(/img/icon-left.png); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; overflow: hidden; text-indent: -999em; } body.is-tablet #recommendations .recommendations-panel { top: 0; right: 0; bottom: 0; left: 0; position: fixed; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; z-index: 120; overflow: auto; width: auto; -webkit-overflow-scrolling: touch; } body.is-tablet #recommendations .rec-photo-caption { padding-right: 40px; } body.is-tablet .menu-is-open { overflow: hidden !important; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { #ch5-image-holder { display: none; } #chapter-five .graphic-content { height: auto; } #ch5-image-holder-mobile { display: block; } #ch5-image-holder-mobile .slide { position: relative; } #ch5-image-holder-mobile .slide img { max-width: 100%; vertical-align: top; } #ch5-image-holder-mobile .slide .card { position: absolute; top: 30px; left: 30px; background: #FFF; color: #363844; box-shadow: 7px 7px rgba(0, 0, 0, 0.1); padding: 26px 30px; margin-right: 30px; max-width: 295px; } #recommendations .recommendations-header { padding: 0 30px; margin: 0 !important; width: auto; } #recommendations .chapter-header-text { margin-top: 23px; padding: 0; } #recommendations .graphic-title { font-size: 28px; line-height: 30px; width: auto; } #recommendations .triggers { margin-top: -5px; margin-left: 27px; padding-right: 30px; } #recommendations .triggers a { font-size: 22px; line-height: 27px; } #recommendations .mobile-background { margin: 0; } #recommendations .recommendations-panel { font-size: 20px; line-height: 25px; padding: 80px 40px; } #recommendations .recommendations-panel .recommendations-actor { font-size: 35px; line-height: 45px; margin: -24px 0 0 44px; } #recommendations .recommendations-panel li { font-size: 16px; line-height: 20px; } #recommendations .rec-photo-caption { padding-right: 10px; } } body.is-phone #ch5-image-holder { display: none; } body.is-phone #chapter-five .graphic-content { height: auto; } body.is-phone #ch5-image-holder-mobile { display: block; } body.is-phone #ch5-image-holder-mobile .slide { position: relative; } body.is-phone #ch5-image-holder-mobile .slide img { max-width: 100%; vertical-align: top; } body.is-phone #ch5-image-holder-mobile .slide .card { position: absolute; top: 30px; left: 30px; background: #FFF; color: #363844; box-shadow: 7px 7px rgba(0, 0, 0, 0.1); padding: 26px 30px; margin-right: 30px; max-width: 295px; } body.is-phone #recommendations .recommendations-header { padding: 0 30px; margin: 0 !important; width: auto; } body.is-phone #recommendations .chapter-header-text { margin-top: 23px; padding: 0; } body.is-phone #recommendations .graphic-title { font-size: 28px; line-height: 30px; width: auto; } body.is-phone #recommendations .triggers { margin-top: -5px; margin-left: 27px; padding-right: 30px; } body.is-phone #recommendations .triggers a { font-size: 22px; line-height: 27px; } body.is-phone #recommendations .mobile-background { margin: 0; } body.is-phone #recommendations .recommendations-panel { font-size: 20px; line-height: 25px; padding: 80px 40px; } body.is-phone #recommendations .recommendations-panel .recommendations-actor { font-size: 35px; line-height: 45px; margin: -24px 0 0 44px; } body.is-phone #recommendations .recommendations-panel li { font-size: 16px; line-height: 20px; } body.is-phone #recommendations .rec-photo-caption { padding-right: 10px; } @media screen and (max-width: 380px) { #recommendations .chapter-header-title { font-size: 32px; } #recommendations .graphic-title { font-size: 24px; line-height: 24px; } #recommendations .recommendations-panel .recommendations-actor { font-size: 28px; line-height: 32px; } } #chapter-six { margin-top: 80px; } #chapter-six .graphic-content { margin-top: 84px; } #chapter-six .partners { color: #353744; } #chapter-six .partner { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-60px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-60px); /* Firefox v4-15 */ margin-left: calc(-60px); padding-bottom: 40px; padding-right: 40px; } #chapter-six .partner:after { content: ""; clear: both; display: table; } #chapter-six .partner > *, #chapter-six .partner > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 60px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 60px); /* Firefox v4-15 */ width: calc(50% - 60px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(60px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(60px); /* Firefox v4-15 */ margin-left: calc(60px); float: left; } #chapter-six .partner-name { display: block; font-family: 'Circular-Pro-Medium'; font-weight: normal; font-size: 30px; line-height: 36px; margin-top: 0; margin-bottom: 23px; } #chapter-six .partner-name a { -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: normal; color: inherit; } #chapter-six .partner-name a:hover { color: #f16f4e; border: none; } #chapter-six .right { position: relative; text-align: right; } #chapter-six .right img { max-width: 100%; } #chapter-six .right a:hover { border: none; } #chapter-six .right a:hover + .button, #chapter-six .right .accordion a:hover + .read-button, .accordion #chapter-six .right a:hover + .read-button { background-color: #f16f4e; color: #FFF; } #chapter-six .button, #chapter-six .accordion .read-button, .accordion #chapter-six .read-button { position: absolute; bottom: 50px; left: 405px; } @media screen and (max-width: 1300px) { #chapter-six .graphic-content { width: auto; margin-top: 40px; padding-left: 40px; } #chapter-six .partner { padding-bottom: 40px; } #chapter-six .button, #chapter-six .accordion .read-button, .accordion #chapter-six .read-button { left: auto; right: 40px; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { .graphic-content { width: auto; } #chapter-six .partner { 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); padding-bottom: 60px; padding-right: 0; } #chapter-six .partner > *, #chapter-six .partner > *: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); } #chapter-six .partner .left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 40px; padding-bottom: 20px; } #chapter-six .partner .right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 40px; } #chapter-six .partner img { max-width: 100%; } #chapter-six .button, #chapter-six .accordion .read-button, .accordion #chapter-six .read-button { top: auto; bottom: 30px; margin: 0; } } body.is-tablet .graphic-content { width: auto; } body.is-tablet #chapter-six .partner { 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); padding-bottom: 60px; padding-right: 0; } body.is-tablet #chapter-six .partner > *, body.is-tablet #chapter-six .partner > *: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 #chapter-six .partner .left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 40px; padding-bottom: 20px; } body.is-tablet #chapter-six .partner .right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 40px; } body.is-tablet #chapter-six .partner img { max-width: 100%; } body.is-tablet #chapter-six .button, body.is-tablet #chapter-six .accordion .read-button, .accordion body.is-tablet #chapter-six .read-button { top: auto; bottom: 30px; margin: 0; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { #chapter-six .graphic-content { padding-left: 30px; } #chapter-six .partner-name { font-size: 22px; line-height: 27px; } #chapter-six .button, #chapter-six .accordion .read-button, .accordion #chapter-six .read-button { position: relative; bottom: 0; right: 0; } } body.is-phone #chapter-six .graphic-content { padding-left: 30px; } body.is-phone #chapter-six .partner-name { font-size: 22px; line-height: 27px; } body.is-phone #chapter-six .button, body.is-phone #chapter-six .accordion .read-button, .accordion body.is-phone #chapter-six .read-button { position: relative; bottom: 0; right: 0; } #about_and_credits { max-width: none; } #about_and_credits .about-this-site > .inside, #about_and_credits .credits > .inside { margin: 0 auto; max-width: 1280px; } #about_and_credits .social-media-icons a:hover { border: none; } #about_and_credits .logo:hover { border: none; } .funders .logo-title, .contributors .logo-title, .endorsers .logo-title { margin-bottom: 40px; } .funders .logo-title + .disclaimer, .contributors .logo-title + .disclaimer, .endorsers .logo-title + .disclaimer { margin-top: -30px; margin-bottom: 30px; } .funders a, .contributors a, .endorsers a { margin: 0 10px 20px 10px; display: inline-block; } @media screen and (max-width: 1300px) { .credits { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px; } /* .credits-row-1, .endorsers{ height:auto; width:auto; } */ } @media screen and (max-width: 1150px) { /* .funders{ display:block; padding-top:40px; border-top:4px solid #FFF; border-left:0; padding-left:0; width:auto; } */ } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { #about_and_credits { padding-top: 30px; } .about-main-text { column-count: 1; -webkit-column-count: 1; padding: 0 30px; } .contributors, .funders { max-width: 260px; } } body.is-phone #about_and_credits { padding-top: 30px; } body.is-phone .about-main-text { column-count: 1; -webkit-column-count: 1; padding: 0 30px; } body.is-phone .contributors, body.is-phone .funders { max-width: 260px; } .hint { display: none; } .tooltip-container { display: inline; height: 1em; } .tooltip-container .tooltip-trigger { display: inline; } .tooltip-container sup.tooltip-trigger { font-family: 'Circular-Pro-Book'; font-weight: normal; font-size: 12px; line-height: 1.2em; } .tooltip-container .tooltip-content { font-family: 'Circular-Pro-Book'; font-weight: normal; font-size: 15px; line-height: 1.2em; position: relative; display: inline-block; vertical-align: top; } .tooltip-container .tooltip-content > .inside { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; position: absolute; top: 0; left: 0; width: 20em; padding: 1.5em; background-color: #353744; color: #fff; font-size: 1em; box-shadow: 7px 7px rgba(0, 0, 0, 0.1); display: none; z-index: 5; } .tooltip-container:hover .tooltip-content > .inside { display: block; } .tangent-body { background-color: #fff; border-left: 4em solid #484a56; overflow: hidden; min-height: 100%; } .tangent-article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: none; overflow: hidden; } .tangent-article-left-col, .tangent-article-right-col { display: block; margin: 0 auto 0 195px; max-width: 570px; padding: 0 !important; width: auto !important; } .copyright-info { margin-left: 195px; } .tangent-article-right-col .tangent-article-text { width: auto; } .tangent-article-text-two-clm { -webkit-column-count: 1; } .tangent-article-text img, .tangent-article-image img { max-width: 750px; } .sourceDark { font-size: 12px; line-height: 20px; margin-top: 8px; text-align: left; width: 750px; } .sourceRight { text-align: right; } .tangent-article-subtitle { font-size: 20px; line-height: 25px; margin-top: 5px; width: 750px; text-align: left; } .tangent-article-media { padding: 80px 0; width: 750px; } .tangent-article-media + .tangent-article-media { padding-top: 0; } .tangent-article-media-links { padding: 20px 0 40px 0; width: 750px; } .tangent-article-media-links a:hover { border: none; } .tangent-article-columns { width: 750px; } .tangent-article-columns > ul { margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-30px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-30px); /* Firefox v4-15 */ margin-left: calc(-30px); padding-left: 0; } .tangent-article-columns > ul:after { content: ""; clear: both; display: table; } .tangent-article-columns > ul > *, .tangent-article-columns > ul > *:nth-child(n) { width: 30.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(33.3333333333% - 30px); /* Chrome 19+ & Safari */ width: -moz-calc(33.3333333333% - 30px); /* Firefox v4-15 */ width: calc(33.3333333333% - 30px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(30px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(30px); /* Firefox v4-15 */ margin-left: calc(30px); float: left; } .tangent-article-columns li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .tangent-article-columns > ul > li { padding-left: 12px; position: relative; list-style: none; } .tangent-article-columns > ul > li:before { position: absolute; top: 0; left: 0; font-size: 10px; content: "•"; } .tangent-article-columns > ul > li ul { padding-left: 0; } .tangent-article-columns > ul ul li { list-style-type: none; padding-left: 12px; margin: 0; } .tangent-article-columns > ul ul li:before { position: absolute; top: 0; left: 0; content: "–"; } .close-tangent-button { top: 20px; right: 20px; } .copyright-info { clear: both; font-size: 12px; line-height: 20px; } .further-reading-menu { position: absolute; top: 0; right: 0; background: #FFF; height: 100%; width: 100%; overflow: auto; z-index: 9999; -webkit-overflow-scrolling: touch; } .tangent-title { line-height: 40px; } .tangent-article h2 { font-size: 30px; line-height: 35px; margin-bottom: 10px; font-weight: 300; width: auto; } .tangent-article-has-download { width: 910px; padding-bottom: 100px; } .tangent-article-text { float: left; max-width: 570px; padding-bottom: 60px; } .tangent-article-file { float: right; padding-top: 15px; display: block; max-width: 300px; } .tangent-article-file img { max-width: 100%; } .tangent-article-file:hover { border: none; } .tangent-ch6 .tangent-article-tagline { color: #a0caa4; } .tangent-ch6 ul { margin: 0; padding: 0; list-style: none; margin-left: 22px; } .tangent-ch6 li { position: relative; padding-left: 24px; } .tangent-ch6 li:before { position: absolute; top: 0; left: 0; content: "—"; } .small-note { color: #86888f; font-size: 12px; line-height: 15px; } .tangent-table { padding-top: 20px; margin-top: 23px; margin-bottom: 38px; width: 765px; } .tangent-table header { margin-bottom: 8px; } .tangent-table .left { box-sizing: border-box; float: left; margin-bottom: 20px; padding-right: 40px; width: 48%; } .tangent-table .left img { max-width: 100%; } .tangent-table .right { box-sizing: border-box; padding-top: 13px; padding-left: 7px; margin-bottom: 20px; float: right; width: 52%; } .tangent-table .right .dots { margin-bottom: 5px; } .tangent-table .buttons { background: #caebee; border-radius: 10px; padding: 12px; margin-bottom: 20px; text-align: center; z-index: 1; } .tangent-table .buttons strong { font-size: 0.8em; font-weight: 400; display: block; margin-bottom: 5px; } .tangent-table .buttons .toggle { background: white; border: 2px solid white; border-radius: 5em; display: inline-block; width: 40px; height: 20px; position: relative; text-align: left; vertical-align: middle; cursor: pointer; } .tangent-table .buttons .knob { display: inline-block; background: #363844; border-radius: 50%; height: 20px; width: 20px; -webkit-background-clip: border-box; -moz-background-clip: border; background-clip: border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-left: 0px; } .tangent-table .buttons button { font-family: "Circular-Pro-Bold"; font-size: 2em; line-height: 1em; font-weight: 400; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; color: white; vertical-align: middle; padding: 0 7px; border: none; background: none; cursor: pointer; } .tangent-table .buttons.is-2015 [data-year="2015"] { color: #363844; } .tangent-table .buttons.is-2016 [data-year="2016"] { color: #363844; } .tangent-table .buttons.is-2016 .knob { margin-left: 20px; } .tangent-table .table-legend { font-size: 12px; line-height: 15px; } .tangent-table .table-legend .inside { 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); margin-bottom: 15px; max-width: 300px; } .tangent-table .table-legend .inside:after { content: ""; clear: both; display: table; } .tangent-table .table-legend .inside > *, .tangent-table .table-legend .inside > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 20px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 20px); /* Firefox v4-15 */ width: calc(50% - 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); float: left; } .tangent-table .table-legend small { color: #86888f; font-size: 1em; } .tangent-table .number strong { font-size: 25px; display: inline-block; margin: 0 5px 15px 0; vertical-align: top; } .tangent-table .number span { font-size: 12px; position: relative; display: inline-block; font-style: normal; vertical-align: bottom; } .tangent-table .number span:before { position: absolute; bottom: 8px; left: -9px; content: '/'; font-size: 32px; } .tangent-table .dots { font-size: 22px; letter-spacing: 3px; } .tangent-table .row { display: block; overflow: hidden; width: 100%; } .tangent-table .row.is-empty { display: none; } .tangent-table .col { border-bottom: 1px solid #cdcdd0; display: inline-block; float: left; min-height: 40px; height: 100%; padding: 9px 0 7px 0; vertical-align: middle; box-sizing: border-box; } .tangent-table .col:first-child { font-size: 15px; font-weight: 300; text-align: right; width: calc(100% - 435px); } .tangent-table .col:not(:first-child) { text-align: center; margin-left: 40px; width: 105px; } .tangent-table .col:nth-child(2) strong { color: #00757e; } .tangent-table .col:nth-child(3) strong { color: #88dbdf; } .tangent-table .col:nth-child(4) strong { color: #00a7b5; } .tangent-table .thead .col { text-align: right; position: relative; display: block; font-size: 12px; font-weight: 600; white-space: nowrap; } .tangent-table .tbody { display: block; width: 100%; } .tangent-table .tbody .number { color: #e5e5e7; } .tangent-table .tbody:not(.is-selected) { display: none; } @media screen and (max-width: 730px) { .tangent-table .buttons { bottom: 0em; } } @media screen and (max-width: 649px) { .tangent-table .left, .tangent-table .right { float: none; width: auto; } .tangent-table .on-big-screen { display: none; } .tangent-table .thead { height: 95px; } .tangent-table .thead .col span { -ms-transform-origin: right bottom; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: 11px; right: 0; margin-right: 10px; } } @media screen and (min-width: 650px) { .tangent-table .on-small-screen { display: none; } } .tangent-graphic img { vertical-align: middle; } .tangent-graphic .chapter-legend { display: block; vertical-align: middle; } .tangent-graphic .chapter-legend strong { font-size: 1.3333333333em; font-weight: 400; display: block; margin-bottom: 5px; } .tangent-graphic .chapter-legend ul { margin: 0; padding: 0; list-style: none; } .tangent-graphic .chapter-legend li:not(.spacer) { font-size: 1em; padding-left: 0; } .tangent-graphic .chapter-legend li:not(.spacer):before { position: static; } .tangent-graphic .chp6-1-legend-1 .box-1-1:before { background-color: #00757f; } .tangent-graphic .chp6-1-legend-1 .box-1-2:before { background-color: #51acb2; } .tangent-graphic .chp6-1-legend-1 .box-1-3:before { background-color: #c9e3e5; } .tangent-graphic .chp6-1-legend-2 .box-1-1:before { background-color: #82dbe0; } .tangent-graphic .chp6-1-legend-2 .box-1-2:before { background-color: #b8e9ec; } .tangent-graphic .chp6-1-legend-2 .box-1-3:before { background-color: #e7f7f9; } .tangent-graphic .chp6-1-legend-3 .box-1-1:before { background-color: #00a6b6; } .tangent-graphic .chp6-1-legend-3 .box-1-2:before { background-color: #40cad3; } .tangent-graphic .chp6-1-legend-3 .box-1-3:before { background-color: #c6edf0; } @media screen and (min-width: 1081px) { .tangent-graphic { 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); width: 888px; } .tangent-graphic:after { content: ""; clear: both; display: table; } .tangent-graphic > *, .tangent-graphic > *:nth-child(n) { width: 30.3333333333%; /* Fallback if unsupported */ width: -webkit-calc(33.3333333333% - 20px); /* Chrome 19+ & Safari */ width: -moz-calc(33.3333333333% - 20px); /* Firefox v4-15 */ width: calc(33.3333333333% - 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); float: left; } .tangent-graphic img:first-child { margin-bottom: 32px; } } @media screen and (max-width: 1080px) { .tangent-graphic > * { padding-bottom: 30px; } .tangent-graphic .graphic { margin-right: 20px; } .tangent-graphic .chapter-legend { display: inline-block; max-width: calc(100% - 175px); } } @media screen and (max-width: 520px) { .tangent-graphic .chapter-legend { display: block; max-width: none; } } .tangent-graphic:not(.is-selected) { display: none; } @media screen and (max-width: 1215px) { .tangent-article-has-download { padding-bottom: 30px; width: auto; } .tangent-article-text { width: auto; } .tangent-article-text, .tangent-article-file { float: none; } } @media screen and (max-width: 1080px) { .tangent-article-media { width: auto; } .tangent-table { margin-left: -195px; } } @media screen and (max-width: 1300px) { .tangent-body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: none; } .tangent-article-subtitle { max-width: 100%; } .tangent-article-image { max-width: 100%; } .tangent-article-image img { max-width: 100%; } .tangent-article-text { padding-bottom: 0; } .tangent-article-title { font-size: 60px; line-height: 70px; } .tangent-article-columns { text-align: left; max-width: 100%; } .tangent-article-columns ul { list-style: none; } .tangent-article-left-col .p, .tangent-article-right-col .p { text-align: left; } .tangent-article-image { width: auto !important; } .sourceDark { max-width: 100%; } } @media screen and (max-width: 880px), screen and (max-device-width: 880px) { .tangent-article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left-width: 20px; padding: 2px 40px; width: auto; } .tangent-tab-holder { padding-right: 20px; } .tangent-title { text-indent: -1em; padding-left: 2em !important; line-height: 1.3em; } .tangent-article-tagline { margin-top: 38px; } .close-tangent-button { top: 45px; } .tangent-article-title { font-size: 50px; line-height: 52px; } .tangent-article-left-col, .tangent-article-right-col { display: block; margin: 0 auto 0 0; max-width: none; } .tangent-article-left-col, .copyright-info { margin-left: 160px; } .tangent-article-text img, .tangent-article-image img { max-width: 100%; width: auto; } .tangent-article-media { width: auto; padding: 40px 0; } .tangent-article-media-links { width: auto; } .tangent-article-media-links a { display: inline-block; } .tangent-table { margin-left: -160px; width: auto; } .tangent-table .space { width: 15px; } .tangent-table .col:first-child { width: calc(100% - 360px); } .tangent-table .col:not(:first-child) { margin-left: 15px; } .tangent-graphic .graphic { width: 120px; } .tangent-graphic .legend { width: 200px; } #ch5t2_links { text-align: center; padding-left: 160px; margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-60px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-60px); /* Firefox v4-15 */ margin-left: calc(-60px); } #ch5t2_links:after { content: ""; clear: both; display: table; } #ch5t2_links > *, #ch5t2_links > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 60px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 60px); /* Firefox v4-15 */ width: calc(50% - 60px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(60px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(60px); /* Firefox v4-15 */ margin-left: calc(60px); float: left; } #ch5t2_links > * { padding-bottom: 40px; } } body.is-tablet .tangent-article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left-width: 20px; padding: 2px 40px; width: auto; } body.is-tablet .tangent-tab-holder { padding-right: 20px; } body.is-tablet .tangent-title { text-indent: -1em; padding-left: 2em !important; line-height: 1.3em; } body.is-tablet .tangent-article-tagline { margin-top: 38px; } body.is-tablet .close-tangent-button { top: 45px; } body.is-tablet .tangent-article-title { font-size: 50px; line-height: 52px; } body.is-tablet .tangent-article-left-col, body.is-tablet .tangent-article-right-col { display: block; margin: 0 auto 0 0; max-width: none; } body.is-tablet .tangent-article-left-col, body.is-tablet .copyright-info { margin-left: 160px; } body.is-tablet .tangent-article-text img, body.is-tablet .tangent-article-image img { max-width: 100%; width: auto; } body.is-tablet .tangent-article-media { width: auto; padding: 40px 0; } body.is-tablet .tangent-article-media-links { width: auto; } body.is-tablet .tangent-article-media-links a { display: inline-block; } body.is-tablet .tangent-table { margin-left: -160px; width: auto; } body.is-tablet .tangent-table .space { width: 15px; } body.is-tablet .tangent-table .col:first-child { width: calc(100% - 360px); } body.is-tablet .tangent-table .col:not(:first-child) { margin-left: 15px; } body.is-tablet .tangent-graphic .graphic { width: 120px; } body.is-tablet .tangent-graphic .legend { width: 200px; } body.is-tablet #ch5t2_links { text-align: center; padding-left: 160px; margin-left: -3%; /* Fallback if unsupported */ margin-left: -webkit-calc(-60px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(-60px); /* Firefox v4-15 */ margin-left: calc(-60px); } body.is-tablet #ch5t2_links:after { content: ""; clear: both; display: table; } body.is-tablet #ch5t2_links > *, body.is-tablet #ch5t2_links > *:nth-child(n) { width: 47%; /* Fallback if unsupported */ width: -webkit-calc(50% - 60px); /* Chrome 19+ & Safari */ width: -moz-calc(50% - 60px); /* Firefox v4-15 */ width: calc(50% - 60px); margin-left: 3%; /* Fallback if unsupported */ margin-left: -webkit-calc(60px); /* Chrome 19+ & Safari */ margin-left: -moz-calc(60px); /* Firefox v4-15 */ margin-left: calc(60px); float: left; } body.is-tablet #ch5t2_links > * { padding-bottom: 40px; } @media screen and (max-width: 650px), screen and (max-device-width: 650px) { .tangent-body { border-left-width: 1.5em; } .tangent-article { padding: 2px 22px; } .tangent-article-title { font-size: 38px; line-height: 40px; } .tangent-article-back { margin-bottom: 9px; } .close-tangent-button { right: 20px; } .tangent-article-tagline, .tangent-article-back { padding-right: 90px; } .tangent-article-left-col p, .tangent-article-left-col .p, .tangent-article-right-col p, .tangent-article-right-col .p { padding-left: 0; } .tangent-article-left-col, .copyright-info { margin-left: 0px; } .tangent-article-columns > ul { 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); } .tangent-article-columns > ul > *, .tangent-article-columns > ul > *: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); padding-bottom: 30px; } .tangent-article-file { margin-left: 0; } .tangent-table { margin-left: 0; } .tangent-table .col:first-child { width: calc(100% - 150px); } .tangent-table .col:not(:first-child) { width: 35px; } .tangent-table .tbody .col { text-align: right; } .tangent-graphic { padding-left: 0; } .tangent-graphic .graphic { margin-bottom: 20px; width: 150px; } .tangent-graphic .legend { width: 245px; } #ch5t2_links { padding-left: 0; } #ch5t2_links a { height: 170px; } #ch5t2_links img { max-width: 100%; } } body.is-phone .tangent-body { border-left-width: 1.5em; } body.is-phone .tangent-article { padding: 2px 22px; } body.is-phone .tangent-article-title { font-size: 38px; line-height: 40px; } body.is-phone .tangent-article-back { margin-bottom: 9px; } body.is-phone .close-tangent-button { right: 20px; } body.is-phone .tangent-article-tagline, body.is-phone .tangent-article-back { padding-right: 90px; } body.is-phone .tangent-article-left-col p, body.is-phone .tangent-article-left-col .p, body.is-phone .tangent-article-right-col p, body.is-phone .tangent-article-right-col .p { padding-left: 0; } body.is-phone .tangent-article-left-col, body.is-phone .copyright-info { margin-left: 0px; } body.is-phone .tangent-article-columns > ul { 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-phone .tangent-article-columns > ul > *, body.is-phone .tangent-article-columns > ul > *: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); padding-bottom: 30px; } body.is-phone .tangent-article-file { margin-left: 0; } body.is-phone .tangent-table { margin-left: 0; } body.is-phone .tangent-table .col:first-child { width: calc(100% - 150px); } body.is-phone .tangent-table .col:not(:first-child) { width: 35px; } body.is-phone .tangent-table .tbody .col { text-align: right; } body.is-phone .tangent-graphic { padding-left: 0; } body.is-phone .tangent-graphic .graphic { margin-bottom: 20px; width: 150px; } body.is-phone .tangent-graphic .legend { width: 245px; } body.is-phone #ch5t2_links { padding-left: 0; } body.is-phone #ch5t2_links a { height: 170px; } body.is-phone #ch5t2_links img { max-width: 100%; }