* {
  box-sizing: border-box; }

body, html {
  margin: 0px;
  padding: 0px;
  background-color: #0a1925;
  color: #FFFFFF;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 200;
  line-height: 1.4em;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none; }
  body.page-home, body.page-getstarted, html.page-home, html.page-getstarted {
    background-image: url("/assets/img/bg.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed; }
    body.page-home .section-inner, body.page-getstarted .section-inner, html.page-home .section-inner, html.page-getstarted .section-inner {
      background-color: #36a4f7;
      border-radius: 20px; }
      body.page-home .section-inner h1, body.page-home .section-inner h2, body.page-home .section-inner h3, body.page-home .section-inner h4, body.page-home .section-inner p, body.page-home .section-inner ul, body.page-getstarted .section-inner h1, body.page-getstarted .section-inner h2, body.page-getstarted .section-inner h3, body.page-getstarted .section-inner h4, body.page-getstarted .section-inner p, body.page-getstarted .section-inner ul, html.page-home .section-inner h1, html.page-home .section-inner h2, html.page-home .section-inner h3, html.page-home .section-inner h4, html.page-home .section-inner p, html.page-home .section-inner ul, html.page-getstarted .section-inner h1, html.page-getstarted .section-inner h2, html.page-getstarted .section-inner h3, html.page-getstarted .section-inner h4, html.page-getstarted .section-inner p, html.page-getstarted .section-inner ul {
        color: #fff;
        max-width: 850px;
        margin-left: auto;
        margin-right: auto; }
      body.page-home .section-inner a:not(.btn), body.page-getstarted .section-inner a:not(.btn), html.page-home .section-inner a:not(.btn), html.page-getstarted .section-inner a:not(.btn) {
        color: #36a4f7;
        text-decoration: none; }
  body.page-report, html.page-report {
    background-image: url("/assets/img/cross-bg-black.png");
    background-size: 500px auto;
    background-position: center;
    background-attachment: fixed; }
  body.page-getstarted, html.page-getstarted {
    overflow-x: hidden; }
    body.page-getstarted .section-inner, html.page-getstarted .section-inner {
      background-color: #0d2130; }
    body.page-getstarted .cta, html.page-getstarted .cta {
      margin-left: -60px;
      margin-right: -60px;
      padding: 30px;
      border-radius: 20px; }
      body.page-getstarted .cta h1, body.page-getstarted .cta h2, body.page-getstarted .cta h3, body.page-getstarted .cta h4, html.page-getstarted .cta h1, html.page-getstarted .cta h2, html.page-getstarted .cta h3, html.page-getstarted .cta h4 {
        color: #fff !important; }
      body.page-getstarted .cta input, body.page-getstarted .cta button, html.page-getstarted .cta input, html.page-getstarted .cta button {
        margin-top: 15px; }

button, input {
  font-family: 'Lato', sans-serif; }

a {
  cursor: pointer; }

p {
  margin: 0px;
  padding: 0px;
  padding-bottom: 15px; }

h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
  padding-top: 15px;
  padding-bottom: 7.5px;
  font-weight: 200; }

h1, h2, h3 {
  font-weight: 400; }

h1 {
  font-size: 2.5rem;
  line-height: 1.3em;
  font-weight: 700; }
  @media all and (max-width: 480px) {
    h1 {
      font-size: 1.875rem; } }

h2 {
  font-size: 1.5rem;
  line-height: 1.3em; }
  @media all and (max-width: 480px) {
    h2 {
      font-size: 1.275rem; } }

h3 {
  font-size: 1.3rem;
  line-height: 1.4em; }
  @media all and (max-width: 480px) {
    h3 {
      font-size: 1.105rem; } }

h4 {
  font-size: 1.25rem;
  line-height: 1.3em; }
  @media all and (max-width: 480px) {
    h4 {
      font-size: 1.0625rem; } }

* {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  *::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
    @media all and (max-width: 800px) {
      *::-webkit-scrollbar {
        width: 4px;
        height: 4px; } }
  *::-webkit-scrollbar-track {
    background: #0a1925;
    border-radius: 10px; }
  *::-webkit-scrollbar-thumb {
    background: rgba(54, 164, 247, 0.8);
    border-radius: 10px; }
  *::-webkit-scrollbar-thumb:hover {
    background: #36a4f7; }

.map-wrap {
  position: relative;
  display: block; }

.section {
  clear: both;
  position: relative;
  z-index: 2;
  padding: 15px;
  max-width: 1900px;
  margin-left: auto;
  margin-right: auto; }
  .section.full-height {
    min-height: 100vh; }
  .section.seperator {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    padding-top: 15px; }
    .section.seperator:after {
      content: '';
      display: block;
      clear: both;
      position: relative; }
  @media all and (min-width: 480px) {
    .section {
      padding: 45px;
      padding-top: 30px;
      padding-bottom: 30px; } }
  .section .section-inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 30px;
    max-width: 600px;
    transition: .5s; }
  .section .feature-wrap {
    position: relative;
    vertical-align: top;
    text-align: center; }
    @media all and (min-width: 480px) {
      .section .feature-wrap {
        margin-left: -15px;
        margin-right: -15px; } }
    .section .feature-wrap .feature {
      padding: 15px; }
      .section .feature-wrap .feature .feature-inner {
        background-color: rgba(0, 0, 0, 0.1);
        padding: 22.5px;
        border-radius: 16px;
        position: relative; }
      .section .feature-wrap .feature .fa-shield-check {
        position: absolute;
        top: 30px;
        z-index: 2;
        left: 55%;
        color: #00f000;
        font-size: 2.75rem; }
      @media all and (min-width: 480px) {
        .section .feature-wrap .feature {
          vertical-align: top;
          display: inline-block;
          width: 33.33%; } }
      .section .feature-wrap .feature h4 {
        text-align: center;
        padding-top: 0px;
        padding-bottom: 15px;
        font-weight: 400; }
      .section .feature-wrap .feature h1 {
        font-size: 4.5rem;
        color: #36a4f7;
        line-height: 1em;
        padding-bottom: 22.5px; }
      .section .feature-wrap .feature h3 {
        padding: 0px;
        padding-bottom: 7.5px;
        font-weight: 700;
        font-size: 1.5rem; }
      .section .feature-wrap .feature p {
        padding: 0px;
        padding-bottom: 7.5px; }
  .section#hero {
    max-width: 100%;
    padding: 15px;
    padding-top: 90px;
    padding-bottom: 90px;
    background-image: url("/assets/img/bg.jpg");
    background-position: center;
    background-size: cover; }
    .section#hero .logo {
      display: block;
      width: 150px;
      margin-left: auto;
      margin-right: auto;
      transition: .5s;
      margin-top: -90px;
      padding-bottom: 30px; }
    .section#hero .hero-content {
      text-align: center;
      max-width: 700px;
      padding: 30px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 20px;
      background-color: #36a4f7; }
      .section#hero .hero-content h1, .section#hero .hero-content h2, .section#hero .hero-content h3 {
        padding-top: 0px;
        padding-bottom: 0px;
        color: #FFF; }
      .section#hero .hero-content h1 {
        padding-top: 15px;
        padding-bottom: 15px; }
      .section#hero .hero-content p {
        padding: 0px;
        padding-top: 15px; }
  .section#report_info {
    background-color: #0a1925;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: -90px;
    z-index: 1;
    padding-top: 80px; }
    .section#report_info .section-inner {
      max-width: 1100px;
      margin-bottom: 30px;
      background-color: transparent;
      box-shadow: none; }
    .section#report_info h1, .section#report_info h2, .section#report_info h3, .section#report_info p, .section#report_info ul, .section#report_info li {
      text-align: center; }
    .section#report_info h2 {
      padding-top: 0px; }
    .section#report_info ul {
      padding: 0px;
      margin: 0px;
      margin-right: auto;
      margin-left: auto;
      list-style-type: none;
      padding-top: 15px;
      padding-bottom: 15px; }
      .section#report_info ul li {
        padding: 15px;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        position: relative; }
        .section#report_info ul li:after {
          display: block;
          content: '';
          height: 1px;
          background-color: rgba(0, 0, 0, 0.25);
          width: 85%;
          position: absolute;
          top: 0px;
          left: 50%;
          transform: translate(-50%, 0%); }
        .section#report_info ul li:first-child:after {
          display: none; }
  .section#report_intro {
    padding-top: 180px;
    z-index: 2;
    text-align: center; }
    .section#report_intro .section-inner {
      max-width: 1050px;
      padding-bottom: 0px; }
      .section#report_intro .section-inner .cta {
        margin-top: 60px;
        margin-right: -30px;
        margin-left: -30px;
        padding: 30px;
        margin-bottom: 0px;
        border-radius: 0px 0px 20px 20px; }
        .section#report_intro .section-inner .cta h1 {
          padding-top: 0px; }
    .section#report_intro .logo {
      display: block;
      width: 260px;
      margin-left: auto;
      margin-right: auto;
      transition: .5s;
      margin-top: -130px; }
    .section#report_intro h1, .section#report_intro h2, .section#report_intro h3, .section#report_intro p {
      padding: 0px;
      margin: 0px;
      padding-top: 15px; }
    .section#report_intro h1, .section#report_intro h2, .section#report_intro h3, .section#report_intro h4, .section#report_intro p {
      max-width: 900px;
      margin-left: auto;
      margin-right: auto; }
  .section#report_hero {
    padding-top: 180px;
    text-align: center;
    transition: .5s; }
    .section#report_hero .logo {
      display: block;
      width: 260px;
      margin-top: -130px;
      margin-left: auto;
      margin-right: auto;
      transition: .5s;
      padding-bottom: 30px; }
    .section#report_hero.focus {
      padding-top: 90px; }
      .section#report_hero.focus .section-inner .logo {
        width: 140px;
        margin-top: -80px; }
    .section#report_hero h1, .section#report_hero h2, .section#report_hero h3 {
      padding: 0px;
      padding-top: 3.75px; }
  .section#map #map_placement {
    width: 100%;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
    cursor: pointer; }
    @media all and (max-width: 480px) {
      .section#map #map_placement {
        height: 320px; } }
  .section#map .map-padding {
    background-color: rgba(0, 0, 0, 0.6); }
    @media all and (min-width: 480px) {
      .section#map .map-padding {
        padding-top: 30px;
        padding-bottom: 30px;
        border-radius: 16px; } }
  .section#confirm_address {
    text-align: center;
    padding-top: 90px; }
    .section#confirm_address .logo {
      display: block;
      width: 140px;
      margin-top: -80px;
      margin-left: auto;
      margin-right: auto;
      transition: .5s;
      padding-bottom: 30px; }
    .section#confirm_address #map_placement {
      margin-top: 30px;
      margin-bottom: 30px;
      width: 280px;
      height: 280px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 16px; }
      @media all and (min-width: 480px) {
        .section#confirm_address #map_placement {
          width: 400px;
          height: 400px; } }
    .section#confirm_address h2, .section#confirm_address h3 {
      padding: 0px;
      padding-top: 3.75px; }
    .section#confirm_address input {
      width: 100%;
      max-width: 320px; }
    .section#confirm_address .btn {
      text-align: center; }
  .section#notes ul {
    margin: 0px;
    padding-bottom: 15px; }

