.fanmpw{font-family:Arial, sans-serif; font-size:16px; fill:#0080FF}
.mjst{font-family:Arial, sans-serif; font-size:16px; fill:#565656;}
.mjsts{font-family:Arial, sans-serif; font-size:12px; fill:#565656;}

.spgb{font-family:Arial, sans-serif; font-size:22px; fill:#000080; font-weight:normal;}
.spgo{font-family:Arial, sans-serif; font-size:22px; fill:#FF3500; font-weight:normal;}

.fanmpb{font-family:Arial, sans-serif; font-size:42px; fill:#FF0080; font-weight:bold;}
.fanmbb{font-family:Arial, sans-serif; font-size:42px; fill:#000000; font-weight:bold;}
.fanmwb{font-family:Arial, sans-serif; font-size:36px; fill:white; font-weight:900;}
.fanmw{font-family:Arial, sans-serif; font-size:28px; fill:#FFFFFF;}
.fanmp{font-family:Arial, sans-serif; font-size:28px; fill:#FF0080; font-weight:normal;}
.fanmlb{font-family:Arial, sans-serif; font-size:28px; fill:#0080FF; font-weight:normal;}
.fanmdb{font-family:Arial, sans-serif; font-size:28px; fill:#000080; font-weight:normal;}
.fanmg{font-family:Arial, sans-serif; font-size:28px; fill:#00DA40; font-weight:normal;}
.fanmr{font-family:Arial, sans-serif; font-size:28px; fill:#FF0000; font-weight:normal;}
.fanmm{font-family:Arial, sans-serif; font-size:28px; fill:#7C007C; font-weight:normal;}
.fanmlm{font-family:Arial, sans-serif; font-size:28px; fill:#FF2CFF; font-weight:normal;}
.fanmo{font-family:Arial, sans-serif; font-size:28px; fill:#FF8000; font-weight:normal;}
.fanmb{font-family:Arial, sans-serif; font-size:28px; fill:#000000; font-weight:normal;}
.fanmbr{font-family:Arial, sans-serif; font-size:28px; fill:#C80000; font-weight:normal;}
.fanmdy{font-family:Arial, sans-serif; font-size:28px; fill:#BEBE00; font-weight:normal;}
.fanmbs{font-family:Arial, sans-serif; font-size:22px; fill:#000000; font-weight:normal;}



.fobj{width:400px; }
.svtable{width:100%;margin-bottom:5px;color:#000000;
border-collapse: collapse;
  border-spacing: 0;
}
.svtable thead{text-align:center;font-weight:700;}
.svtable td{padding:2px 3px 0px 3px;}
.ssvtable{width:100%;border:solid 1px #DCDCDC;margin-bottom:3px;color:#000000;
border-collapse: collapse;
  border-spacing: 0;
}
.ssvtable td{padding:1%;}


.simple-linear {background: linear-gradient(blue, pink);}
.horizontal-gradient {background: linear-gradient(to right, blue, pink);}
.diagonal-gradient {background: linear-gradient(to bottom right, blue, pink);}
.angled-gradient {background: linear-gradient(70deg, blue, pink);}
.auto-spaced-linear-gradient {background: linear-gradient(red, yellow, blue, orange);}
.multicolor-linear { background: linear-gradient(to left, lime 28px, red 77%, cyan);}
.striped { background: linear-gradient(to bottom left, cyan 50%, palegoldenrod 50%); }
.multiposition-stops { 
   background: linear-gradient(to left, 
       lime 20%, red 30%, red 45%, cyan 55%, cyan 70%, yellow 80% );  
   background: linear-gradient(to left, 
       lime 20%, red 30% 45%, cyan 55% 70%, yellow 80% ); 
}
.multiposition-stop2 { 
   background: linear-gradient(to left, 
      lime 25%, red 25%, red 50%, cyan 50%, cyan 75%, yellow 75% ); 
   background: linear-gradient(to left, 
      lime 25%, red 25% 50%, cyan 50% 75%, yellow 75% ); 
}
.colorhint-gradient {
  background: linear-gradient(to top, black, 20%, cyan);
}
.regular-progression { 
  background: linear-gradient(to top, black, cyan);
}
.stacked-linear {
  background:
      linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
      linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
      linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
}
.simple-radial {
  background: radial-gradient(red, blue);
}
.radial-gradient {
  background: radial-gradient(red 10px, yellow 30%, #1e90ff 50%);
}
.radial-gradient {
  background: radial-gradient(at 0% 30%, red 10px, yellow 30%, #1e90ff 50%);
}
.radial-ellipse-side {
  background: radial-gradient(ellipse closest-side,
      red, yellow 10%, #1e90ff 50%, beige);
}
.radial-ellipse-far {
  background: radial-gradient(ellipse farthest-corner at 90% 90%,
      red, yellow 10%, #1e90ff 50%, beige);
}
.radial-circle-close {
  background: radial-gradient(circle closest-side at 25% 75%,
      red, yellow 10%, #1e90ff 50%, beige);
}
.stacked-radial {
  background: 
      radial-gradient(circle at 50% 0,
        rgba(255,0,0,.5),
        rgba(255,0,0,0) 70.71%),
      radial-gradient(circle at 6.7% 75%,
        rgba(0,0,255,.5),
        rgba(0,0,255,0) 70.71%),
      radial-gradient(circle at 93.3% 75%,
        rgba(0,255,0,.5),
        rgba(0,255,0,0) 70.71%) beige;
  border-radius: 50%;
}




.anm-textft{font-size:172px;opacity:1;} 

.anm-paratextwo{font-size:18px; fill:#000080;text-align:justify;line-height:25px; opacity:0;} 
.anm-sparatext{font-size:6px; fill:#000080;text-align:justify;line-height:25px; opacity:1;} 
.anm-paratext{font-size:18px; fill:#000080;text-align:justify;line-height:25px; opacity:1;} 
.anm-paratextb{font-size:18px; fill:#000080; font-weight:bold;text-anchor:middle;} 


.anm-tcfo-pteo{font-family:Arial, sans-serif; font-size:28px; fill:#FF0080; font-weight:normal;}
.anm-tcfo-oteo{font-family:Arial, sans-serif; font-size:28px; fill:#FF0000; font-weight:normal;}
.anm-tcfo-bteo{font-family:Arial, sans-serif; font-size:28px; fill:#000000; font-weight:normal;}
.anm-tcfo-dbteo{font-family:Arial, sans-serif; font-size:28px; fill:#0080FF; font-weight:normal;}
.anm-tcfo-dgteo{font-family:Arial, sans-serif; font-size:28px; fill:#00A040; font-weight:normal;}



.anm-tcfo-wteo{font-family:Arial, sans-serif; font-size:28px; fill:#FFFFFF; font-weight:normal;opacity:1}
.anm-tcfo-pte{font-family:Arial, sans-serif; font-size:28px; fill:#FF0080; font-weight:normal;opacity:0}
.anm-tcfo-lbte{font-family:Arial, sans-serif; font-size:28px; fill:#0080FF; font-weight:normal;opacity:0}
.anm-tcfo-dbte{font-family:Arial, sans-serif; font-size:28px; fill:#000080; font-weight:normal;opacity:0}
.anm-tcfo-gte{font-family:Arial, sans-serif; font-size:28px; fill:#00DA40; font-weight:normal;opacity:0}
.anm-tcfo-rte{font-family:Arial, sans-serif; font-size:28px; fill:#FF0000; font-weight:normal;opacity:0}
.anm-tcfo-ote{font-family:Arial, sans-serif; font-size:28px; fill:#FF8000; font-weight:normal;opacity:0}
.anm-tcfo-bte{font-family:Arial, sans-serif; font-size:28px; fill:#454545; font-weight:normal;opacity:0}


.anm-lfso-bb{stroke:#0080FF; stroke-width:2; fill:#0080FF;opacity:0;}
.anm-lfso-bbc{opacity:0;}
.anm-lfso-bbo{stroke:#0080FF; stroke-width:2; fill:#0080FF;opacity:1;}



.anmcircle{opacity:0;-webkit-animation:anmcrl 4s infinite; -webkit-animation-delay:2s; animation: anmcrl 4s infinite; animation-delay:2s; }       
@-webkit-keyframes anmcrl {
from {stroke:#ffffff;opacity:0;}
to {stroke:#FF0000;opacity:1;}
}
@keyframes anmcrl {
    from {stroke:#ffffff;opacity:0;}
    to {stroke:#FF0000;opacity:1;}
} 














.anm-dhtext-tt{font-family:Arial, sans-serif; font-size:18px; fill:#000000; font-weight:normal;opacity:0}
.anm-odhtext-tt{font-family:Arial, sans-serif; font-size:18px; fill:#000000; font-weight:normal;opacity:1}

.dh-ann1{
-webkit-animation:dhanm 10s infinite; -webkit-animation-delay:2s; animation: dhanm 10s infinite; animation-delay:2s; 
}
.dh-ann2{
-webkit-animation:dhanm 13s infinite; -webkit-animation-delay:7s; animation: dhanm 13s infinite; animation-delay:7s; 
}
.dh-ann3{
-webkit-animation:dhanm 12s infinite; -webkit-animation-delay:10s; animation: dhanm 12s infinite; animation-delay:10s; 
}
.dh-ann4{
-webkit-animation:dhanmb 15s infinite; -webkit-animation-delay:12s; animation: dhanmb 15s infinite; animation-delay:12s; 
}
.dh-ann5{
-webkit-animation:dhanmb 16s infinite; -webkit-animation-delay:14s; animation: dhanmb 16s infinite; animation-delay:14s; 
}
.dh-ann6{
-webkit-animation:dhanm 18s infinite; -webkit-animation-delay:16s; animation: dhanm 18s infinite; animation-delay:16s; 
}
@-webkit-keyframes dhanm {
from {opacity:0;fill:#ffffff;}
to {opacity:1;fill:#ffffff;}
}
@keyframes dhanm {
from {opacity:0;fill:#ffffff;}
to {opacity:1;fill:#ffffff;}
}
@-webkit-keyframes dhanmb {
from {opacity:0;fill:#ffffff;}
to {opacity:1;fill:#000000;}
}
@keyframes dhanmb {
from {opacity:0;fill:#ffffff;}
to {opacity:1;fill:#000000;}
}

.anm-dhbar1{fill:#ffc107;stroke:#ffc107;stroke-width:1;opacity:0; }
.anm-dhbar2{fill:#0080FF;stroke:#0080FF;stroke-width:1;opacity:0; }
.anm-dhbar3{fill:#00A700;stroke:#00A700;stroke-width:1;opacity:0; }
.anm-dhbar4{fill:#FFDE33;stroke:#FFDE33;stroke-width:1;opacity:0; }
.anm-dhbar5{fill:#FF0063;stroke:#FF0063;stroke-width:1;opacity:0; }
.anm-dhbar6{fill:#008080;stroke:#008080;stroke-width:1;opacity:0; }
.anm-dhbar7{fill:#FF80C0;stroke:#FF80C0;stroke-width:1;opacity:0; }
.dhbar-ann1{
-webkit-animation:dhbarl 20s infinite; -webkit-animation-delay:4s; animation: dhbarl 20s infinite; animation-delay:4s; 
}
.dhbar-ann2{
-webkit-animation:dhbarl 18s infinite; -webkit-animation-delay:8s; animation: dhbarl 18s infinite; animation-delay:8s; 
}
.dhbar-ann3{
-webkit-animation:dhbarl 16s infinite; -webkit-animation-delay:12s; animation: dhbarl 16s infinite; animation-delay:12s; 
}
.dhbar-ann4{
-webkit-animation:dhbarl 14s infinite; -webkit-animation-delay:16s; animation: dhbarl 14s infinite; animation-delay:16s; 
}
.dhbar-ann5{
-webkit-animation:dhbarl 12s infinite; -webkit-animation-delay:20s; animation: dhbarl 12s infinite; animation-delay:20s; 
}
.dhbar-ann6{
-webkit-animation:dhbarl 10s infinite; -webkit-animation-delay:24s; animation: dhbarl 10s infinite; animation-delay:24s; 
}
.dhbar-ann7{
-webkit-animation:dhbarl 8s infinite; -webkit-animation-delay:28s; animation: dhbarl 8s infinite; animation-delay:28s; 
}
@-webkit-keyframes dhbarl {
from {opacity:0;}
to {opacity:1;}
}
@keyframes dhbarl {
from {opacity:0;}
to {opacity:1;}
}


.rec-annwo{
-webkit-animation:recow 10s infinite; -webkit-animation-delay:2s; animation: recow 10s infinite; animation-delay:2s; 
}
@-webkit-keyframes recow {
0% {opacity:0;fill:#ffffff;stroke:#00B259;}
100% {opacity:1;fill:#0080FF;}
}
@keyframes recow {
0% {opacity:0;fill:#ffffff;stroke:#00B259;}
100% {opacity:1;fill:#0080FF;}
}
/* multiplication */
.mul-ann{
-webkit-animation:annm 4s infinite; -webkit-animation-delay:2s; animation: annm 4s infinite; animation-delay:2s; 
}
.mul-ann1{
-webkit-animation:annm 4s infinite; -webkit-animation-delay:2s; animation: annm 4s infinite; animation-delay:2s; 
}
.mul-ann2{
-webkit-animation:annm 3s infinite; -webkit-animation-delay:7s; animation: annm 3s infinite; animation-delay:7s; 
}
.mul-ann3{
-webkit-animation:annm 2s infinite; -webkit-animation-delay:10s; animation: annm 2s infinite; animation-delay:10s; 
}
.mul-ann4{
-webkit-animation:annm 1s infinite; -webkit-animation-delay:12s; animation: annm 1s infinite; animation-delay:12s; 
}
.mul-ann5{
-webkit-animation:annm 1s infinite; -webkit-animation-delay:14s; animation: annm 1s infinite; animation-delay:14s; 
}
.mul-ann6{
-webkit-animation:annm 1s infinite; -webkit-animation-delay:16s; animation: annm 1s infinite; animation-delay:16s; 
}
.mul-ann {-webkit-animation-timing-function: linear;}
#div2 {-webkit-animation-timing-function: ease;}
#div3 {-webkit-animation-timing-function: ease-in;}
#div4 {-webkit-animation-timing-function: ease-out;}
#div5 {-webkit-animation-timing-function: ease-in-out;}

.mul-ann {animation-timing-function: linear;}
#div2 {animation-timing-function: ease;}
#div3 {animation-timing-function: ease-in;}
#div4 {animation-timing-function: ease-out;}
#div5 {animation-timing-function: ease-in-out;}



.mul-annwo{
-webkit-animation:annmow 10s infinite; -webkit-animation-delay:2s; animation: annmow 10s infinite; animation-delay:2s; 
}
.mul-annf2{
-webkit-animation:annmbn 10s infinite; -webkit-animation-delay:2s; animation: annmbn 10s infinite; animation-delay:2s;opacity:0; 
}
@-webkit-keyframes annmbn {
0% {opacity:0;fill:#ffffff;stroke:#ffffff;}
100% {opacity:1;fill:#BD0000;}
}
@keyframes annmbn {
0% {opacity:0;fill:#ffffff;stroke:#ffffff;}
100% {opacity:1;fill:#BD0000;}
}
@-webkit-keyframes annmow {
0% {opacity:1;fill:#FF0080;}
100% {opacity:0;fill:#ffffff;}
}
@keyframes annmow {
0% {opacity:1;fill:#FF0080;}
100% {opacity:0;fill:#ffffff;}
}












.background {
        fill: #eee;
      }
      .static {
        cursor: not-allowed;
      }
      .draggable {
        cursor: move;
      }




.protimg{opacity:0;-webkit-animation:nblink 6s infinite; -webkit-animation-delay:10s; animation: nblink 6s infinite; animation-delay:10s; }
.hcircle{transform: rotate(47deg);}
.dcircle{transform: rotate(47deg);opacity:0;-webkit-animation:nblink 6s infinite; -webkit-animation-delay:10s; animation: nblink 6s infinite; animation-delay:10s; }
.anm-textdtss{font-family:Arial, sans-serif; font-size:22px; fill:#3E3E3E; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:nblink 6s infinite; -webkit-animation-delay:10s; animation: nblink 6s infinite; animation-delay:10s; }
.anm-textdtes{font-family:Arial, sans-serif; font-size:22px; fill:#3E3E3E; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:nblink 8s infinite; -webkit-animation-delay:15s; animation: nblink 8s infinite; animation-delay:15s; }
.scircle{transform: rotate(47deg);opacity:0;-webkit-animation:nblink 8s infinite; -webkit-animation-delay:15s; animation: nblink 8s infinite; animation-delay:15s; }
.textms{position:absolute;left:55%;top:20%;z-index:1; }
.textmas{position:relative;left:-40%;top:50%;z-index:1; }
.movingtext {
  overflow: hidden;
  border-right: .15em solid orange;
  white-space: nowrap;
  margin: 0 auto; 
  letter-spacing: .15em;
  font-size:0.8em;
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}
.anm-btext-b{font-family:Arial, sans-serif; font-size:18px; fill:#000080; font-weight:bold;text-anchor:middle;opacity:1;} 
.anm-ptext-b{font-family:Arial, sans-serif; font-size:18px; fill:#FF0080; font-weight:bold;text-anchor:middle;opacity:1;} 
.anm-wctext-te-o{font-family:Arial, sans-serif; font-size:28px; fill:#000000; font-weight:normal; text-anchor:middle;opacity:1}
.anm-wctext-te{font-family:Arial, sans-serif; font-size:28px; fill:#000000; font-weight:normal; text-anchor:middle;opacity:0}
.anm-wctext-tt{font-family:Arial, sans-serif; font-size:18px; fill:#000000; font-weight:normal; text-anchor:middle;opacity:0}
.anm-wcptext-te{font-family:Arial, sans-serif; font-size:28px; fill:#FF0080; font-weight:normal; text-anchor:middle;opacity:0}
.anm-wcbtext-te{font-family:Arial, sans-serif; font-size:28px; fill:#004080; font-weight:normal; text-anchor:middle;opacity:0}







.anm-ptext-te{font-family:Arial, sans-serif; font-size:28px; fill:#FF2540; font-weight:normal; text-anchor:middle;opacity:1;}
.anm-btext-te{font-family:Arial, sans-serif; font-size:28px; fill:#000080; font-weight:normal; text-anchor:middle;opacity:1;}
.anm-gtext-te{font-family:Arial, sans-serif; font-size:28px; fill:#008000; font-weight:normal; text-anchor:middle;opacity:1;}
.anm-otext-te{font-family:Arial, sans-serif; font-size:28px; fill:#FF8000; font-weight:normal; text-anchor:middle;opacity:1;}
.anm-mtext-te{font-family:Arial, sans-serif; font-size:28px; fill:#FF80C0; font-weight:normal; text-anchor:middle;opacity:1;}
.anm-ybtext-te{font-family:Arial, sans-serif; font-size:28px; fill:#DADA00; font-weight:normal; text-anchor:middle;opacity:1;}
.anm-mbtext-te{font-family:Arial, sans-serif; font-size:28px; fill:#AF46BF; font-weight:normal; text-anchor:middle;opacity:1;}


.anm-sexpt{font-family:Arial, sans-serif; font-size:14px; font-weight:normal;opacity:1;}
.anm-expt{font-family:Arial, sans-serif; font-size:18px; fill:#000080; font-weight:normal;opacity:1;}
.anm-exptnv{font-family:Arial, sans-serif; font-size:18px; fill:#000080; font-weight:normal;opacity:0;}

.ann{
-webkit-animation:annm 4s infinite; -webkit-animation-delay:4s; animation: annm 4s infinite; animation-delay:4s; 
}
@-webkit-keyframes annm {
from {opacity:0;fill:#ffffff;}
to {opacity:1;fill:#BD0000;}
}
@keyframes annm {
from {opacity:0;fill:#ffffff;}
to {opacity:1;fill:#BD0000;}
}
.ann1{-webkit-animation:annm1 5s infinite; -webkit-animation-delay:8s; animation: annm1 5s infinite; animation-delay:8s; }
@-webkit-keyframes annm1 {
from {opacity:0;}
to {opacity:1;fill:#C400C4;}
}
@keyframes annm1 {
from {opacity:0;}
to {opacity:1;fill:#C400C4;}
}
.ann2{-webkit-animation:annm2 6s infinite; -webkit-animation-delay:13s; animation: annm2 6s infinite; animation-delay:13s; }
@-webkit-keyframes annm2 {
from {opacity:0;}
to {opacity:1;fill:#000;}
}
@keyframes annm2 {
from {opacity:0;}
to {opacity:1;fill:#000;}
}
.ann3{-webkit-animation:annm3 7s infinite; -webkit-animation-delay:19s; animation: annm3 7s infinite; animation-delay:19s; }
@-webkit-keyframes annm3 {
from {opacity:0;}
to {opacity:1;fill:#FF8000;}
}
@keyframes annm3 {
from {opacity:0;}
to {opacity:1;fill:#FF8000;}
}
.ann4{-webkit-animation:annm4 9s infinite; -webkit-animation-delay:26s; animation: annm4 9s infinite; animation-delay:26s; }
@-webkit-keyframes annm4 {
from {opacity:0;}
to {opacity:1;fill:#646464;}
}
@keyframes annm4 {
from {opacity:0;}
to {opacity:1;fill:#646464;}
}
.ann5{-webkit-animation:annm5 9s infinite; -webkit-animation-delay:35s; animation: annm5 9s infinite; animation-delay:35s; }
@-webkit-keyframes annm5 {
from {opacity:0;}
to {opacity:1;fill:#FF0080;}
}
@keyframes annm5 {
from {opacity:0;}
to {opacity:1;fill:#FF0080;}
}
.anm-textfs{font-family:Arial, sans-serif; font-size:14px; fill:#3E3E3E; font-weight:normal;text-anchor:middle;opacity:1;} 
.anm-text{font-family:Arial, sans-serif; font-size:22px; fill:#3E3E3E; font-weight:normal;text-anchor:middle;opacity:1;} 
.anm-textdt{font-family:Arial, sans-serif; font-size:22px; fill:#3E3E3E; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:nblink 4s infinite; -webkit-animation-delay:10s; animation: nblink 4s infinite; animation-delay:10s; }
.anm-textdtwenty{font-family:Arial, sans-serif; font-size:22px; fill:#3E3E3E; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:nblink 4s infinite; -webkit-animation-delay:20s; animation: nblink 4s infinite; animation-delay:20s; }
.anm-textdtwentyfclo{font-family:Arial, sans-serif; font-size:22px; fill:none; font-weight:normal;text-anchor:middle;opacity:1;-webkit-animation:ncloblink 5s infinite; -webkit-animation-delay:20s; animation: ncloblink 5s infinite; animation-delay:20s; }
.anm-textdthirty{font-family:Arial, sans-serif; font-size:22px; fill:#3E3E3E; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:ncpblink 4s infinite; -webkit-animation-delay:30s; animation: ncpblink 4s infinite; animation-delay:30s; }
.anm-textnb{font-family:Arial, sans-serif; font-size:28px; fill:#FF2540; font-weight:normal; text-anchor:middle;opacity:0;-webkit-animation:nblink 4s infinite; -webkit-animation-delay:0s; animation: nblink 4s infinite; animation-delay:0s; }
.anm-textnbdf{font-family:Arial, sans-serif; font-size:28px; fill:#FF2540; font-weight:normal; text-anchor:middle;opacity:0;-webkit-animation:nblink 4s infinite; -webkit-animation-delay:5s; animation: nblink 4s infinite; animation-delay:5s; }
.anm-textnbdt{font-family:Arial, sans-serif; font-size:28px; fill:#FF2540; font-weight:normal; text-anchor:middle;opacity:0;-webkit-animation:nblink 4s infinite; -webkit-animation-delay:10s; animation: nblink 4s infinite; animation-delay:10s; }
.anm-textcp{font-family:Arial, sans-serif; font-size:28px; fill:#FF2540; font-weight:normal; text-anchor:middle;opacity:0;-webkit-animation:dstext 12s infinite; -webkit-animation-delay:10s; animation: dstext 12s infinite; animation-delay:10s; }
.anm-textcb{font-family:Arial, sans-serif; font-size:28px; fill:#FF2540; font-weight:normal; text-anchor:middle;opacity:0;-webkit-animation:dstext 12s infinite; -webkit-animation-delay:10s; animation: dstext 12s infinite; animation-delay:10s; }
@-webkit-keyframes nblink {
from {opacity:0;}
to {opacity:1;}
}
@keyframes nblink {
from {opacity:0;}
to {opacity:1;}
}
@-webkit-keyframes ncpblink {
from {opacity:0;}
to {opacity:1;fill:#FF0080;}
}
@keyframes ncpblink {
from {opacity:0;}
to {opacity:1;fill:#FF0080;}
}
@-webkit-keyframes ncloblink {
from {opacity:0;fill:none;}
to {opacity:1;fill:#FFD0A0;}
}
@keyframes ncloblink {
from {opacity:0;fill:none;}
to {opacity:1;fill:#FFD0A0;}
}
@-webkit-keyframes ncbblink {
from {opacity:0;}
to {opacity:1;fill:#000080;}
}
@keyframes ncbblink {
from {opacity:0;}
to {opacity:1;fill:#000080;}
}

.intfilldt{opacity:1;-webkit-animation:intfills 4s infinite; -webkit-animation-delay:10s; animation: intfills 4s infinite; animation-delay:10s; }
@-webkit-keyframes intfills {
from {fill:none;}
to {fill:#000080;}
}
@keyframes intfills {
from {fill:none;}
to {fill:#B3E3E7;}
}
.anm-textdtwf{opacity:1;-webkit-animation:notfills 4s infinite; -webkit-animation-delay:10s; animation: notfills 4s infinite; animation-delay:10s; }
@-webkit-keyframes notfills {
from {fill:none;opacity:0;}
to {fill:none;opacity:1;}
}
@keyframes notfills {
from {fill:none;opacity:0;}
to {fill:none;opacity:1;}
}

.progress {
    transform: rotate(-90deg);
}

.progress__value {
    stroke-dasharray: 339.292;
    stroke-dashoffset: 339.292;
    animation: progress 2s infinite alternate;
}
@-webkit-keyframes progress {
    from {
        stroke-dashoffset: 339.292;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes progress {
    from {
        stroke-dashoffset: 339.292;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.anm-textsides{font-family:Arial, sans-serif; font-size:22px; fill:#0080FF; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:asides 10s infinite; -webkit-animation-delay:1s; animation: asides 10s infinite; animation-delay:1s; }
@keyframes asides {
from {opacity:0;fill:none;}
to {opacity:1;fill:#0080FF;}
}
@-webkit-keyframes asides {
from {opacity:0;}
to {opacity:1;fill:#0080FF;}
}
.csideline {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 500%;
    stroke-dasharray: 0 \0/;
    stroke-dashoffset: 0 \0/;
    -webkit-animation: csdl 5s infinite;
    animation: csdl 5s infinite;
}
@-webkit-keyframes csdl {
  0% {
	stroke-dashoffset: 500%;stroke:#0080FF;
  },
  100% {
	stroke-dashoffset: 0%;stroke:#0080FF;
  }
}
@keyframes csdl {
  0% {
	stroke-dashoffset: 500%;stroke:#0080FF;
  },
  100% {
	stroke-dashoffset: 0%;stroke:#0080FF;
  }
  }
.sidelines {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 500%;
    stroke-dasharray: 0 \0/;
    stroke-dashoffset: 0 \0/;
    -webkit-animation: odraw 20s infinite;
    animation: odraw 20s infinite;
}
@-webkit-keyframes odraw {
  100% {
	stroke-dashoffset: 500%;stroke:#0080FF;
  },
  0% {
	stroke-dashoffset: 0%;stroke:#0080FF;
  }
}

@keyframes odraw {
  100% {
	stroke-dashoffset: 500%;stroke:#0080FF;
  },
  0% {
	stroke-dashoffset: 0%;stroke:#0080FF;
  }
}
.sideline {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 500%;
    stroke-dasharray: 0 \0/;
    stroke-dashoffset: 0 \0/;
    -webkit-animation: draw 40s infinite;
    animation: draw 40s infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes draw {
  0% {
	stroke-dashoffset: 500%;stroke:#0080FF;
  },
  100% {
	stroke-dashoffset: 0%;stroke:#0080FF;
  }
}

@keyframes draw {
  0% {
	stroke-dashoffset: 500%;stroke:#0080FF;
  },
  100% {
	stroke-dashoffset: 0%;stroke:#0080FF;
  }
}
.ssideline {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 500%;
    stroke-dasharray: 0 \0/;
    stroke-dashoffset: 0 \0/;
    -webkit-animation: sdraw 40s infinite;
    -webkit-animation-delay:0s;
    animation: sdraw 40s infinite;
    animation-delay:0s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes sdraw {
  from {
  stroke-dashoffset: 500%;fill:#FFFFFF;
  }
  to {
	stroke-dashoffset: 0%;stroke:#4F0080;fill:#009A00;
  }
}

@keyframes sdraw {
  from {
   stroke-dashoffset: 500%;fill:#FFFFFF;
  }
  to {
	stroke-dashoffset: 0%;stroke:#4F0080;fill:#009A00;
  }
}
.nsideline {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 500%;
    stroke-dasharray: 0 \0/;
    stroke-dashoffset: 0 \0/;
    -webkit-animation: sndraw 20s infinite;
    -webkit-animation-delay:0s;
    animation: sndraw 20s infinite;
    animation-delay:0s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes sndraw {
  from {
  stroke-dashoffset: 500%;
  }
  to {
	stroke-dashoffset: 0%;
  }
}

@keyframes sndraw {
  from {
   stroke-dashoffset: 500%;
  }
  to {
	stroke-dashoffset: 0%;
  }
}
.nnsideline {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 500%;
    stroke-dasharray: 0 \0/;
    stroke-dashoffset: 0 \0/;
    -webkit-animation: snndraw 20s infinite;
    -webkit-animation-delay:0s;
    animation: snndraw 20s infinite;
    animation-delay:0s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes snndraw {
  25% {
  stroke-dashoffset: 500%;
  }
  50% {
	stroke-dashoffset: 0%;
  }
  75% {
	stroke-dashoffset: 500%;
  }
  100% {
	stroke-dashoffset: 0%;
  }
}

@keyframes snndraw {
  25% {
  stroke-dashoffset: 500%;
  }
  50% {
	stroke-dashoffset: 0%;
  }
  75% {
	stroke-dashoffset: 500%;
  }
  100% {
	stroke-dashoffset: 0%;
  }
}
.tsideline {
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-dasharray: 107%;
    stroke-dasharray: 0 \0/;
    stroke-dashoffset: 0 \0/;
    -webkit-animation: tndraw 10s infinite;
    -webkit-animation-delay:0s;
    animation: tndraw 10s infinite;
    animation-delay:0s;
}
@-webkit-keyframes tndraw {
 25% {
  stroke-dashoffset: 105%;
  }
  50% {
	stroke-dashoffset: 0%;
  }
  75% {
	stroke-dashoffset: 50%;
  }
  100% {
	stroke-dashoffset: 0%;
  }
}

@keyframes tndraw {
 25% {
  stroke-dashoffset: 105%;
  }
  50% {
	stroke-dashoffset: 0%;
  }
  75% {
	stroke-dashoffset: 50%;
  }
  100% {
	stroke-dashoffset: 0%;
  }
}


.anm-textv{font-family:Arial, sans-serif; font-size:22px; fill:#3E3E3E; font-weight:normal;text-anchor:middle;opacity:1;-webkit-animation:vertices 10s infinite; -webkit-animation-delay:20s; animation: vertices 10s infinite; animation-delay:20s; } 
.anm-textvc{fill:#3E3E3E;opacity:1;-webkit-animation:verticesc 10s infinite; -webkit-animation-delay:20s; animation: verticesc 10s infinite; animation-delay:20s; } 
.anm-textvertices{font-family:Arial, sans-serif; font-size:22px; fill:#800040; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:vertices 10s infinite; -webkit-animation-delay:20s; animation: vertices 10s infinite; animation-delay:20s; }
@keyframes vertices {
from {opacity:0;fill:none;}
to {opacity:1;fill:#FF0080;}
}
@-webkit-keyframes vertices {
from {opacity:0;}
to {opacity:1;fill:#FF0080;}
}
@keyframes verticesc {
from {opacity:0;fill:none;}
to {opacity:1;stroke:#FF0080;fill:#FF0080;}
}
@-webkit-keyframesc vertices {
from {opacity:0;}
to {opacity:1;stroke:#FF0080; fill:#FF0080;}
}
.anm-textdiagonals{font-family:Arial, sans-serif; font-size:22px; fill:#008000; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:diag 6s infinite; -webkit-animation-delay:30s; animation: diag 6s infinite; animation-delay:30s; }
@keyframes diag {
from {opacity:0;fill:none;}
to {opacity:1;fill:#008000;}
}
@-webkit-keyframes diag {
from {opacity:0;}
to {opacity:1;fill:#008000;}
}
.diagline{opacity:0;-webkit-animation:diagl 6s infinite; -webkit-animation-delay:30s; animation: diagl 6s infinite; animation-delay:30s; }
@keyframes diagl {
from {opacity:0;}
to {opacity:1;stroke:#008000;}
}
@-webkit-keyframes asidesl {
from {opacity:0;}
to {opacity:1;stroke:#008000;}
}
.adjsl{opacity:0;-webkit-animation:adjsl 4s infinite; -webkit-animation-delay:40s; animation: adjsl 4s infinite; animation-delay:40s; }
.qadjsl{opacity:0;-webkit-animation:adjsl 4s infinite; -webkit-animation-delay:5s; animation: adjsl 4s infinite; animation-delay:5s; }
@keyframes adjsl {
from {opacity:0;}
to {opacity:1;stroke:#FF8000;}
}
@-webkit-keyframes adjsl {
from {opacity:0;}
to {opacity:1;stroke:#FF8000;}
}
.anm-textasides{font-family:Arial, sans-serif; font-size:22px; fill:#FF8000; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:ajsides 4s infinite; -webkit-animation-delay:40s; animation: ajsides 4s infinite; animation-delay:40s; } 
.qanm-textasides{font-family:Arial, sans-serif; font-size:22px; fill:#FF8000; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:ajsides 4s infinite; -webkit-animation-delay:5s; animation: ajsides 4s infinite; animation-delay:5s; } 
@keyframes ajsides {
from {opacity:0;fill:none;}
to {opacity:1;fill:#FF8000;}
}
@-webkit-keyframes ajsides {
from {opacity:0;}
to {opacity:1;fill:#FF8000;}
}
.oadjsl{opacity:0;-webkit-animation:oadjsl 6s infinite; -webkit-animation-delay:11s; animation: oadjsl 6s infinite; animation-delay:11s; }
@keyframes oadjsl {
from {opacity:0;}
to {opacity:1;stroke:#FF0080;}
}
@-webkit-keyframes oadjsl {
from {opacity:0;}
to {opacity:1;stroke:#FF0080;}
}
.oanm-textasides{font-family:Arial, sans-serif; font-size:22px; fill:#FF8000; font-weight:normal;text-anchor:middle;opacity:0;-webkit-animation:oajsides 6s infinite; -webkit-animation-delay:11s; animation: oajsides 6s infinite; animation-delay:11s; } 
@keyframes oajsides {
from {opacity:0;fill:none;}
to {opacity:1;fill:#FF0080;}
}
@-webkit-keyframes oajsides {
from {opacity:0;}
to {opacity:1;fill:#FF0080;}
}



/* Balloon*/

.balloon {position: relative;width:100%;height:230px;padding-top:5%;}
.balloon > div {
  width:110px;
  height: 140px;
  background: rgba(182, 15, 97, 0.9);
  border-radius: 5;
  border-radius: 80% 80% 80% 80%;
  margin-left:50px:;
  float:left;
  padding: 10px;
  box-shadow: inset 17px 7px 10px rgba(182, 15, 97, 0.9);
  -webkit-transform-origin: bottom center;
}

.balloon > div:nth-child(1) {
  background:#00BF40;
  box-shadow: inset 10px 10px 10px #00BF40;
  -webkit-animation: balloon1 3s ease-in-out infinite;
  -moz-animation: balloon1 3s ease-in-out infinite;
  -o-animation: balloon1 3s ease-in-out infinite;
  animation: balloon1 3s ease-in-out infinite;
}
.balloon > div:nth-child(1):before {
  color:#00BF40;
}
.balloon > div:nth-child(2) {
  background:#000080;
  box-shadow: inset 10px 10px 10px #000080;
  -webkit-animation: balloon2 3s ease-in-out infinite;
  -moz-animation: balloon2 3s ease-in-out infinite;
  -o-animation: balloon2 3s ease-in-out infinite;
  animation: balloon2 3s ease-in-out infinite;
}
.balloon > div:nth-child(2):before {
  color:#000080;
}
.balloon > div:nth-child(3) {
  background:#FF0080;
  box-shadow: inset 10px 10px 10px #FF0080;
  -webkit-animation: balloon2 3s ease-in-out infinite;
  -moz-animation: balloon2 3s ease-in-out infinite;
  -o-animation: balloon2 3s ease-in-out infinite;
  animation: balloon2 3s ease-in-out infinite;
}
.balloon > div:nth-child(3):before {
  color:#FF0080;
}
.balloon > div:nth-child(4) {
  background:#FFED00;
  box-shadow: inset 10px 10px 10px #FFED00;
  -webkit-animation: balloon2 3s ease-in-out infinite;
  -moz-animation: balloon2 3s ease-in-out infinite;
  -o-animation: balloon2 3s ease-in-out infinite;
  animation: balloon2 3s ease-in-out infinite;
}
.balloon > div:nth-child(4):before {
  color:#FFED00;
}
.balloon > div:nth-child(5) {
  background: rgba(182, 15, 97, 0.9);
  left:0;
  box-shadow: inset 10px 10px 10px rgba(135, 11, 72, 0.9);
  -webkit-animation: balloon1 6s ease-in-out infinite;
  -moz-animation: balloon1 6s ease-in-out infinite;
  -o-animation: balloon1 6s ease-in-out infinite;
  animation: balloon1 6s ease-in-out infinite;
}
.balloon > div:nth-child(5):before {
  color: rgba(182, 15, 97, 0.9);
}
.balloon > div:nth-child(6) {
  background: rgba(242, 112, 45, 0.9);
  box-shadow: inset 10px 10px 10px rgba(222, 85, 14, 0.9);
  -webkit-animation: balloon2 6s ease-in-out infinite;
  -moz-animation: balloon2 6s ease-in-out infinite;
  -o-animation: balloon2 6s ease-in-out infinite;
  animation: balloon2 6s ease-in-out infinite;
}
.balloon > div:nth-child(6):before {
  color: rgba(242, 112, 45, 0.9);
}
.balloon > div:nth-child(7) {
  background: rgba(45, 181, 167, 0.9);
  box-shadow: inset 10px 10px 10px rgba(35, 140, 129, 0.9);
  -webkit-animation: balloon4 6s ease-in-out infinite;
  -moz-animation: balloon4 6s ease-in-out infinite;
  -o-animation: balloon4 6s ease-in-out infinite;
  animation: balloon4 6s ease-in-out infinite;
}
.balloon > div:nth-child(7):before {
  color: rgba(45, 181, 167, 0.9);
}
.balloon > div:nth-child(8) {
  background: rgba(190, 61, 244, 0.9);
  box-shadow: inset 10px 10px 10px rgba(173, 14, 240, 0.9);
  -webkit-animation: balloon1 5s ease-in-out infinite;
  -moz-animation: balloon1 5s ease-in-out infinite;
  -o-animation: balloon1 5s ease-in-out infinite;
  animation: balloon1 5s ease-in-out infinite;
}
.balloon > div:nth-child(8):before {
  color: rgba(190, 61, 244, 0.9);
}
.balloon > div:nth-child(9) {
  background:#FF8000;
  box-shadow: inset 10px 10px 10px #FF8000;
  -webkit-animation: balloon1 5s ease-in-out infinite;
  -moz-animation: balloon1 5s ease-in-out infinite;
  -o-animation: balloon1 5s ease-in-out infinite;
  animation: balloon1 5s ease-in-out infinite;
}
.balloon > div:nth-child(9):before {
  color:#FF8000;
}
.balloon > div:nth-child(10) {
  background: rgba(180, 224, 67, 0.9);
  box-shadow: inset 10px 10px 10px rgba(158, 206, 34, 0.9);
  -webkit-animation: balloon3 5s ease-in-out infinite;
  -moz-animation: balloon3 5s ease-in-out infinite;
  -o-animation: balloon3 5s ease-in-out infinite;
  animation: balloon3 5s ease-in-out infinite;
}
.balloon > div:nth-child(10):before {
  color: rgba(180, 224, 67, 0.9);
}
.balloon > div:nth-child(11) {
  background:#80FFFF;
  box-shadow: inset 10px 10px 10px #80FFFF;
  -webkit-animation: balloon4 3s ease-in-out infinite;
  -moz-animation: balloon4 3s ease-in-out infinite;
  -o-animation: balloon4 3s ease-in-out infinite;
  animation: balloon4 3s ease-in-out infinite;
}
.balloon > div:nth-child(11):before {
  color:#80FFFF;
}
.balloon > div:nth-child(12) {
  background:#BD2C40;
  box-shadow: inset 10px 10px 10px #BD2C40;
  -webkit-animation: balloon1 3s ease-in-out infinite;
  -moz-animation: balloon1 3s ease-in-out infinite;
  -o-animation: balloon1 3s ease-in-out infinite;
  animation: balloon1 3s ease-in-out infinite;
}
.balloon > div:nth-child(12):before {
  color:#BD2C40;
}
.balloon > div:nth-child(13) {
  background:#5480FF;
  box-shadow: inset 10px 10px 10px #5480FF;
  -webkit-animation: balloon1 5s ease-in-out infinite;
  -moz-animation: balloon1 5s ease-in-out infinite;
  -o-animation: balloon1 5s ease-in-out infinite;
  animation: balloon1 5s ease-in-out infinite;
}
.balloon > div:nth-child(13):before {
  color:#5480FF;
}
.balloon > div:nth-child(14) {
  background: rgba(242, 194, 58, 0.9);
  box-shadow: inset 10px 10px 10px rgba(234, 177, 15, 0.9);
  -webkit-animation: balloon1 3s ease-in-out infinite;
  -moz-animation: balloon1 3s ease-in-out infinite;
  -o-animation: balloon1 3s ease-in-out infinite;
  animation: balloon1 3s ease-in-out infinite;
}
.balloon > div:nth-child(14):before {
  color: rgba(242, 194, 58, 0.9);
}
.balloon > div:before {
  color: rgba(182, 15, 97, 0.9);
  position: absolute;
  bottom: -11px;
  left: 52px;
  content: "?";
  font-size: 1em;
}
.balloon > div >.btext{position: relative;top: 30px;color:#FFFFFF;font-size:2em;font-weight:900;}



.ballon2{ -webkit-animation: balloon1 3s ease-in-out infinite;
  -moz-animation: balloon1 3s ease-in-out infinite;
  -o-animation: balloon1 3s ease-in-out infinite;
  animation: balloon1 3s ease-in-out infinite; 
}


/*BALLOON 1 4*/
@-webkit-keyframes balloon1 {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(-6deg);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(8deg);
  }
}
@-moz-keyframes balloon1 {
  0%,
  100% {
    -moz-transform: translateY(0) rotate(-6deg);
  }
  50% {
    -moz-transform: translateY(-20px) rotate(8deg);
  }
}
@-o-keyframes balloon1 {
  0%,
  100% {
    -o-transform: translateY(0) rotate(-6deg);
  }
  50% {
    -o-transform: translateY(-20px) rotate(8deg);
  }
}
@keyframes balloon1 {
  0%,
  100% {
    transform: translateY(0) rotate(-6deg);
  }
  50% {
    transform: translateY(-20px) rotate(8deg);
  }
}
/* BAllOON 2 5*/
@-webkit-keyframes balloon2 {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(6eg);
  }
  50% {
    -webkit-transform: translateY(-30px) rotate(-8deg);
  }
}
@-moz-keyframes balloon2 {
  0%,
  100% {
    -moz-transform: translateY(0) rotate(6deg);
  }
  50% {
    -moz-transform: translateY(-30px) rotate(-8deg);
  }
}
@-o-keyframes balloon2 {
  0%,
  100% {
    -o-transform: translateY(0) rotate(6deg);
  }
  50% {
    -o-transform: translateY(-30px) rotate(-8deg);
  }
}
@keyframes balloon2 {
  0%,
  100% {
    transform: translateY(0) rotate(6deg);
  }
  50% {
    transform: translateY(-30px) rotate(-8deg);
  }
}
/* BAllOON 0*/
@-webkit-keyframes balloon3 {
  0%,
  100% {
    -webkit-transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    -webkit-transform: translate(-20px, 30px) rotate(-8deg);
  }
}
@-moz-keyframes balloon3 {
  0%,
  100% {
    -moz-transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    -moz-transform: translate(-20px, 30px) rotate(-8deg);
  }
}
@-o-keyframes balloon3 {
  0%,
  100% {
    -o-transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    -o-transform: translate(-20px, 30px) rotate(-8deg);
  }
}
@keyframes balloon3 {
  0%,
  100% {
    transform: translate(0, -10px) rotate(6eg);
  }
  50% {
    transform: translate(-20px, 30px) rotate(-8deg);
  }
}
/* BAllOON 3*/
@-webkit-keyframes balloon4 {
  0%,
  100% {
    -webkit-transform: translate(10px, -10px) rotate(-8eg);
  }
  50% {
    -webkit-transform: translate(-15px, 20px) rotate(10deg);
  }
}
@-moz-keyframes balloon4 {
  0%,
  100% {
    -moz-transform: translate(10px, -10px) rotate(-8eg);
  }
  50% {
    -moz-transform: translate(-15px, 10px) rotate(10deg);
  }
}
@-o-keyframes balloon4 {
  0%,
  100% {
    -o-transform: translate(10px, -10px) rotate(-8eg);
  }
  50% {
    -o-transform: translate(-15px, 10px) rotate(10deg);
  }
}
@keyframes balloon4 {
  0%,
  100% {
    transform: translate(10px, -10px) rotate(-8eg);
  }
  50% {
    transform: translate(-15px, 10px) rotate(10deg);
  }
}