@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:300,400,700);
  body {
    background-color: #212831;
    color: #fff;
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    body.frozen {
      overflow: hidden; }
      body.error {
        overflow: hidden; }

  .wordwrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    white-space: initial !important; }

    h1, h2, h3, h4 {
      -webkit-margin-before: 0em;
      -webkit-margin-after: 0em; }

      h1, h2, h4 {
        font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-weight: 300; }

        h3 {
          font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-weight: 400;
          font-size: 26px;
          letter-spacing: 1px;
          line-height: 1.15;
          text-transform: uppercase; }

          h1 {
            font-size: 40px;
            line-height: 1.25; }

            h2 {
              font-size: 30px;
              line-height: 1.3; }

              h4 {
                font-size: 25px;
                line-height: 1.4; }

                p {
                  color: white;
                  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                  font-size: 16px;
                  font-weight: 400;
                  letter-spacing: 0.01em;
                  line-height: 26px;
                  margin: 0 0 25px !important;
                  text-align: left; }
                  p:last-child {
                    margin-bottom: 0; }
                    p sup {
                      display: inline-block;
                      margin-left: 2px;
                      margin-top: -5px; }
                      p a {
                        -webkit-transition: border-bottom 0.1s;
                        -moz-transition: border-bottom 0.1s;
                        -ms-transition: border-bottom 0.1s;
                        -o-transition: border-bottom 0.1s;
                        transition: border-bottom 0.1s;
                        border-bottom: 1px solid transparent;
                        color: #99BCD1;
                        text-decoration: none; }
                        p a:hover {
                          border-bottom: 1px solid #99BCD1; }

  a {
    color: white;
    position: relative;
    text-decoration: none; }
    a.anchor:before {
      content: "";
      left: 0;
      position: absolute;
      top: -75px; }

  table {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    background-color: white;
    color: #333;
    margin-bottom: 20px;
    width: 100%; }
    table tr {
      border-bottom: 1px solid #63737f;
      font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
      table tr:last-child {
        border-bottom: none; }
        table tr th, table tr td {
          font-size: 15px;
          line-height: 20px;
          padding: 10px; }
          table tr th {
            text-align: left; }
            table tr a {
              color: #212831; }
              table tr a:hover {
                border-bottom: 1px solid #212831; }

  ol {
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-left: 35px;
    padding: 10px 0 20px; }
    ol li {
      padding: 5px 0; }

  pre {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
    background-color: #3f464f;
    color: #eee;
    margin: 10px 0 20px;
    overflow-x: scroll;
    padding: 20px 0;
    width: 100%; }

    blockquote {
      font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-style: italic;
      padding: 0px 30px;
      margin-bottom: 20px; }
      blockquote p {
        font-size: 13px;
        font-style: normal;
        line-height: 15px;
        margin-top: 5px;
        text-align: right; }

  section .columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    max-width: 1600px; }
    @media all and (max-width: 1400px) {
      section .columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;   }
}
      @media all and (max-width: 1000px) {
        section .columns {
          -webkit-column-count: 1;
          -moz-column-count: 1;
          column-count: 1;
          -webkit-column-gap: 20px;
          -moz-column-gap: 20px;
          column-gap: 20px;   }
}
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 {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: top; }

  blockquote, q {
    quotes: none; }

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

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

        a {
          outline: 0; }

          ul {
            list-style-type: none;
            padding: 0px; }
nav ul.navLinks #country a, nav ul.navLinks #product a, nav ul.navLinks #explore a,
nav ul.navLinks #publications a, nav ul.navLinks #api a {
  padding: 25px 10px; }

ul.navLinks {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  list-style: none; }
  ul.navLinks li {
    font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 0.7;
    padding: 5px 10px;
    position: relative;
    text-transform: uppercase; }
    ul.navLinks li.active {
      opacity: 1; }
      ul.navLinks li:hover {
        cursor: pointer;
        opacity: 1; }
        ul.navLinks li a {
          color: white; }
          ul.navLinks li .sub_menu {
            background-color: #212831;
            display: none;
            left: -5px;
            padding: 0 0 5px 5px;
            position: absolute;
            top: 25px;
            width: 160%;
            z-index: 1000; }
            ul.navLinks li .sub_menu.open {
              display: block; }
              ul.navLinks li .sub_menu ul {
                display: block; }
                ul.navLinks li .sub_menu ul li {
                  display: block;
                  font-size: 11px;
                  padding: 5px 10px; }
                  ul.navLinks li .sub_menu ul li:hover {
                    opacity: 0.9; }
                    ul.navLinks li .sub_menu ul li:hover:before {
                      content: "\f0da";
                      font-family: FontAwesome;
                      opacity: 0.4;
                      position: absolute;
                      margin-top: 2px;
                      margin-left: -10px; }
                      ul.navLinks li .sub_menu ul li.active:before {
                        content: "\f0da";
                        font-family: FontAwesome;
                        position: absolute;
                        margin-top: 2px;
                        margin-left: -10px; }

#logo {
  margin: 0px;
  padding: 5px 0;
  position: relative;
  left: 17px;
  text-decoration: none; }
  @media all and (max-width: 950px) {
    #logo {
      left: 0;   }
}

nav {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  background-color: #212831;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
  padding: 15px 0; }
  nav .navLinks {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row; }
    @media all and (max-width: 950px) {
      nav .navLinks {
        display: none !important;   }
}
  nav #search_button {
    cursor: pointer;
    margin: -15px 0;
    padding: 15px; }
    nav #search_button img {
      -webkit-transition: opacity 0.1s, transform 0.5s;
      -moz-transition: opacity 0.1s, transform 0.5s;
      -ms-transition: opacity 0.1s, transform 0.5s;
      -o-transition: opacity 0.1s, transform 0.5s;
      transition: opacity 0.1s, transform 0.5s;
      opacity: 0.7;
      height: 22px;
      width: 22px; }
      nav #search_button :hover {
        cursor: pointer;
        opacity: 1; }
        nav #search_button.open img {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

#mobileNav {
  -webkit-transition: left 0.25s 0.2s;
  -moz-transition: left 0.25s 0.2s;
  -ms-transition: left 0.25s 0.2s;
  -o-transition: left 0.25s 0.2s;
  transition: left 0.25s 0.2s;
  background-color: #3f464f;
  bottom: 0;
  display: block;
  left: -400px;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  width: 400px;
  z-index: 31; }
  #mobileNav.open {
    left: 0; }
    #mobileNav .navLinks {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      padding: 16px 14px 70px 40px; }
      #mobileNav .navLinks li {
        margin: 4px 0; }
        #mobileNav .navLinks li .sub_menu {
          background-color: transparent;
          display: block;
          margin: 10px 0 0;
          padding-bottom: 0;
          position: static;
          width: auto; }
          #mobileNav .navLinks li .sub_menu ul > li {
            margin: 2px 0; }
            #mobileNav .navLinks li .sub_menu li:last-child {
              margin-bottom: 0;
              padding-bottom: 0; }
        #mobileNav .navLinks li a:focus:after, #mobileNav .navLinks li a:active:after {
          -webkit-animation: spin-right 1.5s linear infinite;
          -moz-animation: spin-right 1.5s linear infinite;
          -o-animation: spin-right 1.5s linear infinite;
          animation: spin-right 1.5s linear infinite;
          content: "";
          background-repeat: no-repeat;
          background-image: url("/static/img/nav/spinner.png");
          background-size: cover;
          display: inline-block;
          cursor: pointer;
          margin-left: 7px;
          top: 1px;
          width: 12px;
          height: 12px;
          position: relative; }
  #mobileNav .modal_close {
    cursor: pointer;
    display: block;
    margin: -15px 0;
    padding: 15px;
    position: absolute;
    top: 23px;
    width: 17px; }
    #mobileNav .modal_close img {
      -webkit-transition: opacity 0.1s, transform 0.5s 0.1s;
      -moz-transition: opacity 0.1s, transform 0.5s 0.1s;
      -ms-transition: opacity 0.1s, transform 0.5s 0.1s;
      -o-transition: opacity 0.1s, transform 0.5s 0.1s;
      transition: opacity 0.1s, transform 0.5s 0.1s;
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
      opacity: 1;
      height: 16px;
      width: 16px; }
      #mobileNav .modal_close img:hover, #mobileNav .modal_close img:focus {
        opacity: 0.7; }
  #mobileNav.open .modal_close img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
body.home {
  background: #272f38 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAOZxU3GjMhiIIHpvXVn4YIwAZAisCCyAFgQXQAkCAAiqRGXMgseLwAAAABJRU5ErkJggg==) repeat;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  body.home nav {
    background: none;
    position: static; }
    body.home nav #logo, body.home nav #search_button {
      visibility: hidden; }
  body.home #container {
    margin-top: 0;
    overflow: hidden; }
    body.home footer {
      bottom: 0;
      left: 0;
      position: fixed;
      right: 0; }
      @media all and (max-width: 768px) {
        body.home footer {
          position: static;   }
}

.bg-frame {
  height: 600px;
  margin: 10px auto 20px;
  position: relative;
  width: 600px; }
  .bg-frame .ring-pulse {
    -webkit-animation: pulse 8s ease-in infinite;
    -moz-animation: pulse 8s ease-in infinite;
    -o-animation: pulse 8s ease-in infinite;
    animation: pulse 8s ease-in infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -5; }
    .bg-frame .echo-ring {
      -webkit-animation: pulse 8s ease-in 4s infinite;
      -moz-animation: pulse 8s ease-in 4s infinite;
      -o-animation: pulse 8s ease-in 4s infinite;
      animation: pulse 8s ease-in 4s infinite; }
      .bg-frame #ring {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #212831;
        border: 1px solid #99BCD1;
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 100%;
        -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); }
        .bg-frame #ring .star-rotate {
          -webkit-animation: spin-right 120s linear infinite;
          -moz-animation: spin-right 120s linear infinite;
          -o-animation: spin-right 120s linear infinite;
          animation: spin-right 120s linear infinite;
          left: 68%;
          margin-left: -75%;
          margin-top: -75%;
          opacity: 0.4;
          position: absolute;
          top: 64%;
          width: 150%;
          z-index: 0; }
          .bg-frame #ring #big_logo {
            left: 13%;
            position: absolute;
            top: 23%;
            width: 38%; }
            .bg-frame #ring #observatory {
              left: 8%;
              position: absolute;
              top: 14%;
              width: 100%; }
              .bg-frame #ring #info {
                color: white;
                display: block;
                font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                font-size: 17.14286px;
                font-weight: 300;
                line-height: 1.4;
                position: absolute;
                text-align: center;
                bottom: 12%;
                right: 18%; }
                .bg-frame #ring #info a {
                  -webkit-transition: color 2s, opacity 1s;
                  -moz-transition: color 2s, opacity 1s;
                  -ms-transition: color 2s, opacity 1s;
                  -o-transition: color 2s, opacity 1s;
                  transition: color 2s, opacity 1s;
                  border-bottom: 1px solid transparent;
                  color: #99BCD1;
                  display: inline-block;
                  font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                  font-weight: 400;
                  font-size: 75%;
                  margin: 2%;
                  opacity: 0.8;
                  text-transform: uppercase; }
                  .bg-frame #ring #info a i {
                    -webkit-transition: color 3s;
                    -moz-transition: color 3s;
                    -ms-transition: color 3s;
                    -o-transition: color 3s;
                    transition: color 3s;
                    font-size: 70%;
                    margin-top: 5%; }
                    .bg-frame #ring #info a:hover {
                      opacity: 1;
                      color: white; }
        .bg-frame #ring #search_home {
          -webkit-transition: text-shadow 1.5s, opacity 3s;
          -moz-transition: text-shadow 1.5s, opacity 3s;
          -ms-transition: text-shadow 1.5s, opacity 3s;
          -o-transition: text-shadow 1.5s, opacity 3s;
          transition: text-shadow 1.5s, opacity 3s;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          border-radius: 2px;
          bottom: 10%;
          border-bottom: 1px solid #63737f;
          color: #fff;
          cursor: pointer;
          display: block;
          font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-weight: 300;
          left: 33%;
          opacity: 0.8;
          padding-bottom: 3px;
          position: absolute;
          width: 37%; }
          .bg-frame #ring #search_home:hover {
            -webkit-text-shadow: 0 0 2px #eee;
            -moz-text-shadow: 0 0 2px #eee;
            text-shadow: 0 0 2px #eee;
            opacity: 1; }
            .bg-frame #ring #search_home img {
              margin-bottom: -5px;
              margin-right: 0;
              margin-top: 5px;
              padding-right: 3px;
              position: relative;
              top: 0;
              width: 6%; }
  .bg-frame #launch_vid img {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    width: 21.42857px;
    height: 21.42857px;
    cursor: pointer;
    display: block;
    margin: 0 auto 3px;
    opacity: 0.7; }
    .bg-frame #launch_vid img:hover {
      opacity: 1; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.1;   }
    100% {
      -webkit-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      opacity: 0;   }
}

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.1;   }
    100% {
      -webkit-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      opacity: 0;   }
}

