@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
}

._dash-undo-redo {
  display: none;
}

.axistext {
  display: none;
}

a {
  text-decoration: none;
}

ul {
  margin: 0;
}

/* Home */
.home-title {
  width: 100%;
  height: 300px;
  position: relative;
}

.home-title-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.home-title-text {
  position: absolute;
  bottom: 30px;
  color: white;
  left: 40px;
}

.home-title-maintitle {
  font-weight: 500;
  font-size: 3em;
}

.home-title-subtitle {
  font-weight: 500;
  font-size: 1.75em;
}

.home-title-text-dig-down {
  bottom: 60px;
  left: 0;
  width: 100%
}

.home-title-text-dig-down .home-title-maintitle {
  margin-left: 15px;
}

/* Content */
.container {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Card */
.card {
  margin: 275px 15px 40px 15px;
  width: CALC(100%/3 - 30px);
  position: relative;
  font-weight: 300;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  vertical-align: top;
  font-size: 14px !important;
  font-weight: 400 !important;
}

text {
  font-size: 14px !important;
  fill: black !important;
}

.card-top {
  position: absolute;
  top: -275px;
  height: 275px;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  color: white;
  text-align: center;
  font-size: 1.25em;
  z-index: 1;
}

.index-chart text {
  font-size: 1.75em !important;
}

.card-top-background {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: .9;
  top: 0;
  left: 0;
  z-index: -2;
}

.index-background {
  opacity: .3
}

.card-top-shdaow {
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;c
  transition: 1s;
}

.card-top-shdaow:hover {
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5);
  transition: 1s;
}

.card-top-title {
  font-size: 1.75em;
  font-weight: 500;
  margin-top: 5px;
}

.index-title {
  position: absolute;
  width: 100%;
  z-index: 1001;
  color: black;
}

.card-top-indicator-container {
  position: absolute;
  bottom: 5px;
  width: 100%;
}

.card-top img {
  width: 100%;
  object-fit: cover;
}

.measure-img {
  max-width: 330px;
}

.card-container .card .tab-container {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 2;
}

.card-container .card .tab {
  padding: 0;
  display: flex;
  height: 50px;
  width: 50%;
}

.card-container .card .tab:first-of-type {
  border-left: none;
}

.card-container .card .tab:last-of-type {
  border-right: none;
}

.card-container .card .tab span {
  margin: auto;
  letter-spacing: .2px;
}

.card-container .card .tab.tab--selected {
  border-top: none !important;
  border-bottom: 2px solid darkgreen !important;
}

.card-bottom {
  min-height: 230px;
  position: relative;
}

.card-bottom-text {
  padding: 7px;
  padding-bottom: 40px;
  letter-spacing: .2px;
}

.measure-card-bottom-text {
  padding-bottom: 5px;
}

.measure-card-bottom-text p {
  margin-top: 0;
  margin-bottom: 5px;
}

.measure-card-bottom-text a {
  color: green;
  text-decoration: underline;
}

.measure-card .card-bottom {
  min-height: 170px;
}

.card-bottom-button {
  background: darkgreen;
  color: white;
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 3px;
  text-decoration: none;
  opacity: 1;
  z-index: 1001;
}

.card-bottom-button:hover {
  opacity: .8;
  transition: .5s;
}

/* Measure */
.divider {
  height: 15px;
}

@media only screen and (max-width:1150px) {
  .measure-card, .card {
    width: CALC(100%/2 - 40px)
  }
}

@media only screen and (max-width:700px) {
  .measure-card, .card {
    width: CALC(100% - 40px)
  }
}

/* Breadcrumbs */
.breadcrumbs {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: rgba(255,255,255,.8);
  font-size: 1.25em;
}

.breadcrumbs>div {
  margin-top: 10px;
}

.breadcrumbs a {
  padding-right: 5px;
  text-decoration: none;
  color: black;
}

.breadcrumbs a:first-of-type {
  margin-left: 20px;
}

.breadcrumbs a:hover {
  color: green
}

.breadcrumbs a:after {
  content: ">";
  padding-left: 5px;
  color: green;
  font-weight: 600;
}

.breadcrumbs a:last-of-type:after {
  display: none;
}

/* Footer */
.footer {
  background: black;
  margin-top: 40px;
}

.footer img {
  margin-left: 50px;
  margin-top: 70px;
  margin-bottom: 70px;
}

.gtitle {
  fill: black !important;
}

.shift-title-twenty .gtitle {
          transform: translate(0,-20px);
      -ms-transform: translate(0,-20px); /* IE 9 */
  -webkit-transform: translate(0,-20px); /* Safari and Chrome */
       -o-transform: translate(0,-20px); /* Opera */
     -moz-transform: translate(0,-20px); /* Firefox */
}


.shift-title-ten .gtitle {
          transform: translate(0,-10px);
      -ms-transform: translate(0,-10px); /* IE 9 */
  -webkit-transform: translate(0,-10px); /* Safari and Chrome */
       -o-transform: translate(0,-10px); /* Opera */
     -moz-transform: translate(0,-10px); /* Firefox */
}

.bar-nothing {
          transform: translate(0,-10px);
      -ms-transform: translate(0,-10px); /* IE 9 */
  -webkit-transform: translate(0,-10px); /* Safari and Chrome */
       -o-transform: translate(0,-10px); /* Opera */
     -moz-transform: translate(0,-10px); /* Firefox */
}