.st0{fill:#00AFD8;}
.st1{fill:#00BAF2;}
.st2{fill:#FFFFFF;}
.st3{fill:#3ABAD8;}
.st4{fill:#40C8F4;}
.st5{fill:#7CC0D8;}
.st6{fill:#8DD8F8;}
.st7{fill:#7DC5D8;}
.st8{fill:#F59E0D;}
.st9{fill:#FAB000;}
.st10{fill:#FCC200;}
.st11{fill:#8CD7F7;}
.st12{fill:#008EBF;}
.st13{fill:#0095DA;}
.st14{fill:#009BBF;}
.st15{fill:#00A7E9;}
.st16{fill:#D8860E;}
.st17{fill:#4C4C4C;}
.st18{fill:#58585A;}
.st19{fill:#666668;}
.st20{fill:#808184;}
.st21{fill:#8B8C8E;}
.st22{fill:#A7A9AC;}
.st23{fill:#CCCCCC;}
.st24{fill:#EAEAEA;}
.st25{fill:#777777;}

#Layer_1-2 path { 
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #f5f5f5;
    
}



.circleWrap{max-width: 645px; height: 645px; width: 100%; position: relative; list-style: none;}
.layers { overflow: hidden; position: absolute; }
.layers path { transition: all .9s ease; position:absolute; }
.layers path.stHov { opacity:1;cursor: pointer; }
.layers:hover path.stHov, .layers:focus path.stHov { opacity:0; cursor: pointer; }
.layers:hover { transition: all .1s linear; transform: scale(1.1); transform-origin:center center;}
/*.layers:hover .st2,.layers:hover .st2 {transform: scale(1.2);transform-origin: center;transition: 0.9s all;cursor: pointer; }*/
#chart{
    height:100%;
    width:100%;
    max-width: 700px;
}