@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.1;   }
    100% {
      -webkit-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      opacity: 0;   }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0.1;   }
    100% {
      -webkit-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      opacity: 0;   }
}

@-webkit-keyframes spin-right {
  0% {
    opacity: 0.2;   }
    20% {
      opacity: 0.6;   }
      50% {
        opacity: 0.3;   }
        90% {
          opacity: 0.5;   }
          100% {
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
            opacity: 0.2;   }
}

@-moz-keyframes spin-right {
  0% {
    opacity: 0.2;   }
    20% {
      opacity: 0.6;   }
      50% {
        opacity: 0.3;   }
        90% {
          opacity: 0.5;   }
          100% {
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
            opacity: 0.2;   }
}

@-o-keyframes spin-right {
  0% {
    opacity: 0.2;   }
    20% {
      opacity: 0.6;   }
      50% {
        opacity: 0.3;   }
        90% {
          opacity: 0.5;   }
          100% {
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
            opacity: 0.2;   }
}

@keyframes spin-right {
  0% {
    opacity: 0.2;   }
    20% {
      opacity: 0.6;   }
      50% {
        opacity: 0.3;   }
        90% {
          opacity: 0.5;   }
          100% {
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
            opacity: 0.2;   }
}
#launch {
  background-color: rgba(40, 40, 40, 0.7); }
  #launch iframe {
    -webkit-box-shadow: 0 0 200px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 200px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 200px rgba(0, 0, 0, 0.6); }

#search {
  background-color: #212831; }

  #search, #launch {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 40; }
    #search.visible, #launch.visible {
      opacity: 1; }
      #search #search_close img, #launch #search_close img {
        background-color: #212831; }
        #search #search_close, #search .modal_close, #launch #search_close,
        #launch .modal_close {
          cursor: pointer;
          padding: 15px;
          position: absolute;
          margin: 8px 0 0 -5px;
          right: 0;
          top: 0; }
          #search #search_close img, #search .modal_close img, #launch #search_close img,
          #launch .modal_close img {
            -webkit-transition: opacity 0.1s, transform 0.5s;
            -moz-transition: opacity 0.1s, transform 0.5s;
            -ms-transition: opacity 0.1s, transform 0.5s;
            -o-transition: opacity 0.1s, transform 0.5s;
            transition: opacity 0.1s, transform 0.5s;
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
            opacity: 1;
            height: 16px;
            width: 16px; }
            #search #search_close img:hover, #search #search_close img:focus,
            #search .modal_close img:hover, #search .modal_close img:focus,
            #launch #search_close img:hover, #launch #search_close img:focus,
            #launch .modal_close img:hover, #launch .modal_close img:focus {
              opacity: 0.7; }
          #search #search_close.open img, #search .modal_close.open img,
          #launch #search_close.open img, #launch .modal_close.open img {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
            #search #search_close div, #search .modal_close div, #launch #search_close div,
            #launch .modal_close div {
              -webkit-transition: opacity 1s 2s;
              -moz-transition: opacity 1s 2s;
              -ms-transition: opacity 1s 2s;
              -o-transition: opacity 1s 2s;
              transition: opacity 1s 2s;
              font-size: 9px;
              margin: 1px 0 0 -4px;
              opacity: 0.4;
              position: absolute;
              text-transform: uppercase; }
    #search .modal_body, #launch .modal_body {
      padding: 50px 35px;
      text-align: center; }
      #search #search_div, #launch #search_div {
        padding: 50px 35px 0;
        text-align: left;
        width: 93%; }
        #search #search_div #search_input, #launch #search_div #search_input {
          background-color: transparent;
          border: 0;
          border-bottom: 1px solid #63737f;
          font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-size: 30px;
          font-weight: 300;
          color: white;
          margin-bottom: 15px;
          width: 100%; }
          #search #search_div #search_input:focus, #launch #search_div #search_input:focus {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            outline: none; }
            #search #search_div #search_input::-webkit-input-placeholder,
            #launch #search_div #search_input::-webkit-input-placeholder {
              font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
              font-weight: 300;
              color: #63737f; }
              #search #search_div #search_input:-moz-placeholder,
              #launch #search_div #search_input:-moz-placeholder {
                font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                font-weight: 300;
                color: #63737f; }
                #search #search_div #search_input::-moz-placeholder,
                #launch #search_div #search_input::-moz-placeholder {
                  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                  font-weight: 300;
                  color: #63737f; }
                  #search #search_div #search_input:-ms-input-placeholder,
                  #launch #search_div #search_input:-ms-input-placeholder {
                    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                    font-weight: 300;
                    color: #63737f; }
        #search #search_div #search_modes, #launch #search_div #search_modes {
          text-align: center;
          -webkit-font-smoothing: antialiased;
          -moz-font-smoothing: antialiased;
          font-smoothing: antialiased; }
          #search #search_div #search_modes .d3plus_toggle > *,
          #launch #search_div #search_modes .d3plus_toggle > * {
            margin: 0 5px !important; }
            @media all and (max-width: 480px) {
              #search #search_div #search_modes .d3plus_toggle > *,
              #launch #search_div #search_modes .d3plus_toggle > * {
                margin: 0 3px !important;   }
}
          #search #search_div #search_modes .d3plus_node,
          #launch #search_div #search_modes .d3plus_node {
            -webkit-transition: color 1.5s;
            -moz-transition: color 1.5s;
            -ms-transition: color 1.5s;
            -o-transition: color 1.5s;
            transition: color 1.5s;
            background-color: transparent !important;
            border: 0 !important;
            color: #bbbdc0 !important;
            border-bottom: 1px solid #bbbdc0 !important; }
            #search #search_div #search_modes .d3plus_node:hover,
            #launch #search_div #search_modes .d3plus_node:hover {
              color: #fff !important; }
              #search #search_div #search_modes .d3plus_node.d3plus_button_active,
              #launch #search_div #search_modes .d3plus_node.d3plus_button_active {
                color: white !important;
                border-bottom: 1px solid #6297cb !important; }
                #search #search_div #search_modes .d3plus_node.d3plus_button_active .d3plus_button_label,
                #launch #search_div #search_modes .d3plus_node.d3plus_button_active .d3plus_button_label {
                  opacity: 1;
                  text-transform: uppercase; }
                  #search #search_div #search_modes .d3plus_node.d3plus_button_active .d3plus_button_label:hover,
                  #launch #search_div #search_modes .d3plus_node.d3plus_button_active .d3plus_button_label:hover {
                    opacity: 0.8 !important; }
          #search #search_div #search_modes .d3plus_button_label,
          #launch #search_div #search_modes .d3plus_button_label {
            font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
            font-size: 13px;
            font-weight: 400;
            letter-spacing: 1px;
            opacity: 1;
            padding: 6px 10px !important;
            text-transform: uppercase; }
            @media all and (max-width: 480px) {
              #search #search_div #search_modes .d3plus_button_label,
              #launch #search_div #search_modes .d3plus_button_label {
                font-size: 11px;
                padding: 6px 0 !important;   }
}
              #search #search_div #search_modes .d3plus_button_label:hover,
              #launch #search_div #search_modes .d3plus_button_label:hover {
                opacity: 0.7 !important; }
    #search #search_results, #launch #search_results {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-content: flex-start;
      align-content: flex-start;
      margin-top: 35px;
      overflow-x: hidden;
      overflow-y: scroll;
      width: 93%;
      height: 100%; }
      #search #search_results h1, #launch #search_results h1 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        #search #search_results .search-loading, #search #search_results .search-error,
        #launch #search_results .search-loading, #launch #search_results .search-error {
          font-size: 30px;
          line-height: 30px;
          text-align: center;
          padding-top: 21vh; }
          #search #search_results .search_group, #launch #search_results .search_group {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin: 0 10px;
            text-align: center; }
            #search #search_results .search_group > h1,
            #launch #search_results .search_group > h1 {
              color: #63737f;
              font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
              font-weight: 400;
              font-size: 20px;
              letter-spacing: 1px;
              line-height: 1.15;
              margin-bottom: -10px;
              text-transform: uppercase; }
              #search #search_results .search_group .result,
              #launch #search_results .search_group .result {
                margin: 25px auto; }
      #search #search_results .result, #launch #search_results .result {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
        background-attachment: center center;
        background-position: fixed;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin: 25px;
        height: 90px;
        min-width: 250px;
        max-width: 500px;
        overflow: hidden;
        position: relative;
        text-align: left;
        z-index: 0; }
        @media all and (max-width: 480px) {
          #search #search_results .result, #launch #search_results .result {
            -webkit-box-flex: initial;
            -moz-box-flex: initial;
            -webkit-flex: initial;
            -ms-flex: initial;
            flex: initial;
            margin: 10px;
            height: 80px;   }
}
          @media all and (max-width: 768px) {
            #search #search_results .result, #launch #search_results .result {
              min-width: auto;
              max-width: auto;   }
}
            #search #search_results .result .button_cover,
            #launch #search_results .result .button_cover {
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              background-color: #272f38;
              border: 1px solid #63737f;
              height: 100%;
              left: 0;
              opacity: 0.7;
              position: absolute;
              top: 0;
              width: 100%; }
              #search #search_results .result .icon, #launch #search_results .result .icon {
                margin: 0 15px;
                max-height: 40px;
                max-width: 40px;
                min-height: 40px;
                min-width: 40px;
                z-index: 2;
                -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
                filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5)); }
                #search #search_results .result h1, #launch #search_results .result h1 {
                  color: #ddd;
                  font-size: 20px;
                  font-weight: 400;
                  line-height: 25px;
                  margin-bottom: 0;
                  margin-right: 15px;
                  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
                  z-index: 2; }
                  #search #search_results .result:hover, #search #search_results .result:focus,
                  #launch #search_results .result:hover, #launch #search_results .result:focus {
                    -webkit-box-shadow: 0 2px 0 #6297cb;
                    -moz-box-shadow: 0 2px 0 #6297cb;
                    box-shadow: 0 2px 0 #6297cb;
                    border-bottom: none; }
                    #search #search_results .result:focus h1:after,
                    #search #search_results .result:active h1:after,
                    #launch #search_results .result:focus h1:after,
                    #launch #search_results .result:active h1:after {
                      -webkit-animation: spin-right 1.5s linear infinite;
                      -moz-animation: spin-right 1.5s linear infinite;
                      -o-animation: spin-right 1.5s linear infinite;
                      animation: spin-right 1.5s linear infinite;
                      content: "";
                      background-repeat: no-repeat;
                      background-image: url("/static/img/nav/spinner.png");
                      background-size: cover;
                      display: inline-block;
                      cursor: pointer;
                      margin-left: 5px;
                      top: 3px;
                      width: 20px;
                      height: 20px;
                      position: relative; }
    #search #explore .result, #launch #explore .result {
      background-color: #3f464f !important; }