.legend-placement {
  position: relative; }
  @media all and (min-width: 480px) {
    .legend-placement {
      position: absolute;
      top: 30px;
      right: -130px;
      width: 130px; } }
  .legend-placement .risk-legend {
    position: relative;
    overflow: hidden;
    border-radius: 0px 15px 15px 0px;
    margin-bottom: 10px;
    background-color: #0d2130;
    padding: 6px; }
    @media all and (min-width: 480px) {
      .legend-placement .risk-legend {
        padding-left: 0px; } }
    @media all and (max-width: 480px) {
      .legend-placement .risk-legend {
        display: inline-block;
        width: 50%;
        border-radius: 15px;
        vertical-align: top;
        background-color: transparent; } }
    .legend-placement .risk-legend .legend-title {
      background-color: #0d2130;
      font-weight: 400;
      font-size: .7em;
      line-height: 1em;
      padding-top: 10px;
      padding-bottom: 15px;
      padding-left: 10px; }
      @media all and (max-width: 480px) {
        .legend-placement .risk-legend .legend-title {
          padding: 10px;
          background-color: transparent; } }
    .legend-placement .risk-legend .risk {
      position: relative;
      padding: 10px;
      color: #fff;
      font-weight: 400;
      font-size: .7em;
      line-height: 1em; }
      .legend-placement .risk-legend .risk:last-child {
        border-radius: 0px 0px 10px 0px; }
        @media all and (max-width: 480px) {
          .legend-placement .risk-legend .risk:last-child {
            border-radius: 0px 0px 10px 10px; } }
      .legend-placement .risk-legend .risk:nth-child(2) {
        border-radius: 0px 10px 0px 0px; }
        @media all and (max-width: 480px) {
          .legend-placement .risk-legend .risk:nth-child(2) {
            border-radius: 10px 10px 0px 0px; } }

#report_email {
  padding: 15px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 30px;
  background-color: #fff;
  border: none;
  width: 100%;
  margin: 0px;
  line-height: 1em;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 15px;
  text-align: center; }

.explainer {
  position: relative;
  padding: 7.5px;
  padding-top: 15px; }
  @media all and (min-width: 480px) {
    .explainer {
      float: left;
      width: 25%;
      margin-right: -15px; } }
  .explainer h1 {
    padding-top: 0px; }

.stats {
  position: relative;
  padding: 7.5px;
  margin-left: -15px; }
  @media all and (min-width: 480px) {
    .stats {
      float: left;
      width: 75%; } }
  @media all and (max-width: 480px) {
    .stats {
      margin-right: -15px; } }
  .stats .stat {
    position: relative;
    padding: 7.5px;
    vertical-align: top; }
    @media all and (min-width: 480px) {
      .stats .stat.col-2 {
        width: 50%;
        display: inline-block; } }
    @media all and (min-width: 480px) {
      .stats .stat.col-3 {
        width: 33.33%;
        display: inline-block; } }
    @media all and (min-width: 480px) {
      .stats .stat.col-4 {
        display: inline-block;
        width: 25%; } }
    .stats .stat.col-5 {
      display: inline-block;
      width: 50%; }
      @media all and (min-width: 480px) {
        .stats .stat.col-5 {
          width: 20%; } }
    .stats .stat .stat-inner {
      position: relative;
      padding: 15px;
      background-color: #0d2130;
      border-radius: 16px;
      overflow: hidden; }
      .stats .stat .stat-inner p {
        padding-bottom: 0px; }
      .stats .stat .stat-inner .stat-output {
        font-weight: 700;
        font-size: 1.7rem;
        line-height: 1em;
        color: #6559f2;
        padding-top: 10px;
        padding-bottom: 10px; }
        @media all and (min-width: 480px) {
          .stats .stat .stat-inner .stat-output.inline {
            display: inline-block; }
            .stats .stat .stat-inner .stat-output.inline.left {
              width: 40%; }
            .stats .stat .stat-inner .stat-output.inline.right {
              width: 60%; } }
        .stats .stat .stat-inner .stat-output.large {
          font-size: 3rem; }
        .stats .stat .stat-inner .stat-output span {
          display: block;
          padding-top: 5px;
          font-size: .85rem;
          line-height: 1.4em;
          color: #fff !important;
          font-weight: 200; }
      .stats .stat .stat-inner .stat-detail {
        font-weight: 400;
        padding-bottom: 7.5px; }
        .stats .stat .stat-inner .stat-detail.meta {
          font-weight: 200;
          padding-top: 7.5px;
          padding-bottom: 0px;
          text-align: center;
          font-size: .85rem;
          line-height: 1.4em; }
      .stats .stat .stat-inner .details-btn {
        text-align: center;
        padding-top: 10px; }
      .stats .stat .stat-inner .details {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: #0d2130;
        z-index: 3; }
        .stats .stat .stat-inner .details .details-inner {
          padding: 15px; }
          .stats .stat .stat-inner .details .details-inner p {
            padding: 5px;
            padding-left: 0px;
            padding-right: 0px;
            margin: 0px;
            border-top: 1px solid rgba(255, 255, 255, 0.1); }
            .stats .stat .stat-inner .details .details-inner p.meta {
              margin-top: -7.5px;
              opacity: .75;
              font-size: .85rem;
              line-height: 1.3em;
              border-top: none; }
            .stats .stat .stat-inner .details .details-inner p:first-child {
              border-top: none;
              padding-top: 0px;
              font-weight: 400; }
      .stats .stat .stat-inner .stat-scale {
        height: 80px;
        width: 160px;
        position: relative;
        display: block;
        overflow: visible;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        margin-bottom: 45px; }
        .stats .stat .stat-inner .stat-scale .scale-legend {
          position: absolute;
          bottom: -40px;
          left: -10%;
          width: 120%;
          text-align: center;
          font-weight: 700;
          z-index: 3;
          text-transform: uppercase; }
          @media all and (max-width: 480px) {
            .stats .stat .stat-inner .stat-scale .scale-legend {
              font-size: .85rem; } }
        .stats .stat .stat-inner .stat-scale .scale-level {
          position: absolute;
          top: 0px;
          left: 0px;
          overflow: hidden;
          width: 100%;
          height: 100%;
          border-radius: 5px; }
          .stats .stat .stat-inner .stat-scale .scale-level:before {
            display: block;
            content: '';
            height: 160px;
            width: 160px;
            background: linear-gradient(90deg, #00ffb4, #fcb303, #ff008a);
            position: absolute;
            top: 0%;
            left: 50%;
            transform: translate(-50%, 0%);
            border-radius: 100%;
            z-index: 1; }
          .stats .stat .stat-inner .stat-scale .scale-level:after {
            display: block;
            content: '';
            height: 150px;
            width: 150px;
            background: #0d2130;
            position: absolute;
            top: 5px;
            left: 50%;
            transform: translate(-50%, 0%);
            border-radius: 100%;
            z-index: 1; }
        .stats .stat .stat-inner .stat-scale .scale-indicator {
          width: 4px;
          height: 80px;
          position: absolute;
          top: 100%;
          left: 50%;
          transform: translate(-50%, -100%);
          background-color: rgba(255, 255, 255, 0.9);
          border-radius: 4px;
          z-index: 2;
          transform-origin: 50% 100%; }
          .stats .stat .stat-inner .stat-scale .scale-indicator:before {
            display: block;
            content: '';
            width: 16px;
            height: 16px;
            background-color: #FFFFFF;
            border-radius: 100%;
            position: absolute;
            top: 2px;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 4px solid #0d2130; }
      .stats .stat .stat-inner .graph {
        padding-top: 15px; }
        @media all and (max-width: 480px) {
          .stats .stat .stat-inner .graph {
            overflow-x: scroll; }
            .stats .stat .stat-inner .graph .scroller {
              width: 700px; } }

.banner {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 150px;
  height: 150px;
  overflow: visible;
  z-index: 99; }
  .banner .banner-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 200%;
    padding: 10px;
    background-color: #cc0066;
    color: #fff;
    font-weight: 400;
    text-align: center;
    font-size: 1rem;
    line-height: 1.3em; }

.strikethrough {
  position: relative;
  display: inline-block;
  padding-left: 7px;
  padding-right: 7px; }
  .strikethrough:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-15deg);
    background-color: white;
    height: 6px;
    width: 100%;
    border-radius: 6px; }

