a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block
}

body {
  line-height: 1
}

blockquote,
q {
  quotes: none
}

blockquote::after,
blockquote::before,
q::after,
q::before {
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

@font-face {
  font-family: "EC Square Sans Pro";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/ECSquareSansPro-Regular.otf) format("opentype")
}

@font-face {
  font-family: "EC Square Sans Pro Italic";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/ECSquareSansPro-Italic.otf) format("opentype")
}

@font-face {
  font-family: "EC Square Sans Pro Medium";
  font-weight: 600;
  font-style: normal;
  src: url(../fonts/ECSquareSansPro-Medium.otf) format("opentype")
}

@font-face {
  font-family: "EC Square Sans Pro Bold";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/ECSquareSansPro-Bold.otf) format("opentype")
}

@font-face {
  font-family: "EC Square Sans Pro Extra Black";
  font-weight: 900;
  font-style: normal;
  src: url(../fonts/ECSquareSansPro-ExtraBlack.otf) format("opentype")
}

@font-face {
  font-family: "EC Square Sans Pro Thin";
  font-weight: 200;
  font-style: normal;
  src: url(../fonts/ECSquareSansProThin.otf) format("opentype")
}

h1,
h2 {
  text-transform: none
}

h1 {
  font-size: 2.25rem;
  line-height: 3.1875rem;
  color: #4bb965;
  margin-bottom: 1.125rem
}

h2 {
  line-height: 2rem;
  margin-top: 1.75rem;
  margin-bottom: 1.1875rem
}

h1,
h2,
h3,
h4 {
  letter-spacing: 0
}

h3 {
  font-size: 1.125rem;
  line-height: 2.625rem;
  text-transform: uppercase;
  color: #3f9b9e
}

h4 {
  font-size: 2.25rem;
  line-height: 3.1875rem;
  text-transform: none;
  margin-bottom: 1.125rem;
  margin-top: 4rem
}

.main,
figcaption {
  font-family: "EC Square Sans Pro";
  font-size: 1.3125rem;
  line-height: 1.75rem
}

p {
  margin-bottom: 1.5rem
}

b,
h1,
h2,
h4,
strong {
  font-family: "EC Square Sans Pro Bold"
}

.quote,
h2 {
  font-size: 1.625rem
}

.quote {
  font-family: "EC Square Sans Pro Italic";
  line-height: 1.9375rem
}

figure {
  margin-bottom: 3rem
}

figcaption {
  margin: 1rem 0
}

.title--medium {
  font-family: "EC Square Sans Pro Bold";
  font-size: 1.375rem;
  line-height: 2.625rem;
  text-transform: none;
  color: #2b2b2b
}

.title__emphasis {
  color: #52bdc0
}

.pager {
  overflow: hidden
}

.pager a,
.pager a:before {
  display: block;
  background: linear-gradient(0deg, #432a54 0, #25313a 100%)
}

.pager a {
  position: relative;
  height: 280px;
  padding-top: 3.75rem;
  padding-left: 6.25rem;
  cursor: pointer;
  background: #432a54;
  transition: all ease-out .5s;
  overflow: hidden
}

@media (min-width:992px) {
  .pager a {
    margin-left: 120px
  }
}

.pager a:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: all ease .75s;
  z-index: 0
}

.pager a:hover:before {
  width: 200vw;
  height: 200vw;
  transform: translate(-20%, -80%) rotate(90deg)
}

.pager a:hover .pager__pre-title,
h4 {
  color: #fff
}

.pager a:hover .pager__title {
  transform: translateX(20px)
}

.pager a:hover .pager__title span,
.pager a:hover .pager__title span::before {
  transform: translateX(0)
}

.pager__pre-title,
.pager__title {
  position: relative;
  font-family: "EC Square Sans Pro Bold";
  font-size: 1.375rem;
  line-height: 2.625rem;
  color: #ffcf5c;
  transition: color ease-out .25s
}

.pager__title {
  display: inline-block;
  font-size: 2.5rem;
  line-height: 3.5rem;
  color: #fff;
  transition: ease-out color .5s, ease-out transform .5s;
  overflow: hidden
}

.pager__title span {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  transform: translateX(-100%);
  transition: transform .25s ease-out
}

.pager__title span::before {
  display: inline-block;
  content: attr(data-content);
  color: #ffcf5c;
  transform: translateX(100%);
  transition: transform .25s ease-out
}

.app {
  height: 100vh;
  position: fixed;
  z-index: 1;
  display: block;
  top: 116px
}

