#circ { width: 52px; height: 52px; display: flex;align-items: center;justify-content: center;text-align: center;
     font-size: 14px; font-family: "Roboto"; color: #2b2c31; font-weight: 700; background: #ddd; border-radius: 50%;}
#circ span { position: absolute; display: block; width: 41px; line-height: 41px; background: #dfdfdf; border-radius: 50%;}
#circ.p0 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(90deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p1 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(93.6deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p2 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(97.2deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p3 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(100.8deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p4 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(104.4deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p5 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(108deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p6 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(111.6deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p7 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(115.2deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p8 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(118.8deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p9 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(122.4deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p10 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(126deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p11 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(129.6deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p12 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(133.2deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p13 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(136.8deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p14 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(140.4deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p15 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(144deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p16 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(147.6deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p17 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(151.2deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p18 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(154.8deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p19 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(158.4deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p20 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(162deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p21 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(165.6deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p22 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(169.2deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p23 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(172.8deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p24 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(176.4deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p25 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(180deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p26 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(183.6deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p27 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(187.2deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p28 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(190.8deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p29 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(194.4deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p30 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(198deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p31 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(201.6deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p32 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(205.2deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p33 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(208.8deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p34 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(212.4deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p35 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(216deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p36 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(219.6deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p37 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(223.2deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p38 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(226.8deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p39 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(230.4deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p40 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(234deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p41 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(237.6deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p42 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(241.2deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p43 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(244.8deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p44 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(248.4deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p45 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(252deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p46 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(255.6deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p47 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(259.2deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p48 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(262.8deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p49 { background-image:linear-gradient(90deg, #ddd 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(266.4deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p50 { background-image:linear-gradient(-90deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p51 { background-image:linear-gradient(-86.4deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p52 { background-image:linear-gradient(-82.8deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p53 { background-image:linear-gradient(-79.2deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p54 { background-image:linear-gradient(-75.6deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p55 { background-image:linear-gradient(-72deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p56 { background-image:linear-gradient(-68.4deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p57 { background-image:linear-gradient(-64.8deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p58 { background-image:linear-gradient(-61.2deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p59 { background-image:linear-gradient(-57.6deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p60 { background-image:linear-gradient(-54deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p61 { background-image:linear-gradient(-50.4deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p62 { background-image:linear-gradient(-46.8deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p63 { background-image:linear-gradient(-43.2deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p64 { background-image:linear-gradient(-39.6deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p65 { background-image:linear-gradient(-36deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p66 { background-image:linear-gradient(-32.4deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p67 { background-image:linear-gradient(-28.8deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p68 { background-image:linear-gradient(-25.2deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p69 { background-image:linear-gradient(-21.6deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p70 { background-image:linear-gradient(-18deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p71 { background-image:linear-gradient(-14.4deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p72 { background-image:linear-gradient(-10.8deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p73 { background-image:linear-gradient(-7.2deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p74 { background-image:linear-gradient(-3.6deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p75 { background-image:linear-gradient(0deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p76 { background-image:linear-gradient(3.6deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p77 { background-image:linear-gradient(7.2deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p78 { background-image:linear-gradient(10.8deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p79 { background-image:linear-gradient(14.4deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p80 { background-image:linear-gradient(18deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p81 { background-image:linear-gradient(21.6deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p82 { background-image:linear-gradient(25.2deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p83 { background-image:linear-gradient(28.8deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p84 { background-image:linear-gradient(32.4deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p85 { background-image:linear-gradient(36deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p86 { background-image:linear-gradient(39.6deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p87 { background-image:linear-gradient(43.2deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p88 { background-image:linear-gradient(46.8deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p89 { background-image:linear-gradient(50.4deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p90 { background-image:linear-gradient(54deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p91 { background-image:linear-gradient(57.6deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p92 { background-image:linear-gradient(61.2deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p93 { background-image:linear-gradient(64.8deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p94 { background-image:linear-gradient(68.4deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p95 { background-image:linear-gradient(72deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p96 { background-image:linear-gradient(75.6deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p97 { background-image:linear-gradient(79.2deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p98 { background-image:linear-gradient(82.8deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p99 { background-image:linear-gradient(86.4deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }
#circ.p100 { background-image:linear-gradient(90deg, #1c6df8 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0)), linear-gradient(270deg, #1c6df8 50%, #ddd 50%, #ddd) }