/* line 5, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 1, ../sass/_reset.scss */
* {
  text-decoration: none;
}

/* line 4, ../sass/_reset.scss */
address, article, aside, blockquote, center, dir, div, dd, details, dl, dt, fieldset, figcaption, figure, form, footer, frameset, h1, h2, h3, h4, h5, h6, hr, header, hgroup, isindex, main, menu, nav, noframes, noscript, ol, p, pre, section, summary, ul,
li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 9, ../sass/_reset.scss */
a {
  outline: none;
  border-color: transparent;
  -moz-transition: color 0.2s, background-color 0.2s;
  -o-transition: color 0.2s, background-color 0.2s;
  -webkit-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 14, ../sass/_reset.scss */
a:hover {
  -moz-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

/* line 18, ../sass/_reset.scss */
.touch * {
  -webkit-tap-highlight-color: transparent;
}

/* line 21, ../sass/_reset.scss */
input::-ms-clear {
  display: none;
}

@font-face {
  font-family: "fontastical";
  src: url("../fonts/fontastic/fontastical.eot");
  src: url("../fonts/fontastic/fontastical.eot?#iefix") format("embedded-opentype"), url("../fonts/fontastic/fontastical.woff") format("woff"), url("../fonts/fontastic/fontastical.ttf") format("truetype"), url("../fonts/fontastic/fontastical.svg#fontastic") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Typography placeholders */
/* line 15, ../sass/_typography.scss */
.icon-font:before, .icon-font-after:after {
  speak: none;
  font-family: "fontastical" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 26, ../sass/_typography.scss */
.icon-font:before {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  color: currentColor;
}

/* line 33, ../sass/_typography.scss */
.icon-font-after:after {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  color: currentColor;
}

/* line 40, ../sass/_typography.scss */
.icon-arrow-left:before {
  content: "a";
}

/* line 43, ../sass/_typography.scss */
.icon-down-open:before {
  content: "b";
}

/* line 46, ../sass/_typography.scss */
.icon-info-circled:before {
  content: "d";
}

/* line 49, ../sass/_typography.scss */
.icon-cancel:before {
  content: "e";
}

/* line 52, ../sass/_typography.scss */
.icon-external-link--after:after {
  content: "c";
}

/* line 6, ../sass/templates/_inequality.scss */
body.map-is-open {
  overflow: visible;
  background-color: #F9C4CA;
}

/* line 10, ../sass/templates/_inequality.scss */
.l-page-container {
  width: 100%;
  height: 100vh;
  background-color: #fff;
}
/* line 14, ../sass/templates/_inequality.scss */
.map-is-open .l-page-container {
  visibility: hidden;
  -moz-transition: visibility 0.1s 0.5s;
  -o-transition: visibility 0.1s 0.5s;
  -webkit-transition: visibility 0.1s;
  -webkit-transition-delay: 0.5s;
  transition: visibility 0.1s 0.5s;
}
@media (min-width: 960px) {
  /* line 14, ../sass/templates/_inequality.scss */
  .map-is-open .l-page-container {
    visibility: visible;
  }
}

/* line 22, ../sass/templates/_inequality.scss */
.population-section {
  position: relative;
  width: 100%;
  height: 25vh;
  display: inline-block;
  overflow: visible;
  float: left;
  font-family: Arial;
  font-size: 0px;
  color: #333;
  text-align: center;
  -moz-transition: width 1.6s 0.5s ease-in, height 1.6s 0.5s ease-in;
  -o-transition: width 1.6s 0.5s ease-in, height 1.6s 0.5s ease-in;
  -webkit-transition: width 1.6s 0.5s ease-in, height 1.6s 0.5s ease-in;
  transition: width 1.6s 0.5s ease-in, height 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 22, ../sass/templates/_inequality.scss */
  .population-section {
    width: 50%;
    height: 50vh;
  }
}
/* line 38, ../sass/templates/_inequality.scss */
.population-section .vertical-centre {
  overflow: visible;
}
/* line 42, ../sass/templates/_inequality.scss */
.population-section .graph-section-content {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: visible;
}
/* line 48, ../sass/templates/_inequality.scss */
.population-section .worth-range {
  position: absolute;
  top: 25.5vh;
  width: 100%;
  display: block;
  font-size: 2.25vh;
  font-weight: 900;
  font-family: "Lato", sans-serif;
  opacity: 1;
}
/* line 57, ../sass/templates/_inequality.scss */
.default.default--positioned .population-section .worth-range {
  position: absolute;
  top: 12.7vh;
  font-size: 2vh;
  width: 100%;
  display: block;
  font-weight: 900;
  font-family: "Lato", sans-serif;
  text-align: center;
  opacity: 1;
}
@media (min-width: 960px) {
  /* line 57, ../sass/templates/_inequality.scss */
  .default.default--positioned .population-section .worth-range {
    top: 25.5vh;
    font-size: 2.25vh;
  }
}
/* line 72, ../sass/templates/_inequality.scss */
.default .population-section .worth-range, .net-worth-graph .population-section .worth-range, .world-wealth-graph .population-section .worth-range, .back--net-worth-graph .population-section .worth-range {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.3s 0.15s;
  -o-transition: opacity 0.3s 0.15s;
  -webkit-transition: opacity 0.3s;
  -webkit-transition-delay: 0.15s;
  transition: opacity 0.3s 0.15s;
}
/* line 80, ../sass/templates/_inequality.scss */
.population-section h2 {
  position: absolute;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
/* line 89, ../sass/templates/_inequality.scss */
.default--positioned.default .population-section .worth-range {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* line 95, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section .worth-range {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* line 99, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section h2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: opacity 0.3s 0.15s, -moz-transform 0.3s 0.15s;
  -o-transition: opacity 0.3s 0.15s, -o-transform 0.3s 0.15s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0.15s, 0.15s;
  transition: opacity 0.3s 0.15s, transform 0.3s 0.15s;
}
/* line 106, ../sass/templates/_inequality.scss */
.world-wealth-graph--positioned.world-wealth-graph .population-section .worth-range {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* line 110, ../sass/templates/_inequality.scss */
.world-wealth-graph--positioned.world-wealth-graph .population-section h2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: opacity 0.3s 0.15s, -moz-transform 0.3s 0.15s;
  -o-transition: opacity 0.3s 0.15s, -o-transform 0.3s 0.15s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0.15s, 0.15s;
  transition: opacity 0.3s 0.15s, transform 0.3s 0.15s;
}

@-webkit-keyframes smoking {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    transform: translateX(-1vh) translateY(-1vh);
    opacity: 0;
  }
}
@keyframes smoking {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    transform: translateX(-1vh) translateY(-1vh);
    opacity: 0;
  }
}
/* line 127, ../sass/templates/_inequality.scss */
.population-section--four {
  background-color: #a8777d;
}
/* line 130, ../sass/templates/_inequality.scss */
.default .population-section--four .graph-section-content {
  top: calc(50% - 7vh);
  -moz-transition: top 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 130, ../sass/templates/_inequality.scss */
  .default .population-section--four .graph-section-content {
    top: calc(50% - 15vh);
  }
}
/* line 137, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--four .graph-section-content, .back--net-worth-graph .population-section--four .graph-section-content {
  top: calc(50% - 3vh);
  -moz-transition: left 1.6s 0.5s ease-in, top 1.6s 0.5s ease-in;
  -o-transition: left 1.6s 0.5s ease-in, top 1.6s 0.5s ease-in;
  -webkit-transition: left 1.6s 0.5s ease-in, top 1.6s 0.5s ease-in;
  transition: left 1.6s 0.5s ease-in, top 1.6s 0.5s ease-in;
}
/* line 142, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--four .graph-section-content {
  top: calc(50% - 14vh);
  -moz-transition: top 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 142, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--four .graph-section-content {
    top: calc(50% - 21vh);
  }
}
/* line 150, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--four, .back--net-worth-graph .population-section--four {
  width: 100%;
  height: 0.7vh;
}
@media (min-width: 960px) {
  /* line 150, ../sass/templates/_inequality.scss */
  .net-worth-graph .population-section--four, .back--net-worth-graph .population-section--four {
    width: 8.139534883721%;
    height: 8.6vh;
  }
}
/* line 159, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--four {
  width: 100%;
  height: 44vh;
}
@media (min-width: 960px) {
  /* line 159, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--four {
    width: 51.58264947245%;
    height: 85.3vh;
  }
}
/* line 167, ../sass/templates/_inequality.scss */
.population-section--four .svg-cigar-smoke {
  position: absolute;
  top: 4.9vh;
  left: calc(50% - 16.3vh);
  height: 9vh;
  overflow: visible;
}
@media (min-width: 960px) {
  /* line 167, ../sass/templates/_inequality.scss */
  .population-section--four .svg-cigar-smoke {
    top: 7.9vh;
    left: calc(50% - 20.8vh);
    height: 12vh;
  }
}
/* line 178, ../sass/templates/_inequality.scss */
.population-section--four .svg-cigar-smoke #Cloud_1, .population-section--four .svg-cigar-smoke #Cloud_2, .population-section--four .svg-cigar-smoke #Cloud_3 {
  opacity: 0;
}
/* line 182, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--four .svg-cigar-smoke #Cloud_1 {
  -webkit-animation: smoking 1.2s ease-in infinite;
  animation: smoking 1.2s ease-in infinite;
}
/* line 186, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--four .svg-cigar-smoke #Cloud_2 {
  -webkit-animation: smoking 1.2s 0.2s ease-in infinite;
  animation: smoking 1.2s 0.2s ease-in infinite;
}
/* line 190, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--four .svg-cigar-smoke #Cloud_3 {
  -webkit-animation: smoking 1.2s 0.4s ease-in infinite;
  animation: smoking 1.2s 0.4s ease-in infinite;
}
/* line 197, ../sass/templates/_inequality.scss */
.default .population-section--four .greedy-pig {
  position: relative;
  height: 11vh;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 197, ../sass/templates/_inequality.scss */
  .default .population-section--four .greedy-pig {
    height: 21.6vh;
  }
}
/* line 205, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--four .greedy-pig, .back--net-worth-graph .population-section--four .greedy-pig {
  height: 0;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
/* line 210, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--four .greedy-pig {
  height: 18.4vh;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 210, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--four .greedy-pig {
    height: 24.4vh;
  }
}
/* line 218, ../sass/templates/_inequality.scss */
.population-section--four .worth-range,
.population-section--four h2 {
  color: #fad3d7;
}
/* line 225, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section--four .worth-range, .world-wealth-graph .population-section--four .worth-range, .default .population-section--four .worth-range {
  top: 0;
  margin-top: 0;
  font-size: 0;
}
@media (min-width: 960px) {
  /* line 225, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned.net-worth-graph .population-section--four .worth-range, .world-wealth-graph .population-section--four .worth-range, .default .population-section--four .worth-range {
    font-size: 2.1vh;
  }
}
/* line 233, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section--four h2, .world-wealth-graph .population-section--four h2, .default .population-section--four h2 {
  top: 2.3vh;
  width: 100%;
  font-size: 0;
}
@media (min-width: 960px) {
  /* line 233, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned.net-worth-graph .population-section--four h2, .world-wealth-graph .population-section--four h2, .default .population-section--four h2 {
    font-size: 3.3vh;
  }
}
/* line 244, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--four .worth-range, .back--net-worth-graph .population-section--four .worth-range {
  top: 21.7vh;
  margin-top: 0px;
  font-size: 1.8vh;
}
@media (min-width: 960px) {
  /* line 244, ../sass/templates/_inequality.scss */
  .world-wealth-graph.world-wealth-graph--positioned .population-section--four .worth-range, .back--net-worth-graph .population-section--four .worth-range {
    font-size: 2.3vh;
    top: 28.1vh;
  }
}
/* line 253, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--four h2, .back--net-worth-graph .population-section--four h2 {
  top: 23.8vh;
  width: 100%;
  font-size: 7vh;
}
@media (min-width: 960px) {
  /* line 253, ../sass/templates/_inequality.scss */
  .world-wealth-graph.world-wealth-graph--positioned .population-section--four h2, .back--net-worth-graph .population-section--four h2 {
    top: 30.8vh;
    width: 100%;
    font-size: 8vh;
  }
}