#container {
  margin-top: 65px; }
  #container #content {
    margin: 0 auto; }
    #container #content header {
      min-height: 150px;
      overflow: hidden;
      position: relative;
      -webkit-transform: translateZ(0);
      width: 100%;
      z-index: 5; }
      @media all and (max-width: 768px) {
        #container #content header {
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          flex-direction: column;   }
}
        #container #content header h1 {
          color: #fff;
          position: relative;
          width: 100%; }
          @media all and (max-width: 768px) {
            #container #content header h1 {
              font-size: 35px;
              width: auto;   }
}
      #container #content header .header_image {
        background: -moz-linear-gradient(top, #212831 0%, rgba(33, 40, 49, 0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212831),
                color-stop(100%, rgba(33, 40, 49, 0)));
        background: -webkit-linear-gradient(top, #212831 0%, rgba(33, 40, 49, 0) 100%);
        background: -o-linear-gradient(top, #212831 0%, rgba(33, 40, 49, 0) 100%);
        background: -ms-linear-gradient(top, #212831 0%, rgba(33, 40, 49, 0) 100%);
        background: linear-gradient(to bottom, #212831, rgba(33, 40, 49, 0));
        left: 0;
        position: absolute;
        top: 0;
        min-height: 150px;
        width: 100%; }
        #container #content header .header_image img {
          -webkit-transition: opacity 0.25s;
          -moz-transition: opacity 0.25s;
          -ms-transition: opacity 0.25s;
          -o-transition: opacity 0.25s;
          transition: opacity 0.25s;
          display: block;
          opacity: 0;
          position: relative;
          z-index: -1; }
          #container #content header .header_image img.loaded {
            opacity: 1; }
    #container #content section {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row; }
      @media all and (max-width: 768px) {
        #container #content section {
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          flex-direction: column;   }
}
        #container #content section aside {
          margin: 0 30px;
          width: 250px; }
          @media all and (max-width: 768px) {
            #container #content section aside {
              width: auto !important;   }
}
      #container #content section content {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 30px 20px 0; }
        @media all and (max-width: 768px) {
          #container #content section content {
            margin: 0 30px;   }
}
          #container #content section content ul {
            margin: 20px 0; }
            #container #content section content ul li {
              margin-left: 30px;
              padding: 5px 0; }
        #container #content section content .viz {
          display: block;
          height: 450px;
          width: 100%; }
  #container footer {
    color: #d1d2d4;
    font-size: 10px;
    margin: 65px auto 5px;
    text-align: center; }
    @media all and (max-width: 768px) {
      #container footer {
        margin-top: 30px !important;   }
}
      #container footer a {
        color: #99BCD1; }
        #container footer a:hover {
          -webkit-text-shadow: 0 0 1px #fff;
          -moz-text-shadow: 0 0 1px #fff;
          text-shadow: 0 0 1px #fff;
          -webkit-transition: text-shadow 1s;
          -moz-transition: text-shadow 1s;
          -ms-transition: text-shadow 1s;
          -o-transition: text-shadow 1s;
          transition: text-shadow 1s;
          color: #fff; }
    #container footer #mc {
      display: inline-block;
      margin-bottom: -5px; }
      #container footer img, #container footer a {
        -webkit-transition: opacity 1.5s;
        -moz-transition: opacity 1.5s;
        -ms-transition: opacity 1.5s;
        -o-transition: opacity 1.5s;
        transition: opacity 1.5s;
        opacity: 0.8; }
        #container footer img :hover, #container footer a :hover {
          opacity: 1; }
    #container footer div {
      max-width: 770px;
      margin: 0 auto;
      padding: 0 20px; }
      #container footer ul {
        margin-top: 10px; }
        #container footer ul li {
          display: inline-block;
          margin: 1px 5px; }
#hamburger {
  cursor: pointer;
  display: none;
  cursor: pointer;
  margin: -15px 5px -15px 0;
  padding: 15px;
  z-index: 8; }
  @media all and (max-width: 950px) {
    #hamburger {
      display: block;   }
}
    #hamburger img {
      -webkit-transition: opacity 0.1s, height 0.2s, transform 0.4s 0.1s;
      -moz-transition: opacity 0.1s, height 0.2s, transform 0.4s 0.1s;
      -ms-transition: opacity 0.1s, height 0.2s, transform 0.4s 0.1s;
      -o-transition: opacity 0.1s, height 0.2s, transform 0.4s 0.1s;
      transition: opacity 0.1s, height 0.2s, transform 0.4s 0.1s;
      opacity: 0.7;
      width: 17px;
      height: 12px;
      margin-top: 4px; }
      #hamburger img.open {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        height: 2px; }
        #hamburger img:hover {
          opacity: 1; }

#mask {
  background-color: transparent;
  bottom: 0;
  cursor: pointer;
  display: none;
  left: 0;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 30; }
  #mask.visible {
    display: block; }
body.profile.frozen h1 {
  margin: 0;
  padding-top: 0; }

