body {
}
#loading {
    position:absolute; 
    z-index:9;
    width:100%; 
    height:100%;

}
#loading #loadingSvg {
    position:absolute; 
    z-index:10;
    width: 100%;
   text-align: center;
   top:25%;
}
#loading #loadingBg {
    width:100%; 
    height:100%; 
    background-color: #002235; 
    position:absolute;
}

 #watershed {
}
 #watershed .watershed-line, section.main #watershed .river {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}
 #watershed .watershed-line {
  stroke-width: 2px;
  stroke-dasharray: 2000;
  stroke-dashoffset: 0;
  stroke: url(#greenGradient);
  /*animation: fadeIn 1s linear reverse forwards;*/
}
 #watershed .river {
  stroke: #81c7d4;
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  opacity: 0;
  /*animation: fadeIn 1s linear reverse forwards;*/
}
 #watershed circle {
  fill: url(#greenGradient);
}

#watershed-svg-line {
    position:relative; 
    z-index:1; 
    width:100%;
}

#watershed-svg-line svg{
     display: block;
     margin: 0 auto;
    position:absolute;
}