.menu__toggle {
  display: none
}

.sidebar {
  position: absolute;
  width: 120px;
  height: 100%;
  top: 0;
  transform: translateZ(0);
  visibility: visible;
  backface-visibility: hidden
}

.sidebar .menu__link {
  width: 120px;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #85c794;
  height: 76px
}

.sidebar-nav .nav-flyout,
.sidebar:hover .menu__link {
  width: 370px;
  overflow: hidden
}

.sidebar-nav {
  font-family: "EC Square Sans Pro Medium";
  position: fixed;
  background: linear-gradient(0deg, #52bdc0 0, #4bb97f 100%);
  height: 100%;
  font-size: 1.125rem;
  line-height: 1.5rem;
  z-index: 9;
  -webkit-overflow-scrolling: touch
}

.sidebar-nav li {
  margin-left: 0;
  padding-left: 0;
  display: inline-block;
  width: 100%
}

.sidebar-nav li a {
  color: #fff;
  position: relative
}

.sidebar-nav li:hover a {
  background-color: #3d9351;
  transition: all .6s ease
}

.sidebar-nav .nav-flyout {
  position: absolute;
  background-color: transparent;
  z-index: 9;
  right: 0;
  margin-top: -76px;
  transform: translateX(100%);
  transition: all .5s ease;
  max-height: 0;
  display: none
}

.sidebar-nav .nav-flyout a:hover {
  background-color: #347e46
}

.sidebar-nav ul>li:hover>.nav-flyout {
  transition: all .5s ease;
  max-height: 1000px;
  display: block
}

.menu ul {
  margin: 0;
  list-style: none
}

.menu__svg-container {
  width: 120px;
  display: inline-block;
  text-align: center;
  flex-shrink: 0
}

.menu__svg {
  width: 50px;
  height: auto
}

.menu__link {
  position: relative
}

.menu__link.active::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 76px;
  top: 0;
  left: 0;
  background-color: #ffcf5c
}

.menu__text-container {
  width: 250px;
  min-width: 250px;
  transition: all .5s ease .5s;
  position: relative;
  padding-right: 40px
}

.menu__text-container:after {
  content: " ";
  width: 7px;
  height: 7px;
  color: #fff;
  position: absolute;
  right: 22px;
  top: 44%;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg)
}

.menu__text-container--link:after {
  display: none
}

.menu__text-container-inner-wrapper {
  display: flex
}

.menu__link-inner-wrapper {
  display: flex;
  padding-left: 38px;
  padding-right: 38px
}

.menu__link-inner {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #85c794;
  line-height: 1.375rem;
  padding-top: 10px;
  padding-bottom: 14px
}

.menu__link-inner.active {
  color: #ffcf5c
}

.menu__link-number {
  margin-right: 8px
}

@media (max-width:992px) {
  .app {
    display: none;
    position: absolute;
    top: 0
  }

  .is-visible {
    display: block
  }

  .menu__toggle {
    position: absolute;
    display: block;
    transform: translateY(-100%);
    background: #3d9351;
    padding: 10px;
    color: #fff
  }

  .sidebar-nav .nav-flyout {
    position: static;
    transform: none;
    display: block;
    margin-top: 0
  }

  .sidebar .menu__link {
    width: 370px
  }
}