/* line 265, ../sass/templates/_inequality.scss */
.population-section--three {
  background-color: #c79399;
}
/* line 268, ../sass/templates/_inequality.scss */
.default .population-section--three .graph-section-content {
  top: calc(50% - 7vh);
  -moz-transition: top 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 268, ../sass/templates/_inequality.scss */
  .default .population-section--three .graph-section-content {
    top: calc(50% - 15vh);
  }
}
/* line 275, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--three .graph-section-content, .back--net-worth-graph .population-section--three .graph-section-content {
  top: calc(50% - 3.5vh);
  -moz-transition: top 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in;
}
/* line 280, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--three .graph-section-content {
  top: calc(50% - 13vh);
  -moz-transition: top 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 280, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--three .graph-section-content {
    top: calc(50% - 20vh);
  }
}
/* line 288, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--three, .back--net-worth-graph .population-section--three {
  width: 100%;
  height: 7.9vh;
}
@media (min-width: 960px) {
  /* line 288, ../sass/templates/_inequality.scss */
  .net-worth-graph .population-section--three, .back--net-worth-graph .population-section--three {
    width: 91.860465116279%;
    height: 8.6vh;
  }
}
/* line 297, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--three {
  width: 100%;
  height: 41.3vh;
}
@media (min-width: 960px) {
  /* line 297, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--three {
    width: 48.41735052755%;
    height: 85.3vh;
  }
}
/* line 306, ../sass/templates/_inequality.scss */
.default .population-section--three .greedy-pig {
  position: relative;
  height: 11vh;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 306, ../sass/templates/_inequality.scss */
  .default .population-section--three .greedy-pig {
    height: 21.6vh;
  }
}
/* line 314, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--three .greedy-pig, .back--net-worth-graph .population-section--three .greedy-pig {
  height: 7vh;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
/* line 319, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--three .greedy-pig {
  height: 16.6vh;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 319, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--three .greedy-pig {
    height: 21.6vh;
  }
}
/* line 327, ../sass/templates/_inequality.scss */
.population-section--three .worth-range {
  color: #f9c4ca;
}
/* line 330, ../sass/templates/_inequality.scss */
.population-section--three h2 {
  color: #FAD3D7;
}
/* line 335, ../sass/templates/_inequality.scss */
.default.default--positioned .population-section--three .worth-range, .net-worth-graph .population-section--three .worth-range {
  left: 0;
  margin-top: 0;
}
@media (min-width: 960px) {
  /* line 335, ../sass/templates/_inequality.scss */
  .default.default--positioned .population-section--three .worth-range, .net-worth-graph .population-section--three .worth-range {
    top: 22.7vh;
    font-size: 2.25vh;
  }
}
/* line 347, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section--three .worth-range, .world-wealth-graph .population-section--three .worth-range, .default .population-section--three .worth-range {
  position: absolute;
  top: 2.7vh;
  left: calc(50% + 5vh);
  width: auto;
  font-size: 1.7vh;
  display: block;
  text-align: left;
}
@media (min-width: 960px) {
  /* line 347, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned.net-worth-graph .population-section--three .worth-range, .world-wealth-graph .population-section--three .worth-range, .default .population-section--three .worth-range {
    left: calc(50% + 5.2vh);
    font-size: 2.3vh;
  }
}
/* line 360, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section--three h2, .world-wealth-graph .population-section--three h2, .default .population-section--three h2 {
  top: 0px;
  left: calc(50% + 16.7vh);
  font-size: 2.9vh;
  margin-top: 1.6vh;
}
@media (min-width: 960px) {
  /* line 360, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned.net-worth-graph .population-section--three h2, .world-wealth-graph .population-section--three h2, .default .population-section--three h2 {
    left: calc(50% + 21.9vh);
    margin-top: 0.7vh;
    font-size: 4.4vh;
  }
}
/* line 374, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--three .worth-range, .back--net-worth-graph .population-section--three .worth-range {
  position: absolute;
  top: 17.5vh;
  left: calc(50% - 6.3vh);
  width: auto;
  margin-top: 2.5vh;
  text-align: left;
  font-size: 1.8vh;
}
@media (min-width: 960px) {
  /* line 374, ../sass/templates/_inequality.scss */
  .world-wealth-graph.world-wealth-graph--positioned .population-section--three .worth-range, .back--net-worth-graph .population-section--three .worth-range {
    top: 23.2vh;
    font-size: 2.3vh;
  }
}
/* line 387, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--three h2, .back--net-worth-graph .population-section--three h2 {
  top: 21.4vh;
  left: calc(50% - 9.4vh);
  margin-top: 0.7vh;
  font-size: 6vh;
}
@media (min-width: 960px) {
  /* line 387, ../sass/templates/_inequality.scss */
  .world-wealth-graph.world-wealth-graph--positioned .population-section--three h2, .back--net-worth-graph .population-section--three h2 {
    top: 27.8vh;
    left: calc(50% - 9.4vh);
    font-size: 7.8vh;
  }
}