body.profile {
  background-color: #212831; }
  body.profile h1 {
    line-height: 1;
    margin: 0 30px -5px;
    padding-top: 40px; }
    @media all and (max-width: 768px) {
      body.profile h1 {
        margin: 0px 30px;   }
}
  body.profile h2 {
    margin-bottom: 20px;
    line-height: 1.1; }
    body.profile article aside {
      margin: 30px !important; }
      body.profile article aside a.deep-link {
        -webkit-transition: color 1s;
        -moz-transition: color 1s;
        -ms-transition: color 1s;
        -o-transition: color 1s;
        transition: color 1s;
        color: #6297cb !important;
        border-bottom: none !important; }
        body.profile article aside a.deep-link:hover {
          border-bottom: none !important;
          color: #fff !important; }
    body.profile article content {
      margin: 30px !important; }
      body.profile article.intro-article {
        background-color: white;
        color: #333; }
        body.profile article.intro-article p {
          color: #333;
          text-align: left; }
          body.profile article.intro-article p a {
            color: #5083b5; }
            body.profile article.intro-article p a:hover {
              border-bottom: 1px solid #5083b5; }
    body.profile article.titled-section, body.profile article.viz-article {
      background-color: #212831;
      color: white; }
      body.profile article.titled-section p, body.profile article.viz-article p {
        color: white; }
        body.profile article.titled-section p a, body.profile article.viz-article p a {
          color: #99BCD1; }
          body.profile article.titled-section p a:hover,
          body.profile article.viz-article p a:hover {
            border-bottom: 1px solid #99BCD1; }
  body.profile article.viz-article,
  body.profile article.viz-article + article.titled-section,
  body.profile article .profile_header {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased; }
    body.profile article .profile_header p img {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: none;
      margin: 10px 0 0 0;
      width: 100%; }
      body.profile article .profile_header #title {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        margin: 20px 10px; }
        @media all and (max-width: 768px) {
          body.profile article .profile_header #title {
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center;   }
}
          body.profile article .profile_header #title .icon {
            -webkit-box-flex: none;
            -moz-box-flex: none;
            -webkit-flex: none;
            -ms-flex: none;
            flex: none;
            height: 80px;
            margin: 0 20px 0 0;
            width: 80px;
            z-index: 10; }
            @media all and (max-width: 768px) {
              body.profile article .profile_header #title .icon {
                height: 60px;
                width: 60px;   }
}
        body.profile article .profile_header #title h1 {
          font-size: 65px;
          margin: 0;
          padding: 0; }
          body.profile article .profile_header #title h1:hover {
            cursor: pointer; }
            body.profile article .profile_header #title h1 i {
              opacity: 0.5; }
              body.profile article .profile_header #title h1 sub {
                color: white;
                display: block;
                font-size: 11px;
                text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
                body.profile article .profile_header #title h1:after {
                  content: url('/static/img/nav/search.png');
                  -webkit-transition: opacity 1s;
                  -moz-transition: opacity 1s;
                  -ms-transition: opacity 1s;
                  -o-transition: opacity 1s;
                  transition: opacity 1s;
                  opacity: 0;
                  position: absolute;
                  margin-left: 15px;
                  margin-top: 2px;
                  cursor: pointer; }
                  @media all and (max-width: 768px) {
                    body.profile article .profile_header #title h1:after {
                      display: none;   }
}
          body.profile article .profile_header #title h1:hover:after {
            opacity: 0.9; }
    body.profile article .profile_header .author {
      -webkit-transition: opacity 0.5s;
      -moz-transition: opacity 0.5s;
      -ms-transition: opacity 0.5s;
      -o-transition: opacity 0.5s;
      transition: opacity 0.5s;
      bottom: 3px;
      color: white;
      font-size: 9px;
      font-weight: 400;
      opacity: 0;
      position: absolute;
      right: 7px;
      text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
      body.profile article .profile_header .author i {
        display: inline-block;
        margin: 2px 5px 0; }
        body.profile article .profile_header .author a {
          color: white; }
          body.profile article .profile_header .author a:hover {
            border-color: transparent; }
    body.profile article .profile_header .share {
      position: absolute;
      right: 3px;
      top: 0;
      padding: 13px;
      margin: -13px 0;
      cursor: pointer;
      height: 22px;
      width: 22px; }
      body.profile article .profile_header .share img {
        -webkit-transition: opacity 0.5s, transform 0.5s;
        -moz-transition: opacity 0.5s, transform 0.5s;
        -ms-transition: opacity 0.5s, transform 0.5s;
        -o-transition: opacity 0.5s, transform 0.5s;
        transition: opacity 0.5s, transform 0.5s;
        opacity: 0.7;
        height: 22px;
        width: 22px; }
        body.profile article .profile_header .share:hover img {
          opacity: 1; }
          body.profile article .profile_header .share .drawer {
            height: auto;
            margin: 18px 8px 15px 0;
            overflow: hidden;
            position: absolute;
            top: 0;
            right: 30px;
            width: 50px; }
            body.profile article .profile_header .share .drawer-content {
              -webkit-transition: right 1s, opacity 1s 0.25s;
              -moz-transition: right 1s, opacity 1s 0.25s;
              -ms-transition: right 1s, opacity 1s 0.25s;
              -o-transition: right 1s, opacity 1s 0.25s;
              transition: right 1s, opacity 1s 0.25s;
              opacity: 0;
              position: relative;
              right: -50px;
              top: 0; }
              body.profile article .profile_header .share .drawer-content i {
                -webkit-transition: opacity 0.5s;
                -moz-transition: opacity 0.5s;
                -ms-transition: opacity 0.5s;
                -o-transition: opacity 0.5s;
                transition: opacity 0.5s;
                display: inline-block;
                font-size: 17px;
                opacity: 0.7;
                text-align: center;
                width: 25px;
                height: 25px; }
                body.profile article .profile_header .share .drawer-content i:hover {
                  opacity: 1; }
      body.profile article .profile_header .share.open img {
        opacity: 1; }
        body.profile article .profile_header .share.open .drawer-content {
          opacity: 1;
          right: 0; }
      @media all and (min-width: 769px) {
        body.profile article .profile_header .share img {
          display: none;   }
          body.profile article .profile_header .share .drawer {
            margin-top: 13px;
            right: 4px;
            width: 25px;   }
            body.profile article .profile_header .share .drawer-content {
              opacity: 1;
              right: 0;   }
              body.profile article .profile_header .share .drawer-content i {
                display: block;
                font-size: 20px;
                margin-bottom: 5px;   }
}
    body.profile article .profile_header #stats {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      position: relative; }
      body.profile article .profile_header #stats {
        margin: 20px; }
        @media all and (max-width: 600px) {
          body.profile article .profile_header #stats {
            margin: 0 10px !important;   }
}
    body.profile article .profile_header.country #title,
    body.profile article .profile_header.country #stats {
      margin-left: 310px; }
      @media all and (max-width: 768px) {
        body.profile article .profile_header.country #title,
        body.profile article .profile_header.country #stats {
          margin-left: 10px;   }
}
    body.profile article .profile_header:hover .author {
      opacity: 1; }
      body.profile article .profile_header:hover .coords {
        fill: white;
        opacity: 0.25;
        stroke: #212831; }
        body.profile article .profile_header:hover .coords.focus {
          opacity: 1; }
    body.profile article .profile_header .stat {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      flex-direction: column;
      color: white;
      margin-right: 30px;
      margin-top: 20px; }
      body.profile article .profile_header .stat:last-child {
        margin-right: 0; }
        @media all and (max-width: 1024px) {
          body.profile article .profile_header .stat {
            margin: 10px;   }
}
          @media all and (max-width: 600px) {
            body.profile article .profile_header .stat {
              -webkit-box-flex: 1 1 40%;
              -moz-box-flex: 1 1 40%;
              -webkit-flex: 1 1 40%;
              -ms-flex: 1 1 40%;
              flex: 1 1 40%;
              margin: 0 0 10px !important;
              min-width: 40%;   }
}
            body.profile article .profile_header .stat .stat_text {
              -webkit-justify-content: center;
              -moz-justify-content: center;
              justify-content: center;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-flex-direction: row;
              -moz-flex-direction: row;
              flex-direction: row;
              -webkit-align-items: center;
              align-items: center;
              -webkit-justify-content: center;
              -moz-justify-content: center;
              justify-content: center; }
              @media all and (max-width: 1024px) {
                body.profile article .profile_header .stat .stat_text {
                  -webkit-flex-direction: column;
                  -moz-flex-direction: column;
                  flex-direction: column;
                  -webkit-justify-content: center;
                  -moz-justify-content: center;
                  justify-content: center;
                  text-align: center;   }
                  body.profile article .profile_header .stat .stat_text h3 {
                    margin: 0 10px 0 0 !important;   }
                    body.profile article .profile_header .stat .stat_text h3 .suffix {
                      display: inline !important;
                      vertical-align: middle;   }
}
              @media all and (max-width: 600px) {
                body.profile article .profile_header .stat .stat_text h3 {
                  font-size: 20px !important;
                  margin: 0 10px !important;   }
                  body.profile article .profile_header .stat .stat_text sub {
                    font-size: 12px !important;   }
}
              body.profile article .profile_header .stat .stat_text h3 {
                -webkit-box-flex: none;
                -moz-box-flex: none;
                -webkit-flex: none;
                -ms-flex: none;
                flex: none;
                font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                font-size: 32px;
                font-weight: 300;
                text-align: right; }
                body.profile article .profile_header .stat .stat_text h3 .suffix {
                  display: block;
                  font-size: 12px;
                  font-weight: 400; }
              body.profile article .profile_header .stat .stat_text sub {
                -webkit-box-flex: none;
                -moz-box-flex: none;
                -webkit-flex: none;
                -ms-flex: none;
                flex: none;
                font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                font-size: 14px;
                font-weight: 700;
                text-transform: uppercase; }
                body.profile article .profile_header .stat .stat_text sub .rank {
                  display: block;
                  font-size: 10px;
                  font-weight: 400;
                  white-space: nowrap; }
      body.profile article .profile_header .stat .sparkline {
        height: 35px;
        margin: 10px 0; }
        @media all and (max-width: 600px) {
          body.profile article .profile_header .stat .sparkline {
            display: none;   }
}
          body.profile article .profile_header .stat .sparkline .sparkpath {
            fill: none;
            stroke: white;
            stroke-width: 2px; }
      body.profile article .profile_header .stat .years {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between; }
        @media all and (max-width: 600px) {
          body.profile article .profile_header .stat .years {
            display: none;   }
}
      body.profile article .profile_header .stat .year {
        font-size: 11px;
        font-weight: 700;
        opacity: 0.9; }
        body.profile article .profile_header .stat .stat_flag {
          text-align: center; }
          body.profile article .profile_header .stat .stat_flag img {
            height: 60px;
            width: 60px; }
            @media all and (max-width: 600px) {
              body.profile article .profile_header .stat .stat_flag {
                display: none;   }
}
  body.profile .stat {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    color: white;
    margin-right: 35px;
    margin-top: 20px; }
    body.profile .stat .stat_text {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center; }
      body.profile .stat .stat_text h3 {
        -webkit-box-flex: none;
        -moz-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 32px;
        font-weight: 300;
        margin: 0 10px 0 0 !important; }
        body.profile .stat .stat_text sub {
          font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-size: 14px;
          font-weight: 700;
          text-transform: uppercase; }
          body.profile .stat .stat_text sub .rank {
            display: block;
            font-size: 10px;
            font-weight: 400;
            white-space: nowrap; }
    body.profile .stat .sparkline {
      height: 35px;
      margin: 10px 0;
      width: 100%; }
      body.profile .stat .sparkline .sparkpath {
        fill: none;
        stroke: white;
        stroke-width: 2px; }
    body.profile .stat .years {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
      body.profile .stat .year {
        font-size: 11px;
        font-weight: 700;
        opacity: 0.9; }
        body.profile .stat#eci {
          color: #333;
          width: 100%; }
          body.profile .stat#eci .stat_text h3 {
            -webkit-box-flex: none;
            -moz-box-flex: none;
            -webkit-flex: none;
            -ms-flex: none;
            flex: none;
            font-size: 70px;
            font-weight: 300; }
            body.profile .stat#eci .stat_text sub {
              font-size: 15px;
              line-height: 18px;
              margin-top: 3px; }
              body.profile .stat#eci .stat_text sub .rank {
                font-size: 12px; }
          body.profile .stat#eci .sparkline {
            height: 50px;
            margin: 10px 0;
            width: 100%; }
            body.profile .stat#eci .sparkline .sparkpath {
              fill: none;
              stroke: #212831;
              stroke-width: 2px; }
          body.profile .stat#eci .years {
            width: 100%; }
  body.profile .viz #d3plus_drawer {
    margin-bottom: -15px; }
    body.profile .viz #d3plus_drawer .d3plus_title {
      font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
      font-size: 12px !important;
      font-weight: 400 !important;
      text-transform: uppercase; }
  body.profile article.intro-article content {
    margin: 45px 30px 30px 0 !important; }
    @media all and (max-width: 768px) {
      body.profile article.intro-article content {
        margin: 0 30px 30px !important;   }
}
  body.profile article.intro-article aside {
    margin-top: 43px !important; }
    @media all and (max-width: 768px) {
      body.profile article.intro-article aside {
        margin-top: 30px !important;   }
}
  body.profile article.intro-article div.columns p {
    text-align: justify; }
    @media all and (max-width: 768px) {
      body.profile article.intro-article div.columns p {
        text-align: left;   }
}
  body.profile article.intro-article #topojson {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #aaa;
    height: 250px;
    opacity: 1;
    position: relative;
    width: 250px;
    z-index: 10; }
    body.profile article.intro-article #topojson.loaded {
      opacity: 1; }
      body.profile article.intro-article #topojson .coords {
        fill: white;
        opacity: 0.25;
        stroke: #63737f; }
        body.profile article.intro-article #topojson .coords.focus {
          opacity: 1; }
    @media all and (max-width: 768px) {
      body.profile article.intro-article #topojson {
        display: none;   }
}
  body.profile article.product ~ article.titled-section h1 {
    border-top: 0; }
  body.profile article.viz-article p {
    text-align: left; }
    body.profile article.viz-article content {
      margin: 30px 30px 30px 0 !important; }
      @media all and (max-width: 768px) {
        body.profile article.viz-article content {
          margin: -30px 0 45px 0 !important;   }
}
  body.profile article.titled-section h1 {
    border-top: 1px solid #63737f; }
    @media all and (max-width: 768px) {
      body.profile article.titled-section h1 {
        border-top: 0;   }
}
  body.profile article.titled-section p {
    text-align: left; }
    body.profile article.titled-section p img {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: none;
      margin: 20px 0 0 0;
      width: 100%; }
      @media all and (max-width: 768px) {
        body.profile article.titled-section p img {
          width: 50%;
          margin: 20px 25%;   }
}
  body.profile article.titled-section content {
    margin: 30px 30px 30px 0 !important; }
    @media all and (max-width: 768px) {
      body.profile article.titled-section content {
        margin: -30px 0 45px 0 !important;   }
}
  @media all and (max-width: 768px) {
    body.profile article.titled-section section.subtitle-section aside {
      margin: 0 30px !important;   }
}
  body.profile article.titled-section section.subtitle-section content {
    margin: 30px 0 !important; }
    body.profile article.titled-section section.subtitle-section content p {
      margin-bottom: 0 !important; }
  body.profile article .prof-nav {
    width: 100%; }
    body.profile article .prof-nav a.profile_button {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      background: -moz-linear-gradient(top, transparent 0%, #212831 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent),
            color-stop(100%, #212831));
      background: -webkit-linear-gradient(top, transparent 0%, #212831 100%);
      background: -o-linear-gradient(top, transparent 0%, #212831 100%);
      background: -ms-linear-gradient(top, transparent 0%, #212831 100%);
      background: linear-gradient(to bottom, transparent, #212831);
      background-attachment: center center;
      background-position: fixed;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 150px;
      margin-top: 6px;
      overflow: hidden;
      position: relative;
      width: 50%; }
      @media all and (max-width: 768px) {
        body.profile article .prof-nav a.profile_button {
          width: 100%;   }
}
        body.profile article .prof-nav a.profile_button .button_cover {
          background-color: rgba(0, 0, 0, 0.5);
          height: 100%;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%; }
          body.profile article .prof-nav a.profile_button i {
            -webkit-box-flex: none;
            -moz-box-flex: none;
            -webkit-flex: none;
            -ms-flex: none;
            flex: none;
            font-size: 35px;
            margin: 6px 10px 0;
            opacity: 0.8;
            z-index: 1; }
            body.profile article .prof-nav a.profile_button h1 {
              font-size: 50px;
              line-height: 50px;
              margin: 0;
              opacity: 0.8;
              padding: 0;
              -webkit-text-shadow: 1px 1px 6px #212831;
              -moz-text-shadow: 1px 1px 6px #212831;
              text-shadow: 1px 1px 6px #212831;
              z-index: 1; }
              body.profile article .prof-nav a.profile_button .icon {
                -webkit-box-flex: none;
                -moz-box-flex: none;
                -webkit-flex: none;
                -ms-flex: none;
                flex: none;
                margin: 3px 15px 0;
                max-height: 50px;
                z-index: 1; }
                body.profile article .prof-nav a.profile_button:hover i,
                body.profile article .prof-nav a.profile_button:hover h1 {
                  opacity: 1; }
      body.profile article .prof-nav a.profile_button.prev {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        margin-right: 3px;
        text-align: left; }
        body.profile article .prof-nav a.profile_button.prev i {
          padding-left: 20px; }
          @media all and (max-width: 768px) {
            body.profile article .prof-nav a.profile_button.prev {
              margin-right: 0;   }
}
      body.profile article .prof-nav a.profile_button.next {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        margin-left: 3px;
        text-align: right; }
        body.profile article .prof-nav a.profile_button.next i {
          padding-right: 20px; }
          @media all and (max-width: 768px) {
            body.profile article .prof-nav a.profile_button.next {
              margin-left: 0;   }
}
  body.profile ul.hierarchy.contents {
    border: 0;
    padding-left: 0; }
    body.profile ul.hierarchy.contents.country {
      margin-top: 20px; }
      @media all and (max-width: 768px) {
        body.profile ul.hierarchy.contents.country {
          margin-top: -20px;
          margin-bottom: -20px;   }
}
    body.profile ul.hierarchy.contents li a {
      color: #6297cb; }
  body.profile ul.hierarchy {
    border: 1px solid #BBBDC0;
    color: #212831;
    display: block;
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    list-style-type: none;
    margin-bottom: 45px;
    overflow: scroll;
    padding: 5px 20px 15px 15px; }
    @media all and (max-width: 768px) {
      body.profile ul.hierarchy {
        margin-bottom: 0;   }
}
      body.profile ul.hierarchy li {
        padding: 3px 0; }
        body.profile ul.hierarchy li a {
          color: #5083b5;
          font-size: 16px;
          line-height: 1.3; }
          body.profile ul.hierarchy li a:hover {
            opacity: 0.7; }
            body.profile ul.hierarchy li a span {
              font-weight: 700; }
    body.profile ul.hierarchy .depth2 {
      font-size: 22px;
      line-height: 35px; }
      body.profile ul.hierarchy .depth6 {
        margin-left: 10px; }
        body.profile ul.hierarchy .depth8 {
          margin-left: 20px; }
  body.profile article.dataviva {
    background: white url('/static/img/dataviva.png') repeat-x 0 0;
    color: #333; }
    body.profile article.dataviva h1 {
      border-top: 0; }
      body.profile article.dataviva p {
        color: #333; }
        body.profile article.dataviva p a:hover {
          border-bottom: 0; }
  body.profile article.pantheon {
    background-color: #F4F4F1;
    color: #333; }
    body.profile article.pantheon p {
      color: #333; }
      body.profile article.pantheon p a:hover {
        border-bottom: 0; }
    body.profile article.pantheon h1 {
      border-top: 0; }
body.visualize {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  body.visualize #visualize_share {
    position: fixed;
    right: 13px;
    top: 54px;
    z-index: 21; }
    body.visualize #visualize_share a {
      font-size: 15px;
      padding: 7px; }
  body.visualize nav {
    padding-bottom: 30px; }
    body.visualize #container {
      margin-top: 75px; }
      body.visualize #content #main_viz {
        margin: 0 20px 0 -15px !important; }
        @media all and (max-width: 768px) {
          body.visualize #content #main_viz {
            margin: 0 !important;   }
}
          body.visualize #content #main_viz .nav-section {
            -webkit-justify-content: center;
            -moz-justify-content: center;
            justify-content: center;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            flex-direction: row;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            justify-content: space-between;
            -webkit-align-items: baseline;
            align-items: baseline;
            padding: 10px 0;
            margin: 0 !important; }
            @media all and (max-width: 768px) {
              body.visualize #content #main_viz .nav-section {
                padding: 0 0 10px;   }
}
              body.visualize #content #main_viz .nav-section aside {
                width: auto !important;
                margin: 0; }
                body.visualize #content #main_viz .nav-section aside a {
                  color: #99BCD1; }
                  body.visualize #content #main_viz .nav-section aside a i {
                    margin-top: 3px; }
                    body.visualize #content #main_viz .nav-section aside a h2.year-nav {
                      -webkit-transition: opacity 0.6s;
                      -moz-transition: opacity 0.6s;
                      -ms-transition: opacity 0.6s;
                      -o-transition: opacity 0.6s;
                      transition: opacity 0.6s;
                      font-weight: 400;
                      font-size: 26px;
                      opacity: 0.6; }
                      body.visualize #content #main_viz .nav-section aside a h2.year-nav:hover {
                        opacity: 1; }
                        @media all and (min-width: 860px) and (max-width: 960px) {
                          body.visualize #content #main_viz .nav-section aside a h2.year-nav {
                            font-size: 22px;   }
}
                          @media all and (min-width: 501px) and (max-width: 859px) {
                            body.visualize #content #main_viz .nav-section aside a h2.year-nav {
                              font-size: 17px;   }
}
                            @media all and (max-width: 500px) {
                              body.visualize #content #main_viz .nav-section aside a h2.year-nav {
                                font-size: 14px;   }
}
            body.visualize #content #main_viz .nav-section content {
              margin: 0; }
              body.visualize #content #main_viz .nav-section content h1 {
                text-align: center; }
                @media all and (min-width: 920px) and (max-width: 1090px) {
                  body.visualize #content #main_viz .nav-section content h1 {
                    font-size: 30px;   }
}
                  @media all and (min-width: 860px) and (max-width: 919px) {
                    body.visualize #content #main_viz .nav-section content h1 {
                      font-size: 26px;   }
}
                    @media all and (min-width: 501px) and (max-width: 859px) {
                      body.visualize #content #main_viz .nav-section content h1 {
                        font-size: 22px;   }
}
                      @media all and (max-width: 500px) {
                        body.visualize #content #main_viz .nav-section content h1 {
                          font-size: 18px;   }
}
  body.visualize #collapse {
    -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    transition: opacity 0.1s;
    color: white;
    font-size: 12px;
    left: 20px;
    opacity: 0.7;
    position: fixed;
    top: 55px;
    z-index: 21; }
    body.visualize #collapse i {
      font-size: 16px;
      margin-right: 4px; }
      body.visualize #collapse:hover {
        cursor: pointer;
        opacity: 1; }
        @media all and (max-width: 950px) {
          body.visualize #collapse {
            left: 15px;
            top: 53px;   }
}
  body.visualize aside#explorer {
    -webkit-transition: margin-left 0.5s;
    -moz-transition: margin-left 0.5s;
    -ms-transition: margin-left 0.5s;
    -o-transition: margin-left 0.5s;
    transition: margin-left 0.5s;
    margin: 30px 35px 0 20px !important; }
    body.visualize aside#explorer.small {
      margin-left: -250px !important; }
      @media all and (max-width: 768px) {
        body.visualize aside#explorer {
          margin: 0 20px !important;   }
          body.visualize aside#explorer.small {
            display: none;
            margin-left: 20px !important;   }
}
    body.visualize aside#explorer .app_button_group {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      body.visualize aside#explorer .app_button_group .app_button {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 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;
        border-color: transparent;
        border-style: solid;
        border-width: 1px;
        display: inline-block;
        font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
        padding: 5px;
        opacity: 0.7;
        text-transform: uppercase; }
        body.visualize aside#explorer .app_button_group .app_button img {
          margin-right: 3px;
          width: 15px; }
          body.visualize aside#explorer .app_button_group .app_button:hover {
            cursor: pointer;
            opacity: 0.9; }
            body.visualize aside#explorer .app_button_group .app_button.open {
              background-color: #212831;
              border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0) rgba(255,
                            255, 255, 0.4);
              opacity: 1;
              border-style: solid; }
    body.visualize aside#explorer .app_menu {
      border-color: rgba(255, 255, 255, 0.4);
      border-style: solid;
      border-width: 1px;
      display: none;
      margin-top: -1px;
      margin-bottom: 5px;
      padding: 10px; }
      body.visualize aside#explorer .app_menu.open {
        display: block; }
        body.visualize aside#explorer .app_menu h3 {
          font-size: 16px;
          margin: 35px 0 20px; }
          body.visualize aside#explorer .app_menu h4 {
            color: #81919d;
            font-size: 13px;
            font-weight: 400;
            margin: 0 0 10px;
            display: none; }
            body.visualize aside#explorer .app_menu .build_header {
              margin-left: -5px; }
              body.visualize aside#explorer .app_menu .build_header li {
                color: #bbbdc0;
                font-size: 8px;
                text-transform: uppercase;
                font-weight: 700;
                display: inline-block;
                width: 32px;
                text-align: center; }
      body.visualize aside#explorer .app_menu .build {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        font-weight: 400;
        margin: 0 0 10px; }
        body.visualize aside#explorer .app_menu .build:last-child {
          margin-bottom: 0; }
          body.visualize aside#explorer .app_menu .build .build_title {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            cursor: default;
            display: inline-block;
            font-size: 13px;
            opacity: 0.7; }
            body.visualize aside#explorer .app_menu .build .build_title.active {
              font-weight: 700;
              opacity: 1; }
        body.visualize aside#explorer .app_menu .build .build_list {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          display: inline-block;
          line-height: 1.5; }
          body.visualize aside#explorer .app_menu .build .build_list .build_link {
            display: block;
            opacity: 0.7; }
            body.visualize aside#explorer .app_menu .build .build_list .build_link.active {
              font-weight: 700;
              opacity: 1; }
              body.visualize aside#explorer .app_menu .build .build_list .build_link.active:before {
                content: "\f0da";
                font-family: FontAwesome;
                position: absolute;
                margin-top: 0px;
                margin-left: -10px; }
            body.visualize aside#explorer .app_menu .build .build_list .build_link:hover {
              opacity: 0.9; }
              body.visualize aside#explorer .app_menu .build .build_list .build_link:hover:before {
                content: "\f0da";
                font-family: FontAwesome;
                opacity: 0.7;
                position: absolute;
                margin-top: 0px;
                margin-left: -10px; }
        body.visualize aside#explorer .app_menu .build.new {
          -webkit-justify-content: flex-start;
          -moz-justify-content: flex-start;
          justify-content: flex-start;
          -webkit-align-items: center;
          align-items: center;
          margin: 0 0 12px !important; }
          body.visualize aside#explorer .app_menu .build.new .build_link {
            color: #bbbdc0;
            font-size: 13px; }
            body.visualize aside#explorer .app_menu .build.new .build_link:hover {
              color: white; }
          body.visualize aside#explorer .app_menu .build.new .build_link.active {
            font-weight: 700;
            color: white; }
            body.visualize aside#explorer .app_menu .build.new:hover .build_link:before {
              content: "\f0da";
              font-family: FontAwesome;
              opacity: 0.4;
              position: absolute;
              margin-top: 2px;
              margin-left: -10px; }
          body.visualize aside#explorer .app_menu .build.new .build_icons {
            margin-left: -5px;
            margin-right: 8px;
            min-width: 103px; }
            body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon {
              height: 13px;
              display: inline-block;
              margin: 0 auto;
              position: relative;
              text-align: center;
              width: 32px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.show:before {
                color: #fff;
                border: 1px solid #20a898;
                border-radius: 50%;
                padding: 4px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.all:before {
                color: #535a63; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.id:before {
                color: #fff; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.origin:before {
                font-family: FontAwesome;
                font-size: 13px; }
                body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.origin.show:before {
                  content: "\f0ac"; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.origin.all:before {
                content: "\f0ac";
                font-size: 15px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.origin.id:before {
                content: "\f0ac"; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.dest:before {
                font-family: FontAwesome;
                font-size: 13px; }
                body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.dest.show:before {
                  content: "\f0ac"; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.dest.all:before {
                content: "\f0ac";
                font-size: 15px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.dest.id:before {
                content: "\f0ac"; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.prod:before {
                font-family: FontAwesome;
                font-size: 13px; }
                body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.prod.show:before {
                  content: "\f0d1"; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.prod.all:before {
                content: "\f0d1"; }
              body.visualize aside#explorer .app_menu .build.new .build_icons .build_icon.prod.id:before {
                content: "\f0d1"; }
            body.visualize aside#explorer .app_menu .build.new .build_icons.export > .build_icon.show:before {
              border: 1px solid cornflowerblue; }
            body.visualize aside#explorer .app_menu .build.new .build_icons.export > .origin.id + .prod.show:after {
              -webkit-transform: scaleX(-1);
              -ms-transform: scaleX(-1);
              transform: scaleX(-1);
              background-image: url('/static/img/visualize/one_many_exp.png');
              right: -8px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons.export > .origin.id + .prod.show + .dest.all:after {
                left: -8px; }
            body.visualize aside#explorer .app_menu .build.new .build_icons.export > .origin.id + .prod.id:after,
            body.visualize aside#explorer .app_menu .build.new .build_icons.export > .origin.id + .prod.all:after {
              background-image: url('/static/img/visualize/one_one_exp.png');
              right: -8px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons.export > .origin.id + .prod.id + .dest.show:after,
              body.visualize aside#explorer .app_menu .build.new .build_icons.export > .origin.id + .prod.all + .dest.show:after {
                background-image: url('/static/img/visualize/one_many_exp.png') !important;
                left: -8px; }
            body.visualize aside#explorer .app_menu .build.new .build_icons.export > .origin.id ~ .dest.id:after {
              background-image: url('/static/img/visualize/one_one_exp.png') !important;
              left: -8px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons.export > .origin.id ~ .dest.id ~ .prod.show:after {
                background-image: url('/static/img/visualize/one_one_exp.png') !important;
                left: -8px; }
            body.visualize aside#explorer .app_menu .build.new .build_icons.export > .origin.show + .prod.id:after {
              -webkit-transform: scaleX(-1);
              -ms-transform: scaleX(-1);
              transform: scaleX(-1);
              background-image: url('/static/img/visualize/many_one_exp.png');
              right: -8px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons.export > .origin.show + .prod.id + .dest.all:after {
                background-image: url('/static/img/visualize/one_one_exp.png') !important;
                left: -8px; }
            body.visualize aside#explorer .app_menu .build.new .build_icons.export > .prod {
              -webkit-transform: scaleX(-1);
              -ms-transform: scaleX(-1);
              transform: scaleX(-1); }
            body.visualize aside#explorer .app_menu .build.new .build_icons.import > .build_icon.show:before {
              border: 1px solid salmon; }
            body.visualize aside#explorer .app_menu .build.new .build_icons.import > .origin.id + .prod.show:after {
              background-image: url('/static/img/visualize/one_many_imp.png');
              left: -8px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons.import > .origin.id + .prod.show + .dest.all:after {
                left: -8px; }
            body.visualize aside#explorer .app_menu .build.new .build_icons.import > .origin.id + .prod.id:after,
            body.visualize aside#explorer .app_menu .build.new .build_icons.import > .origin.id + .prod.all:after {
              background-image: url('/static/img/visualize/one_one_imp.png');
              left: -8px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons.import > .origin.id + .prod.id + .dest.show:after,
              body.visualize aside#explorer .app_menu .build.new .build_icons.import > .origin.id + .prod.all + .dest.show:after {
                background-image: url('/static/img/visualize/one_many_imp.png') !important;
                left: -8px; }
            body.visualize aside#explorer .app_menu .build.new .build_icons.import > .origin.id ~ .dest.id:after {
              background-image: url('/static/img/visualize/one_one_imp.png') !important;
              left: -8px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons.import > .origin.id ~ .dest.id ~ .prod.show:after {
                background-image: url('/static/img/visualize/one_one_imp.png') !important;
                left: -8px; }
            body.visualize aside#explorer .app_menu .build.new .build_icons.import > .origin.show + .prod.id:after {
              background-image: url('/static/img/visualize/many_one_imp.png');
              left: -8px; }
              body.visualize aside#explorer .app_menu .build.new .build_icons.import > .origin.show + .prod.id + .dest.all:after {
                background-image: url('/static/img/visualize/one_one_imp.png') !important;
                left: -8px; }
    body.visualize aside#explorer #changers {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 25px; }
      body.visualize aside#explorer #changers h2 {
        font-size: 28px;
        margin-bottom: 28px; }
        body.visualize aside#explorer #changers h3 {
          font-size: 16px;
          margin: 25px 0 5px; }
          body.visualize aside#explorer #changers h4 {
            font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
            font-size: 12px;
            margin-bottom: 5px;
            text-transform: uppercase; }
            body.visualize aside#explorer #changers .ui {
              margin: 12px 0 0 0; }
              body.visualize aside#explorer #changers .ui .d3plus_node {
                border-color: rgba(255, 255, 255, 0.4) !important; }
      body.visualize aside#explorer #changers .ui#product .d3plus_node:not(.d3plus_button_active) {
        color: #fff !important; }
        body.visualize aside#explorer #changers #build {
          -webkit-transition: background-color 1s;
          -moz-transition: background-color 1s;
          -ms-transition: background-color 1s;
          -o-transition: background-color 1s;
          transition: background-color 1s;
          border: 1px solid white;
          background-color: #212831;
          color: white;
          cursor: pointer;
          display: block;
          font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-size: 13px;
          margin: 20px 0;
          padding: 6px 10px;
          text-align: right;
          text-transform: uppercase;
          width: 100%; }
          body.visualize aside#explorer #changers #build.hover {
            background-color: #63737f; }
  body.visualize .d3plus_drop_search input {
    background-color: #3f464f !important;
    color: white; }
    body.visualize .d3plus_button_active {
      font-weight: 700 !important; }
      body.visualize .d3plus_tooltip {
        font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
        font-weight: 400 !important; }
        body.visualize .d3plus_tooltip .d3plus_tooltip_data_value {
          font-weight: 700 !important; }
  body.visualize .d3plus_tooltip_title, body.visualize .d3plus_tooltip_footer {
    font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important; }
    body.visualize .d3plus_tooltip_container {
      font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
      font-weight: 400 !important; }
      body.visualize .d3plus_tooltip_container a.related,
      body.visualize .d3plus_tooltip_container a.profile {
        -webkit-transition: opacity 0.1s;
        -moz-transition: opacity 0.1s;
        -ms-transition: opacity 0.1s;
        -o-transition: opacity 0.1s;
        transition: opacity 0.1s;
        color: #333;
        display: block;
        margin: 10px 0 0 0;
        opacity: 0.75;
        padding: 14px 24px 6px 4px;
        position: relative;
        text-decoration: none;
        font-size: 13px;
        line-height: 1.3; }
        body.visualize .d3plus_tooltip_container a.related:hover,
        body.visualize .d3plus_tooltip_container a.profile:hover {
          opacity: 1; }
          body.visualize .d3plus_tooltip_container a.related:after,
          body.visualize .d3plus_tooltip_container a.profile:after {
            bottom: 2px;
            content: "\f105";
            display: block;
            font-family: FontAwesome;
            font-size: 20px;
            -webkit-font-smoothing: antialiased;
            font-style: normal;
            font-weight: normal;
            line-height: 38px;
            position: absolute;
            right: 12px;
            text-decoration: inherit; }
  body.visualize .d3plus_tooltip_container a.related {
    padding: 6px 24px 6px 40px; }
    body.visualize .d3plus_tooltip_container a.related:before {
      font-size: 12px;
      line-height: 38px;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 80%;
      content: "";
      display: block;
      height: 100%;
      left: 0px;
      position: absolute;
      text-align: center;
      text-decoration: none;
      top: 0px;
      width: 38px; }
      body.visualize .d3plus_tooltip_container a.related.tree_map:before {
        background-image: url("/static/img/icons/app/app_tree_map_black.png"); }
        body.visualize .d3plus_tooltip_container a.related.rings:before {
          background-image: url("/static/img/icons/app/app_rings_black.png"); }
  body.visualize .d3plus_tooltip_container a.profile {
    color: white !important; }
    body.visualize .d3plus_tooltip_container a.profile img {
      width: 30px;
      margin: -8px 6px 0 0; }

