/* apply a natural box layout model to all elements */
*, *:before, *:after {
  box-sizing: border-box; }

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-size: 100%;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  box-sizing: border-box; }

html,
button,
input,
select,
textarea {
  color: #766359; }

::-moz-selection {
  background: #a33a00;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #a33a00;
  color: #fff;
  text-shadow: none; }

img {
  vertical-align: middle;
  border: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

* {
  -webkit-font-smoothing: antialiased;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures, contextual;
  -moz-font-feature-settings: "kern", "liga", "clig", "calt";
  -ms-font-feature-settings: "kern", "liga", "clig", "alt";
  -webkit-font-feature-settings: "kern", "liga", "clig", "calt";
  font-feature-settings: "kern", "liga", "clig", "calt"; }

body {
  font-family: "Source Serif Pro", serif; }

a {
  text-decoration: underline;
  color: inherit; }
  a:hover {
    color: #aaa; }

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  color: #aaa;
  font-weight: 700;
  line-height: 1.2; }
  h1 .sub, h2 .sub, h3 .sub, h4 .sub, h5 .sub, h6 .sub {
    font-weight: 400; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 21px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 18px; }

p {
  line-height: 1.3em; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-close:before {
  content: "\f00d"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-code:before {
  content: "\f121"; }

.fa-home:before {
  content: "\f015"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

html {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  html.autoresize {
    height: auto;
    overflow: auto; }

body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #b8b2b0; }
  .autoresize body {
    height: auto;
    overflow: auto; }

.no-js {
  display: none; }

[role="main"] {
  height: calc(100% - 40px);
  border-top: 40px solid transparent;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  box-sizing: content-box; }
  .autoresize [role="main"] {
    height: auto;
    overflow: auto; }

.hd-main {
  background: #ebe6e3;
  padding: 0.5em;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 40px; }
  .hd-main h1 {
    color: #ad3e00;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer; }
    .hd-main h1 .title:hover {
      border-bottom: 1px dotted #ad3e00; }
    .hd-main h1 .fa {
      opacity: 0.5;
      font-size: 16px;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      -ms-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
      cursor: pointer; }
      .hd-main h1 .fa:hover {
        opacity: 1; }
    .hd-main h1 .title .fa {
      margin-left: 0.5em; }
  .hd-main .sub {
    display: none; }
  @media all and (min-width: 30em) {
    .hd-main {
      padding: 0.5em 1rem; }
      .hd-main h1 {
        font-size: 24px;
        line-height: 1; }
      .hd-main .title .fa {
        font-size: 18px; } }
  @media all and (min-width: 48.0625em) {
    .hd-main .title .fa {
      display: none; }
    .hd-main .sub {
      display: inline-block; } }

.intro {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 90;
  text-align: left;
  padding: 2.75rem 0.5rem;
  background-color: rgba(0, 0, 0, 0.8);
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 22px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .intro button {
    cursor: pointer;
    font-size: 18px;
    color: #000;
    border-style: none;
    background: #ABA5A2;
    font-weight: 700;
    padding: 0 0.1em;
    border-radius: 0.125em;
    outline: none;
    -webkit-transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .intro span {
    color: #F5F2F1;
    display: block;
    opacity: 0;
    line-height: 1.1;
    margin-bottom: .5em; }
  .intro .intro1 {
    color: #b03f00; }
  .intro .intro4 {
    margin-bottom: 1em; }
  .intro .intro5, .intro .intro6 {
    color: #ABA5A2;
    margin-bottom: 0; }
  .loaded .intro .intro1 {
    -webkit-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;
    -moz-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;
    -ms-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;
    -o-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;
    transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;
    opacity: 1; }
  .loaded .intro .intro2 {
    -webkit-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 2s;
    -moz-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 2s;
    -ms-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 2s;
    -o-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 2s;
    transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 2s;
    opacity: 1; }
  .loaded .intro .intro3 {
    -webkit-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 3.5s;
    -moz-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 3.5s;
    -ms-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 3.5s;
    -o-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 3.5s;
    transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 3.5s;
    opacity: 1; }
  .loaded .intro .intro4 {
    -webkit-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 5s;
    -moz-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 5s;
    -ms-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 5s;
    -o-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 5s;
    transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 5s;
    opacity: 1; }
  .loaded .intro .intro5 {
    -webkit-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 7.5s;
    -moz-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 7.5s;
    -ms-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 7.5s;
    -o-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 7.5s;
    transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 7.5s;
    opacity: 1; }
  .loaded .intro .intro6 {
    -webkit-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 8.5s;
    -moz-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 8.5s;
    -ms-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 8.5s;
    -o-transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 8.5s;
    transition: opacity 1s cubic-bezier(0.39, 0.575, 0.565, 1) 8.5s;
    opacity: 1; }
  .intro:hover button {
    background: #fff; }
  .intro.fadeout {
    opacity: 0; }
  .intro.hidden {
    display: none; }
  @media all and (min-width: 30em) {
    .intro {
      padding: 3.5rem 1rem;
      font-size: 24px; }
      .intro span {
        line-height: 1.25; }
      .intro button {
        font-size: 20px; } }
  @media all and (min-width: 48.0625em) {
    .intro {
      padding: 4.75rem 1rem;
      font-size: 36px; }
      .intro button {
        font-size: 32px; }
      .intro span {
        margin-bottom: .25em; } }

.profile-wrapper {
  padding: 2rem 1rem 1rem;
  overflow: hidden; }
  .autoresize .article-view .profile-wrapper {
    padding: 0; }
  @media all and (min-width: 48em) {
    .autoresize .article-view .profile-wrapper {
      padding: 0; } }

.profile-category {
  position: relative; }

.profiles {
  font-size: 0;
  box-sizing: content-box;
  padding: 0 1em 0;
  margin-top: 1em;
  text-align: left; }
  .profiles h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    margin: 2em 0 0.5em;
    color: #fff;
    font-size: 16px; }
    .profiles h2.cat0, .profiles h2.cat2 {
      display: none !important; }
  .profiles .profile {
    width: 100%;
    padding: 1em 0;
    box-sizing: content-box;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: #b8b2b0;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s; }
  .profiles .transitioning {
    position: absolute; }
  .profiles .hidden {
    display: none; }
  .profiles .invisible {
    opacity: 0;
    z-index: -1; }
  .profiles .mugshot {
    position: relative;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .profiles .mugshot img {
      border-top: 10px solid #b8b2b0;
      border-bottom: 10px solid #b8b2b0;
      border-left: 5px solid #b8b2b0;
      border-right: 5px solid #b8b2b0;
      max-width: 100%;
      position: absolute;
      cursor: pointer; }
    .profiles .mugshot:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
    .profiles .mugshot figcaption {
      position: absolute;
      bottom: 0;
      font-size: 1rem;
      z-index: 10;
      width: 100%;
      font-size: 13px;
      -webkit-transition: background;
      -moz-transition: background;
      -ms-transition: background;
      -o-transition: background;
      transition: background; }
    .profiles .mugshot h3 {
      font-size: 13px;
      color: #fff;
      background: rgba(184, 178, 176, 0.667);
      padding: .125em .25em .125em .125em; }
    .profiles .mugshot span {
      font-weight: 400;
      opacity: 0;
      display: none;
      color: #fff;
      background: #b8b2b0;
      width: 100%;
      padding: .125em .25em .125em .125em;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      -ms-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s; }
    .profiles .mugshot.hovered figcaption h3 {
      background: rgba(0, 0, 0, 0.25); }
    .profiles .mugshot.hovered span {
      opacity: 1;
      line-height: 1.2;
      display: inline-block; }
  .profiles .unhovered {
    opacity: 0.5; }
  .profiles .legal-footer {
    font-size: 13px;
    color: #fff;
    display: block;
    margin: 3rem 0 1rem;
    font-style: italic; }
    .profiles .legal-footer a {
      font-style: normal; }
    .profiles .legal-footer a:hover {
      color: #b82800; }
  .autoresize .article-view .profiles h2, .autoresize .article-view .profiles .mugshot, .autoresize .article-view .profiles .legal-footer {
    display: none !important; }
  @media all and (min-width: 16em) {
    .profiles h2 {
      font-size: 16px;
      font-size: 5vw; }
    .profiles .profile {
      width: 50%; }
    .profiles .mugshot figcaption, .profiles .mugshot h3 {
      font-size: 13px;
      font-size: 4.06vw; }
    .ie9 .profiles h2 {
      font-size: 16px; }
    .ie9 .profiles .mugshot figcaption, .ie9 .profiles .mugshot h3 {
      font-size: 13px; } }
  @media all and (min-width: 30em) {
    .profiles h2 {
      font-size: 16px;
      font-size: 3.33vw; }
    .profiles .profile {
      width: 33.333%; }
    .profiles .mugshot figcaption, .profiles .mugshot h3 {
      font-size: 13px;
      font-size: 2.71vw; }
    .ie9 .profiles h2 {
      font-size: 16px; }
    .ie9 .profiles .mugshot figcaption, .ie9 .profiles .mugshot h3 {
      font-size: 13px; } }
  @media all and (min-width: 40em) {
    .profiles h2 {
      font-size: 21px;
      font-size: 3.28vw; }
    .profiles .profile {
      width: 25%; }
    .profiles .mugshot figcaption, .profiles .mugshot h3 {
      font-size: 13px;
      font-size: 2.03vw; }
    .ie9 .profiles h2 {
      font-size: 21px; }
    .ie9 .profiles .mugshot figcaption, .ie9 .profiles .mugshot h3 {
      font-size: 13px; } }
  @media all and (min-width: 50em) {
    .profiles h2 {
      font-size: 21px;
      font-size: 2.62vw; }
    .profiles .profile {
      width: 20%; }
    .profiles .mugshot figcaption, .profiles .mugshot h3 {
      font-size: 13px;
      font-size: 1.62vw; }
    .ie9 .profiles h2 {
      font-size: 21px; }
    .ie9 .profiles .mugshot figcaption, .ie9 .profiles .mugshot h3 {
      font-size: 13px; } }
  @media all and (min-width: 60em) {
    .profiles h2 {
      font-size: 21px;
      font-size: 2.19vw; }
    .profiles .profile {
      width: 16.666%; }
    .profiles .mugshot figcaption, .profiles .mugshot h3 {
      font-size: 13px;
      font-size: 1.35vw; }
    .ie9 .profiles h2 {
      font-size: 21px; }
    .ie9 .profiles .mugshot figcaption, .ie9 .profiles .mugshot h3 {
      font-size: 13px; } }
  @media all and (min-width: 70em) {
    .profiles h2 {
      font-size: 21px;
      font-size: 1.89vw; }
    .profiles .profile {
      width: 14.2857%; }
    .profiles .mugshot figcaption, .profiles .mugshot h3 {
      font-size: 13px;
      font-size: 1.16vw; }
    .ie9 .profiles h2 {
      font-size: 21px; }
    .ie9 .profiles .mugshot figcaption, .ie9 .profiles .mugshot h3 {
      font-size: 13px; } }
  @media all and (min-width: 80em) {
    .profiles h2 {
      font-size: 21px;
      font-size: 1.64vw; }
    .profiles .profile {
      width: 12.5%; }
    .profiles .mugshot figcaption, .profiles .mugshot h3 {
      font-size: 13px;
      font-size: 1.02vw; }
    .ie9 .profiles h2 {
      font-size: 21px; }
    .ie9 .profiles .mugshot figcaption, .ie9 .profiles .mugshot h3 {
      font-size: 13px; } }

.profile-nav {
  position: absolute;
  right: 0;
  top: 0;
  display: none; }
  .profile-nav button {
    color: #a33a00;
    font-size: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: none;
    border: none;
    margin: 0;
    outline: none;
    cursor: pointer;
    transition: all 0.3s;
    float: right; }
    .profile-nav button[disabled] {
      display: none; }
    .profile-nav button:hover {
      color: #fff;
      background: #b82800; }
    .profile-nav button i {
      pointer-events: none; }
  .profile-nav .next.hint {
    animation: pulse 5s infinite; }
  .profile-nav .btn-close {
    font-size: 20px;
    line-height: 40px;
    background: #851d00;
    color: #fff; }
    .profile-nav .btn-close:hover {
      background: #b82800; }
  .article-view .profile-nav {
    display: block; }
  .profile-nav span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }

@keyframes pulse {
  0% {
    background-color: transparent;
    color: #a33a00; }
  40% {
    background-color: transparent;
    color: #a33a00; }
  50% {
    background-color: #b82800;
    color: #fff; }
  60% {
    background-color: transparent;
    color: #a33a00; }
  100% {
    background-color: transparent;
    color: #a33a00; } }

.story {
  font-size: 1rem;
  height: 0;
  width: 100%;
  left: 0;
  position: fixed;
  z-index: 10;
  overflow: hidden;
  background: #faf8f8;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .story.article-visible {
    z-index: 100; }
  .story .story-content {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    box-sizing: content-box;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  .story .hd-story {
    font-size: 0;
    background: -moz-linear-gradient(top, #AF450B 0%, #993000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #AF450B 0%, #993000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #AF450B 0%, #993000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AF450B', endColorstr='#993000',GradientType=0 );
    /* IE6-9 */ }
    .story .hd-story figcaption {
      width: 100%;
      display: inline-block;
      font-size: 1rem;
      padding: 1rem;
      position: relative;
      background: rgba(0, 0, 0, 0.1); }
      .story .hd-story figcaption h3 {
        padding-right: 10%;
        font-size: 16px;
        margin: 0 0 0.25em;
        color: #fff;
        max-width: 350px; }
      .story .hd-story figcaption .subheader-linked {
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        margin: 0.5em 0 0;
        max-width: 350px; }
      .story .hd-story figcaption .subheader-description {
        font-size: 13px;
        font-weight: 400;
        line-height: 1.3;
        color: #fff;
        margin: 0;
        max-width: 350px; }
      .story .hd-story figcaption small {
        font-size: 12px; }
      .story .hd-story figcaption .pep {
        font-family: "Source Sans Pro", sans-serif;
        color: #fff;
        cursor: pointer;
        display: none; }
        .story .hd-story figcaption .pep span {
          display: inline-block;
          border-bottom: 1px dotted #fff;
          line-height: 1.25em; }
          .story .hd-story figcaption .pep span:hover {
            border-bottom: 1px solid #fff; }
        .story .hd-story figcaption .pep abbr {
          font-weight: 700;
          display: inline-block;
          color: #a33a00;
          background: #fff;
          padding: 0 0.25em;
          line-height: 1.25; }
      .story .hd-story figcaption .related dt {
        color: #fff; }
      .story .hd-story figcaption .related dd {
        color: #fff; }
      .story .hd-story figcaption .related a {
        border-bottom: 1px dotted #fff; }
        .story .hd-story figcaption .related a:hover {
          color: #fff;
          border-bottom: 1px solid #fff; }
  .story .subheader {
    padding-right: 10%;
    font-size: 16px;
    margin: 0 1em 1em;
    font-weight: 400; }
  .story .mugshot-large {
    width: 100%;
    font-size: 1rem;
    padding: 0 1em;
    margin-top: 1rem;
    display: inline-block;
    vertical-align: bottom;
    max-width: 230px;
    margin-bottom: 0; }
    .story .mugshot-large img {
      width: 100%;
      height: auto; }
    .story .mugshot-large .linked-person {
      -webkit-filter: blur(1px);
      -moz-filter: blur(1px);
      -ms-filter: blur(1px);
      -o-filter: blur(1px);
      filter: blur(1px); }
  .story .related {
    display: inline-block;
    margin: 0 1em 0.5em 0; }
    .story .related dt {
      font-size: 13px;
      font-weight: 700;
      line-height: 1.5em;
      margin-top: 1em;
      color: #851d00; }
    .story .related dd {
      font-size: 13px;
      line-height: 1.5em;
      font-family: "Source Sans Pro", sans-serif;
      color: #594b43; }
    .story .related a {
      text-decoration: none;
      border-bottom: 1px dotted #766359;
      cursor: pointer; }
      .story .related a:hover {
        color: #b82800;
        border-bottom: 1px solid #b82800; }
  .story .copy {
    width: 100%;
    margin: 0 0 1em;
    z-index: 20;
    display: none; }
    .story .copy p {
      font-size: 13px;
      margin: 1rem; }
    .story .copy .bio {
      font-size: 14px;
      font-weight: bold;
      line-height: 1.35;
      color: #851d00;
      max-width: 36em; }
    .story .copy .narrative {
      color: #3c322d;
      font-size: 13px;
      max-width: 36em;
      text-indent: 1em; }
      .story .copy .narrative .hd-inline {
        font-weight: 700;
        text-indent: 0;
        color: #851d00; }
      .story .copy .narrative .more {
        font-family: "Source Serif Pro", serif;
        font-size: 13px;
        background: none;
        border-style: none;
        padding: 0;
        color: #b82800;
        cursor: pointer;
        border-bottom: 1px dotted #b82800;
        outline: none;
        text-indent: 0; }
        .story .copy .narrative .more:after {
          content: '...'; }
        .story .copy .narrative .more:hover {
          border-bottom: 1px solid #b82800; }
    .story .copy .narrative-more {
      display: none; }
      .story .copy .narrative-more.visible {
        display: block; }
    .story .copy .response-title {
      font-size: 13px;
      padding: 1em 0.5em 0.25em 0;
      margin: 2em 0 0 1rem;
      border-top: 1px solid #d4cbc7;
      color: #856f64; }
    .story .copy p.response {
      color: #766359;
      font-style: italic;
      font-size: 13px; }
    .story .copy .related {
      border-top: 1px solid #d4cbc7;
      margin: 2.5em 1rem 0 1rem; }
    .story .copy .legal {
      display: block;
      margin: 2.5em 0 0 1rem;
      font-size: 13px;
      font-style: italic;
      line-height: 1.3em; }
      .story .copy .legal a {
        color: #b82800;
        cursor: pointer;
        border-bottom: 1px dotted #b82800;
        outline: none;
        font-style: normal;
        text-decoration: none; }
        .story .copy .legal a:after {
          content: '...'; }
        .story .copy .legal a:hover {
          border-bottom: 1px solid #b82800; }
    .story .copy .glossary-link a {
      display: inline-block;
      text-decoration: none;
      border-bottom: 1px dotted #937c6f;
      cursor: pointer;
      font-weight: 700; }
      .story .copy .glossary-link a:hover {
        color: #b82800;
        border-bottom: 1px solid #b82800; }
    .story .copy.mobile-tab-active {
      display: block; }
  .story.story-linked .hd-story {
    background: -moz-linear-gradient(top, #a09895 0%, #8d837f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a09895 0%, #8d837f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a09895 0%, #8d837f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a09895', endColorstr='#8a8381',GradientType=0 );
    /* IE6-9 */ }
    .story.story-linked .hd-story .mugshot-large {
      margin-bottom: 0; }
      .story.story-linked .hd-story .mugshot-large img {
        opacity: 0.5; }
  .ie9 .story.story-linked .hd-story .mugshot-large img {
    opacity: 1; }
  .story .related-countries-mobile {
    display: block; }
  .story .related-countries-desktop {
    display: none; }
  .autoresize .story {
    position: absolute;
    overflow: auto; }
    .autoresize .story .story-content {
      position: static;
      overflow-y: auto; }
  @media all and (min-width: 30em) {
    .story .related-countries-mobile {
      display: none; }
    .story .related-countries-desktop {
      display: block; }
    .story .hd-story {
      background: -moz-linear-gradient(top, #AF450B 0%, #912800 66%, #851d00 66.1%, #993000 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #AF450B 0%, #912800 66%, #851d00 66.1%, #993000 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #AF450B 0%, #912800 66%, #851d00 66.1%, #993000 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AF450B', endColorstr='#993000',GradientType=0 );
      /* IE6-9 */ }
      .story .hd-story figcaption {
        width: 61.8%;
        background: none; }
        .story .hd-story figcaption h3 {
          margin: 1em 0 0.25em; }
    .story .mugshot-large {
      width: 38.2%;
      margin-bottom: 0; }
    .story .copy {
      width: 80%;
      float: left; } }
  @media all and (min-width: 48.0625em) {
    .story .hd-story figcaption {
      width: 50%; }
      .story .hd-story figcaption .pep {
        display: block; }
    .story .mugshot-large {
      width: 50%; }
    .story .copy {
      display: block;
      height: auto;
      width: 80%;
      position: static; }
    .story .story-content {
      width: 50%;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }
  @media all and (min-width: 64em) {
    .story .hd-story figcaption {
      width: 61.8%; }
    .story .mugshot-large {
      width: 38.2%; } }

@keyframes ellipsis {
  to {
    width: 1.2em; } }

.viz {
  background: white;
  z-index: 10;
  position: relative; }
  .viz iframe {
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
    position: absolute; }
  .viz .preloader {
    position: absolute;
    transition: opacity 1s;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    font-size: 6.525vh;
    font-weight: 700;
    color: #766359; }
    .viz .preloader:after {
      overflow: hidden;
      display: inline-block;
      vertical-align: bottom;
      animation-name: ellipsis;
      animation-duration: 1.5s;
      animation-timing-function: steps(4, end);
      animation-delay: 0.25s;
      animation-iteration-count: infinite;
      animation-fill-mode: none;
      content: "...";
      width: 0; }
  .viz.viz-desktop {
    width: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: none; }
  .viz.viz-mobile {
    position: absolute;
    height: calc(100% - 76px);
    width: 100%;
    display: none; }
    .viz.viz-mobile.mobile-tab-active {
      display: block; }
  @media all and (min-width: 48.0625em) {
    .viz.viz-mobile {
      display: none; }
      .viz.viz-mobile.mobile-tab-active {
        display: none; }
    .viz.viz-desktop {
      display: block; } }

.viz-title {
  font-family: "Source Sans Pro", sans-serif;
  left: 0;
  top: 0;
  padding: .75em 1em .75em 1rem;
  position: absolute;
  margin: 0;
  z-index: 20;
  background: white;
  font-size: 13px;
  font-weight: 400;
  color: #851d00;
  display: none; }
  .viz-title .name {
    font-weight: 700; }
  .viz-title .multi {
    display: inline-block;
    font-weight: 400;
    padding-left: 0.5em;
    margin-left: 0.5em;
    position: relative; }
    .viz-title .multi:before {
      content: "|";
      display: inline-block;
      position: absolute;
      left: -0.125em; }
    .viz-title .multi li {
      display: inline-block;
      margin-right: 0.5em; }
    .viz-title .multi a {
      color: #937c6f;
      text-decoration: none;
      border-bottom: 1px dotted #937c6f;
      cursor: pointer; }
      .viz-title .multi a:hover {
        color: #b82800;
        border-bottom: 1px solid #b82800; }
    .viz-title .multi[data-active-index='0'] li:nth-child(1) a {
      color: #b82800;
      border-bottom: 1px solid #b82800; }
    .viz-title .multi[data-active-index='1'] li:nth-child(2) a {
      color: #b82800;
      border-bottom: 1px solid #b82800; }
    .viz-title .multi[data-active-index='3'] li:nth-child(3) a {
      color: #b82800;
      border-bottom: 1px solid #b82800; }
  .viz-title.mobile-pep .pep-flag {
    color: #766359;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s; }
    .viz-title.mobile-pep .pep-flag abbr {
      display: inline-block;
      padding: 0.125em 0.25em 0.025em;
      color: #fff;
      background: #b82800;
      margin-right: .25em;
      font-weight: 700; }
    .viz-title.mobile-pep .pep-flag em {
      display: inline-block;
      border-bottom: 1px dotted #766359;
      font-style: normal; }
    .viz-title.mobile-pep .pep-flag .fa {
      background: #937c6f;
      color: #fff;
      font-size: .92em;
      height: 1em;
      width: 1em;
      line-height: 1.1em;
      text-align: center;
      border-radius: 0.46em;
      margin-left: 0.375em;
      -webkit-transition: background 0.3s;
      -moz-transition: background 0.3s;
      -ms-transition: background 0.3s;
      -o-transition: background 0.3s;
      transition: background 0.3s; }
    .viz-title.mobile-pep .pep-flag:hover {
      color: #b82800; }
      .viz-title.mobile-pep .pep-flag:hover .fa {
        background: #b82800; }
      .viz-title.mobile-pep .pep-flag:hover em {
        border-bottom: 1px solid #b82800; }
  .viz-title.mobile-pep, .viz-title.mobile-multi {
    display: block; }
    .viz-title.mobile-pep .name, .viz-title.mobile-pep .title, .viz-title.mobile-multi .name, .viz-title.mobile-multi .title {
      display: none; }
  @media all and (min-width: 48.0625em) {
    .viz-title {
      display: block; }
      .viz-title .pep-flag {
        display: none; } }

.viz-links {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 10px;
  color: #851d00;
  background: #f3f3f3;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: .5em 1em .5em 1rem;
  z-index: 20;
  display: inline-block;
  display: none; }
  .viz-links a {
    text-decoration: none; }
    .viz-links a:hover {
      color: #b82800; }
  .viz-links .db-link .fa {
    -webkit-transform: translate3d(50%, 10%, 0);
    -moz-transform: translate3d(50%, 10%, 0);
    -ms-transform: translate3d(50%, 10%, 0);
    -o-transform: translate3d(50%, 10%, 0);
    transform: translate3d(50%, 10%, 0); }
  .viz-links.mobile-pep {
    top: 3.75em; }
  @media all and (min-width: 48.0625em) {
    .viz-links {
      left: 0;
      top: 3.5em; } }

.linked-people {
  position: relative;
  padding: 0 16px 0;
  background: #cfccca;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 0; }
  .linked-people h4 {
    font-size: 0;
    font-weight: 400;
    position: absolute;
    line-height: 1.5;
    left: 0;
    color: #fff;
    background: #a33a00;
    border-radius: 0 4px 0 0;
    padding: 0 1rem;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
    .linked-people h4 span {
      display: inline-block;
      line-height: 1.5;
      font-size: 12px; }
    .linked-people h4 .details {
      font-weight: 700;
      padding: 0 .5em 0 .25em; }
  .linked-people .mugshot-linked {
    min-width: 90px;
    width: 20%;
    display: inline-block;
    padding: 2% 2% 0 0;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    font-size: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .linked-people .mugshot-linked .details {
      font-size: 11px;
      color: #fff;
      position: absolute;
      display: inline-block;
      line-height: 1.25;
      left: 0;
      bottom: 0.2em;
      display: none; }
      .linked-people .mugshot-linked .details .view {
        padding: 0.125em 0.375em 0.125em 0.375em;
        background: rgba(0, 0, 0, 0.25);
        opacity: 0;
        font-weight: 700;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s; }
      .linked-people .mugshot-linked .details .pep {
        font-weight: 700;
        padding: 0.125em 0.375em 0.125em 0.375em;
        background: #937c6f;
        color: #fff;
        font-size: 11px; }
        .linked-people .mugshot-linked .details .pep i {
          text-align: center;
          font-size: 10px;
          font-weight: normal;
          padding: 1px 0;
          border-radius: 10px;
          height: 10px;
          width: 10px;
          line-height: 10px;
          margin-left: 2px;
          display: inline-block;
          background: rgba(255, 255, 255, 0.5);
          color: #937c6f; }
          .linked-people .mugshot-linked .details .pep i:hover {
            background: white; }
    .linked-people .mugshot-linked img {
      max-width: 100%;
      display: block; }
    .linked-people .mugshot-linked .hidden {
      position: absolute;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0; }
    .linked-people .mugshot-linked.active {
      opacity: 1; }
    .linked-people .mugshot-linked.hover {
      opacity: 1; }
      .linked-people .mugshot-linked.hover .details .pep {
        background: #b82800; }
      .linked-people .mugshot-linked.hover .details .pep i {
        color: #b82800; }
      .linked-people .mugshot-linked.hover .details .view {
        opacity: 1; }
    .linked-people .mugshot-linked.hover.active {
      opacity: 1; }
      .linked-people .mugshot-linked.hover.active .details .pep {
        background: #b82800; }
      .linked-people .mugshot-linked.hover.active .details .view {
        opacity: 0; }
  .story-linked .linked-people {
    background: -moz-linear-gradient(top, #a33a00 0%, #912800 66%, #851d00 66.1%, #993000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a33a00 0%, #912800 66%, #851d00 66.1%, #993000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a33a00 0%, #912800 66%, #851d00 66.1%, #993000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AF450B', endColorstr='#993000',GradientType=0 );
    /* IE6-9 */ }
  @media all and (min-width: 48.0625em) {
    .linked-people .mugshot-linked .details {
      display: block; } }

.select-language {
  display: inline-block;
  color: #766359;
  position: fixed;
  font-size: 11px;
  top: 9px;
  right: 0.5rem;
  z-index: 120; }
  .select-language label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  .select-language select {
    font-size: 16px;
    color: #6c1700;
    padding-right: 1em;
    background: transparent;
    line-height: 20px;
    display: inline-block;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Source Sans Pro", sans-serif;
    text-transform: uppercase;
    outline: none; }
  .select-language select::-ms-expand {
    display: none; }
  .select-language i {
    position: absolute;
    right: 0;
    z-index: -1;
    top: 50%;
    margin-top: -4px;
    color: #9f2300; }
  .article-view .select-language {
    display: none; }
  .ie9 .select-language {
    right: 0; }
    .ie9 .select-language .fa {
      display: none; }
  @media all and (min-width: 30em) {
    .select-language {
      right: 1.5rem; }
      .select-language select {
        padding-right: 1.25em; } }

.filters {
  font-family: "Source Sans Pro", sans-serif;
  color: #fff;
  text-align: left;
  position: relative;
  z-index: 10; }
  .filters h3 {
    display: none;
    font-weight: 400;
    font-size: 16px;
    color: #594b43;
    margin-right: 0;
    padding: 0;
    width: 0; }
  .filters label {
    font-weight: 700;
    display: none;
    cursor: pointer;
    padding: .5em .5em .25em 0;
    -webkit-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }
    .filters label[data-filter='country'] {
      padding: .5em 0 .25em 0;
      margin-right: .6em; }
      .filters label[data-filter='country'].active {
        border-bottom: 1px dotted #a33a00; }
        .filters label[data-filter='country'].active i {
          color: #a33a00; }
    .filters label[data-filter='region'].active {
      border-bottom: 1px dotted #851d00; }
      .filters label[data-filter='region'].active i {
        color: #851d00; }
    .filters label i {
      font-size: 11px;
      font-weight: 400;
      margin-left: 0.25em;
      color: #766359;
      pointer-events: none; }
  .filters .select {
    position: relative;
    padding-left: .5rem; }
    .filters .select i {
      position: absolute;
      right: 0.5em;
      bottom: 0.125em;
      font-size: 13px;
      pointer-events: none; }
  .filters select {
    font-size: 13px;
    color: #fff;
    padding: 0 1.25em .25em 0;
    margin: 0 .5em .5em 0;
    background: transparent;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Source Sans Pro", sans-serif;
    outline: none;
    border-bottom: 1px dotted #766359; }
  .filters ul {
    padding: 0.5em 0; }
  .filters li {
    line-height: 1.5em;
    cursor: pointer; }
  .filters .filters-desktop {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    text-align: left;
    display: none;
    -webkit-transition: height 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: height 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: height 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: height 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: height 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .filters .filters-desktop.filters-visible {
      position: relative; }
      .filters .filters-desktop.filters-visible .filters-inner {
        position: static; }
  .filters .filters-inner {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: .5rem 5% .5rem 1rem;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .filters .filters-inner[data-filter='region'] {
      background: #851d00;
      padding: .5rem 43% .5rem 1rem;
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3; }
    .filters .filters-inner[data-filter='country'] {
      background: #a33a00;
      padding: .5rem 5% .5rem 1rem;
      -webkit-column-count: 5;
      -moz-column-count: 5;
      column-count: 5; }
    .filters .filters-inner .inactive {
      opacity: 0.5; }
  .filters .filters-controls {
    background: #a09895;
    padding: 0.45em 0 0; }
  .filters .btn-close {
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    background: none;
    color: #fff;
    font-size: 14px;
    padding: 0.375em 0.5em;
    display: inline-block;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.25);
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -ms-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    outline: none; }
    .filters .btn-close:hover {
      border: 1px solid rgba(255, 255, 255, 0.5); }
    .filters .btn-close span {
      position: absolute;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0; }
    .filters .btn-close span, .filters .btn-close i {
      pointer-events: none; }
  .autoresize .article-view .filters {
    display: none; }
  .ie9 .filters {
    width: 100%; }
    .ie9 .filters .filters-inner {
      font-size: 0;
      width: 100%;
      display: block; }
      .ie9 .filters .filters-inner[data-filter='region'] {
        padding: .5rem 5% .5rem 1rem; }
      .ie9 .filters .filters-inner li {
        font-size: 16px;
        display: inline-block;
        vertical-align: top;
        width: 20%; }
  .autoresize .filters label[data-filter='country'] {
    padding: .5em 0.9rem .25em 0; }
  @media all and (min-width: 30em) {
    .filters .select {
      padding-left: 1rem; }
      .filters .select i {
        font-size: 14px; }
    .filters select {
      font-size: 16px; }
    .filters h3 {
      margin-right: 0.25em;
      width: auto;
      padding: .5em 0 .5em 1rem; } }
  @media all and (min-width: 48.0625em) {
    .filters {
      text-align: right;
      padding-top: 0; }
      .filters h3 {
        display: inline-block;
        padding: .5em .5em .5em 1rem; }
      .filters select {
        display: none; }
      .filters label {
        display: inline-block; }
      .filters .select {
        display: none; }
      .filters .filters-desktop {
        display: block; }
      .filters .filters-controls {
        position: absolute;
        right: 0;
        padding: 0; } }
  @media all and (min-width: 18.75em) {
    .filters h3 {
      line-height: 5vw; }
    .ie9 .filters h3 {
      line-height: 1em; } }
  @media all and (min-width: 30em) {
    .filters h3 {
      line-height: 3.33vw; }
    .ie9 .filters h3 {
      line-height: 1em; } }
  @media all and (min-width: 40em) {
    .filters h3 {
      line-height: 3.28vw; }
    .ie9 .filters h3 {
      line-height: 1em; } }
  @media all and (min-width: 50em) {
    .filters h3 {
      line-height: 2.62vw; }
    .ie9 .filters h3 {
      line-height: 1em; } }
  @media all and (min-width: 60em) {
    .filters h3 {
      line-height: 2.19vw; }
    .ie9 .filters h3 {
      line-height: 1em; } }
  @media all and (min-width: 70em) {
    .filters h3 {
      line-height: 1.89vw; }
    .ie9 .filters h3 {
      line-height: 1em; } }
  @media all and (min-width: 80em) {
    .filters h3 {
      line-height: 18px; }
    .ie9 .filters h3 {
      line-height: 1em; } }

.share {
  padding: 1rem;
  font-size: 0;
  display: none; }
  .share .fa {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.15rem;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    border-style: none;
    margin: 0 .25rem .25rem 0;
    background: #937c6f;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s; }
    .share .fa span {
      position: absolute;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0; }
  .share .embed {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    color: #a9968c;
    background: none;
    border-style: none;
    padding: 0;
    cursor: pointer;
    margin-top: 1em;
    outline: none;
    float: right; }
    .share .embed .fa {
      margin-left: 0.75em;
      font-size: .75rem;
      line-height: 1rem;
      width: 1rem;
      height: 1rem;
      border-radius: 0.5rem;
      padding: 0; }
    .share .embed:hover {
      color: #b82800; }
      .share .embed:hover .fa {
        background-color: #b82800; }
  .share.mobile-tab-active {
    display: block; }
  .share .fa-twitter:hover, .share .fa-twitter:focus {
    background: #0084b4; }
  .share .fa-facebook:hover, .share .fa-facebook:focus {
    background: #3b5998; }
  @media all and (min-width: 30em) {
    .share .embed {
      float: none; }
    .share .copy {
      width: 20%;
      float: right; } }

.further-info {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 95%;
  -webkit-transition: all 0.666s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: all 0.666s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: all 0.666s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: all 0.666s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.666s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  background: #6c1700;
  color: #fff;
  z-index: 110; }
  .further-info .about-inner {
    padding: 1.5rem 1.5rem 0 1.5rem;
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch; }
  .further-info h1 {
    font-size: 21px;
    color: #fff;
    margin: 2em 0 .75em; }
  .further-info h2 {
    font-size: 18px;
    margin-bottom: .75em;
    color: #fff; }
  .further-info p, .further-info dl {
    font-size: 14px;
    margin-bottom: 1em;
    max-width: 28em;
    line-height: 1.25;
    font-weight: 400; }
  .further-info dt {
    font-weight: 700;
    display: block; }
  .further-info dd {
    padding-left: 2em;
    display: block;
    font-size: 13px;
    margin-bottom: 1em; }
  .further-info .close-container {
    position: absolute;
    background: #6c1700;
    height: 60px;
    width: 95%;
    max-width: none;
    z-index: 20; }
  .further-info .btn-close {
    color: #fff;
    display: inline-block;
    top: 1.5rem;
    left: 1.5rem;
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.25);
    margin: 0;
    z-index: 110;
    outline: none;
    cursor: pointer;
    font-size: 20px;
    padding: 0 5px;
    background: none;
    color: #fff;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -ms-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s; }
    .further-info .btn-close i {
      pointer-events: none; }
    .further-info .btn-close span {
      position: absolute;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0; }
    .further-info .btn-close:hover {
      border: 1px solid rgba(255, 255, 255, 0.5); }
  .further-info .btn-close-visible {
    display: inline-block; }
  .further-info .intro-para {
    font-weight: 700; }
  .further-info .about p:last-child {
    padding-bottom: 2em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.125); }
  .further-info .credits, .further-info .embed, .further-info .legal {
    margin-top: 2em;
    border-top: 1px solid rgba(255, 255, 255, 0.125); }
    .further-info .credits h3, .further-info .credits h4, .further-info .credits h5, .further-info .embed h3, .further-info .embed h4, .further-info .embed h5, .further-info .legal h3, .further-info .legal h4, .further-info .legal h5 {
      color: rgba(255, 255, 255, 0.6); }
    .further-info .credits h3, .further-info .embed h3, .further-info .legal h3 {
      font-size: 16px;
      padding-top: .5em;
      margin-bottom: .5em; }
    .further-info .credits h4, .further-info .embed h4, .further-info .legal h4 {
      font-size: 14px;
      margin: 1em 0 .25em; }
    .further-info .credits h5, .further-info .embed h5, .further-info .legal h5 {
      font-size: 13px;
      margin: .75em 0 .25em; }
    .further-info .credits p, .further-info .embed p, .further-info .legal p {
      color: rgba(255, 255, 255, 0.6);
      margin-top: 1em; }
      .further-info .credits p a:hover, .further-info .embed p a:hover, .further-info .legal p a:hover {
        color: #fff; }
  .further-info .credits {
    padding-bottom: 1.5rem; }
  .further-info .embed h4 {
    cursor: pointer;
    -webkit-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }
    .further-info .embed h4:hover {
      color: #fff; }
  .further-info .embed-advanced {
    display: none; }
  .further-info .legal h3, .further-info .legal h4, .further-info .legal p {
    color: #fff; }
  .further-info code, .further-info textarea {
    font-family: Courier, "Courier New", monospace;
    font-size: 12px;
    color: #1f0700;
    background: rgba(255, 255, 255, 0.5);
    padding: .5em;
    display: block;
    max-width: 40em; }
    .further-info code em, .further-info textarea em {
      font-style: normal; }
  .further-info textarea {
    display: block;
    height: 8rem;
    border: 0;
    width: 100%;
    outline: none; }
  .further-info .region-ids {
    height: 4rem; }
  .further-info.visible {
    -webkit-box-shadow: -5px 0px 38px -8px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -5px 0px 38px -8px rgba(0, 0, 0, 0.75);
    box-shadow: -5px 0px 38px -8px rgba(0, 0, 0, 0.75);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .further-info .hide-on-grid-view {
    display: none; }
    .article-view .further-info .hide-on-grid-view {
      display: block; }
  @media all and (min-width: 20em) {
    .further-info {
      width: 90%; } }
  @media all and (min-width: 40em) {
    .further-info {
      width: 60%; } }
  @media all and (min-width: 54em) {
    .further-info {
      width: 45%; } }

.tabs {
  background-color: #a09895;
  font-size: 0;
  position: relative; }
  .tabs button {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    color: #766359;
    display: inline-block;
    font-size: 13px;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 1.75;
    padding: 0 .5rem;
    outline: none;
    cursor: pointer;
    -webkit-transition: color cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
    -moz-transition: color cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
    -ms-transition: color cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
    -o-transition: color cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
    transition: color cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s; }
    .tabs button:hover {
      color: #fff; }
  .tabs .active {
    background-color: #b8b2b0;
    color: #fff; }
  .article-view .tabs {
    display: none; }
  .de .tabs button {
    width: 50%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left; }
  @media all and (min-width: 18.75em) {
    .tabs button {
      font-size: 14px;
      font-size: 4vw; }
    .ie9 .tabs button {
      font-size: 14px; } }
  @media all and (min-width: 30em) {
    .tabs button {
      padding: 0 1rem;
      font-size: 16px;
      font-size: 3.33vw; }
    .ie9 .tabs button {
      font-size: 16px; }
    .de .tabs button {
      width: auto;
      text-align: center; } }
  @media all and (min-width: 40em) {
    .tabs button {
      font-size: 21px;
      font-size: 3.28vw; }
    .ie9 .tabs button {
      font-size: 21px; } }
  @media all and (min-width: 50em) {
    .tabs button {
      font-size: 21px;
      font-size: 2.62vw; }
    .ie9 .tabs button {
      font-size: 21px; } }
  @media all and (min-width: 60em) {
    .tabs button {
      font-size: 21px;
      font-size: 2.19vw; }
    .ie9 .tabs button {
      font-size: 21px; } }
  @media all and (min-width: 70em) {
    .tabs button {
      font-size: 21px;
      font-size: 1.89vw; }
    .ie9 .tabs button {
      font-size: 21px; } }
  @media all and (min-width: 80em) {
    .tabs button {
      font-size: 21px; }
    .ie9 .tabs button {
      font-size: 21px; } }

.tab-content1 {
  display: none; }

.tabs-mobile {
  background: #856f64; }
  .tabs-mobile .btn {
    background: #856f64;
    font-family: "Source Sans Pro", sans-serif;
    border: none;
    font-size: 13px;
    font-weight: 700;
    padding: 0.5em 1em;
    color: #cccccc;
    cursor: pointer;
    outline: none;
    text-align: left;
    margin: 0; }
    .tabs-mobile .btn .name {
      font-weight: 400;
      pointer-events: none; }
  .tabs-mobile .btn-story {
    padding: .5em 1em .5em 1rem; }
  .tabs-mobile .btn-active {
    background: #faf8f8;
    color: #3c322d; }
  .tabs-mobile .btn-viz .colon {
    display: none; }
    .tabs-mobile .btn-viz .colon.visible {
      display: inline; }
  .story-linked .tabs-mobile .btn {
    width: 100%;
    font-size: 16px; }
  @media all and (min-width: 30em) {
    .tabs-mobile .btn {
      font-size: 16px; }
    .story-linked .tabs-mobile .btn {
      width: auto; } }
  @media all and (min-width: 48.0625em) {
    .tabs-mobile {
      display: none; } }

.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }