svg a{
	pointer-events: none;
}
svg g a{
	pointer-events: all;
}
#body-male{
	margin-top: 10px;
	text-align: right;
}
#body-female{
	margin-top: 10px;
	text-align: right;
}
.highlight path, .highlight-click path {
    fill: #2CAC6E !important;
}
.highlight .under-svg-highlight, .highlight-click .under-svg-highlight{
	fill: #27595D !important;
}
.highlight .kidney-line-stroke, .highlight-click .kidney-line-stroke{
	fill:none !important;
	stroke: #2CAC6E !important;
}
a circle {
    fill: #273582;
    z-index: 10;
    stroke: #273582b5;
    stroke-width: 2px;
}
a circle.pulse{
	animation: pulse-me 1s ease-in-out infinite;
	fill: #ffffff;
	stroke: rgba(255,255,255,0.5);
}
circle.extender:hover {
    animation: pulse-me 1s ease-in-out infinite;
    stroke: rgba(255,255,255,0.5);
    fill: white;
    transition: 0.5s;
}
svg {
    max-width: 100% !important;
    max-height: 100vh !important;
}
.f-body {
    font-size: 24px;
}
.box-color{
	fill: #B3B3B3;
}
.s-line {
    fill: none;
    stroke: #2CAC6E;
    stroke-width: 4.5;
    /*stroke-miterlimit: 10;*/
}
.hideme {
	opacity: 0;
	 /*-webkit-transition: opacity 0.7s ease, visibility 0.7s ease;*/
	 /*transition: opacity 3s ease, visibility 0.7s ease;*/
}
.active-text {
	opacity: 1;
	 -webkit-transition: opacity 2s ease, visibility 0.7s ease;
	transition: opacity 2s ease, visibility 0.7s ease;
}
g.active-text line {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 0.7s linear forwards;
}
.circle {
  stroke: black; 
  stroke-width: 2px;
  stroke-opacity: 1;
}

@keyframes pulse-me {
	  0% {
	    stroke-width: 2px;
	  }
	  10%{
	  	stroke-width: 4px;
	  }
	  20%{
	  	stroke-width: 5px;
	  }
	  30%{
	  	stroke-width: 6px;
	  }
	  40%{
	  	stroke-width: 7px;
	  }
	  50% {
	    stroke-width: 8px;
	  }
	  60% {
	  	stroke-width: 9px;
	  }
	  70% {
	    stroke-width: 10px;
	  }
	  80% {
	  	stroke-width: 11px;
	  }
	  90% {
	  	stroke-width: 12px;
	  }
	  100% {
	    stroke-width: 13px;
	  }
}
@keyframes dash {
    to {
      stroke-dashoffset: 0; 
    }
}
@media screen and (max-width: 500px) {
	.body-works-text h2{
		font-size: 20px;
	}
}
@media screen and (max-width: 300px) {
	.body-works-text h2{
		font-size: 18px;
	}
}