#d3plus_drawer .d3plus_drawer_ui:nth-last-child(2) .d3plus_node {
  border: 0 !important;
  background-color: transparent !important; }
  #d3plus_drawer .d3plus_drawer_ui:nth-last-child(2) + .d3plus_drawer_ui .d3plus_node {
    border: 0 !important;
    background-color: transparent !important; }

.d3plus_node img {
  height: 17px;
  width: 17px; }
  .d3plus_node img:hover {
    opacity: 0.6; }

.d3plus_tooltip_large {
  color: #ccc !important;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
  .d3plus_tooltip_large .d3plus_tooltip_arrow {
    background-color: #63737f !important;
    border: 1px solid #63737f; }
    .d3plus_tooltip_large .d3plus_tooltip_container {
      background-color: #272f38 !important;
      border: 1px solid #63737f;
      color: #ccc;
      line-height: 1.4; }
      .d3plus_tooltip_large .d3plus_tooltip_title {
        color: #fff !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
        padding: 10px 6px !important; }
        .d3plus_tooltip_large .d3plus_tooltip_data_title {
          font-size: 18px !important;
          font-weight: 300 !important;
          color: #fff;
          padding: 10px 3px 5px !important; }
          .d3plus_tooltip_large .d3plus_tooltip_focus_link {
            font-size: 14px;
            line-height: 1.2;
            width: 100%;
            padding-left: 27px !important; }
            .d3plus_tooltip_large .d3plus_tooltip_focus_link div {
              height: 16px !important;
              width: 16px !important; }
              .d3plus_tooltip_large .d3plus_tooltip_focus_link:hover {
                color: #fff; }
  .d3plus_tooltip_large .d3plus_tooltip_data_block {
    color: #ccc !important;
    font-size: 14px !important;
    padding: 5px 6px !important; }
    .d3plus_tooltip_large .d3plus_tooltip_data_block .d3plus_tooltip_data_name {
      font-weight: 400; }
      .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div img {
        width: 40%;
        display: block;
        text-align: center;
        margin: 0 auto; }
        .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a {
          color: #ccc;
          display: block;
          width: 100%; }
          .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a:hover {
            color: #fff; }
            .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.profile {
              background-color: transparent !important;
              font-size: 18px;
              font-weight: 400;
              margin-bottom: 10px;
              text-align: center; }
              .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.related {
                font-size: 14px;
                line-height: 1.3;
                padding: 6px 0; }
  .d3plus_tooltip_large .d3plus_tooltip_data_seperator {
    background-color: #63737f !important; }
    .d3plus_tooltip_large .d3plus_tooltip_html img {
      width: 20%;
      display: block;
      text-align: center;
      margin: 0 auto; }
      .d3plus_tooltip_large .d3plus_tooltip_html a {
        color: #ccc;
        display: block;
        width: 100%; }
        .d3plus_tooltip_large .d3plus_tooltip_html a:hover {
          color: #fff; }
          .d3plus_tooltip_large .d3plus_tooltip_html a.profile {
            background-color: transparent !important;
            font-size: 18px;
            font-weight: 400;
            margin-bottom: 10px;
            text-align: center; }
            .d3plus_tooltip_large .d3plus_tooltip_html a.related {
              font-size: 14px;
              line-height: 1.3;
              padding: 6px 0 6px 3px; }
              .d3plus_tooltip_large .d3plus_tooltip_html a.related.tree_map:before {
                background-image: url("/static/img/icons/app/app_tree_map.png"); }
                .d3plus_tooltip_large .d3plus_tooltip_html a.related.stacked:before {
                  background-image: url("/static/img/icons/app/app_stacked.png"); }
                  .d3plus_tooltip_large .d3plus_tooltip_html a.related.network:before {
                    background-image: url("/static/img/icons/app/app_network.png"); }
                    .d3plus_tooltip_large .d3plus_tooltip_html a.related.rings:before {
                      background-image: url("/static/img/icons/app/app_rings.png"); }
                      .d3plus_tooltip_large .d3plus_tooltip_html a.related.geo_map:before {
                        background-image: url("/static/img/icons/app/app_geo_map.png"); }
                        .d3plus_tooltip_large .d3plus_tooltip_html a.related.compare:before {
                          background-image: url("/static/img/icons/app/app_compare.png"); }
                          .d3plus_tooltip_large .d3plus_tooltip_html a.related.scatter:before {
                            background-image: url("/static/img/icons/app/app_scatter.png"); }
                            .d3plus_tooltip_large .d3plus_tooltip_html a.related:before {
                              background-repeat: no-repeat;
                              background-size: 15px 15px;
                              content: "";
                              display: block;
                              margin-right: 8px;
                              left: -15px;
                              width: 15px;
                              height: 15px;
                              position: absolute;
                              top: 8px; }
  .d3plus_tooltip_large .d3plus_tooltip_close {
    top: 15px !important;
    right: 15px !important;
    color: #ccc !important;
    font-size: 35px !important;
    font-weight: 300 !important;
    background-color: transparent !important;
    box-shadow: none !important; }
    .d3plus_tooltip_large .d3plus_tooltip_close:hover {
      opacity: 0.6 !important; }
body.rankings {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  body.rankings #container #content .nav-section {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: baseline;
    align-items: baseline;
    padding: 30px 0 10px;
    margin: 0 30px !important; }
    @media all and (min-width: 1100px) {
      body.rankings #container #content .nav-section {
        max-width: 1058px;
        margin: 0 auto !important;   }
}
      @media all and (max-width: 550px) {
        body.rankings #container #content .nav-section {
          padding: 30px 0;
          margin: 0 15px !important;   }
}
        @media all and (max-width: 768px) {
          body.rankings #container #content .nav-section {
            -webkit-flex-direction: row;
            -moz-flex-direction: row;
            flex-direction: row;   }
}
          body.rankings #container #content .nav-section aside {
            width: auto !important;
            margin: 0; }
            body.rankings #container #content .nav-section aside a {
              color: #99BCD1; }
              body.rankings #container #content .nav-section aside a i {
                margin-top: 3px; }
                body.rankings #container #content .nav-section aside a h2.year-nav {
                  -webkit-transition: opacity 0.6s;
                  -moz-transition: opacity 0.6s;
                  -ms-transition: opacity 0.6s;
                  -o-transition: opacity 0.6s;
                  transition: opacity 0.6s;
                  font-weight: 400;
                  font-size: 26px;
                  opacity: 0.6; }
                  body.rankings #container #content .nav-section aside a h2.year-nav:hover {
                    opacity: 1; }
                    @media all and (min-width: 769px) and (max-width: 955px) {
                      body.rankings #container #content .nav-section aside a h2.year-nav {
                        font-size: 23px;   }
}
                      @media all and (max-width: 768px) {
                        body.rankings #container #content .nav-section aside a h2.year-nav {
                          font-size: 17px;   }
}
            body.rankings #container #content .nav-section aside:last-child {
              text-align: right; }
    body.rankings #container #content .nav-section content {
      text-align: center; }
      body.rankings #container #content .nav-section content h1 a.complexity_switch {
        border-bottom: 1px solid #3f464f;
        padding-bottom: 2px; }
        body.rankings #container #content .nav-section content h1 a.complexity_switch:before {
          position: absolute;
          color: #3f464f;
          content: "\f074";
          font-family: FontAwesome;
          font-size: 20px;
          top: 15px;
          left: -25px; }
          body.rankings #container #content .nav-section content h1 a.complexity_switch:hover {
            color: #99BCD1; }
            body.rankings #container #content .nav-section content h1 a.complexity_switch:hover:before {
              color: #99BCD1; }
        body.rankings #container #content .nav-section content h1 a.complexity_switch:focus,
        body.rankings #container #content .nav-section content h1 a.complexity_switch:active {
          color: #99BCD1;
          border-bottom: 1px solid #bbbdc0; }
      @media all and (min-width: 769px) and (max-width: 955px) {
        body.rankings #container #content .nav-section content h1 {
          font-size: 30px;   }
          body.rankings #container #content .nav-section content h1 a.complexity_switch:before {
            color: #3f464f;
            font-size: 16px;
            top: 10px;
            left: -21px;   }
}
      @media all and (max-width: 768px) {
        body.rankings #container #content .nav-section content h1 {
          font-size: 20px;
          font-weight: 400;   }
          body.rankings #container #content .nav-section content h1 a.complexity_switch:before {
            color: #63737f;
            font-size: 10px;
            top: 8px;
            left: -15px;   }
}
  body.rankings #container aside {
    width: 150px !important; }
    body.rankings #container #explorer {
      margin-left: -155px; }
      @media all and (max-width: 1175px) {
        body.rankings #container #explorer {
          margin: 0 30px 20px;   }
}
        body.rankings #container #explorer ~ content {
          max-width: 695px; }
          body.rankings #container #explorer #rank_changers {
            margin-top: 0; }
            body.rankings #container #explorer #rank_changers h3 {
              font-size: 16px;
              margin: 13px 0 6px; }
              body.rankings #container #explorer #rank_changers .change_dataset {
                margin-bottom: 15px; }
                body.rankings #container #explorer #rank_changers .change_dataset .active {
                  color: #333 !important;
                  display: inline-block;
                  font-weight: bold;
                  margin-top: -1px; }
                  body.rankings #container #explorer #rank_changers .change_dataset .active:hover {
                    border-color: #333 !important; }
            body.rankings #container #explorer #rank_changers .download {
              border: 1px solid white;
              color: white;
              display: block;
              font-size: 12px;
              font-weight: 200;
              height: 15px;
              margin: 0 0 15px;
              padding: 5px;
              top: 19px;
              position: relative; }
              body.rankings #container #explorer #rank_changers .download:hover {
                background-color: white;
                color: #212831; }
                body.rankings #container #explorer #rank_changers .download i {
                  margin-right: 2px;
                  margin-top: 1px; }
            @media all and (max-width: 426px) {
              body.rankings #container #explorer #rank_changers.pci-changer .download {
                margin-top: 0px;   }
}
  body.rankings #container table {
    background-color: #272f38;
    color: #ccc;
    border: 1px solid #63737f;
    margin-bottom: 20px; }
    body.rankings #container table a {
      margin-left: 7px;
      color: white;
      font-weight: 700; }
      body.rankings #container table a:hover {
        border-bottom: 0; }
        body.rankings #container table a:hover:after {
          content: "\f105";
          font-family: FontAwesome;
          padding-left: 7px; }
    body.rankings #container table th[data-sortable] {
      display: table-cell !important; }
      body.rankings #container table th[data-sortable] i {
        -webkit-transition: opacity 0.1s;
        -moz-transition: opacity 0.1s;
        -ms-transition: opacity 0.1s;
        -o-transition: opacity 0.1s;
        transition: opacity 0.1s;
        display: inline-block;
        margin-left: 5px;
        padding-top: 3px;
        opacity: 0.5; }
        body.rankings #container table th[data-sortable] i.fa-sort-down,
        body.rankings #container table th[data-sortable] i.fa-sort-up {
          opacity: 1; }
          body.rankings #container table th[data-sortable] i.fa-sort-down {
            margin-top: -3px; }
            body.rankings #container table th[data-sortable] i.fa-sort-up {
              margin-top: 3px; }
      body.rankings #container table th[data-sortable]:hover {
        cursor: pointer; }
        body.rankings #container table th[data-sortable]:hover i {
          opacity: 1; }
      @media all and (max-width: 500px) {
        body.rankings #container table th[data-sortable].delta,
        body.rankings #container table th[data-sortable].id {
          display: none !important;   }
}
    body.rankings #container table .rank {
      font-weight: bold;
      text-align: center;
      width: 50px; }
      body.rankings #container table .delta {
        text-align: left;
        width: 50px; }
        body.rankings #container table .delta .fa-caret-up {
          color: #20a898; }
          body.rankings #container table .delta .fa-caret-down {
            color: #f9a17a; }
    body.rankings #container table .id {
      text-align: center;
      width: 50px; }
      body.rankings #container table .country, body.rankings #container table .product {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start; }
        body.rankings #container table .country img,
        body.rankings #container table .product img {
          margin-right: 5px;
          width: 20px; }
    body.rankings #container table .eci, body.rankings #container table .pci {
      width: 50px; }
      @media all and (max-width: 500px) {
        body.rankings #container table .delta, body.rankings #container table .id {
          display: none;   }
}
body.about, body.resources, body.permissions, body.eci {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  body.about #container #content, body.resources #container #content,
  body.permissions #container #content, body.eci #container #content {
    max-width: 695px;
    padding-top: 20px; }
    body.about #container #content a, body.resources #container #content a,
    body.permissions #container #content a, body.eci #container #content a {
      color: #99BCD1;
      text-decoration: none; }
      body.about #container #content a:hover, body.resources #container #content a:hover,
      body.permissions #container #content a:hover, body.eci #container #content a:hover {
        border-bottom: 1px solid #99BCD1; }
  body.about h1, body.resources h1, body.permissions h1, body.eci h1 {
    line-height: 1;
    margin-bottom: 20px; }
    body.about h2, body.resources h2, body.permissions h2, body.eci h2 {
      color: #a4b500;
      line-height: 1.1;
      margin-bottom: 15px; }
      body.about h3, body.resources h3, body.permissions h3, body.eci h3 {
        line-height: 1.3;
        margin: 20px 0;
        font-size: 24px;
        opacity: 0.8; }
        body.about h4, body.resources h4, body.permissions h4, body.eci h4 {
          line-height: 1.3;
          margin: 15px 0; }
          body.about ol, body.resources ol, body.permissions ol, body.eci ol {
            margin-left: 20px; }
            body.about blockquote, body.resources blockquote, body.permissions blockquote,
            body.eci blockquote {
              margin: 15px 0; }
              body.about p, body.resources p, body.permissions p, body.eci p {
                opacity: 0.9; }

