text {
/*  font: 12px sans-serif;
  pointer-events: none;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
*/
}

.axis line,
.axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.axis text{
  font-family: "HaasText","Helvetica";
}


div.ttip {
  top: -1000px;
  position: absolute;
  padding: 10px;
  background: rgba(255, 255, 255, .90);
  border: 3px solid lightgray;
  pointer-events: none;
  width: 250px;
  font-family: "HaasText","Helvetica";
}
.ttip-hidden{
  opacity: 0;
}

.company-name{
  font-size: 18px;
  margin-bottom: 12px;
  font-family: "HaasText","Helvetica";
}

.cap-num{
  font-size: 22px;
  font-family: "HaasDisplayBold","Helvetica";
}
.cap-label{
  font-family: "HaasText","Helvetica";
  font-size: 15px;
  color: grey;
  padding-left: 5px;
}
.company-description{
  color: grey;
  margin-top: 12px;
  font-size: 15px;
}

svg{
  overflow: visible !important;
}

.capline{
  fill: none;
  stroke: black;
  stroke-width: 2;
  pointer-events: none;
}

.capline.tooltipped{
  opacity: 1;
}

.industy-col{
  display: inline-block;
  width: 160px;
  vertical-align: top;

}
.industy-title{
  text-align: center;
  font-size: 18px;
  font-family: "HaasDisplayBold","Helvetica";

  text-shadow:
   -1.5px -1.5px 0 #fff,  
    1.5px -1.5px 0 #fff,
    -1.5px 1.5px 0 #fff,
     1.5px 1.5px 0 #fff;

  z-index: 10;
  position: relative;
}

div.sm{
  width: 160px;
  height: 200px;
  display: inline-block;
  xoverflow: hidden;
  text-align: center;
  font-family: 'HaasText',"Helvetica";
}

#yOy-rows svg{
  overflow: visible;
}

.sm-axis{
  fill: #999;
  font-family: 'HaasText',"Helvetica";
}



#svg0 path{
  display: none;
}
#svg0 rect{
  fill-opacity: 1;
  stroke-width: 0px;
}


#by-sector, #cumlitive{
  padding-bottom: 50px;
}

.section-title {
  font-family: "HaasDisplayBold","Helvetica";
  font-size: 22px;
  color:#262626;
  max-width: 1160px;
  padding-top: 20px;
  padding-bottom: 0px;
  margin: 0 auto;
}

.section-text{
  font-family: "TiemposTextWeb-Regular","Georgia";
  font-size: 18px;
  margin: 0 auto;
  max-width: 880px;
  padding-bottom: 20px;
  line-height: 1.6em;
}

#intro-dek{
  font-family: "TiemposTextWeb-Regular","Georgia";
  font-size: 21px;
  color: #767676;
  max-width: 880px;
  margin: 0 auto;
  padding-bottom: 5px;
  padding-top: 5px;
}

i{
  font-family: 'HaasText';
  padding-bottom: 15px;
}


#small-p{
  padding-right: 340px;
}

#big-p{
  xpadding-right: 100px;
}

.annotation{
  width: 195px;
  font-family: 'HaasText',"Helvetica";

}

#arrow1{
  position: absolute;
  top: 2220px;
  left: 906px;
}
#arrow2{
  position: absolute;
  top: 3249px;
  left: 991px;
}

#svg1{
  display: none;
}

@media only screen and (max-width: 1160px)  {
  svg{
    overflow: hidden !important;
  }

  #cumlitive svg{
    overflow: visible !important;
  }

  .annotation, #arrow1, #arrow2{
    display: none
  }
  #small-p{
    padding-right: 0px;
  }

  #sm-industry{
    max-width: 680px;
    margin: 0px auto;
  }

  #svg0{
    display: none
  }
  #svg1{
    margin: 0px auto;
    display: block;
    max-width: 525px;
  }
}

@media only screen and (max-width: 1135px)  {

}

.dek{
  max-width: 820px;
}