/* line 400, ../sass/templates/_inequality.scss */
.population-section--two {
  background-color: #e1a9b0;
}
/* line 403, ../sass/templates/_inequality.scss */
.default .population-section--two .graph-section-content {
  top: calc(50% - 7.4vh);
  -moz-transition: top 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 403, ../sass/templates/_inequality.scss */
  .default .population-section--two .graph-section-content {
    top: calc(50% - 15.4vh);
  }
}
/* line 410, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--two .graph-section-content, .back--net-worth-graph .population-section--two .graph-section-content {
  top: calc(50% - 8vh);
  -moz-transition: top 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 410, ../sass/templates/_inequality.scss */
  .net-worth-graph .population-section--two .graph-section-content, .back--net-worth-graph .population-section--two .graph-section-content {
    top: calc(50% - 15vh);
  }
}
/* line 418, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--two .graph-section-content {
  top: calc(50% - 4.4vh);
  -moz-transition: top 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 418, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--two .graph-section-content {
    top: calc(50% - 5.8vh);
  }
}
/* line 426, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--two, .back--net-worth-graph .population-section--two {
  width: 100%;
  height: 21.5vh;
}
@media (min-width: 960px) {
  /* line 426, ../sass/templates/_inequality.scss */
  .net-worth-graph .population-section--two, .back--net-worth-graph .population-section--two {
    width: 23.54874041621%;
    height: 91.3vh;
  }
}
/* line 435, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--two {
  width: 100%;
  height: 11.8vh;
}
@media (min-width: 960px) {
  /* line 435, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--two {
    width: 80.272108843537%;
    height: 14.7vh;
  }
}
/* line 443, ../sass/templates/_inequality.scss */
.population-section--two .graph-section-content {
  position: relative;
  overflow: visible;
}
/* line 448, ../sass/templates/_inequality.scss */
.default .population-section--two .greedy-pig {
  position: relative;
  height: 11vh;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 448, ../sass/templates/_inequality.scss */
  .default .population-section--two .greedy-pig {
    height: 25.3vh;
  }
}
/* line 456, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--two .greedy-pig, .back--net-worth-graph .population-section--two .greedy-pig {
  height: 10vh;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 456, ../sass/templates/_inequality.scss */
  .net-worth-graph .population-section--two .greedy-pig, .back--net-worth-graph .population-section--two .greedy-pig {
    height: 20vh;
  }
}
/* line 464, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--two .greedy-pig {
  height: 8.4vh;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 464, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--two .greedy-pig {
    height: 10.2vh;
  }
}
/* line 472, ../sass/templates/_inequality.scss */
.population-section--two .worth-range {
  color: #a8777d;
}
/* line 475, ../sass/templates/_inequality.scss */
.population-section--two h2 {
  color: #a8777d;
}
/* line 480, ../sass/templates/_inequality.scss */
.default.default--positioned .population-section--two h2, .net-worth-graph .population-section--two h2 {
  position: relative;
  top: 5.3vh;
  width: 100%;
  font-size: 5.6vh;
}
@media (min-width: 960px) {
  /* line 486, ../sass/templates/_inequality.scss */
  .default.default--positioned .population-section--two .worth-range, .net-worth-graph .population-section--two .worth-range {
    top: 28.2vh;
    font-size: 2.25vh;
  }
}
/* line 496, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section--two .worth-range, .world-wealth-graph .population-section--two .worth-range, .default .population-section--two .worth-range {
  position: relative;
  top: 1.7vh;
  font-size: 1.6vh;
}
@media (min-width: 960px) {
  /* line 496, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned.net-worth-graph .population-section--two .worth-range, .world-wealth-graph .population-section--two .worth-range, .default .population-section--two .worth-range {
    top: 4.3vh;
    font-size: 2.3vh;
  }
}
/* line 505, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section--two h2, .world-wealth-graph .population-section--two h2, .default .population-section--two h2 {
  position: relative;
  top: 2vh;
  width: 100%;
  font-size: 3.2vh;
}
@media (min-width: 960px) {
  /* line 505, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned.net-worth-graph .population-section--two h2, .world-wealth-graph .population-section--two h2, .default .population-section--two h2 {
    top: 5.3vh;
    font-size: 5.6vh;
  }
}
/* line 518, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--two .worth-range, .back--net-worth-graph .population-section--two .worth-range {
  position: absolute;
  top: 3.8vh;
  left: calc(50% + 5.7vh);
  width: auto;
  font-size: 1.8vh;
}
@media (min-width: 960px) {
  /* line 518, ../sass/templates/_inequality.scss */
  .world-wealth-graph.world-wealth-graph--positioned .population-section--two .worth-range, .back--net-worth-graph .population-section--two .worth-range {
    top: 4.6vh;
    left: calc(50% + 7.2vh);
    font-size: 2.3vh;
  }
}
/* line 530, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--two h2, .back--net-worth-graph .population-section--two h2 {
  position: absolute;
  top: 2.1vh;
  left: calc(50% + 19.2vh);
  width: auto;
  font-size: 3.8vh;
}
@media (min-width: 960px) {
  /* line 530, ../sass/templates/_inequality.scss */
  .world-wealth-graph.world-wealth-graph--positioned .population-section--two h2, .back--net-worth-graph .population-section--two h2 {
    top: 2.2vh;
    left: calc(50% + 24.4vh);
    font-size: 5.3vh;
  }
}