body.eci h1 {
  margin: 20px 0; }
  body.eci h4, body.eci ol {
    color: #a4b500; }
    body.eci li span.calc {
      color: #fff; }
      body.eci .calc {
        position: relative;
        top: 3px; }

.member {
  margin: 50px 0;
  min-height: 150px;
  padding-left: 180px;
  padding-top: 0;
  position: relative; }
  .member:before {
    -webkit-filter: saturate(10%);
    -moz-filter: saturate(10%);
    -o-filter: saturate(10%);
    filter: saturate(10%);
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    border: 2px solid white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150px;
    content: "";
    display: block;
    height: 150px;
    margin-left: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 150px; }
    .member h3, .member h4 {
      margin: 0 !important; }
      @media all and (max-width: 500px) {
        .member {
          padding-left: 0;
          padding-top: 180px;   }
          .member:before {
            margin-left: -75px;
            left: 50%;   }
}
  .member h3 a {
    -webkit-transition: text-shadow 0.1s;
    -moz-transition: text-shadow 0.1s;
    -ms-transition: text-shadow 0.1s;
    -o-transition: text-shadow 0.1s;
    transition: text-shadow 0.1s;
    color: #6297cb !important;
    font-size: 24px;
    margin: 8px 0 0 5px;
    opacity: 0.6; }
    .member h3 a:hover {
      border-bottom: 0 !important;
      opacity: 1;
      text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }

#past {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  #past .member {
    margin: 30px 0 0;
    min-width: 80%;
    min-height: 100px;
    padding-left: 130px;
    padding-right: 15px; }
    #past .member:before {
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;
      background-size: 100px;
      height: 100px;
      width: 100px; }
      @media all and (max-width: 768px) and (max-width: 500px) {
        #past .member {
          max-width: 100%;
          padding-left: 115px;
          padding-right: 0;
          padding-top: 0;   }
          #past .member:before {
            left: 0;
            margin-left: 0;   }
}