/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */
@keyframes mmfadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes mmfadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes mmslideIn {
  0% {
    transform: translateY(15%)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes mmslideOut {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(-10%)
  }
}

@keyframes overlay-slide-in-right {
  0% {
    width: 100%
  }

  to {
    width: 0
  }
}

@keyframes pulse-2 {

  0%,
  to {
    filter: drop-shadow(0 0 80px #0ff)
  }

  50% {
    filter: drop-shadow(0 0 40px #707070)
  }
}

@keyframes moveABit {

  0%,
  10%,
  to {
    left: -98px
  }

  5% {
    left: -105px
  }
}

@keyframes circle-cyan {

  0%,
  21%,
  to {
    r: 72px
  }

  11% {
    r: 80px
  }
}

@keyframes circle-green {

  0%,
  21%,
  to {
    r: 62px
  }

  11% {
    r: 70px
  }
}

@keyframes circle-red {

  0%,
  21%,
  to {
    r: 50px
  }

  11% {
    r: 60px
  }
}

@keyframes circle-azul {

  0%,
  21%,
  to {
    r: 49px
  }

  11% {
    r: 60px
  }
}

@keyframes circle-red2 {

  0%,
  21%,
  to {
    r: 69px
  }

  11% {
    r: 80px
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(50%, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-10vw, 0, 0)
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0)
  }
}

@keyframes compass {

  0%,
  45%,
  to {
    transform: rotate(0deg)
  }

  15% {
    transform: rotate(20deg)
  }

  30% {
    transform: rotate(-20deg)
  }
}

.hamburger {
  padding: 15px 6px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible
}

@media (min-width:992px) {
  .hamburger {
    display: none
  }
}

.hamburger.is-active:hover,
.hamburger:hover {
  opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
  background-color: #4bb965
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  width: 40px;
  height: 4px;
  background-color: #4bb965;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease;
  display: block
}

.hamburger-inner {
  top: 50%;
  margin-top: -2px
}

.hamburger-inner::after,
.hamburger-inner::before {
  content: ""
}

.hamburger-inner::before {
  top: -10px
}

.hamburger-inner::after {
  bottom: -10px
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: .075s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top .075s .12s ease, opacity .075s ease
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom .075s .12s ease, transform .075s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .075s ease, opacity .075s .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .075s ease, transform .075s .12s cubic-bezier(.215, .61, .355, 1)
}

.modal__graph {
  text-align: center
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 220
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  width: 95%;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
  text-align: center
}

.modal__header {
  text-align: right
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, .8)
}

.modal__footer {
  color: rgba(0, 0, 0, .8);
  text-align: left
}

.modal__close {
  background: 0 0;
  border: 0
}

.modal__close:before {
  content: "\2715"
}

.micromodal-slide,
.page-content>section.ac-graphs-wrapper {
  display: none
}

.micromodal-slide.is-open {
  display: block
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform
}

.overlay {
  right: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #52bdc0;
  z-index: 999;
  animation-name: overlay-slide-in-right;
  animation-duration: 1500ms;
  animation-fill-mode: forwards
}

.site-header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  z-index: 100;
  padding: 20px 40px;
  border-bottom: 8px solid #044da1
}

@media (min-width:768px) {
  .site-header {
    flex-wrap: nowrap
  }
}

.site-header .navbar-brand {
  line-height: 0;
  margin-bottom: 30px
}

@media (min-width:768px) {
  .site-header .navbar-brand {
    margin-bottom: 0
  }
}

.site-header img,
img {
  max-width: 100%;
  width: 265px
}

@media (min-width:992px) {
  .site-header {
    position: fixed;
    width: 100%;
    background: #fff;
    min-height: 116px
  }
}

@media (min-width:768px) {
  .front .site-header {
    position: fixed;
    width: 100%;
    background: #fff;
    min-height: 116px
  }
}

.site-name {
  position: relative;
  top: -13px;
  font-family: "EC Square Sans Pro Bold";
  font-size: 26px;
  line-height: 32px;
  color: #626366
}

.graph {
  margin-bottom: 3.9375rem
}

.graph__title {
  font-family: "EC Square Sans Pro Bold";
  font-size: 1.3125rem;
  line-height: 1.75rem;
  margin-bottom: 2.8125rem;
  text-align: center
}

.graph__graph {
  background-color: #fff
}

.graph__legend {
  color: #2b2b2b
}

.graph__enlarge,
.graph__legend {
  font-size: 1rem;
  line-height: 1.4375rem
}

.graph .highcharts-title {
  font-family: "EC Square Sans Pro", "Lucida Grande", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif
}

.social-share__title {
  display: inline-block;
  border-top: 1px solid #2b2b2b;
  padding-top: 2px
}

.social-share .wtShareList {
  margin-top: 0
}

.related {
  background-color: #fff;
  padding: 5px 20px 28px;
  margin: 2.625rem 0
}

.related__link {
  font-size: 1.375rem;
  line-height: 1.75rem;
  color: #2b2b2b;
  position: relative;
  padding-left: 40px;
  display: block;
  margin-top: 15px
}

.home__chapters a,
.related__link:hover {
  text-decoration: underline;
  color: #2b2b2b
}