/* line 544, ../sass/templates/_inequality.scss */
.population-section--one {
  background-color: #f9c4ca;
  color: #c49096;
}
/* line 548, ../sass/templates/_inequality.scss */
.default .population-section--one .graph-section-content {
  top: calc(50% - 7vh);
  -moz-transition: top 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 548, ../sass/templates/_inequality.scss */
  .default .population-section--one .graph-section-content {
    top: calc(50% - 14.1vh);
  }
}
/* line 555, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--one .graph-section-content, .back--net-worth-graph .population-section--one .graph-section-content {
  top: calc(50% - 21.8vh);
  left: 0;
  -moz-transition: top 1.6s 0.5s ease-in, left 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in, left 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in, left 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in, left 1.6s 0.5s ease-in;
}
/* line 561, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--one .graph-section-content {
  top: 110%;
  left: 0;
  -moz-transition: top 1.6s 0.5s ease-in, left 1.6s 0.5s ease-in;
  -o-transition: top 1.6s 0.5s ease-in, left 1.6s 0.5s ease-in;
  -webkit-transition: top 1.6s 0.5s ease-in, left 1.6s 0.5s ease-in;
  transition: top 1.6s 0.5s ease-in, left 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 561, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--one .graph-section-content {
    top: calc(50% - 3.4vh);
    left: -25%;
  }
}
/* line 571, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--one, .back--net-worth-graph .population-section--one {
  width: 100%;
  height: 69.8vh;
}
@media (min-width: 960px) {
  /* line 571, ../sass/templates/_inequality.scss */
  .net-worth-graph .population-section--one, .back--net-worth-graph .population-section--one {
    width: 76.45125958379%;
    height: 91.3vh;
  }
}
/* line 580, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--one {
  width: 100%;
  height: 2.9vh;
}
@media (min-width: 960px) {
  /* line 580, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--one {
    width: 19.727891156463%;
    height: 14.7vh;
  }
}
/* line 589, ../sass/templates/_inequality.scss */
.default .population-section--one .greedy-pig {
  position: relative;
  height: 11vh;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 589, ../sass/templates/_inequality.scss */
  .default .population-section--one .greedy-pig {
    height: 22.1vh;
  }
}
/* line 597, ../sass/templates/_inequality.scss */
.net-worth-graph .population-section--one .greedy-pig, .back--net-worth-graph .population-section--one .greedy-pig {
  height: 22.1vh;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
/* line 602, ../sass/templates/_inequality.scss */
.world-wealth-graph .population-section--one .greedy-pig {
  height: 0;
  -moz-transition: height 1.6s 0.5s ease-in;
  -o-transition: height 1.6s 0.5s ease-in;
  -webkit-transition: height 1.6s 0.5s ease-in;
  transition: height 1.6s 0.5s ease-in;
}
@media (min-width: 960px) {
  /* line 602, ../sass/templates/_inequality.scss */
  .world-wealth-graph .population-section--one .greedy-pig {
    height: 8vh;
  }
}
/* line 610, ../sass/templates/_inequality.scss */
.population-section--one .worth-range,
.population-section--one h2 {
  color: #c49096;
}
/* line 616, ../sass/templates/_inequality.scss */
.default.default--positioned .population-section--one h2, .net-worth-graph .population-section--one h2 {
  position: relative;
  top: 7.2vh;
  width: 100%;
  font-size: 7.5vh;
}
@media (min-width: 960px) {
  /* line 622, ../sass/templates/_inequality.scss */
  .default.default--positioned .population-section--one .worth-range, .net-worth-graph .population-section--one .worth-range {
    top: 26.7vh;
    left: 0;
    font-size: 2.25vh;
  }
}
/* line 629, ../sass/templates/_inequality.scss */
.default.default--positioned .population-section--one .pig-coin, .net-worth-graph .population-section--one .pig-coin {
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -moz-transition: -moz-transform 0.35s ease-in;
  -o-transition: -o-transform 0.35s ease-in;
  -webkit-transition: -webkit-transform 0.35s ease-in;
  transition: transform 0.35s ease-in;
}
/* line 637, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section--one .worth-range, .world-wealth-graph .population-section--one .worth-range, .default .population-section--one .worth-range {
  top: 26.3vh;
}
/* line 640, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section--one h2, .world-wealth-graph .population-section--one h2, .default .population-section--one h2 {
  position: relative;
  top: 7.2vh;
  width: 100%;
  font-size: 7.5vh;
}
/* line 646, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .population-section--one .pig-coin, .world-wealth-graph .population-section--one .pig-coin, .default .population-section--one .pig-coin {
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: -moz-transform 0.35s ease-in 1.1s;
  -o-transition: -o-transform 0.35s ease-in 1.1s;
  -webkit-transition: -webkit-transform 0.35s ease-in;
  -webkit-transition-delay: 1.1s;
  transition: transform 0.35s ease-in 1.1s;
}
/* line 653, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--one .worth-range, .back--net-worth-graph .population-section--one .worth-range {
  font-size: 0;
}
@media (min-width: 960px) {
  /* line 653, ../sass/templates/_inequality.scss */
  .world-wealth-graph.world-wealth-graph--positioned .population-section--one .worth-range, .back--net-worth-graph .population-section--one .worth-range {
    top: 0.7vh;
    left: 9vh;
    font-size: 2.1vh;
  }
}
/* line 661, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--one h2, .back--net-worth-graph .population-section--one h2 {
  font-size: 0;
}
@media (min-width: 960px) {
  /* line 661, ../sass/templates/_inequality.scss */
  .world-wealth-graph.world-wealth-graph--positioned .population-section--one h2, .back--net-worth-graph .population-section--one h2 {
    position: absolute;
    top: 3vh;
    left: 10.1vh;
    width: 100%;
    font-size: 4.1vh;
  }
}
/* line 671, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .population-section--one .pig-coin, .back--net-worth-graph .population-section--one .pig-coin {
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -moz-transition: -moz-transform 0.35s ease-in;
  -o-transition: -o-transform 0.35s ease-in;
  -webkit-transition: -webkit-transform 0.35s ease-in;
  transition: transform 0.35s ease-in;
}

/* line 677, ../sass/templates/_inequality.scss */
#coin-audio {
  display: none;
}