#alexander_simoes:before {
  background-image: url("/static/img/about/alexander_simoes.png"); }

#dave_landry:before {
  background-image: url("/static/img/about/dave_landry.png"); }

#cesar_hidalgo:before {
  background-image: url("/static/img/about/cesar_hidalgo.png"); }

#melissa_teng:before {
  background-image: url("/static/img/about/melissa_teng.png"); }

#eric_franco:before {
  background-image: url("/static/img/about/eric_franco.png"); }

#crystal_noel:before {
  background-image: url("/static/img/about/crystal_noel.png"); }

#ali_almossawi:before {
  background-image: url("/static/img/about/ali_almossawi.png"); }

#sarah_chung:before {
  background-image: url("/static/img/about/sarah_chung.png"); }
body.publications {
  background-color: #212831; }
  body.publications p, body.publications h3 a {
    color: #333;
    margin: 0 !important; }
    body.publications article {
      padding: 70px 5%;
      color: #333; }
      body.publications article section {
        padding: 30px;
        max-width: 1054px;
        margin: 0 auto; }
        body.publications article section content {
          margin: 0 !important; }
          body.publications article section content p {
            font-size: 18px;
            line-height: 1.5; }
            body.publications article section content div {
              display: inline-block;
              overflow: hidden; }
        body.publications article section .columns {
          -webkit-column-count: 2;
          -moz-column-count: 2;
          column-count: 2;
          -webkit-column-gap: 20px;
          -moz-column-gap: 20px;
          column-gap: 20px; }
      body.publications article h3 {
        font-size: 40px;
        letter-spacing: 0;
        font-weight: 700; }
        body.publications article h3 a:hover {
          opacity: 0.7; }
      body.publications article h4 {
        line-height: 1.3;
        margin-top: 20px; }
        @media all and (max-width: 768px) {
          body.publications article h2 {
            font-size: 22px;   }
            body.publications article h3 {
              font-size: 30px;
              margin-bottom: 8px;   }
              body.publications article h4 {
                font-size: 20px;   }
                body.publications article p {
                  font-size: 14px;   }
}
      @media all and (min-width: 769px) and (max-width: 1024px) {
        body.publications article h2 {
          font-size: 26px;   }
          body.publications article p {
            font-size: 16px;   }
}
      body.publications article.why-info-grows {
        background: #3b9343 url('/static/img/publications/books/information-bg.png') repeat 50% 0% fixed; }
        body.publications article.why-info-grows section {
          background-color: #fff; }
          body.publications article.why-info-grows section content div:first-child {
            display: block;
            width: 100%; }
            body.publications article.why-info-grows section content div:first-child h3,
            body.publications article.why-info-grows section content div:first-child h4 {
              display: inline-block; }
              body.publications article.why-info-grows section content div:first-child h3 {
                margin-right: 8px; }
                body.publications article.why-info-grows section content div:first-child h4 {
                  margin-top: 10px;
                  margin-bottom: 20px; }
                  @media all and (max-width: 768px) {
                    body.publications article.why-info-grows section content div:first-child h4 {
                      margin-top: 5px;
                      margin-bottom: 10px;   }
}
          body.publications article.why-info-grows section content div:nth-child(2) {
            float: left;
            width: 16%;
            margin-right: 5%; }
            @media all and (min-width: 769px) and (max-width: 1024px) {
              body.publications article.why-info-grows section content div:nth-child(2) {
                margin-right: 3%;   }
                body.publications article.why-info-grows section content div:nth-child(2) h2 {
                  font-size: 26px;   }
}
            @media all and (max-width: 768px) {
              body.publications article.why-info-grows section content div:nth-child(2) {
                margin-right: 0;
                width: 100%;   }
                body.publications article.why-info-grows section content div:nth-child(2) h2 {
                  font-size: 24px;
                  margin-bottom: 10px;   }
}
          body.publications article.why-info-grows section content div:last-child {
            width: 60%; }
            @media all and (min-width: 769px) and (max-width: 1024px) {
              body.publications article.why-info-grows section content div:last-child {
                width: 64%;   }
                body.publications article.why-info-grows section content div:last-child p {
                  font-size: 16px;   }
}
            @media all and (max-width: 768px) {
              body.publications article.why-info-grows section content div:last-child {
                width: 78%;   }
                body.publications article.why-info-grows section content div:last-child p {
                  font-size: 13px;   }
}
          body.publications article.why-info-grows section content div:nth-child(3) {
            width: 13%;
            float: right;
            margin-left: 3%; }
            @media all and (max-width: 768px) {
              body.publications article.why-info-grows section content div:nth-child(3) {
                width: 17%;
                float: left;
                margin-left: 0;
                margin-right: 4%;   }
}
        body.publications article.why-info-grows h2,
        body.publications article.why-info-grows h3 a,
        body.publications article.why-info-grows h4,
        body.publications article.why-info-grows a {
          color: #3b9343; }
          body.publications article.why-info-grows h2:hover,
          body.publications article.why-info-grows h3 a:hover,
          body.publications article.why-info-grows h4:hover,
          body.publications article.why-info-grows a:hover {
            border-bottom: 0; }
        body.publications article.why-info-grows a:hover {
          border-bottom: 1px solid #3b9343; }
      body.publications article.atlas {
        background: #212831 url('/static/img/publications/books/atlas-bg.png') repeat 50% 50%; }
        body.publications article.atlas section {
          background-color: rgba(255, 255, 255, 0.9); }
          body.publications article.atlas section content div:nth-child(2) {
            width: 55%; }
            body.publications article.atlas section content div:nth-child(2) blockquote {
              font-size: 18px;
              margin-top: 20px; }
              @media all and (max-width: 768px) {
                body.publications article.atlas section content div:nth-child(2) {
                  width: 100%;   }
                  body.publications article.atlas section content div:nth-child(2) h4 {
                    font-size: 18px;   }
}
          body.publications article.atlas section content div:last-child {
            width: 40%;
            margin-left: 4%; }
            body.publications article.atlas section content div:last-child h4 {
              margin-top: 0; }
              body.publications article.atlas section content div:last-child ul li {
                padding-left: 0 !important;
                margin-left: 0 !important;
                color: #5083b5; }
                body.publications article.atlas section content div:last-child ul li a {
                  color: #5083b5;
                  font-weight: 700; }
                  body.publications article.atlas section content div:last-child ul li a:hover {
                    opacity: 0.7; }
            @media all and (max-width: 768px) {
              body.publications article.atlas section content div:last-child {
                width: 100%;
                margin-top: 4%;
                margin-left: 0;   }
}
          body.publications article.atlas section content img.book {
            width: 99%;
            border: 1px solid #333; }
      body.publications article.papers {
        background: #d1d2d4;
        padding: 40px 5%; }
        body.publications article.papers aside {
          width: 225px !important; }
          @media all and (max-width: 768px) {
            body.publications article.papers aside {
              display: none;   }
}
        body.publications article.papers section {
          padding: 30px 0; }
          body.publications article.papers section content div:nth-child(2) {
            width: 19%; }
            @media all and (max-width: 768px) {
              body.publications article.papers section content div:nth-child(2) {
                width: 100%;   }
}
          body.publications article.papers section content div:last-child {
            width: 80%; }
            @media all and (max-width: 768px) {
              body.publications article.papers section content div:last-child {
                width: 100%;   }
}
        body.publications article.papers h3 {
          font-size: 28px;
          line-height: 1.2;
          margin-bottom: 0; }
          @media all and (max-width: 768px) {
            body.publications article.papers h3 {
              font-size: 24px;   }
}
            body.publications article.papers h3 a {
              color: #6d6e70; }
        body.publications article.papers h4 {
          margin-top: 10px; }
          @media all and (max-width: 768px) {
            body.publications article.papers h4 {
              font-size: 22px;
              margin-top: 5px;   }
}
        body.publications article.papers p {
          color: #333; }
          body.publications article.papers p a {
            color: #5083b5; }
            body.publications article.papers p a:hover {
              border-bottom: 1px solid #5083b5; }

.book {
  width: 100%; }
body.api {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  body.api #container #content {
    max-width: 1200px; }
    body.api #container #content a {
      color: #20a898;
      text-decoration: none; }
      body.api #container #content a:hover {
        padding-bottom: 2px;
        border-bottom: 1px dotted #20a898; }
    body.api #container #content p {
      opacity: 0.9;
      margin: 5px 0; }
      body.api #container #content section aside {
        width: 180px; }
        body.api #container #content section aside p {
          text-align: left; }
    body.api #container #content h2 {
      line-height: 1.1;
      margin: 20px 0; }
      body.api #container #content h3 {
        font-size: 20px;
        margin-bottom: 10px;
        opacity: 0.8;
        color: #a4b500; }
        body.api #container #content h4 {
          line-height: 1.3; }
          body.api #container #content table {
            background-color: #272f38;
            color: #ccc;
            border: 1px solid #63737f;
            margin-bottom: 20px; }
            body.api #container #content table input {
              padding: 5px 7px;
              background-color: #3f464f;
              color: white;
              border: 0; }
              body.api #container #content table code {
                color: #f9a17a; }
                @media all and (max-width: 480px) {
                  body.api #container #content table code {
                    font-size: 12px;   }
}
    body.api #container #content pre {
      padding: 7px 0;
      margin-bottom: 7px; }
      body.api #container #content code {
        background-color: #3f464f;
        color: white;
        display: inline-block;
        font-size: 14px;
        letter-spacing: 1px;
        margin-top: 0px;
        margin-bottom: 7px;
        padding: 1px 4px;
        white-space: nowrap; }
        body.api #container #content code a {
          color: #20a898; }
          body.api #container #content code a:hover {
            opacity: 1;
            border-bottom: 1px dotted #20a898 !important; }
    body.api #container #content td.code {
      width: 120px; }
#share a.share_button {
  -webkit-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  transition: opacity 0.1s;
  color: #0085BF;
  display: inline-block;
  margin: 10px 20px 0 0;
  opacity: 0.8;
  text-align: center;
  width: 20px; }
  #share a.share_button:hover {
    opacity: 1; }