.related__link::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-212.000000, -2370.000000)' fill='%23D0021B' fill-rule='nonzero'%3E%3Cg transform='translate(135.000000, 112.000000)'%3E%3Cg transform='translate(67.000000, 2193.000000)'%3E%3Cg transform='translate(10.000000, 47.000000)'%3E%3Cpath d='M17.8 38.5C18.4 38.5 18.9 38.3 19.4 37.9 19.8 37.4 20 36.9 20 36.3L20 36.3 20 20.7C20 20.1 19.8 19.6 19.4 19.1 18.9 18.7 18.4 18.5 17.8 18.5L17.8 18.5 2.2 18.5C1.6 18.5 1.1 18.7 0.6 19.1 0.2 19.6 0 20.1 0 20.7L0 20.7 0 36.3C0 36.9 0.2 37.4 0.6 37.9 1.1 38.3 1.6 38.5 2.2 38.5L2.2 38.5 17.8 38.5ZM4.2 35.5C4 35.5 3.9 35.5 3.8 35.4L3.8 35.4 3.2 35.1 3.2 34.9C3.2 34.8 3.1 34.6 3.1 34.4 3.2 34.1 3.4 33.7 3.8 33.2 4.1 32.8 4.6 32.4 5.2 32.1 5.3 32 5.3 32 5.4 32 5.5 31.9 5.5 31.9 5.6 31.8 5.7 31.8 5.8 31.7 5.9 31.7 6 31.6 6.1 31.6 6.2 31.5 6.3 31.3 6.5 31 6.8 30.5 7 30.1 7.2 29.8 7.3 29.5 7.6 28.9 8 27.8 8.6 26.3 8.3 25.5 8.1 24.9 8.1 24.5 8.1 24.1 8.1 23.5 8.3 22.6 8.4 22.4 8.5 22.2 8.7 22 8.8 21.8 9 21.7 9.2 21.7L9.2 21.7 9.5 21.7C9.6 21.7 9.8 21.8 10.1 21.9 10.7 22.6 10.7 23.9 10.1 26L10.1 26 10.1 26C10.5 27.2 11.1 28.2 11.9 28.9 12 29 12.1 29.1 12.2 29.1 12.3 29.2 12.4 29.3 12.5 29.4 12.6 29.5 12.8 29.5 12.9 29.6 13.1 29.6 13.3 29.6 13.7 29.6 14 29.5 14.2 29.5 14.3 29.5 15.7 29.5 16.6 29.8 16.9 30.3 17 30.4 17 30.6 17 31 17 31 16.9 31.1 16.8 31.2 16.7 31.4 16.6 31.5 16.6 31.6 16.3 31.8 15.9 31.8 15.5 31.8 14.4 31.8 13.3 31.6 12.2 31 10.1 31.3 8.6 31.6 7.8 31.9 7.7 31.9 7.6 32 7.5 32.1 6.2 34.3 5.1 35.5 4.2 35.5ZM9.2 24.7C9.4 24.1 9.5 23.8 9.5 23.7L9.5 23.7 9.5 23.5C9.6 22.9 9.6 22.5 9.5 22.4L9.5 22.4 9.5 22.3 9.3 22.2 9.2 22.3C9 22.9 9 23.7 9.2 24.7ZM7.8 31.2C9.2 30.6 10.4 30.3 11.4 30.2 11.3 30.1 11.1 30 11 29.8 10.2 28.9 9.7 28.1 9.3 27.3 9.3 27.6 8.9 28.5 8.2 29.9 8.2 30.1 8 30.3 7.9 30.6 7.7 30.8 7.6 31 7.5 31.2L7.5 31.2 7.8 31.2ZM16.2 31L16.2 30.8 16.1 30.7C15.8 30.4 15.1 30.3 14 30.3L14 30.3 13.8 30.3 13.8 30.4C14.6 30.8 15.4 31 15.9 31L15.9 31 16.2 31ZM3.9 34.5C4.6 34.4 5.2 33.7 5.9 32.4L5.9 32.4 5.8 32.5C5.5 32.6 5.4 32.7 5.4 32.7 4.5 33.4 4.1 34 3.9 34.5Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  width: 20px;
  height: 21px;
  line-height: 21px;
  margin-right: 17px;
  top: 4px;
  position: absolute;
  left: 0
}

html {
  scroll-behavior: smooth
}

body {
  font-family: "EC Square Sans Pro";
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility
}

a {
  color: #ffcf5c;
  text-decoration: none
}

.home__chapters a {
  color: #000;
  display: inline-block
}

a,
a:hover {
  transition: all .6s ease
}

a:hover {
  color: #044da1
}

img {
  width: 100%;
  height: auto
}

.main {
  position: relative;
  display: flex;
  background-color: #e5e5e5
}

.main--light-bg {
  background-color: #f0f1f1
}

.page-content {
  max-width: 1440px;
  z-index: 0
}

.page-content>section.ac-graphs-wrapper::after {
  content: "";
  position: absolute;
  background-color: #e5e5e5;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: -1;
  font-size: 0;
  right: -50vw
}