@keyframes modal-in {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
@-webkit-keyframes modal-in {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
/* line 688, ../sass/templates/_inequality.scss */
.graph-content {
  display: none;
  overflow: visible;
}
/* line 691, ../sass/templates/_inequality.scss */
.modal-content .graph-content {
  display: block;
}

/* line 695, ../sass/templates/_inequality.scss */
.site-title {
  width: 100px;
  height: 80px;
  margin: -68px auto 17px;
  display: block;
  text-indent: -999em;
  text-align: left;
  background: url(../images/Hog_Logo@2x.png) no-repeat;
  background-size: 100% 100%;
}
@media (min-width: 374px) {
  /* line 695, ../sass/templates/_inequality.scss */
  .site-title {
    width: 164px;
    height: 123px;
    margin-top: -72px;
    margin-bottom: 34px;
  }
}

/* line 711, ../sass/templates/_inequality.scss */
.centre-modal {
  position: fixed;
  width: 300px;
  height: 310px;
  padding: 35px 32px 30px;
  z-index: 100;
  overflow: visible;
  color: #f4e2e4;
  font-weight: 400;
  background-color: rgba(141, 98, 103, 0.9);
  border-radius: 16px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -moz-transition: opacity 0.2s ease-out, -moz-transform 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out, -o-transform 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
@media (min-width: 374px) {
  /* line 711, ../sass/templates/_inequality.scss */
  .centre-modal {
    width: 326px;
    height: 447px;
  }
}
@media (min-width: 960px) {
  /* line 711, ../sass/templates/_inequality.scss */
  .centre-modal {
    background-color: rgba(141, 98, 103, 0.8);
  }
}
/* line 732, ../sass/templates/_inequality.scss */
.centre-modal .modal-content {
  overflow: visible;
}
/* line 735, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned .centre-modal {
  height: 350px;
}
@media (min-width: 374px) {
  /* line 735, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned .centre-modal {
    height: 463px;
  }
}
/* line 741, ../sass/templates/_inequality.scss */
.world-wealth-graph--positioned .centre-modal {
  height: 350px;
}
@media (min-width: 374px) {
  /* line 741, ../sass/templates/_inequality.scss */
  .world-wealth-graph--positioned .centre-modal {
    height: 434px;
  }
}
/* line 747, ../sass/templates/_inequality.scss */
.centre-modal .social-facts {
  margin: 18px auto 0;
  padding-bottom: 10px;
  text-align: center;
  width: 209px;
}
/* line 752, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned .centre-modal .social-facts {
  display: none;
}
@media (min-width: 374px) {
  /* line 752, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned .centre-modal .social-facts {
    display: block;
  }
}
/* line 759, ../sass/templates/_inequality.scss */
.centre-modal .social-icon {
  position: relative;
  left: -5px;
}
/* line 762, ../sass/templates/_inequality.scss */
.centre-modal .social-icon path {
  fill: #e0c9cc;
  -moz-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s;
}
/* line 767, ../sass/templates/_inequality.scss */
.centre-modal .social-icon:hover path {
  fill: #fff;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
/* line 773, ../sass/templates/_inequality.scss */
.default.default--positioned .centre-modal, .world-wealth-graph.world-wealth-graph--positioned .centre-modal {
  top: 45px;
  left: 50%;
  margin-left: -150px;
}
@media (min-width: 374px) {
  /* line 773, ../sass/templates/_inequality.scss */
  .default.default--positioned .centre-modal, .world-wealth-graph.world-wealth-graph--positioned .centre-modal {
    top: calc(50% - 215px);
    margin-left: -167px;
  }
}
/* line 783, ../sass/templates/_inequality.scss */
.world-wealth-graph.world-wealth-graph--positioned .centre-modal {
  top: 10px;
  margin-left: -150px;
}
@media (min-width: 374px) {
  /* line 783, ../sass/templates/_inequality.scss */
  .world-wealth-graph.world-wealth-graph--positioned .centre-modal {
    top: calc(50% - 255px);
    margin-left: -167px;
  }
}
/* line 791, ../sass/templates/_inequality.scss */
.centre-modal h1 {
  font-size: 30px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
/* line 798, ../sass/templates/_inequality.scss */
.centre-modal p {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  text-align: center;
}
@media (min-width: 374px) {
  /* line 798, ../sass/templates/_inequality.scss */
  .centre-modal p {
    font-size: 16px;
  }
}
/* line 807, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned .centre-modal p {
  font-size: 13px;
}
@media (min-width: 374px) {
  /* line 807, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned .centre-modal p {
    font-size: 16px;
  }
}
/* line 814, ../sass/templates/_inequality.scss */
.centre-modal .back-link-container {
  position: absolute;
  bottom: 10px;
  left: 25px;
}
/* line 819, ../sass/templates/_inequality.scss */
.centre-modal .back-link {
  padding-top: 9px;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #f4e2e4;
  cursor: pointer;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
/* line 827, ../sass/templates/_inequality.scss */
.centre-modal .back-link:hover {
  color: #faa7b0;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
/* line 831, ../sass/templates/_inequality.scss */
.centre-modal .back-link:before {
  position: relative;
  top: -1px;
  margin-right: 3px;
}
/* line 837, ../sass/templates/_inequality.scss */
.centre-modal .next-question {
  position: absolute;
  bottom: 81px;
  left: 0;
  width: 100%;
  padding: 0 32px;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 374px) {
  /* line 837, ../sass/templates/_inequality.scss */
  .centre-modal .next-question {
    bottom: 97px;
    font-size: 18px;
  }
}
/* line 854, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned .centre-modal .next-question {
  bottom: 80px;
}
@media (min-width: 374px) {
  /* line 854, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned .centre-modal .next-question {
    bottom: 97px;
  }
}
/* line 861, ../sass/templates/_inequality.scss */
.centre-modal h2 {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
/* line 868, ../sass/templates/_inequality.scss */
.centre-modal strong {
  color: #fff;
  font-weight: 700;
}
/* line 872, ../sass/templates/_inequality.scss */
.centre-modal.is-showing {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: opacity 0.25s ease-out, -moz-transform 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out, -o-transform 0.25s ease-out;
  -webkit-transition: opacity 0.25s ease-out, -webkit-transform 0.25s ease-out;
  transition: opacity 0.25s ease-out, transform 0.25s ease-out;
}
/* line 877, ../sass/templates/_inequality.scss */
.net-worth-graph--positioned.net-worth-graph .centre-modal, .default .centre-modal {
  left: calc(50% - 150px);
  top: 10px;
}
@media (min-width: 374px) {
  /* line 877, ../sass/templates/_inequality.scss */
  .net-worth-graph--positioned.net-worth-graph .centre-modal, .default .centre-modal {
    left: auto;
    top: auto;
    right: 30px;
    bottom: 76px;
    margin-left: 0;
  }
}
/* line 889, ../sass/templates/_inequality.scss */
.centre-modal .button-holder {
  position: absolute;
  bottom: -33px;
  left: calc(50% - 53px);
  width: 106px;
  height: 106px;
  display: inline-block;
  overflow: visible;
  background-color: #8d6267;
  border-radius: 53px;
}
/* line 900, ../sass/templates/_inequality.scss */
.centre-modal .next-button {
  margin-top: 8px;
  margin-left: 8px;
  width: 90px;
  height: 90px;
  display: inline-block;
  text-align: center;
  border-radius: 45px;
  background-color: #e25263;
}
/* line 909, ../sass/templates/_inequality.scss */
.centre-modal .next-button:active {
  border-top: 4px solid #9d3c48;
}
/* line 912, ../sass/templates/_inequality.scss */
.centre-modal .next-button .svg-next {
  width: 30px;
  height: 19px;
  margin-top: 36px;
  pointer-events: none;
}
/* line 917, ../sass/templates/_inequality.scss */
.centre-modal .next-button .svg-next rect {
  -moz-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s;
}
/* line 923, ../sass/templates/_inequality.scss */
.centre-modal .next-button:hover .svg-next rect {
  fill: #ff9ca8;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
/* line 929, ../sass/templates/_inequality.scss */
.centre-modal .next-button.next-button--map {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  overflow: hidden;
  -moz-transition: -moz-transform 0.4s ease-out 0.1s;
  -o-transition: -o-transform 0.4s ease-out 0.1s;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -webkit-transition-delay: 0.1s;
  transition: transform 0.4s ease-out 0.1s;
}
/* line 937, ../sass/templates/_inequality.scss */
.centre-modal .next-button.next-button--map .svg-globe {
  width: 89px;
  height: 88px;
  margin: 3px 0 0 2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  pointer-events: none;
  -moz-transition: opacity 0.3s 0.8s;
  -o-transition: opacity 0.3s 0.8s;
  -webkit-transition: opacity 0.3s;
  -webkit-transition-delay: 0.8s;
  transition: opacity 0.3s 0.8s;
}
/* line 944, ../sass/templates/_inequality.scss */
.centre-modal .next-button.next-button--map .svg-globe path {
  -moz-transition: fill 0.2s;
  -o-transition: fill 0.2s;
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s;
}
/* line 950, ../sass/templates/_inequality.scss */
.centre-modal .next-button.next-button--map:hover .svg-globe path {
  fill: #ff9ca8;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
/* line 956, ../sass/templates/_inequality.scss */
.world-wealth-graph--positioned .centre-modal .next-button.next-button--map {
  display: block;
}
/* line 959, ../sass/templates/_inequality.scss */
.map-is-open .centre-modal .next-button.next-button--map {
  transform: scale(75);
  -moz-transition: -moz-transform 1s ease-out;
  -o-transition: -o-transform 1s ease-out;
  -webkit-transition: -webkit-transform 1s ease-out;
  transition: transform 1s ease-out;
}
/* line 962, ../sass/templates/_inequality.scss */
.map-is-open .centre-modal .next-button.next-button--map .svg-globe {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0s 0s;
  -o-transition: opacity 0s 0s;
  -webkit-transition: opacity 0s;
  -webkit-transition-delay: 0s;
  transition: opacity 0s 0s;
}

/* line 970, ../sass/templates/_inequality.scss */
.map-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  display: block;
  z-index: 1000;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background-color: #f9c4ca;
  pointer-events: none;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* line 986, ../sass/templates/_inequality.scss */
.map-is-open .map-container {
  pointer-events: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.5s 0.2s;
  -o-transition: opacity 0.5s 0.2s;
  -webkit-transition: opacity 0.5s;
  -webkit-transition-delay: 0.2s;
  transition: opacity 0.5s 0.2s;
}

/* line 993, ../sass/templates/_inequality.scss */
.no-pointerevents .map-container {
  display: none;
}
/* line 997, ../sass/templates/_inequality.scss */
.no-pointerevents .map-is-open .map-container {
  display: block;
}

/* line 1002, ../sass/templates/_inequality.scss */
.further-reading {
  position: absolute;
  top: 100vh;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 1000;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background-color: #f9c4ca;
  pointer-events: none;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* line 1018, ../sass/templates/_inequality.scss */
.map-is-open .further-reading {
  display: block;
  pointer-events: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.5s 0.2s;
  -o-transition: opacity 0.5s 0.2s;
  -webkit-transition: opacity 0.5s;
  -webkit-transition-delay: 0.2s;
  transition: opacity 0.5s 0.2s;
}
/* line 1024, ../sass/templates/_inequality.scss */
.further-reading .further-reading-content {
  width: 80%;
  text-align: center;
}
/* line 1028, ../sass/templates/_inequality.scss */
.further-reading h2 {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #b86478;
}
@media (min-width: 720px) {
  /* line 1028, ../sass/templates/_inequality.scss */
  .further-reading h2 {
    margin-bottom: 3rem;
    font-size: 1.6rem;
    font-weight: 500;
  }
}
/* line 1040, ../sass/templates/_inequality.scss */
.further-reading h3 {
  margin-top: 3rem;
  margin-bottom: 1.4rem;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "Lato", sans-serif;
  color: #b86478;
}
@media (min-width: 720px) {
  /* line 1040, ../sass/templates/_inequality.scss */
  .further-reading h3 {
    margin-top: 5.7rem;
    margin-bottom: 2.3rem;
    font-size: 1.6rem;
    font-weight: 500;
  }
}
/* line 1054, ../sass/templates/_inequality.scss */
.further-reading .reference-link {
  width: 100%;
  margin-bottom: 1.1rem;
  display: block;
  font-size: 13px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #b86478;
}
/* line 1063, ../sass/templates/_inequality.scss */
.further-reading .reference-link:hover {
  color: #a0495e;
}
/* line 1065, ../sass/templates/_inequality.scss */
.further-reading .reference-link:hover:after {
  color: #a0495e;
  transition: color 0.3s;
}
/* line 1070, ../sass/templates/_inequality.scss */
.further-reading .reference-link:after {
  margin-left: 10px;
  font-size: 15px;
  color: #db919f;
  transition: color 0.2s;
}
@media (min-width: 720px) {
  /* line 1054, ../sass/templates/_inequality.scss */
  .further-reading .reference-link {
    margin-bottom: 2.3rem;
    font-size: 20px;
    font-weight: 900;
  }
  /* line 1080, ../sass/templates/_inequality.scss */
  .further-reading .reference-link:after {
    font-size: 20px;
  }
}
/* line 1085, ../sass/templates/_inequality.scss */
.further-reading .social-notes {
  margin-bottom: 3rem;
}
@media (min-width: 720px) {
  /* line 1085, ../sass/templates/_inequality.scss */
  .further-reading .social-notes {
    margin-bottom: 7rem;
  }
}
/* line 1090, ../sass/templates/_inequality.scss */
.further-reading .social-notes a:first-child {
  margin-right: 23px;
}
/* line 1093, ../sass/templates/_inequality.scss */
.further-reading .social-notes svg {
  width: 60px;
}
@media (min-width: 720px) {
  /* line 1093, ../sass/templates/_inequality.scss */
  .further-reading .social-notes svg {
    width: 112px;
  }
}
/* line 1100, ../sass/templates/_inequality.scss */
.further-reading p {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-family: "Lato", sans-serif;
  color: #b86478;
}
@media (min-width: 720px) {
  /* line 1100, ../sass/templates/_inequality.scss */
  .further-reading p {
    font-size: 1.6rem;
  }
}
/* line 1108, ../sass/templates/_inequality.scss */
.further-reading p strong {
  font-weight: 900;
}
/* line 1111, ../sass/templates/_inequality.scss */
.further-reading p a {
  color: #b86478;
  font-weight: 900;
}
/* line 1114, ../sass/templates/_inequality.scss */
.further-reading p a:hover {
  color: #a0495e;
}
/* line 1118, ../sass/templates/_inequality.scss */
.further-reading p span {
  font-size: 1.4rem;
}

/* line 1123, ../sass/templates/_inequality.scss */
.twitter-note {
  -moz-transition: fill 0.2s, stroke 0.2s;
  -o-transition: fill 0.2s, stroke 0.2s;
  -webkit-transition: fill 0.2s, stroke 0.2s;
  transition: fill 0.2s, stroke 0.2s;
}
/* line 1126, ../sass/templates/_inequality.scss */
.twitter-note:hover .note-lighter-bg {
  stroke: #23607e;
  fill: #54aced;
  -moz-transition: fill 0.3s, stroke 0.3s;
  -o-transition: fill 0.3s, stroke 0.3s;
  -webkit-transition: fill 0.3s, stroke 0.3s;
  transition: fill 0.3s, stroke 0.3s;
}
/* line 1131, ../sass/templates/_inequality.scss */
.twitter-note:hover .note-darker-bg {
  fill: #23607e;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
/* line 1135, ../sass/templates/_inequality.scss */
.twitter-note:hover .twitter-icon {
  fill: #73c3f4;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

/* line 1141, ../sass/templates/_inequality.scss */
.facebook-note {
  -moz-transition: fill 0.2s, stroke 0.2s;
  -o-transition: fill 0.2s, stroke 0.2s;
  -webkit-transition: fill 0.2s, stroke 0.2s;
  transition: fill 0.2s, stroke 0.2s;
}
/* line 1144, ../sass/templates/_inequality.scss */
.facebook-note:hover .note-lighter-bg {
  stroke: #1e355e;
  fill: #3a5897;
  -moz-transition: fill 0.3s, stroke 0.3s;
  -o-transition: fill 0.3s, stroke 0.3s;
  -webkit-transition: fill 0.3s, stroke 0.3s;
  transition: fill 0.3s, stroke 0.3s;
}
/* line 1149, ../sass/templates/_inequality.scss */
.facebook-note:hover .note-darker-bg {
  fill: #1e355e;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
/* line 1153, ../sass/templates/_inequality.scss */
.facebook-note:hover .facebook-icon {
  fill: #6887c1;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

/* line 1159, ../sass/templates/_inequality.scss */
.map-legend {
  position: absolute;
  top: 14px;
  left: 3.3%;
  font-size: 0;
  z-index: 100;
}

/* line 1166, ../sass/templates/_inequality.scss */
.map-legend-item {
  width: 58px;
  display: inline-block;
  text-align: center;
}
@media (min-width: 374px) {
  /* line 1166, ../sass/templates/_inequality.scss */
  .map-legend-item {
    width: 63px;
  }
}
/* line 1173, ../sass/templates/_inequality.scss */
.map-legend-item img {
  margin-bottom: 8px;
}
/* line 1176, ../sass/templates/_inequality.scss */
.map-legend-item span {
  width: 100%;
  padding: 5px 0px 5px;
  display: block;
  font-size: 11px;
  font-weight: 900;
}

/* line 1185, ../sass/templates/_inequality.scss */
.map-legend-item-none img {
  width: 45px;
}
/* line 1188, ../sass/templates/_inequality.scss */
.map-legend-item-none span {
  color: #c86e83;
  background-color: #f8d6db;
}

/* line 1194, ../sass/templates/_inequality.scss */
.map-legend-item-one img {
  width: 49px;
}
/* line 1197, ../sass/templates/_inequality.scss */
.map-legend-item-one span {
  color: #b66175;
  background-color: #ecb0b7;
}

/* line 1203, ../sass/templates/_inequality.scss */
.map-legend-item-two img {
  width: 49px;
}
/* line 1206, ../sass/templates/_inequality.scss */
.map-legend-item-two span {
  color: #f8d6db;
  background-color: #db919f;
}

/* line 1212, ../sass/templates/_inequality.scss */
.map-legend-item-three img {
  width: 49px;
}
/* line 1215, ../sass/templates/_inequality.scss */
.map-legend-item-three span {
  color: #f8d6db;
  background-color: #c86e83;
}

/* line 1221, ../sass/templates/_inequality.scss */
.map-legend-item-four img {
  width: 55px;
}
/* line 1224, ../sass/templates/_inequality.scss */
.map-legend-item-four span {
  color: #f8d6db;
  background-color: #aa4a5b;
}

/* line 1229, ../sass/templates/_inequality.scss */
.key-title {
  width: 100%;
  padding: 5px 0;
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #A94A5B;
  text-align: center;
  background-color: #F9C4CA;
}

/* line 1239, ../sass/templates/_inequality.scss */
.map-svg {
  position: relative;
  width: 100%;
  margin-top: 50px;
  overflow: visible;
}
/* line 1244, ../sass/templates/_inequality.scss */
.map-svg img {
  width: 100%;
}

/* line 1248, ../sass/templates/_inequality.scss */
.social-icons {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2000;
  display: none;
}
@media (min-width: 700px) {
  /* line 1248, ../sass/templates/_inequality.scss */
  .social-icons {
    display: block;
  }
}

/* line 1258, ../sass/templates/_inequality.scss */
.social-icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
  border-radius: 3px;
}
/* line 1264, ../sass/templates/_inequality.scss */
.social-icon path {
  fill: #845d60;
}
/* line 1268, ../sass/templates/_inequality.scss */
.social-icon:hover path {
  fill: #fad3d7;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
/* line 1274, ../sass/templates/_inequality.scss */
.hotspot-socials .social-icon path {
  fill: #b2c0f6;
}
/* line 1278, ../sass/templates/_inequality.scss */
.hotspot-socials .social-icon:hover path {
  fill: #e0e5fb;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}
/* line 1286, ../sass/templates/_inequality.scss */
.map-is-open .social-icon:hover path {
  fill: #604446;
}

@-webkit-keyframes popout {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes popout {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes jump {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jump {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* line 1312, ../sass/templates/_inequality.scss */
.info-button {
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 40px;
  height: 40px;
  display: block;
  border: 3px solid #59669d;
  border-radius: 20px;
  background-color: #758df1;
  cursor: pointer;
  opacity: 0;
  -moz-transition: opacity 0.2s, -moz-transform 0.2s, background-color 0.2s;
  -o-transition: opacity 0.2s, -o-transform 0.2s, background-color 0.2s;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s, background-color 0.2s;
  transition: opacity 0.2s, transform 0.2s, background-color 0.2s;
  z-index: 0;
  pointer-events: none;
}
/* line 1327, ../sass/templates/_inequality.scss */
.default--positioned .info-button, .net-worth-graph--positioned .info-button, .world-wealth-graph--positioned .info-button {
  pointer-events: auto;
}
/* line 1332, ../sass/templates/_inequality.scss */
.info-button.is-off {
  opacity: 1;
  -webkit-animation: popout 2s ease-out infinite;
  animation: popout 2s ease-out infinite;
}
/* line 1337, ../sass/templates/_inequality.scss */
.info-button:hover {
  background-color: #95a8f4;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
/* line 1341, ../sass/templates/_inequality.scss */
.info-button:active, .info-button.is-on {
  opacity: 1;
  background-color: #95a8f4;
  border-top-width: 5px;
}
/* line 1346, ../sass/templates/_inequality.scss */
.info-button:active:before, .info-button.is-on:before {
  top: 7px;
}
/* line 1350, ../sass/templates/_inequality.scss */
.info-button.is-jumping {
  opacity: 1;
}
/* line 1356, ../sass/templates/_inequality.scss */
.info-button:before {
  position: absolute;
  top: 6px;
  left: 5px;
  font-size: 22px;
  line-height: 22px;
  color: #4F64BE;
}

/* line 1365, ../sass/templates/_inequality.scss */
.hotspot {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: visible;
}
/* line 1370, ../sass/templates/_inequality.scss */
.hotspot .spot {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: block;
  border: 3px solid #59669d;
  border-radius: 20px;
  background-color: #758df1;
  cursor: pointer;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  z-index: 0;
}
/* line 1383, ../sass/templates/_inequality.scss */
.hotspot .spot:hover {
  background-color: #95a8f4;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
/* line 1387, ../sass/templates/_inequality.scss */
.hotspot .spot:active {
  border-top-width: 4px;
}
/* line 1389, ../sass/templates/_inequality.scss */
.hotspot .spot:active:before {
  top: 6px;
}
/* line 1393, ../sass/templates/_inequality.scss */
.hotspot .spot:before {
  position: absolute;
  top: 5px;
  left: 4px;
  font-size: 15px;
  line-height: 15px;
  color: #4F64BE;
}
@media (min-width: 960px) {
  /* line 1370, ../sass/templates/_inequality.scss */
  .hotspot .spot {
    width: 40px;
    height: 40px;
  }
  /* line 1404, ../sass/templates/_inequality.scss */
  .hotspot .spot:before {
    top: 6px;
    left: 5px;
    font-size: 22px;
    line-height: 22px;
  }
  /* line 1410, ../sass/templates/_inequality.scss */
  .hotspot .spot:active {
    border-top-width: 5px;
  }
  /* line 1412, ../sass/templates/_inequality.scss */
  .hotspot .spot:active:before {
    top: 8px;
  }
}
/* line 1419, ../sass/templates/_inequality.scss */
.hotspot.is-on .hotspot-popup {
  opacity: 1;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
/* line 1424, ../sass/templates/_inequality.scss */
.hotspot.is-on .spot {
  border-top-width: 4px;
  background-color: #95a8f4;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
/* line 1428, ../sass/templates/_inequality.scss */
.hotspot.is-on .spot:before {
  top: 6px;
}
@media (min-width: 960px) {
  /* line 1424, ../sass/templates/_inequality.scss */
  .hotspot.is-on .spot {
    border-top-width: 5px;
  }
  /* line 1433, ../sass/templates/_inequality.scss */
  .hotspot.is-on .spot:before {
    top: 8px;
  }
}

/* line 1440, ../sass/templates/_inequality.scss */
.hotspot-hidden {
  display: none;
}
@media (min-width: 720px) {
  /* line 1440, ../sass/templates/_inequality.scss */
  .hotspot-hidden {
    display: block;
  }
}

/* line 1446, ../sass/templates/_inequality.scss */
.hotspot--one {
  top: 53%;
  left: 44.1%;
}

/* line 1450, ../sass/templates/_inequality.scss */
.hotspot--rwanda {
  top: 54%;
  left: 50.1%;
}

/* line 1454, ../sass/templates/_inequality.scss */
.hotspot--two {
  top: 23.5%;
  left: 12.6%;
}

/* line 1458, ../sass/templates/_inequality.scss */
.hotspot--three {
  top: 45.5%;
  left: 65%;
}

/* line 1462, ../sass/templates/_inequality.scss */
.hotspot--four {
  top: 36%;
  left: 62.8%;
}

/* line 1466, ../sass/templates/_inequality.scss */
.hotspot--usa {
  top: 28%;
  left: 19.9%;
}

/* line 1470, ../sass/templates/_inequality.scss */
.hotspot--bang {
  top: 36.9%;
  left: 70%;
}

/* line 1474, ../sass/templates/_inequality.scss */
.hotspot--brazil {
  top: 65.9%;
  left: 28%;
}

/* line 1478, ../sass/templates/_inequality.scss */
.hotspot--women {
  top: 41.5%;
  left: 29.6%;
}

/* line 1482, ../sass/templates/_inequality.scss */
.hotspot--piketty {
  top: 40.5%;
  left: 40.6%;
}

/* line 1486, ../sass/templates/_inequality.scss */
.hotspot--russia {
  top: 12%;
  left: 57%;
}

/* line 1490, ../sass/templates/_inequality.scss */
.hotspot--tax {
  top: 59%;
  left: 62%;
}

/* line 1494, ../sass/templates/_inequality.scss */
.hotspot--china {
  top: 31%;
  left: 76%;
}

/* line 1498, ../sass/templates/_inequality.scss */
.hotspot--cambodia {
  top: 46%;
  left: 77.2%;
}

/* line 1502, ../sass/templates/_inequality.scss */
.hotspot--fsi {
  top: 17%;
  left: 44%;
}

/* line 1506, ../sass/templates/_inequality.scss */
.hotspot-popup {
  position: fixed;
  top: 125px;
  left: calc(50% - 150px);
  width: 300px;
  padding: 22px;
  text-align: center;
  z-index: 10;
  opacity: 0;
  border-radius: 7px;
  background-color: rgba(117, 141, 241, 0.9);
  pointer-events: none;
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -moz-transition: opacity 0.2s, -moz-transform 0.2s;
  -o-transition: opacity 0.2s, -o-transform 0.2s;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
}
@media (min-width: 480px) {
  /* line 1506, ../sass/templates/_inequality.scss */
  .hotspot-popup {
    position: absolute;
    top: 30px;
    left: -134px;
    width: 306px;
  }
}
/* line 1526, ../sass/templates/_inequality.scss */
.hotspot-popup h2, .hotspot-popup p {
  margin-bottom: 10px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
/* line 1534, ../sass/templates/_inequality.scss */
.hotspot-popup h2 {
  font-size: 16px;
}
/* line 1537, ../sass/templates/_inequality.scss */
.hotspot-popup a {
  color: #fff;
  text-decoration: underline;
}
/* line 1540, ../sass/templates/_inequality.scss */
.hotspot-popup a:hover {
  color: #e6e6e6;
}

/* line 1547, ../sass/templates/_inequality.scss */
.no-pointerevents .hotspot .hotspot-popup {
  display: none;
}
/* line 1551, ../sass/templates/_inequality.scss */
.no-pointerevents .hotspot.is-on .hotspot-popup {
  display: block;
}

/* line 1557, ../sass/templates/_inequality.scss */
.hotspot-popup.hotspot-popup--mobile--one,
.hotspot-popup.hotspot-popup--mobile--two {
  top: 0.1vh;
  left: 10px;
  width: 19vh;
  margin-top: 0;
  padding: 18px 0 10px;
  opacity: 0;
  background-color: #a8777d;
  overflow: visible;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
/* line 1568, ../sass/templates/_inequality.scss */
.hotspot-popup.hotspot-popup--mobile--one:before,
.hotspot-popup.hotspot-popup--mobile--two:before {
  content: '';
  position: absolute;
  top: -10px;
  left: calc(50% - 9px);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #a8777d;
}
/* line 1579, ../sass/templates/_inequality.scss */
.hotspot-popup.hotspot-popup--mobile--one .worth-range--mobile,
.hotspot-popup.hotspot-popup--mobile--two .worth-range--mobile {
  font-size: 15px !important;
  width: 100%;
  display: block;
  font-weight: 900;
  font-family: "Lato",sans-serif;
  color: #FAD3D7;
  text-align: center;
}
@media (min-width: 720px) {
  /* line 1579, ../sass/templates/_inequality.scss */
  .hotspot-popup.hotspot-popup--mobile--one .worth-range--mobile,
  .hotspot-popup.hotspot-popup--mobile--two .worth-range--mobile {
    font-size: 20px !important;
  }
}
/* line 1591, ../sass/templates/_inequality.scss */
.hotspot-popup.hotspot-popup--mobile--one .percent--mobile,
.hotspot-popup.hotspot-popup--mobile--two .percent--mobile {
  top: 0;
  margin-bottom: 0;
  font-family: "Lato",sans-serif;
  font-weight: 900;
  font-size: 22px !important;
  color: #FAD3D7;
}
@media (min-width: 720px) {
  /* line 1591, ../sass/templates/_inequality.scss */
  .hotspot-popup.hotspot-popup--mobile--one .percent--mobile,
  .hotspot-popup.hotspot-popup--mobile--two .percent--mobile {
    font-size: 30px !important;
  }
}
/* line 1602, ../sass/templates/_inequality.scss */
.hotspot-popup.hotspot-popup--mobile--one.is-on,
.hotspot-popup.hotspot-popup--mobile--two.is-on {
  opacity: 1;
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}

/* line 1608, ../sass/templates/_inequality.scss */
.hotspot-popup.hotspot-popup--mobile--two {
  position: absolute;
  top: -79px;
  background-color: #f9c4ca;
}
/* line 1612, ../sass/templates/_inequality.scss */
.hotspot-popup.hotspot-popup--mobile--two:before {
  top: 100%;
  border-bottom: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #f9c4ca;
}
/* line 1619, ../sass/templates/_inequality.scss */
.hotspot-popup.hotspot-popup--mobile--two .worth-range--mobile, .hotspot-popup.hotspot-popup--mobile--two .percent--mobile {
  color: #c49096;
}

/* line 1623, ../sass/templates/_inequality.scss */
.hotspot-socials {
  padding-top: 9px;
  padding-bottom: 1px;
}
/* line 1626, ../sass/templates/_inequality.scss */
.hotspot-socials a {
  position: relative;
  left: -3px;
}

/* line 1631, ../sass/templates/_inequality.scss */
.map-foot-text {
  position: absolute;
  bottom: 49px;
  left: calc(50% - 150px);
  width: 300px;
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 12px;
  color: #b86478;
  text-align: center;
  overflow: visible;
}
/* line 1643, ../sass/templates/_inequality.scss */
.map-foot-text a {
  color: #b86478;
}
/* line 1645, ../sass/templates/_inequality.scss */
.map-foot-text a:hover {
  color: #a0495e;
}
/* line 1649, ../sass/templates/_inequality.scss */
.map-foot-text:before {
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 100%;
  font-size: 24px;
}
@media (min-width: 720px) {
  /* line 1631, ../sass/templates/_inequality.scss */
  .map-foot-text {
    bottom: 54px;
    font-size: 14px;
  }
  /* line 1659, ../sass/templates/_inequality.scss */
  .map-foot-text:before {
    bottom: -30px;
  }
}

/* line 1664, ../sass/templates/_inequality.scss */
.map-foot-source {
  position: absolute;
  bottom: 10px;
  right: calc(50% - 150px);
  width: 300px;
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #c86e83;
  text-align: center;
  overflow: visible;
}
@media (min-width: 900px) {
  /* line 1664, ../sass/templates/_inequality.scss */
  .map-foot-source {
    right: 4.53125%;
    bottom: 30px;
    text-align: right;
  }
}
/* line 1681, ../sass/templates/_inequality.scss */
.map-foot-source span {
  font-weight: 700;
}

/* line 1685, ../sass/templates/_inequality.scss */
.map-close {
  position: absolute;
  bottom: 50px;
  left: 5%;
  width: 44px;
  height: 44px;
  border: 3px solid #8d6267;
  border-radius: 39px;
  background-color: #e25263;
  cursor: pointer;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
@media (min-width: 720px) {
  /* line 1685, ../sass/templates/_inequality.scss */
  .map-close {
    width: 78px;
    height: 78px;
    border-width: 7px;
  }
}
/* line 1701, ../sass/templates/_inequality.scss */
.map-close:before {
  font-size: 24px;
  color: #bb4956;
}
@media (min-width: 720px) {
  /* line 1701, ../sass/templates/_inequality.scss */
  .map-close:before {
    font-size: 38px;
  }
}
/* line 1708, ../sass/templates/_inequality.scss */
.map-close:hover {
  background-color: #de3c4f;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
/* line 1711, ../sass/templates/_inequality.scss */
.map-close:hover:before {
  color: #ff9ca8;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
/* line 1716, ../sass/templates/_inequality.scss */
.map-close:active {
  border-top-width: 10px;
}

/* line 1720, ../sass/templates/_inequality.scss */
.window-warning {
  display: none;
  position: fixed;
  min-height: 62px;
  width: 100%;
  padding-top: 15px;
  z-index: 10000;
  background-color: #d23753;
}
/* line 1728, ../sass/templates/_inequality.scss */
.window-warning p {
  min-height: 32px;
  max-width: 527px;
  margin-left: 28px;
  padding-top: 3px;
  padding-bottom: 10px;
  padding-left: 53px;
  overflow: visible;
  font-weight: 700;
  font-size: 16px;
  color: #fcfdfd;
  background: url(../images/warning-icon.png) no-repeat 0 0;
}
@media (min-width: 720px) {
  /* line 1728, ../sass/templates/_inequality.scss */
  .window-warning p {
    max-width: inherit;
  }
}
/* line 1744, ../sass/templates/_inequality.scss */
.window-warning a {
  display: inline-block;
  font-weight: 700;
  color: #ffb3ad;
}
/* line 1748, ../sass/templates/_inequality.scss */
.window-warning a:hover {
  color: #ff847a;
}
/* line 1752, ../sass/templates/_inequality.scss */
.window-warning .close {
  float: right;
  padding-top: 20px;
  padding-right: 28px;
  padding-bottom: 20px;
}
/* line 1757, ../sass/templates/_inequality.scss */
.window-warning .close:before {
  font-size: 25px;
}
@media (min-width: 720px) {
  /* line 1752, ../sass/templates/_inequality.scss */
  .window-warning .close {
    padding-top: 0;
    padding-bottom: 0;
  }
}
/* line 1764, ../sass/templates/_inequality.scss */
.window-warning .close span {
  display: inline-block;
  text-align: left;
  text-indent: -999em;
}

@-webkit-keyframes loading-coin-drop {
  0% {
    -moz-transform: translateY(-170px);
    -ms-transform: translateY(-170px);
    -webkit-transform: translateY(-170px);
    transform: translateY(-170px);
  }
  100% {
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
  }
}
@keyframes loading-coin-drop {
  0% {
    -moz-transform: translateY(-170px);
    -ms-transform: translateY(-170px);
    -webkit-transform: translateY(-170px);
    transform: translateY(-170px);
  }
  100% {
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
  }
}
/* line 1779, ../sass/templates/_inequality.scss */
.loading-window {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: block;
  z-index: 20000;
  background-color: #F9C4CA;
}
/* line 1788, ../sass/templates/_inequality.scss */
.loading-window svg {
  height: 132px;
  margin-bottom: 16px;
  overflow: visible;
}
/* line 1792, ../sass/templates/_inequality.scss */
.loading-window svg .pig-coin {
  -moz-transform: translateY(-170px);
  -ms-transform: translateY(-170px);
  -webkit-transform: translateY(-170px);
  transform: translateY(-170px);
  -webkit-animation: loading-coin-drop 0.7s infinite ease-in;
  animation: loading-coin-drop 0.7s infinite ease-in;
}
/* line 1798, ../sass/templates/_inequality.scss */
.loading-window div {
  margin: 100px auto;
  width: 300px;
  text-align: center;
  overflow: visible;
}
/* line 1803, ../sass/templates/_inequality.scss */
.loading-window div p {
  font-size: 16px;
  font-weight: 700;
  color: #C49096;
}
@media (min-width: 960px) {
  /* line 1779, ../sass/templates/_inequality.scss */
  .loading-window {
    display: none;
  }
}

/* line 15, ../sass/_base.scss */
html, body {
  font-family: "Lato", sans-serif;
  font-size: 10px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 22, ../sass/_base.scss */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.3;
}

/* line 25, ../sass/_base.scss */
p {
  line-height: 1.5;
}

/* line 29, ../sass/_base.scss */
address, article, aside, blockquote, center, dir, div, dd, details, dl, dt, fieldset, figcaption, figure, form, footer, frameset, h1, h2, h3, h4, h5, h6, hr, header, hgroup, isindex, main, menu, nav, noframes, noscript, ol, p, pre, section, summary, ul,
li {
  width: auto;
  overflow: hidden;
}

/* line 33, ../sass/_base.scss */
.population-section .vertical-centre, .map-container, .further-reading {
  height: 100%;
}
/* line 35, ../sass/_base.scss */
.population-section .vertical-centre:before, .map-container:before, .further-reading:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.35em;
  /* Adjusts for spacing */
}
/* line 43, ../sass/_base.scss */
.population-section .vertical-centre > *, .map-container > *, .further-reading > * {
  display: inline-block;
  vertical-align: middle;
}