#share i {
  display: inline-block;
  font-size: 20px; }

#short {
  display: none; }

  .btn-close {
    color: #aaaaaa;
    font-size: 30px;
    font-weight: 100;
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 2px; }
    .btn-close:hover {
      color: #919191; }

.modal#download .modal-body {
  text-align: center; }
.modal .modal-dialog {
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  background-color: white;
  left: 50%;
  margin-left: -200px;
  position: fixed;
  top: -100%;
  width: 400px;
  z-index: 31;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }
  @media all and (max-width: 480px) {
    .modal .modal-dialog {
      margin-left: -125px;
      width: 250px;   }
}
.modal.active:before {
  display: block; }
  .modal.active .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 30%; }

.modal-header {
  padding: 10px 20px 0 20px; }
  .modal-header h2 {
    color: #0085BF; }

.modal-body {
  padding: 10px 20px 20px 20px; }
  .modal-body h3 {
    color: #212831;
    font-size: 16px;
    margin: 10px 0 5px 0; }
    .modal-body h3:first-child {
      margin: 0; }
  .modal-body input {
    border: solid 1px #ececec;
    color: #888;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 5px 0;
    overflow: hidden;
    padding: 3px;
    width: 100%; }
    .modal-body input:focus {
      color: #444;
      outline: 0; }
  .modal-body .download_button {
    -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    transition: opacity 0.1s;
    color: black;
    display: inline-block;
    font-size: 20px;
    margin: 20px 20px 10px 16px;
    opacity: 0.8;
    text-decoration: none; }
    .modal-body .download_button:hover {
      opacity: 1; }
body.error {
  background: #272f38 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAOZxU3GjMhiIIHpvXVn4YIwAZAisCCyAFgQXQAkCAAiqRGXMgseLwAAAABJRU5ErkJggg==) repeat;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  body.error nav {
    background: none;
    position: static; }
    body.error #container {
      margin-top: 0; }
      body.error footer {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0; }
        @media all and (max-width: 768px) {
          body.error footer {
            position: static;   }
}
  body.error .bg-frame #ring .star-rotate {
    -webkit-animation: spin-right 300s linear infinite;
    -moz-animation: spin-right 300s linear infinite;
    -o-animation: spin-right 300s linear infinite;
    animation: spin-right 300s linear infinite;
    left: 50%;
    top: 50%; }
    body.error .bg-frame #ring #observatory {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      left: 8%;
      position: absolute;
      top: -5%;
      width: 100%; }
      body.error .bg-frame #ring h1 {
        display: block;
        font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 40px;
        font-weight: 300;
        line-height: 1.4;
        position: absolute;
        text-align: center;
        top: 15%;
        left: 30%; }

@-webkit-keyframes spin-right {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);   }
}

@-moz-keyframes spin-right {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);   }
}

@-o-keyframes spin-right {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);   }
}

@keyframes spin-right {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);   }
}
