@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Fira+Sans+Condensed:700|Source+Sans+Pro:300,400,700"); 
  .btn {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box; }

    .btn::-moz-focus-inner {
      padding: 0;
      border: 0; }

      .btn-group {
        letter-spacing: -0.31em;
        text-rendering: optimizespeed; }

        .opera-only :-o-prefocus, .btn-group {
          word-spacing: -0.43em; }

          .btn {
            font-family: inherit;
            font-size: 100%;
            padding: 0.5em 1em;
            color: #f5f8fa;
            border: 1px solid #999;
            border: transparent;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255,
                        0)) left no-repeat, center no-repeat #3f464f;
            text-decoration: none;
            border-radius: 2px; }

            .btn-hover, .btn:focus, .btn:hover {
              filter: alpha(opacity=90);
              background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0,
                            0, 0.1));
              background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }

              .btn:focus {
                outline: 0; }

                .btn-active, .btn:active {
                  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
                  border-color: #000 \9; }

                  .btn-disabled, .btn-disabled:active, .btn-disabled:focus, .btn-disabled:hover,
                  .btn[disabled] {
                    border: none;
                    background-image: none;
                    filter: alpha(opacity=40);
                    opacity: 0.4;
                    cursor: not-allowed;
                    box-shadow: none;
                    pointer-events: none; }

                    .btn-hidden {
                      display: none; }

                      .btn-primary, .btn-selected, a.btn-primary, a.btn-selected {
                        background-color: #0078e7;
                        color: #fff; }

                        .btn-group .btn {
                          letter-spacing: normal;
                          word-spacing: normal;
                          vertical-align: top;
                          text-rendering: auto;
                          margin: 0;
                          border-radius: 0;
                          border-right: 1px solid #111;
                          border-right: 1px solid rgba(0, 0, 0, 0.2); }

                          .btn-group .btn:first-child {
                            border-top-left-radius: 2px;
                            border-bottom-left-radius: 2px; }

                            .btn-group .btn:last-child {
                              border-top-right-radius: 2px;
                              border-bottom-right-radius: 2px;
                              border-right: none; }

                              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; }

                                          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; }
                                                body .fa-angle-left:before {
                                                  content: "\f104"; }
                                                  body .fa-angle-right:before {
                                                    content: "\f105"; }

  @media screen and (max-device-width: 480px) {
    body {
      -webkit-text-size-adjust: none;   }
}

  .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: 14px;
                  font-weight: 400;
                  letter-spacing: 0.01em;
                  line-height: 1.5;
                  margin: 0 0 25px 0 !important;
                  text-align: left; }
                  p:last-child {
                    margin-bottom: 0; }
                    p sup {
                      display: inline-block;
                      margin: 2px 2px 2px 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 10px 10px 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: 35px 35px 35px 35px ;
    padding: 10px 0 20px 0 ; }
    ol li {
      padding: 5px 0 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 0 ;
    overflow-x: scroll;
    padding: 20px 0 20px 0 ;
    width: 100%; }

    blockquote {
      font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-style: italic;
      padding: 0px 30px 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: 1400px; }
    @media all and (max-width: 1000px) {
      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: 600px) {
        section .columns {
          -webkit-column-count: 1;
          -moz-column-count: 1;
          column-count: 1;
          -webkit-column-gap: 20px;
          -moz-column-gap: 20px;
          column-gap: 20px;   }
}

  nav ul.navLinks {
    margin-right: 19px ; }
    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 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 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: 180%;
              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 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 0px 0px 0px ;
    padding: 5px 0 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 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 -15px 0 ;
      padding: 15px 15px 15px 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, right 0.25s 0.2s;
    -moz-transition: left 0.25s 0.2s, right 0.25s 0.2s;
    -ms-transition: left 0.25s 0.2s, right 0.25s 0.2s;
    -o-transition: left 0.25s 0.2s, right 0.25s 0.2s;
    transition: left 0.25s 0.2s, right 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: 3px 0 3px 0 ; }
          #mobileNav .navLinks li .sub_menu {
            background-color: transparent;
            display: block;
            margin: 10px 0 0 0 ;
            padding-bottom: 0;
            position: static;
            width: auto; }
            #mobileNav .navLinks li .sub_menu ul > li {
              margin: 2px 0 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 -15px 0 ;
      padding: 15px 15px 15px 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; }
      body.home nav #logo {
        visibility: hidden; }
    body.home #container {
      height: 100vh;
      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: 75px auto 20px auto ;
    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;
                  -webkit-text-shadow: -2px 0 5px #212831;
                  -moz-text-shadow: -2px 0 5px #212831;
                  text-shadow: -2px 0 5px #212831;
                  text-align: center ;
                  bottom: 18%;
                  right: 14%;
                  width: 36%; }
                  .bg-frame #ring #info a {
                    -webkit-transition: color 1s, opacity 0.5s;
                    -moz-transition: color 1s, opacity 0.5s;
                    -ms-transition: color 1s, opacity 0.5s;
                    -o-transition: color 1s, opacity 0.5s;
                    transition: color 1s, opacity 0.5s;
                    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% 2% 2% 2% ;
                    opacity: 0.8;
                    text-transform: uppercase; }
                    .bg-frame #ring #info a:hover {
                      opacity: 1;
                      color: #6297cb; }
          .bg-frame #ring #launch_vid {
            -webkit-transition: opacity 0.5s;
            -moz-transition: opacity 0.5s;
            -ms-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
            transition: opacity 0.5s;
            cursor: pointer;
            position: absolute;
            bottom: 17%;
            opacity: 0.6;
            right: 22%; }
            .bg-frame #ring #launch_vid:hover {
              opacity: 1; }
              .bg-frame #ring #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;
                display: inline-block;
                margin: 0 5px 0 auto ; }
                .bg-frame #ring #launch_vid span {
                  font-size: 13.33333px;
                  vertical-align: middle; }
          .bg-frame #ring #search_home {
            -webkit-transition: text-shadow 0.75s, opacity 1.5s;
            -moz-transition: text-shadow 0.75s, opacity 1.5s;
            -ms-transition: text-shadow 0.75s, opacity 1.5s;
            -o-transition: text-shadow 0.75s, opacity 1.5s;
            transition: text-shadow 0.75s, opacity 1.5s;
            -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-size: 18.75px;
            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%; }

  #launch {
    background-color: rgba(63, 70, 79, 0.8); }
    #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); }

  @-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;   }
}

  #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 15px 15px 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 50px 35px ;
        text-align: center ; }
        #search #search_div, #launch #search_div {
          padding: 50px 35px 0 35px ;
          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 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 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 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 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 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 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 25px 25px 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 10px 10px 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 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:active 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 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 0%, rgba(33, 40, 49, 0) 100%);
          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 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 0 30px ;   }
}
            #container #content section content ul {
              margin: 20px 0 20px 0 ; }
              #container #content section content ul li {
                margin-left: 30px ;
                padding: 5px 0 5px 0 ; }
          #container #content section content .viz {
            display: block;
            height: 450px;
            width: 100%; }
    #container footer {
      color: #d1d2d4;
      font-size: 10px;
      margin: 65px auto 5px auto ;
      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 .top-footer .top-footer-links {
        overflow: hidden;
        text-align: center; }
        #container footer .top-footer .top-footer-links a#mc {
          display: inline-block;
          padding: 0 25px;
          position: relative; }
          #container footer .top-footer .top-footer-links a#mc img {
            width: 100px; }
        #container footer .top-footer .top-footer-links a#donate {
          background-color: #63737f;
          border: 0;
          border-radius: 2px;
          color: white;
          display: inline-block;
          font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-size: 13px;
          margin: 10px 0 10px 0 ;
          padding: 9px 10px 9px 10px ;
          outline: none;
          position: relative;
          -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          text-transform: uppercase; }
          #container footer .top-footer .top-footer-links a#donate .fa {
            transform: translate(0, 2px); }
      #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 0 auto ;
        padding: 0 20px 0 20px ; }
        #container footer ul {
          margin-top: 10px; }
          #container footer ul li {
            display: inline-block;
            margin: 1px 5px 1px 5px ; }

  #hamburger {
    cursor: pointer;
    display: none;
    cursor: pointer;
    margin: -15px 5px -15px 0 ;
    padding: 15px 15px 15px 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 0 0 0 ;
    padding-top: 0; }

  body.profile {
    background-color: #212831; }
    body.profile .macromarket {
      background-color: #fafafa;
      border: 1px solid #bbbdc0;
      color: black;
      font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0.01em;
      line-height: 1.5;
      margin-bottom: 20px;
      padding: 10px;
      text-align: justify ; }
      body.profile .macromarket > 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: #5083b5;
        text-decoration: none; }
        body.profile .macromarket > a:hover {
          border-bottom: 1px solid #5083b5; }
      body.profile .macromarket .links {
        margin-top: 5px;
        text-align: center; }
        body.profile .macromarket .links a {
          background-color: #dbb706;
          border: 1px solid transparent;
          color: black;
          display: inline-block;
          font-weight: bold;
          letter-spacing: 1px;
          margin: 5px;
          padding: 6px 10px;
          text-transform: uppercase; }
          body.profile .macromarket .links a:hover {
            border: 1px solid black; }
    body.profile h1 {
      line-height: 1;
      margin: 0 30px -5px 30px ;
      padding-top: 40px; }
      @media all and (max-width: 768px) {
        body.profile h1 {
          margin: 0px 30px 0px 30px ;   }
}
    body.profile h2 {
      margin-bottom: 20px;
      line-height: 1.1; }
      body.profile article aside {
        margin: 30px 30px 30px 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 aside .fa-external-link {
          font-size: 13px;
          vertical-align: middle;
          margin-left: 3px ; }
          @media all and (max-width: 768px) {
            body.profile article aside p.explore_link {
              margin-bottom: 12px !important;   }
}
            body.profile article aside p.explore_link a {
              display: inline-block;
              margin: 0 0 6px 0; }
        body.profile article aside .share_container {
          -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-align-items: center;
          align-items: center; }
          @media all and (max-width: 768px) {
            body.profile article aside .share_container {
              margin: 0 0 20px 0 ;   }
}
            body.profile article aside .share_container .share_icons_container {
              -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-justify-content: space-between;
              -moz-justify-content: space-between;
              justify-content: space-between;
              -webkit-align-items: center;
              align-items: center; }
              body.profile article aside .share_container .share_icons_container a {
                -webkit-transition: color 0.5s;
                -moz-transition: color 0.5s;
                -ms-transition: color 0.5s;
                -o-transition: color 0.5s;
                transition: color 0.5s;
                color: #99BCD1;
                cursor: pointer;
                height: 23px;
                margin: 2px 0 2px 0 ; }
                body.profile article aside .share_container .share_icons_container a:hover {
                  color: #fff; }
          body.profile article aside .share_container .share_input_container {
            -webkit-box-flex: 2;
            -moz-box-flex: 2;
            -webkit-flex: 2;
            -ms-flex: 2;
            flex: 2;
            margin-top: -4px; }
            body.profile article aside .share_container .share_input_container .share_input {
              background-color: #3f464f;
              border: 0;
              color: white;
              margin-left: 10px ;
              padding: 5px 7px 5px 7px; }
              @media all and (max-width: 768px) {
                body.profile article aside .share_container .share_input_container .share_input {
                  width: 84%;
                  margin-left: 11% ;   }
}
                body.profile article aside .share_container .share_input_container .share_input.share_embed_url {
                  display: none; }
      body.profile article content {
        margin: 30px 30px 30px 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;
          -webkit-justify-content: flex-start;
          -moz-justify-content: flex-start;
          justify-content: flex-start;
          margin: 20px 10px 20px 10px ;
          padding-right: 350px; }
          @media all and (max-width: 768px) {
            body.profile article .profile_header #title {
              -webkit-justify-content: center;
              -moz-justify-content: center;
              justify-content: center;
              padding-right: 0;   }
}
            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 0 0 0 ;
            padding: 0 0 0 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 5px ; }
          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 13px 13px 13px ;
        margin: -13px 0 -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: 55px; }
              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 .macromarket {
        background-color: transparent;
        border: 0;
        color: white;
        line-height: 1.4;
        padding: 0;
        position: absolute;
        right: 53px;
        text-align: center;
        top: 0;
        width: 300px; }
        @media all and (max-width: 768px) {
          body.profile article .profile_header .macromarket {
            display: none;   }
}
      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 20px 20px 20px ; }
          @media all and (max-width: 600px) {
            body.profile article .profile_header #stats {
              margin: 0 10px 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 10px 10px 10px !important ;   }
}
            @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 0 !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 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;
                    max-width: 90px; }
                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 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 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 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 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.country-banner {
      padding: 0 0 10px 0;
      text-align: center; }
      body.profile article.intro-article div.country-banner img {
        max-width: 100%;
        height: auto; }
        body.profile article.intro-article div.country-banner h3 {
          font-size: 18px !important;
          padding: 10px 0;
          text-align: center; }
          body.profile article.intro-article div.country-banner h3 a {
            background-color: #dbb706;
            color: black; }
    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: justify ;   }
}
    body.profile article.intro-article .macromarket {
      display: none; }
      @media all and (max-width: 768px) {
        body.profile article.intro-article .macromarket {
          display: block;   }
}
body.profile article.intro-article div.gads {
  margin: 10px 0 0 0; }
  @media all and (max-width: 768px) {
    body.profile article.intro-article div.gads {
      margin: 5px 0 0 0;   }
}
    body.profile #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;
      left: 35px;
      opacity: 1;
      position: absolute;
      top: 100px;
      width: 250px;
      z-index: 10; }
      body.profile #topojson .coords {
        fill: white;
        opacity: 0.25;
        stroke: #63737f; }
        body.profile #topojson .coords.focus {
          opacity: 1; }
      body.profile #topojson #topojson-xxwld .coords {
        stroke: white !important; }
        @media all and (max-width: 768px) {
          body.profile #topojson {
            display: none;   }
}
    body.profile article.product ~ article.titled-section h1 {
      border-top: 0; }
    body.profile article.viz-article p {
      text-align: justify ; }
      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;
      font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 32px;
      font-weight: 400;
      text-transform: uppercase; }
      @media all and (max-width: 768px) {
        body.profile article.titled-section h1 {
          border-top: 0;   }
}
    body.profile article.titled-section p {
      text-align: justify ; }
      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% 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 0 30px !important;   }
}
    body.profile article.titled-section section.subtitle-section content {
      margin: 30px 0 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 0%, #212831 100%);
        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 10px ;
              opacity: 0.8;
              z-index: 1; }
              body.profile article .prof-nav a.profile_button h1 {
                font-size: 50px;
                line-height: 50px;
                margin: 0 0 0 0 ;
                opacity: 0.8;
                padding: 0 0 0 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 15px ;
                  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 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;
      padding: 0 20px 0 15px ; }
      body.profile ul.hierarchy li {
        padding: 2px 0 2px 0 ;
        display: block; }
        body.profile ul.hierarchy li a {
          color: #5083b5;
          font-size: 14px;
          line-height: 1; }
          body.profile ul.hierarchy li a:hover {
            opacity: 0.7; }
            body.profile ul.hierarchy li a span {
              font-weight: 700; }
      @media all and (max-width: 768px) {
        body.profile ul.hierarchy {
          text-align: center;   }
          body.profile ul.hierarchy .depth6, body.profile ul.hierarchy .depth8 {
            display: inline-block;   }
}
      body.profile ul.hierarchy .depth2 {
        font-size: 22px;
        line-height: 35px; }
        body.profile ul.hierarchy .depth6 {
          margin: 0 10px; }
          body.profile ul.hierarchy .depth8 {
            margin: 0 20px; }
    body.profile article.sisters {
      background-color: #81919d;
      background: -moz-linear-gradient(top, #212831 0%, #5c656f 95%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212831),
            color-stop(100%, #5c656f));
      background: -webkit-linear-gradient(top, #212831 0%, #5c656f 95%);
      background: -o-linear-gradient(top, #212831 0%, #5c656f 95%);
      background: -ms-linear-gradient(top, #212831 0%, #5c656f 95%);
      background: linear-gradient(to bottom, #212831 0%, #5c656f 95%); }
      body.profile article.sisters h1 {
        border-top: 0;
        padding-bottom: 30px; }
    body.profile article.pantheon h1, body.profile article.dataviva h1,
    body.profile article.datausa h1 {
      border-top: 0; }
      body.profile article.pantheon h1 img:hover,
      body.profile article.dataviva h1 img:hover,
      body.profile article.datausa h1 img:hover {
        opacity: 0.7; }
      @media all and (max-width: 768px) {
        body.profile article.pantheon h1, body.profile article.dataviva h1,
        body.profile article.datausa h1 {
          text-align: center;   }
}
    body.profile article.datausa {
      background-color: #e9e9e9; }
      body.profile article.datausa h1 a img {
        width: 200px; }
        body.profile article.datausa p {
          color: rgba(51, 51, 51, 0.93); }
          body.profile article.datausa section aside h2 {
            display: none; }
            body.profile article.datausa section aside a {
              color: #ef6145; }
              body.profile article.datausa section aside a:hover {
                border-bottom: 1px solid #ef6145; }
    body.profile article.dataafrica {
      background-color: #FFF; }
      body.profile article.dataafrica h1 a img {
        width: 226px; }
        body.profile article.dataafrica p {
          color: #FFF; }
          body.profile article.dataafrica section aside p {
            color: #222; }
            body.profile article.dataafrica section aside h2 {
              display: none; }
              body.profile article.dataafrica section aside a {
                color: #74E19A; }
                body.profile article.dataafrica section aside a:hover {
                  border-bottom: 1px solid #74E19A; }
    body.profile article.dataviva {
      background-color: #81919d;
      background-image: url('/static/img/dataviva.png'), linear-gradient(to bottom, #5c656f 0%,
            #81919d 5%, rgba(255, 255, 255, 0) 20%),
            url('http://en.dataviva.info/static/img/bgs/city_small.jpg');
      background-attachment: local, local, fixed;
      background-repeat: repeat-x, no-repeat;
      background-position: bottom, 50% 50%, left;
      background-size: auto, auto, cover;
      color: #333;
      padding-bottom: 30px; }
      body.profile article.dataviva p {
        color: #333; }
        body.profile article.dataviva section aside {
          background-color: rgba(255, 255, 255, 0.8);
          padding: 15px 15px 15px 15px ;
          margin: 30px 20px 30px 20px !important; }
          body.profile article.dataviva section aside a {
            color: #af1f24; }
            body.profile article.dataviva section aside a:hover {
              border-bottom: 1px solid #af1f24; }
        @media all and (max-width: 768px) {
          body.profile article.dataviva section content {
            margin: 0 0 20px 0 !important;   }
}
      body.profile article.dataviva h1 img {
        width: 250px; }
        @media all and (max-width: 768px) {
          body.profile article.dataviva h1 img {
            padding-top: 0;   }
}
    body.profile article.pantheon {
      background-color: #F4F4F1;
      color: #333; }
      body.profile article.pantheon p {
        color: #333; }
        body.profile article.pantheon content {
          overflow: hidden; }
          body.profile article.pantheon h1 img {
            max-width: 370px;
            width: 100%;
            padding-bottom: 20px; }
            body.profile article.pantheon section aside a {
              color: black;
              text-transform: uppercase;
              letter-spacing: 0.1em; }
              body.profile article.pantheon section aside a:hover {
                border-bottom: 1px solid black; }

  body.embed {
    background-color: transparent; }

    body.visualize {
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      font-smoothing: antialiased; }
      body.visualize #content > section {
        position: relative; }
        body.visualize nav {
          padding-bottom: 0px; }
          @media all and (max-width: 768px) {
            body.visualize nav {
              padding-bottom: 5px;   }
}
      body.visualize #container {
        margin-top: 65px; }
        @media all and (max-width: 768px) {
          body.visualize #container {
            margin-top: 55px;
            padding-top: 15px;   }
}
      body.visualize #explorer.small ~ #main_viz {
        margin: 0 20px 0 5px !important; }
        @media all and (max-width: 768px) {
          body.visualize #explorer.small ~ #main_viz {
            margin: 0 0 0 0 !important;   }
}
      body.visualize #content #main_viz {
        margin: 0 20px 0 -5px !important; }
        @media all and (max-width: 768px) {
          body.visualize #content #main_viz {
            margin: 0 0 0 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 10px 0 ;
            margin: 0 0 0 0 !important; }
            @media all and (max-width: 768px) {
              body.visualize #content #main_viz .nav-section {
                padding: 0 0 10px 0 ;   }
}
              body.visualize #content #main_viz .nav-section aside {
                width: auto !important;
                margin: 0 0 0 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.5s;
                      -moz-transition: opacity 0.5s;
                      -ms-transition: opacity 0.5s;
                      -o-transition: opacity 0.5s;
                      transition: opacity 0.5s;
                      font-weight: 400;
                      font-size: 26px;
                      opacity: 0.6;
                      padding: 0 10px 0 10px ; }
                      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: 18px;   }
}
                            @media all and (max-width: 768px) {
                              body.visualize #content #main_viz .nav-section aside a h2.year-nav {
                                padding: 0 5px 0 5px ;   }
}
                              @media all and (max-width: 500px) {
                                body.visualize #content #main_viz .nav-section aside a h2.year-nav {
                                  font-size: 16px;   }
}
            body.visualize #content #main_viz .nav-section content {
              margin: 0 0 0 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 #explorer.small ~ #visualize_share {
        left: 49%; }
        body.visualize #visualize_share {
          -webkit-transition: left 0.5s, right 0.5s;
          -moz-transition: left 0.5s, right 0.5s;
          -ms-transition: left 0.5s, right 0.5s;
          -o-transition: left 0.5s, right 0.5s;
          transition: left 0.5s, right 0.5s;
          -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;
          position: fixed;
          top: 45px;
          left: 60%;
          z-index: 19; }
          @media all and (max-width: 768px) {
            body.visualize #visualize_share {
              display: none;   }
}
            body.visualize #visualize_share a {
              color: #6297cb;
              cursor: pointer;
              font-size: 15px;
              padding: 15px 8px 15px 8px ;
              margin: 0px 0px 0px 0px ;
              text-align: center; }
              body.visualize #visualize_share a 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;
                opacity: 0.7; }
                body.visualize #visualize_share a:hover i {
                  opacity: 1; }
      body.visualize #collapse-container {
        position: relative;
        top: 30px; }
        @media all and (max-width: 768px) {
          body.visualize #collapse-container {
            -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: flex-start;
            -moz-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-flex-direction: row-reverse;
            -moz-flex-direction: row-reverse;
            flex-direction: row-reverse;
            top: -10px;
            right: 20px;   }
}
      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;
        opacity: 0.7;
        top: 0;
        left: 0px;
        z-index: 18;
        height: 100%;
        width: 30px; }
        @media all and (min-width: 769px) {
          body.visualize #collapse {
            position: absolute;   }
}
          body.visualize #collapse:hover {
            cursor: pointer;
            opacity: 1; }
            body.visualize #collapse .viz_menu {
              -webkit-transition: background-position 0.5s, opacity 2s;
              -moz-transition: background-position 0.5s, opacity 2s;
              -ms-transition: background-position 0.5s, opacity 2s;
              -o-transition: background-position 0.5s, opacity 2s;
              transition: background-position 0.5s, opacity 2s;
              opacity: 0; }
              body.visualize #collapse i {
                color: #99BCD1;
                -webkit-transition: left 0.5s, right 0.5s;
                -moz-transition: left 0.5s, right 0.5s;
                -ms-transition: left 0.5s, right 0.5s;
                -o-transition: left 0.5s, right 0.5s;
                transition: left 0.5s, right 0.5s;
                font-size: 16px;
                position: absolute; }
                body.visualize #collapse .fa-toggle-on {
                  left: 250px; }
                  body.visualize #collapse .fa-toggle-on ~ .viz_menu {
                    background-position: left -10px top 128px, left -10px top 160px, left -10px top 192px,
                                        left -10px top 224px, left -10px top 256px, left -10px top 288px,
                                        left -10px top 320px; }
        body.visualize #collapse .fa-toggle-off {
          left: 0px;
          padding: 0 6px 6px 6px ;
          background-color: #212831; }
          body.visualize #collapse .fa-toggle-off ~ .viz_menu {
            background-image: url('/static/img/icons/app/app_tree_map.png'),
                        url('/static/img/icons/app/app_stacked.png'),
                        url('/static/img/icons/app/app_network.png'),
                        url('/static/img/icons/app/app_rings.png'),
                        url('/static/img/icons/app/app_geo_map.png'),
                        url('/static/img/icons/app/app_line.png'),
                        url('/static/img/icons/app/app_scatter.png');
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: left 8px top 128px, left 8px top 160px, left 8px top 192px, left 8px top 224px,
                        left 8px top 256px, left 8px top 288px, left 8px top 320px;
            background-size: 15px 15px;
            opacity: 1;
            width: 30px;
            height: 100%; }
        @media all and (max-width: 768px) {
          body.visualize #collapse {
            top: 0;
            height: 20px;
            left: 0px;   }
            body.visualize #collapse i {
              left: 0 !important;
              background-color: transparent !important;
              -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              transform: rotate(90deg);
              padding: 0px 15px 17px 0 !important;   }
              body.visualize #collapse .viz_menu {
                display: none;   }
}
      body.visualize #collapse-text-container {
        left: 13px;
        cursor: pointer;
        top: 0;
        height: 17px;
        opacity: 0.7;
        overflow: hidden; }
        body.visualize #collapse-text-container:hover {
          opacity: 1; }
          body.visualize #collapse-text-container .collapse-text {
            -webkit-transition: top 0.25s ease-in-out;
            -moz-transition: top 0.25s ease-in-out;
            -ms-transition: top 0.25s ease-in-out;
            -o-transition: top 0.25s ease-in-out;
            transition: top 0.25s ease-in-out;
            color: #81919d;
            display: block;
            font-size: 13px;
            text-align: right ;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-weight: 400;
            position: relative;
            top: -17px; }
            @media all and (min-width: 769px) {
              body.visualize #collapse-text-container {
                display: none;
                position: absolute;   }
}
              @media all and (max-width: 768px) {
                body.visualize #collapse-text-container {
                  display: inline-block;   }
}
                body.visualize #collapse-text-container.to-open .collapse-text {
                  top: 0px; }
      body.visualize aside#explorer {
        -webkit-transition: margin-left, 0.5s, height 3s;
        -moz-transition: margin-left, 0.5s, height 3s;
        -ms-transition: margin-left, 0.5s, height 3s;
        -o-transition: margin-left, 0.5s, height 3s;
        transition: margin-left, 0.5s, height 3s;
        margin: 0 25px 0 20px !important;
        position: relative;
        top: 60px; }
        body.visualize aside#explorer.small {
          margin-left: -250px !important ; }
          @media all and (max-width: 768px) {
            body.visualize aside#explorer {
              margin: 0 20px 0 20px !important;
              top: 0;
              height: auto;   }
              body.visualize aside#explorer.small {
                display: none;
                height: 0;
                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: 13px;
            padding: 2px 5px 2px 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 10px 10px 10px ; }
          body.visualize aside#explorer .app_menu.open {
            display: block; }
            body.visualize aside#explorer .app_menu h3 {
              font-size: 16px;
              margin: 35px 0 20px 0 ; }
              body.visualize aside#explorer .app_menu h4 {
                color: #81919d;
                font-size: 13px;
                font-weight: 400;
                margin: 0 0 10px 0 ;
                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 0 ; }
            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;
                letter-spacing: 0.05em;
                line-height: 1.1;
                text-transform: uppercase;
                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 0 !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 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 4px 4px 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: 5px; }
          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 0 ; }
              body.visualize aside#explorer #changers h4 {
                font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
                font-size: 12px;
                margin-bottom: 5px;
                margin-top: -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-user-select: none;
              -webkit-appearance: none;
              -webkit-tap-highlight-color: transparent;
              background-color: #63737f;
              border: 0;
              border-radius: 2px;
              color: white;
              cursor: pointer;
              display: block;
              font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
              font-size: 13px;
              margin: 10px 0 20px 0 ;
              padding: 9px 10px 9px 10px ;
              outline: none;
              position: relative;
              text-align: center ;
              -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
              -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
              text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
              text-transform: uppercase;
              width: 100%; }
              body.visualize aside#explorer #changers #build:after {
                position: absolute;
                content: "";
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border-radius: 2px; }
                body.visualize aside#explorer #changers #build:hover:after {
                  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.3); }
                  body.visualize aside#explorer #changers #build:active:after {
                    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2); }
      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.5s;
            -moz-transition: opacity 0.5s;
            -ms-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
            transition: opacity 0.5s;
            color: #fff;
            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: 0.6; }
              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.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_share, .d3plus_label {
    font-family: "Fira Sans Condensed" !important; }

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

  .d3plus_tooltip_curtain {
    opacity: 0.4 !important; }

    .d3plus_tooltip_small .d3plus_tooltip_title {
      padding: 10px 6px 10px 6px !important; }
      .d3plus_tooltip_small .d3plus_tooltip_container {
        padding: 3px 3px 3px 5px !important ; }

  #d3plus_tooltip_id_tree_map.d3plus_tooltip_large .d3plus_tooltip_container {
    padding: 0 0 0 0 !important; }
    #d3plus_tooltip_id_tree_map.d3plus_tooltip_large .d3plus_tooltip_body {
      padding: 0 7px 0 7px !important; }

  .d3plus_tooltip_large, .d3plus_tooltip_small {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #ccc !important;
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }
    .d3plus_tooltip_large .d3plus_tooltip_arrow,
    .d3plus_tooltip_small .d3plus_tooltip_arrow {
      background-color: #63737f !important;
      border: 1px solid #63737f; }
      .d3plus_tooltip_large .d3plus_tooltip_container,
      .d3plus_tooltip_small .d3plus_tooltip_container {
        background-color: #272f38 !important;
        border: 1px solid #63737f;
        color: #ccc;
        line-height: 1.4; }
        .d3plus_tooltip_large .d3plus_tooltip_container h3.related_viz,
        .d3plus_tooltip_small .d3plus_tooltip_container h3.related_viz {
          color: #81919d;
          font-size: 12px;
          padding: 15px 0px 10px 0 ; }
          .d3plus_tooltip_large .d3plus_tooltip_container a.profile,
          .d3plus_tooltip_small .d3plus_tooltip_container a.profile {
            -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: flex-start;
            -moz-justify-content: flex-start;
            justify-content: flex-start; }
            .d3plus_tooltip_large .d3plus_tooltip_container a.profile h3,
            .d3plus_tooltip_small .d3plus_tooltip_container a.profile h3 {
              font-size: 16px;
              display: inline-block;
              line-height: 1.2;
              vertical-align: middle;
              width: auto; }
              .d3plus_tooltip_large .d3plus_tooltip_container a.profile h3:after,
              .d3plus_tooltip_small .d3plus_tooltip_container a.profile h3:after {
                font-family: FontAwesome;
                padding-left: 7px ;
                position: absolute;
                content: "\f105"; }
            .d3plus_tooltip_large .d3plus_tooltip_container a.profile:hover,
            .d3plus_tooltip_small .d3plus_tooltip_container a.profile:hover {
              opacity: 0.8; }
    .d3plus_tooltip_large .d3plus_tooltip_body,
    .d3plus_tooltip_small .d3plus_tooltip_body {
      height: 100%;
      background-color: #3f464f;
      padding-right: 0 !important ; }
      .d3plus_tooltip_large .d3plus_tooltip_body .d3plus_tooltip_header,
      .d3plus_tooltip_small .d3plus_tooltip_body .d3plus_tooltip_header {
        padding-top: 5px; }
        .d3plus_tooltip_large .d3plus_tooltip_body .d3plus_tooltip_header .d3plus_tooltip_icon,
        .d3plus_tooltip_small .d3plus_tooltip_body .d3plus_tooltip_header .d3plus_tooltip_icon {
          display: none !important; }
          .d3plus_tooltip_large .d3plus_tooltip_body .d3plus_tooltip_header .d3plus_tooltip_title,
          .d3plus_tooltip_small .d3plus_tooltip_body .d3plus_tooltip_header .d3plus_tooltip_title {
            width: 100% !important;
            max-width: 100% !important; }
    .d3plus_tooltip_large .d3plus_tooltip_html,
    .d3plus_tooltip_small .d3plus_tooltip_html {
      padding: 0 0 0 0 !important;
      word-wrap: break-word;
      overflow: scroll; }
      .d3plus_tooltip_large .d3plus_tooltip_icon,
      .d3plus_tooltip_small .d3plus_tooltip_icon {
        vertical-align: middle !important; }
        .d3plus_tooltip_large .d3plus_tooltip_title,
        .d3plus_tooltip_small .d3plus_tooltip_title {
          color: #fff !important;
          font-size: 20px !important;
          font-weight: 400;
          line-height: 1.2 !important;
          vertical-align: middle !important;
          padding: 10px 6px 10px 6px !important; }
          .d3plus_tooltip_large .d3plus_tooltip_data_title,
          .d3plus_tooltip_small .d3plus_tooltip_data_title {
            color: #81919d;
            font-family: "Montserrat", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
            font-weight: 400 !important;
            letter-spacing: 1px;
            line-height: 1.15;
            padding: 15px 0px 10px 0 !important;
            text-transform: uppercase; }
            .d3plus_tooltip_large .d3plus_tooltip_focus_link,
            .d3plus_tooltip_small .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,
              .d3plus_tooltip_small .d3plus_tooltip_focus_link div {
                height: 16px !important;
                width: 16px !important; }
                .d3plus_tooltip_large .d3plus_tooltip_focus_link:hover,
                .d3plus_tooltip_small .d3plus_tooltip_focus_link:hover {
                  color: #fff; }
    .d3plus_tooltip_large .d3plus_tooltip_data_block,
    .d3plus_tooltip_small .d3plus_tooltip_data_block {
      color: #ccc !important;
      font-size: 14px !important;
      padding: 5px 6px 5px 6px !important; }
      .d3plus_tooltip_large .d3plus_tooltip_data_block .d3plus_tooltip_data_name,
      .d3plus_tooltip_small .d3plus_tooltip_data_block .d3plus_tooltip_data_name {
        font-weight: 700; }
        .d3plus_tooltip_large .d3plus_tooltip_data_block .d3plus_tooltip_data_name .d3plus_tooltip_focus_link:hover:after,
        .d3plus_tooltip_small .d3plus_tooltip_data_block .d3plus_tooltip_data_name .d3plus_tooltip_focus_link:hover:after {
          font-family: FontAwesome;
          padding-left: 5px ;
          position: absolute;
          content: "\f105"; }
      .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div img,
      .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div img {
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        margin: 0 5px 0 0 ; }
        .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a,
        .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a {
          display: block;
          width: 100%; }
          .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.profile,
          .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.profile {
            padding: 0 0 2px 3px ;
            width: 98%;
            background-color: transparent !important;
            font-size: 18px;
            font-weight: 400;
            margin: 10px 0 10px 0 ; }
            .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.profile:before,
            .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.profile:before {
              display: none; }
          .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a ~ h3.related_viz,
          .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a ~ h3.related_viz {
            padding: 5px 0 10px 0 ; }
            .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.related,
            .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.related {
              -webkit-transition: opacity 0.5s;
              -moz-transition: opacity 0.5s;
              -ms-transition: opacity 0.5s;
              -o-transition: opacity 0.5s;
              transition: opacity 0.5s;
              color: #fff;
              font-size: 14px;
              line-height: 1.3;
              padding: 6px 0 6px 0 ; }
              .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.related:hover,
              .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.related:hover {
                opacity: 0.8; }
                .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.related:hover:after,
                .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.related:hover:after {
                  font-family: FontAwesome;
                  padding-left: 5px ;
                  position: absolute;
                  content: "\f105"; }
          .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.tree_map:before,
          .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.tree_map:before {
            background-image: url("/static/img/icons/app/app_tree_map.png"); }
            .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.stacked:before,
            .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.stacked:before {
              background-image: url("/static/img/icons/app/app_stacked.png"); }
              .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.network:before,
              .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.network:before {
                background-image: url("/static/img/icons/app/app_network.png"); }
                .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.rings:before,
                .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.rings:before {
                  background-image: url("/static/img/icons/app/app_rings.png"); }
                  .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.geo_map:before,
                  .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.geo_map:before {
                    background-image: url("/static/img/icons/app/app_geo_map.png"); }
                    .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.compare:before,
                    .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.compare:before {
                      background-image: url("/static/img/icons/app/app_compare.png"); }
                      .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a.scatter:before,
                      .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a.scatter:before {
                        background-image: url("/static/img/icons/app/app_scatter.png"); }
                        .d3plus_tooltip_large .d3plus_tooltip_data_block ~ div a:before,
                        .d3plus_tooltip_small .d3plus_tooltip_data_block ~ div a:before {
                          background-repeat: no-repeat;
                          background-size: 15px 15px;
                          content: "";
                          display: inline-block;
                          margin-right: 6px ;
                          left: 0px;
                          width: 13px;
                          height: 14px;
                          position: relative;
                          top: 1px; }
    .d3plus_tooltip_large .d3plus_tooltip_data_seperator,
    .d3plus_tooltip_small .d3plus_tooltip_data_seperator {
      background-color: #63737f !important; }
      .d3plus_tooltip_large .d3plus_tooltip_html,
      .d3plus_tooltip_small .d3plus_tooltip_html {
        margin: 15px 12px 6px 12px ;
        padding-right: 0px !important ;
        height: 87% !important; }
        .d3plus_tooltip_large .d3plus_tooltip_html img,
        .d3plus_tooltip_small .d3plus_tooltip_html img {
          display: inline-block;
          vertical-align: middle;
          width: 25px;
          margin: 0 5px 0 0 ; }
          .d3plus_tooltip_large .d3plus_tooltip_html a.related,
          .d3plus_tooltip_small .d3plus_tooltip_html a.related {
            -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: #fff;
            display: block;
            position: relative;
            left: 15px;
            width: 97%;
            font-size: 14px;
            line-height: 1.3;
            padding: 6px 0 6px 3px ; }
            .d3plus_tooltip_large .d3plus_tooltip_html a.related:hover,
            .d3plus_tooltip_small .d3plus_tooltip_html a.related:hover {
              opacity: 0.8; }
              .d3plus_tooltip_large .d3plus_tooltip_html a.related:hover:after,
              .d3plus_tooltip_small .d3plus_tooltip_html a.related:hover:after {
                font-family: FontAwesome;
                padding-left: 5px ;
                position: absolute;
                content: "\f105"; }
            .d3plus_tooltip_large .d3plus_tooltip_html a.related.tree_map:before,
            .d3plus_tooltip_small .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,
              .d3plus_tooltip_small .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,
                .d3plus_tooltip_small .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,
                  .d3plus_tooltip_small .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,
                    .d3plus_tooltip_small .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,
                      .d3plus_tooltip_small .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,
                        .d3plus_tooltip_small .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,
                          .d3plus_tooltip_small .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_html a.related.profile,
                            .d3plus_tooltip_small .d3plus_tooltip_html a.related.profile {
                              background-color: transparent !important;
                              font-size: 18px;
                              font-weight: 400;
                              margin-bottom: 10px; }

  .d3plus_tooltip_close {
    top: 15px !important;
    right: 10px !important;
    color: #ccc !important;
    font-size: 35px !important;
    font-weight: 300 !important;
    background-color: transparent !important;
    box-shadow: none !important; }
    .d3plus_tooltip_close:hover {
      opacity: 0.6 !important; }

  #d3plus_back_button {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
    #d3plus_back_button:hover {
      opacity: 0.7 !important; }

  .viz_loader {
    -webkit-animation: viz_loader 3s cubic-bezier(0.91, 0, 0.8, 0.51) infinite;
    -moz-animation: viz_loader 3s cubic-bezier(0.91, 0, 0.8, 0.51) infinite;
    -o-animation: viz_loader 3s cubic-bezier(0.91, 0, 0.8, 0.51) infinite;
    animation: viz_loader 3s cubic-bezier(0.91, 0, 0.8, 0.51) infinite;
    display: none;
    height: 2px;
    left: 0;
    margin: -1px 2px 0 2px ;
    opacity: 0.5;
    overflow: hidden;
    position: absolute;
    text-align: left ;
    top: 0;
    z-index: 3; }
    .viz_loader.visible {
      display: block; }

  @-webkit-keyframes viz_loader {
    0% {
      width: 0%;   }
      100% {
        width: 100%;   }
}

  @-moz-keyframes viz_loader {
    0% {
      width: 0%;   }
      100% {
        width: 100%;   }
}

  @-o-keyframes viz_loader {
    0% {
      width: 0%;   }
      100% {
        width: 100%;   }
}

  @keyframes viz_loader {
    0% {
      width: 0%;   }
      100% {
        width: 100%;   }
}

  body.rankings {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased; }
    body.rankings #container {
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto; }
      body.rankings #container #content section.nav-section {
        margin: 0 20px 10px 20px; }
        body.rankings #container #content section.nav-section content {
          margin: 0 !important; }
          body.rankings #container #content section.nav-section aside {
            font-size: 26px;
            margin: 10px 10px 0 0;
            width: 50px;
            text-align: right; }
      body.rankings #container #content section.about-section content {
        column-count: 3;
        column-gap: 20px;
        margin: 0 20px 10px 20px; }
        @media all and (max-width: 950px) {
          body.rankings #container #content section.about-section content {
            column-count: 2;
            column-gap: 15px;   }
}
          @media all and (max-width: 600px) {
            body.rankings #container #content section.about-section content {
              column-count: 1;   }
}
      body.rankings #container #content section.download-section {
        margin: 10px 20px 20px 20px; }
        body.rankings #container #content section.download-section content {
          text-align: center;
          margin: 0; }
      body.rankings #container #content section.settings-section {
        background-color: #3f464f;
        margin: 0 20px 10px 20px; }
        @media all and (max-width: 950px) {
          body.rankings #container #content section.settings-section {
            flex-direction: column;   }
}
          body.rankings #container #content section.settings-section content {
            flex: 2;
            padding: 10px;
            margin: 0 !important; }
            @media all and (max-width: 375px) {
              body.rankings #container #content section.settings-section content {
                padding: 2px 10px;   }
}
              body.rankings #container #content section.settings-section content ul.settings-list {
                border: 1px solid #63737f;
                border-radius: 4px;
                display: inline-block; }
                @media all and (max-width: 375px) {
                  body.rankings #container #content section.settings-section content ul.settings-list {
                    margin: 5px 0;   }
}
                  body.rankings #container #content section.settings-section content ul.settings-list li {
                    margin: 0 0 0 8px;
                    padding: 0;
                    display: inline-block; }
                    body.rankings #container #content section.settings-section content ul.settings-list li a {
                      border-radius: 4px;
                      display: inline-block;
                      padding: 4px 6px;
                      white-space: nowrap; }
                      body.rankings #container #content section.settings-section content ul.settings-list li a.active {
                        background-color: #212831; }
            body.rankings #container #content section.settings-section content.settings-attr {
              flex: 1; }
              body.rankings #container #content section.settings-section content.settings-classification {
                flex: 2; }
                body.rankings #container #content section.settings-section content.settings-complexity-type {
                  flex: 1; }
                  body.rankings #container #content section.settings-section content.settings-year {
                    flex: 3; }
      body.rankings #container #content section.ranking-section {
        display: block;
        margin: 0 20px; }
        body.rankings #container #content section.ranking-section content {
          margin: 0 !important; }
      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 ; }
        @media all and (max-width: 740px) {
          body.rankings #container table tr .sparkline-col {
            display: none !important;   }
}
        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;
            max-width: 350px; }
            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; }
          body.rankings #container table .rank, body.rankings #container table .eci,
          body.rankings #container table .pci {
            width: 20px; }
            @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.methodology {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased; }
    body.about #container #content, body.resources #container #content,
    body.permissions #container #content, body.methodology #container #content {
      max-width: 695px;
      padding-top: 20px; }
      body.about #container #content a, body.resources #container #content a,
      body.permissions #container #content a, body.methodology #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.methodology #container #content a:hover {
          border-bottom: 1px solid #99BCD1; }
    body.about h1, body.resources h1, body.permissions h1, body.methodology h1 {
      line-height: 1;
      margin-bottom: 20px; }
      body.about h2, body.resources h2, body.permissions h2, body.methodology h2 {
        color: #6297cb;
        font-size: 34px;
        line-height: 1.1;
        margin-bottom: 15px; }
        body.about h4, body.resources h4, body.permissions h4, body.methodology h4 {
          color: #bbbdc0;
          line-height: 1.3;
          font-size: 22px;
          margin: 15px 0 15px 0 ; }
          body.about ol, body.resources ol, body.permissions ol, body.methodology ol {
            margin-left: 20px ;
            margin-top: 0; }
            body.about blockquote, body.resources blockquote, body.permissions blockquote,
            body.methodology blockquote {
              margin: 25px 0 25px 0 ; }
              body.about p, body.resources p, body.permissions p, body.methodology p {
                opacity: 0.8; }

  body.about h3 {
    line-height: 1.3;
    margin: 20px 0 20px 0 ;
    font-size: 24px;
    opacity: 0.8; }

  body.resources h3 {
    color: #6297cb;
    line-height: 1.3;
    margin: 25px 0 10px 0 ;
    font-size: 16px;
    font-weight: 400;
    opacity: 0.8; }

  body.eci h1 {
    color: #6297cb;
    margin: 20px 0 20px 0 ; }
    body.eci h4 {
      color: #81919d;
      font-size: 26px; }
      body.eci ol {
        opacity: 0.9; }
        body.eci li span.calc {
          color: #fff; }
          body.eci .calc {
            position: relative;
            top: 3px; }

  .member {
    margin: 50px 0 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 {
        color: #99BCD1 !important;
        font-size: 18px !important; }
        .member h3, .member h4 {
          margin: 0 0 0 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: 18px;
      margin: 0 5px 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 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"); }

  #mauricio_vargas:before {
    background-image: url("/static/img/about/mauricio_vargas.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 0 0 0 !important; }
      body.publications article {
        padding: 70px 5% 70px 5% ;
        color: #333; }
        body.publications article section {
          padding: 30px 30px 30px 30px ;
          max-width: 1054px;
          margin: 0 auto 0 auto ; }
          body.publications article section content {
            margin: 0 0 0 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% 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 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 section .links {
              margin: 10px 0 0 0 !important; }
              body.publications article.papers section .links a {
                padding: 0 10px 0 0; }
                body.publications article.papers section .links a:hover {
                  border: 0;
                  opacity: 0.8; }
              body.publications article.papers section .links img {
                width: 30px; }
          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: #99BCD1;
          text-decoration: none; }
          body.api #container #content a:hover {
            padding-bottom: 2px;
            border-bottom: 1px dotted #99BCD1; }
        body.api #container #content p {
          opacity: 0.9;
          margin: 5px 0 5px 0 ; }
          body.api #container #content section aside {
            width: 180px; }
            body.api #container #content section aside p {
              color: #81919d;
              text-align: left ; }
        body.api #container #content h2 {
          line-height: 1.1;
          margin: 20px 0 20px 0 ; }
          body.api #container #content h3 {
            font-size: 16px;
            margin-bottom: 10px;
            opacity: 0.8;
            color: #6297cb; }
            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 5px 7px ;
                  background-color: #3f464f;
                  color: white;
                  border: 0; }
                  body.api #container #content table code {
                    color: white; }
                    @media all and (max-width: 480px) {
                      body.api #container #content table code {
                        font-size: 12px;   }
}
        body.api #container #content pre {
          padding: 7px 0 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 1px 4px ;
            white-space: nowrap; }
            body.api #container #content code a {
              color: #54a6f2; }
              body.api #container #content code a:hover {
                opacity: 1;
                border-bottom: 1px dotted #54a6f2 !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 0 0 0 ; }
    .modal-body input {
      border: solid 1px, #ececec;
      color: #888;
      font-size: 12px;
      letter-spacing: 1px;
      margin: 5px 0 5px 0 ;
      overflow: hidden;
      padding: 3px 3px 3px 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: 24px;
          font-weight: 300;
          line-height: 1.4;
          position: absolute;
          text-align: center ;
          top: 10%;
          left: 25%;
          width: 50%; }

  @-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);   }
}