@media (min-width:992px) {
  .page-content {
    margin-left: 120px;
    margin-top: 116px;
    display: flex
  }

  .page-content>section:not(.text__wrapper--no-graph) {
    width: 50%
  }

  .page-content>section.ac-text-wrapper {
    width: 65%
  }

  .page-content>section.ac-graphs-wrapper {
    display: block;
    width: 35%
  }
}

.text__wrapper {
  padding: 31px 52px 68px 68px;
  background-color: #f0f1f1
}

.text__wrapper--no-graph {
  max-width: 800px
}

.graphs__wrapper {
  padding: 125px 52px 68px;
  background-color: #e5e5e5
}

.wtCharts {
  min-height: 500px
}

#wrapper-2_9_2 .wtCharts {
  min-height: 400px;
  height: 400px
}

.home__h1 {
  font-family: "EC Square Sans Pro Bold";
  font-size: 2.5rem;
  line-height: 2.875rem;
  letter-spacing: 0;
  text-transform: none;
  color: #fff;
  margin-top: 5.25rem;
  margin-bottom: 1.125rem
}

@media (min-width:768px) {
  .home__h1 {
    font-size: 3.75rem;
    line-height: 4.3125rem
  }
}

.home__h2 {
  font-family: "EC Square Sans Pro";
  font-size: 1.875rem;
  line-height: 2.5rem;
  letter-spacing: 0;
  text-transform: none;
  color: #fbbb21;
  margin-top: 1.125rem;
  margin-bottom: 2.25rem
}

@media (min-width:768px) {
  .home__h2 {
    font-size: 3rem;
    line-height: 3.5rem;
    margin-bottom: 2.25rem
  }
}

.home__h3 {
  font-family: "EC Square Sans Pro Bold";
  font-size: 1.875rem;
  line-height: 2.5rem;
  letter-spacing: .5px;
  text-transform: none;
  color: #fff;
  margin-top: 1.125rem;
  margin-bottom: 2.25rem;
  position: relative
}

.home__h3::before {
  content: "";
  position: absolute;
  top: -29px;
  width: 207px;
  height: 8px;
  display: block;
  background-color: #fff;
  left: 0
}

@media (min-width:768px) {
  .home__h3 {
    font-size: 3rem;
    line-height: 3.5rem
  }
}

.home__page-content {
  width: 100%
}

@media (min-width:768px) {
  .home__page-content {
    margin-top: 116px
  }
}