.btn, input[type="submit"] {
  cursor: pointer;
  padding: 12px;
  padding-left: 24px;
  padding-right: 24px;
  display: inline-block;
  line-height: 1em;
  font-weight: 400;
  border-radius: 30px;
  background-color: #36a4f7;
  color: #fff;
  transition: .25s;
  border: none;
  font-size: 1rem;
  text-decoration: none; }
  .btn.sml, input[type="submit"].sml {
    padding: 9px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: .8rem; }
  .btn.rev, input[type="submit"].rev {
    background-color: rgba(0, 0, 0, 0.5);
    color: #36a4f7; }
    .btn.rev:hover, input[type="submit"].rev:hover {
      background-color: #36a4f7;
      color: #fff; }
  .btn:hover, input[type="submit"]:hover {
    background-color: #fff;
    color: #36a4f7; }
  .btn.block, input[type="submit"].block {
    display: block;
    text-align: center; }
  .btn.lrg, input[type="submit"].lrg {
    padding: 18px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.25rem; }
  .btn.sml, input[type="submit"].sml {
    padding: 9px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: .85rem; }
  .btn.black, input[type="submit"].black {
    background-color: #000; }
    .btn.black:hover, input[type="submit"].black:hover {
      background-color: #fff;
      color: #000; }

#geocoder .mapboxgl-ctrl-geocoder {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px; }

.risk-color-negligible {
  color: #03fcb4 !important; }

.risk-color-low {
  color: #03fcb4 !important; }

.risk-color-medium {
  color: #fcb303 !important; }

.risk-color-high {
  color: #fc038a !important; }

hr {
  margin: 0px;
  padding: 0px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 30px;
  margin-bottom: 15px; }

.map-wapper {
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  @media all and (max-width: 480px) {
    .map-wapper {
      height: auto !important; } }

.section .cta {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 60px;
  background-color: #cc0066;
  background-image: url("/assets/img/cross-bg-white.png");
  background-size: 500px auto;
  background-position: center; }
  @media all and (max-width: 480px) {
    .section .cta {
      padding: 30px; } }
  .section .cta p {
    margin: 0px;
    padding: 0px; }
  .section .cta sup {
    vertical-align: top;
    line-height: 2em;
    display: inline-block;
    font-size: .5em;
    margin-left: 3px;
    margin-right: 3px; }
  .section .cta h1 {
    margin: 0px;
    padding: 0px;
    color: #fff;
    padding-top: 0px !important;
    padding-bottom: 15px; }
  .section .cta h2 {
    color: #fff;
    padding-top: 0px;
    padding-bottom: 15px; }
  .section .cta h4 {
    margin: 0px;
    padding: 0px;
    padding-bottom: 7.5px;
    color: #fff; }
  .section .cta .btn {
    background-color: #000;
    color: #fff; }
    .section .cta .btn:hover {
      background-color: #36a4f7;
      color: #fff; }

.footer {
  background-color: #050d13; }
  .footer .footer-inner {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    text-align: center;
    vertical-align: middle; }
    .footer .footer-inner a {
      display: inline-block;
      margin: 15px;
      vertical-align: middle; }
      .footer .footer-inner a img {
        display: block;
        height: 50px; }

.graph-legend {
  position: relative;
  text-align: center;
  padding-top: 7.5px; }
  .graph-legend .legend-item {
    display: inline-block;
    padding: 7.5px;
    line-height: 1em;
    border-radius: 20px;
    font-size: .8rem;
    font-weight: 400;
    color: #000;
    margin: 5px; }

.map-popup {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  max-height: 90%;
  overflow-y: auto; }
  @media all and (max-width: 480px) {
    .map-popup {
      transform: translate(-50%, 0%);
      top: 30px; } }
  .map-popup .popup-inner {
    text-align: center;
    padding: 15px;
    background-color: #0d2130;
    color: #fff;
    width: 250px;
    border-radius: 16px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); }
    .map-popup .popup-inner h3 {
      padding: 0px;
      margin: 0px;
      padding-bottom: 0px; }
    .map-popup .popup-inner p {
      padding: 0px;
      padding-bottom: 7.5px;
      margin-bottom: 7.5px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .map-popup .popup-inner .popup-content {
      text-align: left; }

/*# sourceMappingURL=main.v1.css.map */