.home__intro {
  background: linear-gradient(90deg, #9b3c54 30%, #d6778b 100%, #9b3c54 100%);
  color: #fff;
  display: flex;
  position: relative
}

.home__chapter-title::before,
.home__globe {
  display: none
}

@media (min-width:768px) {
  .home__globe {
    min-width: 280px;
    display: block
  }
}

@media (min-width:992px) {
  .home__globe {
    min-width: 370px
  }
}

.home__globe-inner {
  position: sticky;
  top: 100px
}

.home__globe-inner img {
  min-width: 530px;
  filter: drop-shadow(0 0 40px #707070);
  animation: pulse-2 1.75s ease-in-out .25s infinite
}

.home__globe-svg {
  width: 370px;
  height: auto;
  max-width: 130%;
  display: none
}

@media (min-width:768px) {
  .home__globe-svg {
    width: 280px;
    display: block
  }
}

@media (min-width:992px) {
  .home__globe-svg {
    width: 370px
  }
}

.home__intro-contents {
  width: 100%;
  z-index: 1;
  padding-left: 40px;
  padding-right: 60px;
  padding-bottom: 50px;
  background: rgba(149, 41, 58, .7)
}

@media (min-width:992px) {
  .home__intro-contents {
    padding-left: 96px;
    padding-right: 117px
  }
}

.home__intro-contents a {
  color: #ffcf5c;
  transition: all ease-out .5s
}

.home__intro-contents a:hover,
body {
  color: #fff
}

.home__intro-texts {
  max-width: 640px
}

@media (min-width:992px) {
  .home__2col {
    display: flex;
    justify-content: space-between
  }

  .home__col1 {
    width: 40%
  }

  .home__col2 {
    width: 55%
  }
}

.home__section {
  padding: 80px 56px 100px 40px
}

@media (min-width:992px) {
  .home__section {
    padding: 165px 115px 70px
  }
}

.home__chapters {
  background: linear-gradient(180deg, #6bbdbd 0, #99e0cc 100%)
}

.home__chapters-contents-title {
  margin-top: 0;
  margin-bottom: 0
}

.home__chapter {
  padding-top: 60px;
  padding-bottom: 30px;
  border-bottom: 1px solid #fff
}

.home__chapter.home__chapter--2 {
  padding-top: 0
}

@media (min-width:768px) {
  .home__chapter {
    padding-top: 109px
  }
}

.home__chapter-svg {
  width: 150px;
  margin-bottom: 1.875rem;
  max-width: 307px;
  height: auto
}

@media (min-width:992px) {
  .home__chapter-svg {
    width: 100%
  }
}

.home__chapter-chapter {
  font-family: "EC Square Sans Pro";
  color: #fff
}

.home__chapter-title {
  margin-top: 0;
  margin-bottom: 1em
}

.home__chapter-link {
  display: flex;
  color: #25313a;
  padding-top: 11px;
  padding-right: 56px;
  padding-bottom: 27px;
  transition: all ease-out .5s;
  position: relative;
  z-index: 1;
  overflow: hidden
}

.home__chapter-link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f0f1f1;
  opacity: 0;
  z-index: -1;
  transition: all ease-out .5s;
  top: 0
}

.home__chapter-link:hover {
  color: #25313a
}

.home__chapter-link:hover::before {
  opacity: .6
}

.home__chapter-link:hover .home__chapter-link-numbers {
  padding-left: 21px
}

.home__chapter-link-heading,
.home__chapter-link-numbers {
  font-family: "EC Square Sans Pro Medium";
  transition: all ease-out .5s;
  font-size: 1.5rem;
  line-height: 2rem
}

@media (min-width:768px) {

  .home__chapter-link-heading,
  .home__chapter-link-numbers {
    font-size: 1.75rem;
    line-height: 2.25rem
  }
}

.home__chapter-link-numbers,
.home__chapter-title-number {
  display: inline-block;
  min-width: 50px
}

@media (min-width:768px) {

  .home__chapter-link-numbers,
  .home__chapter-title-number {
    min-width: 80px
  }
}

.home__chapter-link-description {
  color: #25313a;
  padding-bottom: 1em
}

@media (min-width:768px) {
  .home__chapter-link-description {
    padding-bottom: 2em
  }
}

.home__report {
  background-color: #fff;
  padding-bottom: 100px;
  padding-top: 113px
}

.home__report-title {
  color: #9b3c54;
  text-transform: uppercase;
  max-width: 350px;
  margin-bottom: 15px
}

.home__report-title::before {
  background-color: #9b3c54
}

.home__report-links {
  display: flex
}

.home__report-links a {
  color: #044da1
}

.home__report-links a:focus,
.home__report-links a:hover {
  color: #25313a
}

.home__report-cover {
  max-width: 200px;
  height: auto;
  box-shadow: 0 10px 30px 0 #4d4d4d
}

.home__report-links-col {
  padding-top: 13px;
  padding-left: 43px
}

a.home__report-link {
  font-family: "EC Square Sans Pro Medium";
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 1.625rem;
  color: #25313a;
  display: block;
  transition: all ease-out .5s
}

a.home__report-link:hover {
  color: #25313a
}

a.home__report-link:hover:before {
  top: 5px
}

a.home__report-link::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 19' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-777.000000, -7068.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg transform='translate(-15.000000, 6917.000000)'%3E%3Cpath d='M800 165L807.4 157.6 803.2 157.6 803.2 151.3 796.8 151.3 796.8 157.6 792.6 157.6 800 165ZM807.4 169.3L807.4 167.1 792.6 167.1 792.6 169.3 807.4 169.3Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 0;
  transition: all ease-out .5s;
  margin-left: -19px
}

.home__scroll-right {
  position: fixed;
  z-index: 2;
  right: -44px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  opacity: 1;
  transition: all ease-out .5s
}

@media (min-width:992px) {
  .home__scroll-right {
    right: -20px
  }
}

.home__scroll-right.is-hidden {
  opacity: 0
}

.home__scroll-right-link {
  cursor: pointer;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #000;
}

.home__scroll-right-link::after,
.home__scroll-right-link::before {
  content: url("data:image/svg+xml,%3Csvg width='28px' height='47px' viewBox='0 0 28 47' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Home' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Home-2---Desktop-HD' transform='translate(-1373.000000, -651.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg id='Group-14' transform='translate(1369.000000, 490.000000)'%3E%3Cg id='Group-13' transform='translate(4.000000, 161.000000)'%3E%3Cpath d='M13.5541406,1.91846539e-14 C6.08027346,1.91846539e-14 8.15347789e-14,6.08027346 8.15347789e-14,13.5541406 L8.15347789e-14,32.5258594 C8.15347789e-14,39.9997265 6.08027346,46.08 13.5541406,46.08 C21.0280078,46.08 27.1082813,39.9997265 27.1082813,32.5258594 L27.1082813,13.5541406 C27.1082813,6.08027346 21.0280078,1.91846539e-14 13.5541406,1.91846539e-14 Z M24.3435938,32.5258594 C24.3435938,38.475 19.5032813,43.3153125 13.5541406,43.3153125 C7.605,43.3153125 2.7646875,38.475 2.7646875,32.5258594 L2.7646875,13.5541406 C2.7646875,7.605 7.605,2.7646875 13.5541406,2.7646875 C19.5032813,2.7646875 24.3435938,7.605 24.3435938,13.5541406 L24.3435938,32.5258594 Z' id='Shape'%3E%3C/path%3E%3Cpath d='M13.5544922,9.16664058 C12.7908985,9.16664058 12.1721485,9.78539058 12.1721485,10.5489844 L12.1721485,16.9115625 C12.1721485,17.6748047 12.7908985,18.2939063 13.5544922,18.2939063 C14.3177344,18.2939063 14.936836,17.6748047 14.936836,16.9115625 L14.936836,10.5489844 C14.936836,9.78539058 14.318086,9.16664058 13.5544922,9.16664058 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  transform: rotate(90deg);
  position: absolute;
  left: -60px;
  top: -14px
}

.home__scroll-right-link::after {
  content: url("data:image/svg+xml,%3Csvg width='23px' height='14px' viewBox='0 0 23 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Home' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cg id='Home-2---Desktop-HD' transform='translate(-1375.000000, -710.000000)' stroke='%23000000' stroke-width='2'%3E%3Cg id='Group-14' transform='translate(1369.000000, 490.000000)'%3E%3Cg id='Group-5' transform='translate(8.000000, 222.000000)'%3E%3Cline x1='0.25' y1='0.25' x2='9.75' y2='9.75' id='Line-3'%3E%3C/line%3E%3Cline x1='10' y1='0.25' x2='19.5' y2='9.75' id='Line-3' transform='translate(14.750000, 5.000000) scale(-1, 1) translate(-14.750000, -5.000000) '%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  left: -98px;
  top: 0;
  transition: all ease-out .5s;
  animation-name: moveABit;
  animation-duration: 8s;
  animation-delay: 2s;
  animation-iteration-count: infinite
}

.home__scroll-down-link:hover,
.home__scroll-right-link:hover {
  color: #ffcf5c
}

.home__scroll-right-link:hover::after {
  left: -105px
}

.home__scroll-down {
  text-align: center;
  margin-top: 120px
}

.home__scroll-down-link {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #fff;
  position: relative
}

.home__scroll-down-link::before {
  content: "";
  position: absolute;
  border-bottom: 2px solid #ffcf5c;
  border-right: 2px solid #ffcf5c;
  transform: rotate(45deg);
  width: 30px;
  height: 30px;
  top: -60px;
  left: 4px;
  transition: all ease-out .5s
}

.home__scroll-down-link:hover::before {
  top: -50px
}

.country__reports ul {
  list-style: none;
  margin-top: 0;
  padding: 0
}

.country__reports li,
.newedition li {
  margin-bottom: 10px
}

.country__reports .home__h5 {
  font-family: "EC Square Sans Pro Bold";
  font-size: 1.7rem
}

.country__reports.home__section,
.linkages-list li a {
  background-color: #fff;
  padding: 0 56px 70px 40px
}

@media (min-width:992px) {
  .country__reports.home__section {
    background-color: #fff;
    padding: 0 115px 70px
  }
}

.country__reports .home__2col {
  display: block
}

@media (min-width:1024px) {
  .country__reports .home__2col {
    display: flex
  }
}

#circle-azul,
#circle-cyan,
#circle-green,
#circle-red,
#circle-red2,
#circle-yellow {
  animation-name: circle-cyan;
  animation-iteration-count: infinite;
  animation-duration: 11s;
  animation-timing-function: ease-in-out
}

#circle-azul,
#circle-green,
#circle-red,
#circle-red2,
#circle-yellow {
  animation-name: circle-green;
  animation-delay: 1s
}

#circle-azul,
#circle-red,
#circle-red2,
#circle-yellow {
  animation-name: circle-red;
  animation-delay: 2s
}

#circle-azul,
#circle-red2,
#circle-yellow {
  animation-name: circle-azul;
  animation-delay: 3s
}

#circle-red2,
#circle-yellow {
  animation-name: circle-green;
  animation-delay: 4s
}

#circle-red2 {
  animation-name: circle-red2;
  animation-delay: 5s
}

.js-reveal.js-will-be-animated,
.js-svg.js-will-be-animated,
.js-will-be-animated {
  opacity: 0
}

.animated,
.js-will-be-animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.fade-in-up.js-animate,
.js-reveal.js-animate {
  animation-name: fadeInUp
}

.fade-in-right.js-animate {
  animation-name: fadeInRight
}

.fade-in.js-animate {
  animation-name: fadeIn
}

.fade-out.js-animate {
  animation-name: fadeOut
}

.fade-in-left.js-animate,
.js-svg.js-animate {
  animation-name: fadeInLeft
}

.accordion-container .ac {
  margin-top: 1.5rem;
  padding: 0;
  border: 0;
  border-bottom: 3px solid #777;
  background: #3eb396;
  position: relative
}

.accordion-container .ac--2 {
  background-color: #52bdc0;
  border-bottom-color: #a5a5a5
}

.accordion-container .ac--3 {
  background-color: #9bbdeb;
  border-bottom-color: #a5a5a5
}

.accordion-container .ac .ac-q {
  font-family: "EC Square Sans Pro";
  font-size: 1.625rem;
  line-height: 2rem;
  letter-spacing: 0;
  text-transform: none;
  padding-right: 45px;
  padding-left: 20px
}

.accordion-container .ac .ac-q--1,
.accordion-container .ac .ac-q--2,
.accordion-container .ac .ac-q--3 {
  color: #fff
}

.h3--1 {
  color: #3eb396
}

.h3--2 {
  color: #52bdc0
}

.h3--3 {
  color: #9bbdeb
}

.accordion-container .ac .ac-q::after {
  right: 15px
}

.accordion-container .ac .ac-a {
  padding-right: 30px;
  font-family: "EC Square Sans Pro";
  font-size: 1.3125rem;
  line-height: 1.75rem;
  background-color: #fff
}

.accordion-container .ac ul {
  padding-inline-start: 50px;
  list-style-position: outside
}

.accordion-container .ac li {
  margin-bottom: 1.5rem
}

.accordion-container h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.5rem
}

.accordion-container .ac-q-inner {
  pointer-events: none;
  display: flex
}

.accordion-container .ac-number {
  min-width: 50px
}

.title__ac {
  line-height: 2.625rem
}

.compass {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.compass-bg {
  opacity: .35
}

.compass-needle {
  position: absolute;
  animation-name: compass;
  animation-iteration-count: infinite;
  animation-duration: 15s;
  animation-timing-function: ease-in-out;
  opacity: .35;
  margin-top: 2vw;
  width: 9vw;
  max-width: 140px;
  min-width: 93px
}

.main .newedition {
  list-style-position: outside;
  padding-left: 1em
}

#chapter2 .wtattribution {
  background-color: #6bbdbd;
  padding-left: 10px
}

ul.linkages-list {
  list-style: none;
  text-align: left;
  margin-left: 0;
  padding-left: 0
}

.linkages-list li a {
  padding: 10px 10px 10px 15px;
  margin-bottom: 20px;
  border-left: 10px solid #044da1;
  text-decoration: none
}

.linkages-list a {
  color: #044da1;
  display: block
}

.linkages-list a:hover {
  background-color: #f1f1f1
}

.link-origin {
  text-transform: uppercase;
  font-size: .75rem;
  display: block;
  letter-spacing: 1.2px;
  line-height: 12px
}

.download {
  font-family: "EC Square Sans Pro Medium";
  font-size: 1.25rem;
  line-height: 2rem;
  display: block;
  transition: transform ease-out .5s;
  position: relative
}

.download::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 16 19' version='1.1'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-777.000000, -7068.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cg transform='translate(-15.000000, 6917.000000)'%3E%3Cpath d='M800 165L807.4 157.6 803.2 157.6 803.2 151.3 796.8 151.3 796.8 157.6 792.6 157.6 800 165ZM807.4 169.3L807.4 167.1 792.6 167.1 792.6 169.3 807.4 169.3Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  margin-right: 5px;
  position: relative;
  transform: translateY(0);
  transition: all ease-out .5s
}

.download,
.download:hover {
  color: #25313a
}

.download:hover:before {
  transform: translateY(5px)
}