.attention-box,.radial-progress .inset .percentage:before,.ui.pie-chart span{font-family:'Titillium Web Bold',sans-serif}.tutorial{padding:30px}.scroll-animate .translate-x-on-left,.scroll-animate .translate-x-on-right,.scroll-animate .translate-y-on-bottom,.scroll-animate .translate-y-on-top,.scroll-animate-box .translate-x-on-left,.scroll-animate-box .translate-x-on-right,.scroll-animate-box .translate-y-on-bottom,.scroll-animate-box .translate-y-on-top{opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.scroll-animate .translate-x-on-left.slowly,.scroll-animate .translate-x-on-right.slowly,.scroll-animate .translate-y-on-bottom.slowly,.scroll-animate .translate-y-on-top.slowly,.scroll-animate-box .translate-x-on-left.slowly,.scroll-animate-box .translate-x-on-right.slowly,.scroll-animate-box .translate-y-on-bottom.slowly,.scroll-animate-box .translate-y-on-top.slowly{-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s}.scroll-animate .translate-x-on-left,.scroll-animate-box .translate-x-on-left{-webkit-transform:translateX(25px);-ms-transform:translateX(25px);-o-transform:translateX(25px);transform:translateX(25px)}.scroll-animate .translate-x-on-right,.scroll-animate-box .translate-x-on-right{-webkit-transform:translateX(-25px);-ms-transform:translateX(-25px);-o-transform:translateX(-25px);transform:translateX(-25px)}.scroll-animate .translate-y-on-top,.scroll-animate-box .translate-y-on-top{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.scroll-animate .translate-y-on-bottom,.scroll-animate-box .translate-y-on-bottom{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.scroll-animate .translate-opacity,.scroll-animate-box .translate-opacity{opacity:0;-webkit-transition:opacity 1.5s ease .5s;-moz-transition:opacity 1.5s ease .5s;-o-transition:opacity 1.5s ease .5s;transition:opacity 1.5s ease .5s}.scroll-animate-box.set-visible .translate-opacity,.scroll-animate-box.set-visible .translate-x-on-left,.scroll-animate-box.set-visible .translate-x-on-right,.scroll-animate-box.set-visible .translate-y-on-bottom,.scroll-animate-box.set-visible .translate-y-on-top,.scroll-animate.set-visible .translate-opacity,.scroll-animate.set-visible .translate-x-on-left,.scroll-animate.set-visible .translate-x-on-right,.scroll-animate.set-visible .translate-y-on-bottom,.scroll-animate.set-visible .translate-y-on-top{opacity:1}.scroll-animate .translate-opacity.faster,.scroll-animate-box .translate-opacity.faster{-webkit-transition:opacity .27s ease .5s;-moz-transition:opacity .27s ease .5s;-o-transition:opacity .27s ease .5s;transition:opacity .27s ease .5s}.scroll-animate-box.set-visible .translate-x-on-left,.scroll-animate-box.set-visible .translate-x-on-right,.scroll-animate.set-visible .translate-x-on-left,.scroll-animate.set-visible .translate-x-on-right{-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.scroll-animate-box.set-visible .translate-y-on-bottom,.scroll-animate-box.set-visible .translate-y-on-top,.scroll-animate.set-visible .translate-y-on-bottom,.scroll-animate.set-visible .translate-y-on-top{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.radial-progress{margin:50px;width:150px;height:150px;background-color:#ececec;border-radius:50%}.radial-progress .circle .fill,.radial-progress .circle .mask{width:150px;height:150px;position:absolute;-webkit-backface-visibility:hidden;transition:-webkit-transform 1s;transition:-ms-transform 1s;transition:transform 1s;border-radius:50%}.radial-progress .circle .mask{clip:rect(0,150px,150px,75px)}.radial-progress .circle .mask .fill{clip:rect(0,75px,150px,0);background-color:#ff5335}.radial-progress .inset{width:145px;height:145px;position:absolute;margin-left:2.5px;margin-top:2.5px;background-color:#fcfcfc;border-radius:50%}.radial-progress .inset .percentage{height:26px;width:100px;overflow:hidden;position:absolute;top:59.5px;left:22.5px;line-height:1}.radial-progress .inset .percentage:before{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;text-align:center;font-weight:800;font-size:26px;color:#ff5335}.radial-progress[data-progress="0"] .circle .fill,.radial-progress[data-progress="0"] .circle .fill.fix,.radial-progress[data-progress="0"] .circle .mask.full{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.radial-progress[data-progress="0"] .inset .percentage:before{content:"0%"}.radial-progress[data-progress="1"] .circle .fill,.radial-progress[data-progress="1"] .circle .mask.full{-webkit-transform:rotate(1.8deg);-ms-transform:rotate(1.8deg);transform:rotate(1.8deg)}.radial-progress[data-progress="1"] .circle .fill.fix{-webkit-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);transform:rotate(3.6deg)}.radial-progress[data-progress="1"] .inset .percentage:before{content:"1%"}.radial-progress[data-progress="2"] .circle .fill,.radial-progress[data-progress="2"] .circle .mask.full{-webkit-transform:rotate(3.6deg);-ms-transform:rotate(3.6deg);transform:rotate(3.6deg)}.radial-progress[data-progress="2"] .circle .fill.fix{-webkit-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);transform:rotate(7.2deg)}.radial-progress[data-progress="2"] .inset .percentage:before{content:"2%"}.radial-progress[data-progress="3"] .circle .fill,.radial-progress[data-progress="3"] .circle .mask.full{-webkit-transform:rotate(5.4deg);-ms-transform:rotate(5.4deg);transform:rotate(5.4deg)}.radial-progress[data-progress="3"] .circle .fill.fix{-webkit-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);transform:rotate(10.8deg)}.radial-progress[data-progress="3"] .inset .percentage:before{content:"3%"}.radial-progress[data-progress="4"] .circle .fill,.radial-progress[data-progress="4"] .circle .mask.full{-webkit-transform:rotate(7.2deg);-ms-transform:rotate(7.2deg);transform:rotate(7.2deg)}.radial-progress[data-progress="4"] .circle .fill.fix{-webkit-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);transform:rotate(14.4deg)}.radial-progress[data-progress="4"] .inset .percentage:before{content:"4%"}.radial-progress[data-progress="5"] .circle .fill,.radial-progress[data-progress="5"] .circle .mask.full{-webkit-transform:rotate(9deg);-ms-transform:rotate(9deg);transform:rotate(9deg)}.radial-progress[data-progress="5"] .circle .fill.fix{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}.radial-progress[data-progress="5"] .inset .percentage:before{content:"5%"}.radial-progress[data-progress="6"] .circle .fill,.radial-progress[data-progress="6"] .circle .mask.full{-webkit-transform:rotate(10.8deg);-ms-transform:rotate(10.8deg);transform:rotate(10.8deg)}.radial-progress[data-progress="6"] .circle .fill.fix{-webkit-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);transform:rotate(21.6deg)}.radial-progress[data-progress="6"] .inset .percentage:before{content:"6%"}.radial-progress[data-progress="7"] .circle .fill,.radial-progress[data-progress="7"] .circle .mask.full{-webkit-transform:rotate(12.6deg);-ms-transform:rotate(12.6deg);transform:rotate(12.6deg)}.radial-progress[data-progress="7"] .circle .fill.fix{-webkit-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);transform:rotate(25.2deg)}.radial-progress[data-progress="7"] .inset .percentage:before{content:"7%"}.radial-progress[data-progress="8"] .circle .fill,.radial-progress[data-progress="8"] .circle .mask.full{-webkit-transform:rotate(14.4deg);-ms-transform:rotate(14.4deg);transform:rotate(14.4deg)}.radial-progress[data-progress="8"] .circle .fill.fix{-webkit-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);transform:rotate(28.8deg)}.radial-progress[data-progress="8"] .inset .percentage:before{content:"8%"}.radial-progress[data-progress="9"] .circle .fill,.radial-progress[data-progress="9"] .circle .mask.full{-webkit-transform:rotate(16.2deg);-ms-transform:rotate(16.2deg);transform:rotate(16.2deg)}.radial-progress[data-progress="9"] .circle .fill.fix{-webkit-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);transform:rotate(32.4deg)}.radial-progress[data-progress="9"] .inset .percentage:before{content:"9%"}.radial-progress[data-progress="10"] .circle .fill,.radial-progress[data-progress="10"] .circle .mask.full{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}.radial-progress[data-progress="10"] .circle .fill.fix{-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}.radial-progress[data-progress="10"] .inset .percentage:before{content:"10%"}.radial-progress[data-progress="11"] .circle .fill,.radial-progress[data-progress="11"] .circle .mask.full{-webkit-transform:rotate(19.8deg);-ms-transform:rotate(19.8deg);transform:rotate(19.8deg)}.radial-progress[data-progress="11"] .circle .fill.fix{-webkit-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);transform:rotate(39.6deg)}.radial-progress[data-progress="11"] .inset .percentage:before{content:"11%"}.radial-progress[data-progress="12"] .circle .fill,.radial-progress[data-progress="12"] .circle .mask.full{-webkit-transform:rotate(21.6deg);-ms-transform:rotate(21.6deg);transform:rotate(21.6deg)}.radial-progress[data-progress="12"] .circle .fill.fix{-webkit-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);transform:rotate(43.2deg)}.radial-progress[data-progress="12"] .inset .percentage:before{content:"12%"}.radial-progress[data-progress="13"] .circle .fill,.radial-progress[data-progress="13"] .circle .mask.full{-webkit-transform:rotate(23.4deg);-ms-transform:rotate(23.4deg);transform:rotate(23.4deg)}.radial-progress[data-progress="13"] .circle .fill.fix{-webkit-transform:rotate(46.8deg);-ms-transform:rotate(46.8deg);transform:rotate(46.8deg)}.radial-progress[data-progress="13"] .inset .percentage:before{content:"13%"}.radial-progress[data-progress="14"] .circle .fill,.radial-progress[data-progress="14"] .circle .mask.full{-webkit-transform:rotate(25.2deg);-ms-transform:rotate(25.2deg);transform:rotate(25.2deg)}.radial-progress[data-progress="14"] .circle .fill.fix{-webkit-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);transform:rotate(50.4deg)}.radial-progress[data-progress="14"] .inset .percentage:before{content:"14%"}.radial-progress[data-progress="15"] .circle .fill,.radial-progress[data-progress="15"] .circle .mask.full{-webkit-transform:rotate(27deg);-ms-transform:rotate(27deg);transform:rotate(27deg)}.radial-progress[data-progress="15"] .circle .fill.fix{-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg)}.radial-progress[data-progress="15"] .inset .percentage:before{content:"15%"}.radial-progress[data-progress="16"] .circle .fill,.radial-progress[data-progress="16"] .circle .mask.full{-webkit-transform:rotate(28.8deg);-ms-transform:rotate(28.8deg);transform:rotate(28.8deg)}.radial-progress[data-progress="16"] .circle .fill.fix{-webkit-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);transform:rotate(57.6deg)}.radial-progress[data-progress="16"] .inset .percentage:before{content:"16%"}.radial-progress[data-progress="17"] .circle .fill,.radial-progress[data-progress="17"] .circle .mask.full{-webkit-transform:rotate(30.6deg);-ms-transform:rotate(30.6deg);transform:rotate(30.6deg)}.radial-progress[data-progress="17"] .circle .fill.fix{-webkit-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);transform:rotate(61.2deg)}.radial-progress[data-progress="17"] .inset .percentage:before{content:"17%"}.radial-progress[data-progress="18"] .circle .fill,.radial-progress[data-progress="18"] .circle .mask.full{-webkit-transform:rotate(32.4deg);-ms-transform:rotate(32.4deg);transform:rotate(32.4deg)}.radial-progress[data-progress="18"] .circle .fill.fix{-webkit-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);transform:rotate(64.8deg)}.radial-progress[data-progress="18"] .inset .percentage:before{content:"18%"}.radial-progress[data-progress="19"] .circle .fill,.radial-progress[data-progress="19"] .circle .mask.full{-webkit-transform:rotate(34.2deg);-ms-transform:rotate(34.2deg);transform:rotate(34.2deg)}.radial-progress[data-progress="19"] .circle .fill.fix{-webkit-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);transform:rotate(68.4deg)}.radial-progress[data-progress="19"] .inset .percentage:before{content:"19%"}.radial-progress[data-progress="20"] .circle .fill,.radial-progress[data-progress="20"] .circle .mask.full{-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}.radial-progress[data-progress="20"] .circle .fill.fix{-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}.radial-progress[data-progress="20"] .inset .percentage:before{content:"20%"}.radial-progress[data-progress="21"] .circle .fill,.radial-progress[data-progress="21"] .circle .mask.full{-webkit-transform:rotate(37.8deg);-ms-transform:rotate(37.8deg);transform:rotate(37.8deg)}.radial-progress[data-progress="21"] .circle .fill.fix{-webkit-transform:rotate(75.6deg);-ms-transform:rotate(75.6deg);transform:rotate(75.6deg)}.radial-progress[data-progress="21"] .inset .percentage:before{content:"21%"}.radial-progress[data-progress="22"] .circle .fill,.radial-progress[data-progress="22"] .circle .mask.full{-webkit-transform:rotate(39.6deg);-ms-transform:rotate(39.6deg);transform:rotate(39.6deg)}.radial-progress[data-progress="22"] .circle .fill.fix{-webkit-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);transform:rotate(79.2deg)}.radial-progress[data-progress="22"] .inset .percentage:before{content:"22%"}.radial-progress[data-progress="23"] .circle .fill,.radial-progress[data-progress="23"] .circle .mask.full{-webkit-transform:rotate(41.4deg);-ms-transform:rotate(41.4deg);transform:rotate(41.4deg)}.radial-progress[data-progress="23"] .circle .fill.fix{-webkit-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);transform:rotate(82.8deg)}.radial-progress[data-progress="23"] .inset .percentage:before{content:"23%"}.radial-progress[data-progress="24"] .circle .fill,.radial-progress[data-progress="24"] .circle .mask.full{-webkit-transform:rotate(43.2deg);-ms-transform:rotate(43.2deg);transform:rotate(43.2deg)}.radial-progress[data-progress="24"] .circle .fill.fix{-webkit-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);transform:rotate(86.4deg)}.radial-progress[data-progress="24"] .inset .percentage:before{content:"24%"}.radial-progress[data-progress="25"] .circle .fill,.radial-progress[data-progress="25"] .circle .mask.full{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.radial-progress[data-progress="25"] .circle .fill.fix{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.radial-progress[data-progress="25"] .inset .percentage:before{content:"25%"}.radial-progress[data-progress="26"] .circle .fill,.radial-progress[data-progress="26"] .circle .mask.full{-webkit-transform:rotate(46.8deg);-ms-transform:rotate(46.8deg);transform:rotate(46.8deg)}.radial-progress[data-progress="26"] .circle .fill.fix{-webkit-transform:rotate(93.6deg);-ms-transform:rotate(93.6deg);transform:rotate(93.6deg)}.radial-progress[data-progress="26"] .inset .percentage:before{content:"26%"}.radial-progress[data-progress="27"] .circle .fill,.radial-progress[data-progress="27"] .circle .mask.full{-webkit-transform:rotate(48.6deg);-ms-transform:rotate(48.6deg);transform:rotate(48.6deg)}.radial-progress[data-progress="27"] .circle .fill.fix{-webkit-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);transform:rotate(97.2deg)}.radial-progress[data-progress="27"] .inset .percentage:before{content:"27%"}.radial-progress[data-progress="28"] .circle .fill,.radial-progress[data-progress="28"] .circle .mask.full{-webkit-transform:rotate(50.4deg);-ms-transform:rotate(50.4deg);transform:rotate(50.4deg)}.radial-progress[data-progress="28"] .circle .fill.fix{-webkit-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);transform:rotate(100.8deg)}.radial-progress[data-progress="28"] .inset .percentage:before{content:"28%"}.radial-progress[data-progress="29"] .circle .fill,.radial-progress[data-progress="29"] .circle .mask.full{-webkit-transform:rotate(52.2deg);-ms-transform:rotate(52.2deg);transform:rotate(52.2deg)}.radial-progress[data-progress="29"] .circle .fill.fix{-webkit-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);transform:rotate(104.4deg)}.radial-progress[data-progress="29"] .inset .percentage:before{content:"29%"}.radial-progress[data-progress="30"] .circle .fill,.radial-progress[data-progress="30"] .circle .mask.full{-webkit-transform:rotate(54deg);-ms-transform:rotate(54deg);transform:rotate(54deg)}.radial-progress[data-progress="30"] .circle .fill.fix{-webkit-transform:rotate(108deg);-ms-transform:rotate(108deg);transform:rotate(108deg)}.radial-progress[data-progress="30"] .inset .percentage:before{content:"30%"}.radial-progress[data-progress="31"] .circle .fill,.radial-progress[data-progress="31"] .circle .mask.full{-webkit-transform:rotate(55.8deg);-ms-transform:rotate(55.8deg);transform:rotate(55.8deg)}.radial-progress[data-progress="31"] .circle .fill.fix{-webkit-transform:rotate(111.6deg);-ms-transform:rotate(111.6deg);transform:rotate(111.6deg)}.radial-progress[data-progress="31"] .inset .percentage:before{content:"31%"}.radial-progress[data-progress="32"] .circle .fill,.radial-progress[data-progress="32"] .circle .mask.full{-webkit-transform:rotate(57.6deg);-ms-transform:rotate(57.6deg);transform:rotate(57.6deg)}.radial-progress[data-progress="32"] .circle .fill.fix{-webkit-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);transform:rotate(115.2deg)}.radial-progress[data-progress="32"] .inset .percentage:before{content:"32%"}.radial-progress[data-progress="33"] .circle .fill,.radial-progress[data-progress="33"] .circle .mask.full{-webkit-transform:rotate(59.4deg);-ms-transform:rotate(59.4deg);transform:rotate(59.4deg)}.radial-progress[data-progress="33"] .circle .fill.fix{-webkit-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);transform:rotate(118.8deg)}.radial-progress[data-progress="33"] .inset .percentage:before{content:"33%"}.radial-progress[data-progress="34"] .circle .fill,.radial-progress[data-progress="34"] .circle .mask.full{-webkit-transform:rotate(61.2deg);-ms-transform:rotate(61.2deg);transform:rotate(61.2deg)}.radial-progress[data-progress="34"] .circle .fill.fix{-webkit-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);transform:rotate(122.4deg)}.radial-progress[data-progress="34"] .inset .percentage:before{content:"34%"}.radial-progress[data-progress="35"] .circle .fill,.radial-progress[data-progress="35"] .circle .mask.full{-webkit-transform:rotate(63deg);-ms-transform:rotate(63deg);transform:rotate(63deg)}.radial-progress[data-progress="35"] .circle .fill.fix{-webkit-transform:rotate(126deg);-ms-transform:rotate(126deg);transform:rotate(126deg)}.radial-progress[data-progress="35"] .inset .percentage:before{content:"35%"}.radial-progress[data-progress="36"] .circle .fill,.radial-progress[data-progress="36"] .circle .mask.full{-webkit-transform:rotate(64.8deg);-ms-transform:rotate(64.8deg);transform:rotate(64.8deg)}.radial-progress[data-progress="36"] .circle .fill.fix{-webkit-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);transform:rotate(129.6deg)}.radial-progress[data-progress="36"] .inset .percentage:before{content:"36%"}.radial-progress[data-progress="37"] .circle .fill,.radial-progress[data-progress="37"] .circle .mask.full{-webkit-transform:rotate(66.6deg);-ms-transform:rotate(66.6deg);transform:rotate(66.6deg)}.radial-progress[data-progress="37"] .circle .fill.fix{-webkit-transform:rotate(133.2deg);-ms-transform:rotate(133.2deg);transform:rotate(133.2deg)}.radial-progress[data-progress="37"] .inset .percentage:before{content:"37%"}.radial-progress[data-progress="38"] .circle .fill,.radial-progress[data-progress="38"] .circle .mask.full{-webkit-transform:rotate(68.4deg);-ms-transform:rotate(68.4deg);transform:rotate(68.4deg)}.radial-progress[data-progress="38"] .circle .fill.fix{-webkit-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);transform:rotate(136.8deg)}.radial-progress[data-progress="38"] .inset .percentage:before{content:"38%"}.radial-progress[data-progress="39"] .circle .fill,.radial-progress[data-progress="39"] .circle .mask.full{-webkit-transform:rotate(70.2deg);-ms-transform:rotate(70.2deg);transform:rotate(70.2deg)}.radial-progress[data-progress="39"] .circle .fill.fix{-webkit-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);transform:rotate(140.4deg)}.radial-progress[data-progress="39"] .inset .percentage:before{content:"39%"}.radial-progress[data-progress="40"] .circle .fill,.radial-progress[data-progress="40"] .circle .mask.full{-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}.radial-progress[data-progress="40"] .circle .fill.fix{-webkit-transform:rotate(144deg);-ms-transform:rotate(144deg);transform:rotate(144deg)}.radial-progress[data-progress="40"] .inset .percentage:before{content:"40%"}.radial-progress[data-progress="41"] .circle .fill,.radial-progress[data-progress="41"] .circle .mask.full{-webkit-transform:rotate(73.8deg);-ms-transform:rotate(73.8deg);transform:rotate(73.8deg)}.radial-progress[data-progress="41"] .circle .fill.fix{-webkit-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);transform:rotate(147.6deg)}.radial-progress[data-progress="41"] .inset .percentage:before{content:"41%"}.radial-progress[data-progress="42"] .circle .fill,.radial-progress[data-progress="42"] .circle .mask.full{-webkit-transform:rotate(75.6deg);-ms-transform:rotate(75.6deg);transform:rotate(75.6deg)}.radial-progress[data-progress="42"] .circle .fill.fix{-webkit-transform:rotate(151.2deg);-ms-transform:rotate(151.2deg);transform:rotate(151.2deg)}.radial-progress[data-progress="42"] .inset .percentage:before{content:"42%"}.radial-progress[data-progress="43"] .circle .fill,.radial-progress[data-progress="43"] .circle .mask.full{-webkit-transform:rotate(77.4deg);-ms-transform:rotate(77.4deg);transform:rotate(77.4deg)}.radial-progress[data-progress="43"] .circle .fill.fix{-webkit-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);transform:rotate(154.8deg)}.radial-progress[data-progress="43"] .inset .percentage:before{content:"43%"}.radial-progress[data-progress="44"] .circle .fill,.radial-progress[data-progress="44"] .circle .mask.full{-webkit-transform:rotate(79.2deg);-ms-transform:rotate(79.2deg);transform:rotate(79.2deg)}.radial-progress[data-progress="44"] .circle .fill.fix{-webkit-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);transform:rotate(158.4deg)}.radial-progress[data-progress="44"] .inset .percentage:before{content:"44%"}.radial-progress[data-progress="45"] .circle .fill,.radial-progress[data-progress="45"] .circle .mask.full{-webkit-transform:rotate(81deg);-ms-transform:rotate(81deg);transform:rotate(81deg)}.radial-progress[data-progress="45"] .circle .fill.fix{-webkit-transform:rotate(162deg);-ms-transform:rotate(162deg);transform:rotate(162deg)}.radial-progress[data-progress="45"] .inset .percentage:before{content:"45%"}.radial-progress[data-progress="46"] .circle .fill,.radial-progress[data-progress="46"] .circle .mask.full{-webkit-transform:rotate(82.8deg);-ms-transform:rotate(82.8deg);transform:rotate(82.8deg)}.radial-progress[data-progress="46"] .circle .fill.fix{-webkit-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);transform:rotate(165.6deg)}.radial-progress[data-progress="46"] .inset .percentage:before{content:"46%"}.radial-progress[data-progress="47"] .circle .fill,.radial-progress[data-progress="47"] .circle .mask.full{-webkit-transform:rotate(84.6deg);-ms-transform:rotate(84.6deg);transform:rotate(84.6deg)}.radial-progress[data-progress="47"] .circle .fill.fix{-webkit-transform:rotate(169.2deg);-ms-transform:rotate(169.2deg);transform:rotate(169.2deg)}.radial-progress[data-progress="47"] .inset .percentage:before{content:"47%"}.radial-progress[data-progress="48"] .circle .fill,.radial-progress[data-progress="48"] .circle .mask.full{-webkit-transform:rotate(86.4deg);-ms-transform:rotate(86.4deg);transform:rotate(86.4deg)}.radial-progress[data-progress="48"] .circle .fill.fix{-webkit-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);transform:rotate(172.8deg)}.radial-progress[data-progress="48"] .inset .percentage:before{content:"48%"}.radial-progress[data-progress="49"] .circle .fill,.radial-progress[data-progress="49"] .circle .mask.full{-webkit-transform:rotate(88.2deg);-ms-transform:rotate(88.2deg);transform:rotate(88.2deg)}.radial-progress[data-progress="49"] .circle .fill.fix{-webkit-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);transform:rotate(176.4deg)}.radial-progress[data-progress="49"] .inset .percentage:before{content:"49%"}.radial-progress[data-progress="50"] .circle .fill,.radial-progress[data-progress="50"] .circle .mask.full{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.radial-progress[data-progress="50"] .circle .fill.fix{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.radial-progress[data-progress="50"] .inset .percentage:before{content:"50%"}.radial-progress[data-progress="51"] .circle .fill,.radial-progress[data-progress="51"] .circle .mask.full{-webkit-transform:rotate(91.8deg);-ms-transform:rotate(91.8deg);transform:rotate(91.8deg)}.radial-progress[data-progress="51"] .circle .fill.fix{-webkit-transform:rotate(183.6deg);-ms-transform:rotate(183.6deg);transform:rotate(183.6deg)}.radial-progress[data-progress="51"] .inset .percentage:before{content:"51%"}.radial-progress[data-progress="52"] .circle .fill,.radial-progress[data-progress="52"] .circle .mask.full{-webkit-transform:rotate(93.6deg);-ms-transform:rotate(93.6deg);transform:rotate(93.6deg)}.radial-progress[data-progress="52"] .circle .fill.fix{-webkit-transform:rotate(187.2deg);-ms-transform:rotate(187.2deg);transform:rotate(187.2deg)}.radial-progress[data-progress="52"] .inset .percentage:before{content:"52%"}.radial-progress[data-progress="53"] .circle .fill,.radial-progress[data-progress="53"] .circle .mask.full{-webkit-transform:rotate(95.4deg);-ms-transform:rotate(95.4deg);transform:rotate(95.4deg)}.radial-progress[data-progress="53"] .circle .fill.fix{-webkit-transform:rotate(190.8deg);-ms-transform:rotate(190.8deg);transform:rotate(190.8deg)}.radial-progress[data-progress="53"] .inset .percentage:before{content:"53%"}.radial-progress[data-progress="54"] .circle .fill,.radial-progress[data-progress="54"] .circle .mask.full{-webkit-transform:rotate(97.2deg);-ms-transform:rotate(97.2deg);transform:rotate(97.2deg)}.radial-progress[data-progress="54"] .circle .fill.fix{-webkit-transform:rotate(194.4deg);-ms-transform:rotate(194.4deg);transform:rotate(194.4deg)}.radial-progress[data-progress="54"] .inset .percentage:before{content:"54%"}.radial-progress[data-progress="55"] .circle .fill,.radial-progress[data-progress="55"] .circle .mask.full{-webkit-transform:rotate(99deg);-ms-transform:rotate(99deg);transform:rotate(99deg)}.radial-progress[data-progress="55"] .circle .fill.fix{-webkit-transform:rotate(198deg);-ms-transform:rotate(198deg);transform:rotate(198deg)}.radial-progress[data-progress="55"] .inset .percentage:before{content:"55%"}.radial-progress[data-progress="56"] .circle .fill,.radial-progress[data-progress="56"] .circle .mask.full{-webkit-transform:rotate(100.8deg);-ms-transform:rotate(100.8deg);transform:rotate(100.8deg)}.radial-progress[data-progress="56"] .circle .fill.fix{-webkit-transform:rotate(201.6deg);-ms-transform:rotate(201.6deg);transform:rotate(201.6deg)}.radial-progress[data-progress="56"] .inset .percentage:before{content:"56%"}.radial-progress[data-progress="57"] .circle .fill,.radial-progress[data-progress="57"] .circle .mask.full{-webkit-transform:rotate(102.6deg);-ms-transform:rotate(102.6deg);transform:rotate(102.6deg)}.radial-progress[data-progress="57"] .circle .fill.fix{-webkit-transform:rotate(205.2deg);-ms-transform:rotate(205.2deg);transform:rotate(205.2deg)}.radial-progress[data-progress="57"] .inset .percentage:before{content:"57%"}.radial-progress[data-progress="58"] .circle .fill,.radial-progress[data-progress="58"] .circle .mask.full{-webkit-transform:rotate(104.4deg);-ms-transform:rotate(104.4deg);transform:rotate(104.4deg)}.radial-progress[data-progress="58"] .circle .fill.fix{-webkit-transform:rotate(208.8deg);-ms-transform:rotate(208.8deg);transform:rotate(208.8deg)}.radial-progress[data-progress="58"] .inset .percentage:before{content:"58%"}.radial-progress[data-progress="59"] .circle .fill,.radial-progress[data-progress="59"] .circle .mask.full{-webkit-transform:rotate(106.2deg);-ms-transform:rotate(106.2deg);transform:rotate(106.2deg)}.radial-progress[data-progress="59"] .circle .fill.fix{-webkit-transform:rotate(212.4deg);-ms-transform:rotate(212.4deg);transform:rotate(212.4deg)}.radial-progress[data-progress="59"] .inset .percentage:before{content:"59%"}.radial-progress[data-progress="60"] .circle .fill,.radial-progress[data-progress="60"] .circle .mask.full{-webkit-transform:rotate(108deg);-ms-transform:rotate(108deg);transform:rotate(108deg)}.radial-progress[data-progress="60"] .circle .fill.fix{-webkit-transform:rotate(216deg);-ms-transform:rotate(216deg);transform:rotate(216deg)}.radial-progress[data-progress="60"] .inset .percentage:before{content:"60%"}.radial-progress[data-progress="61"] .circle .fill,.radial-progress[data-progress="61"] .circle .mask.full{-webkit-transform:rotate(109.8deg);-ms-transform:rotate(109.8deg);transform:rotate(109.8deg)}.radial-progress[data-progress="61"] .circle .fill.fix{-webkit-transform:rotate(219.6deg);-ms-transform:rotate(219.6deg);transform:rotate(219.6deg)}.radial-progress[data-progress="61"] .inset .percentage:before{content:"61%"}.radial-progress[data-progress="62"] .circle .fill,.radial-progress[data-progress="62"] .circle .mask.full{-webkit-transform:rotate(111.6deg);-ms-transform:rotate(111.6deg);transform:rotate(111.6deg)}.radial-progress[data-progress="62"] .circle .fill.fix{-webkit-transform:rotate(223.2deg);-ms-transform:rotate(223.2deg);transform:rotate(223.2deg)}.radial-progress[data-progress="62"] .inset .percentage:before{content:"62%"}.radial-progress[data-progress="63"] .circle .fill,.radial-progress[data-progress="63"] .circle .mask.full{-webkit-transform:rotate(113.4deg);-ms-transform:rotate(113.4deg);transform:rotate(113.4deg)}.radial-progress[data-progress="63"] .circle .fill.fix{-webkit-transform:rotate(226.8deg);-ms-transform:rotate(226.8deg);transform:rotate(226.8deg)}.radial-progress[data-progress="63"] .inset .percentage:before{content:"63%"}.radial-progress[data-progress="64"] .circle .fill,.radial-progress[data-progress="64"] .circle .mask.full{-webkit-transform:rotate(115.2deg);-ms-transform:rotate(115.2deg);transform:rotate(115.2deg)}.radial-progress[data-progress="64"] .circle .fill.fix{-webkit-transform:rotate(230.4deg);-ms-transform:rotate(230.4deg);transform:rotate(230.4deg)}.radial-progress[data-progress="64"] .inset .percentage:before{content:"64%"}.radial-progress[data-progress="65"] .circle .fill,.radial-progress[data-progress="65"] .circle .mask.full{-webkit-transform:rotate(117deg);-ms-transform:rotate(117deg);transform:rotate(117deg)}.radial-progress[data-progress="65"] .circle .fill.fix{-webkit-transform:rotate(234deg);-ms-transform:rotate(234deg);transform:rotate(234deg)}.radial-progress[data-progress="65"] .inset .percentage:before{content:"65%"}.radial-progress[data-progress="66"] .circle .fill,.radial-progress[data-progress="66"] .circle .mask.full{-webkit-transform:rotate(118.8deg);-ms-transform:rotate(118.8deg);transform:rotate(118.8deg)}.radial-progress[data-progress="66"] .circle .fill.fix{-webkit-transform:rotate(237.6deg);-ms-transform:rotate(237.6deg);transform:rotate(237.6deg)}.radial-progress[data-progress="66"] .inset .percentage:before{content:"66%"}.radial-progress[data-progress="67"] .circle .fill,.radial-progress[data-progress="67"] .circle .mask.full{-webkit-transform:rotate(120.6deg);-ms-transform:rotate(120.6deg);transform:rotate(120.6deg)}.radial-progress[data-progress="67"] .circle .fill.fix{-webkit-transform:rotate(241.2deg);-ms-transform:rotate(241.2deg);transform:rotate(241.2deg)}.radial-progress[data-progress="67"] .inset .percentage:before{content:"67%"}.radial-progress[data-progress="68"] .circle .fill,.radial-progress[data-progress="68"] .circle .mask.full{-webkit-transform:rotate(122.4deg);-ms-transform:rotate(122.4deg);transform:rotate(122.4deg)}.radial-progress[data-progress="68"] .circle .fill.fix{-webkit-transform:rotate(244.8deg);-ms-transform:rotate(244.8deg);transform:rotate(244.8deg)}.radial-progress[data-progress="68"] .inset .percentage:before{content:"68%"}.radial-progress[data-progress="69"] .circle .fill,.radial-progress[data-progress="69"] .circle .mask.full{-webkit-transform:rotate(124.2deg);-ms-transform:rotate(124.2deg);transform:rotate(124.2deg)}.radial-progress[data-progress="69"] .circle .fill.fix{-webkit-transform:rotate(248.4deg);-ms-transform:rotate(248.4deg);transform:rotate(248.4deg)}.radial-progress[data-progress="69"] .inset .percentage:before{content:"69%"}.radial-progress[data-progress="70"] .circle .fill,.radial-progress[data-progress="70"] .circle .mask.full{-webkit-transform:rotate(126deg);-ms-transform:rotate(126deg);transform:rotate(126deg)}.radial-progress[data-progress="70"] .circle .fill.fix{-webkit-transform:rotate(252deg);-ms-transform:rotate(252deg);transform:rotate(252deg)}.radial-progress[data-progress="70"] .inset .percentage:before{content:"70%"}.radial-progress[data-progress="71"] .circle .fill,.radial-progress[data-progress="71"] .circle .mask.full{-webkit-transform:rotate(127.8deg);-ms-transform:rotate(127.8deg);transform:rotate(127.8deg)}.radial-progress[data-progress="71"] .circle .fill.fix{-webkit-transform:rotate(255.6deg);-ms-transform:rotate(255.6deg);transform:rotate(255.6deg)}.radial-progress[data-progress="71"] .inset .percentage:before{content:"71%"}.radial-progress[data-progress="72"] .circle .fill,.radial-progress[data-progress="72"] .circle .mask.full{-webkit-transform:rotate(129.6deg);-ms-transform:rotate(129.6deg);transform:rotate(129.6deg)}.radial-progress[data-progress="72"] .circle .fill.fix{-webkit-transform:rotate(259.2deg);-ms-transform:rotate(259.2deg);transform:rotate(259.2deg)}.radial-progress[data-progress="72"] .inset .percentage:before{content:"72%"}.radial-progress[data-progress="73"] .circle .fill,.radial-progress[data-progress="73"] .circle .mask.full{-webkit-transform:rotate(131.4deg);-ms-transform:rotate(131.4deg);transform:rotate(131.4deg)}.radial-progress[data-progress="73"] .circle .fill.fix{-webkit-transform:rotate(262.8deg);-ms-transform:rotate(262.8deg);transform:rotate(262.8deg)}.radial-progress[data-progress="73"] .inset .percentage:before{content:"73%"}.radial-progress[data-progress="74"] .circle .fill,.radial-progress[data-progress="74"] .circle .mask.full{-webkit-transform:rotate(133.2deg);-ms-transform:rotate(133.2deg);transform:rotate(133.2deg)}.radial-progress[data-progress="74"] .circle .fill.fix{-webkit-transform:rotate(266.4deg);-ms-transform:rotate(266.4deg);transform:rotate(266.4deg)}.radial-progress[data-progress="74"] .inset .percentage:before{content:"74%"}.radial-progress[data-progress="75"] .circle .fill,.radial-progress[data-progress="75"] .circle .mask.full{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.radial-progress[data-progress="75"] .circle .fill.fix{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.radial-progress[data-progress="75"] .inset .percentage:before{content:"75%"}.radial-progress[data-progress="76"] .circle .fill,.radial-progress[data-progress="76"] .circle .mask.full{-webkit-transform:rotate(136.8deg);-ms-transform:rotate(136.8deg);transform:rotate(136.8deg)}.radial-progress[data-progress="76"] .circle .fill.fix{-webkit-transform:rotate(273.6deg);-ms-transform:rotate(273.6deg);transform:rotate(273.6deg)}.radial-progress[data-progress="76"] .inset .percentage:before{content:"76%"}.radial-progress[data-progress="77"] .circle .fill,.radial-progress[data-progress="77"] .circle .mask.full{-webkit-transform:rotate(138.6deg);-ms-transform:rotate(138.6deg);transform:rotate(138.6deg)}.radial-progress[data-progress="77"] .circle .fill.fix{-webkit-transform:rotate(277.2deg);-ms-transform:rotate(277.2deg);transform:rotate(277.2deg)}.radial-progress[data-progress="77"] .inset .percentage:before{content:"77%"}.radial-progress[data-progress="78"] .circle .fill,.radial-progress[data-progress="78"] .circle .mask.full{-webkit-transform:rotate(140.4deg);-ms-transform:rotate(140.4deg);transform:rotate(140.4deg)}.radial-progress[data-progress="78"] .circle .fill.fix{-webkit-transform:rotate(280.8deg);-ms-transform:rotate(280.8deg);transform:rotate(280.8deg)}.radial-progress[data-progress="78"] .inset .percentage:before{content:"78%"}.radial-progress[data-progress="79"] .circle .fill,.radial-progress[data-progress="79"] .circle .mask.full{-webkit-transform:rotate(142.2deg);-ms-transform:rotate(142.2deg);transform:rotate(142.2deg)}.radial-progress[data-progress="79"] .circle .fill.fix{-webkit-transform:rotate(284.4deg);-ms-transform:rotate(284.4deg);transform:rotate(284.4deg)}.radial-progress[data-progress="79"] .inset .percentage:before{content:"79%"}.radial-progress[data-progress="80"] .circle .fill,.radial-progress[data-progress="80"] .circle .mask.full{-webkit-transform:rotate(144deg);-ms-transform:rotate(144deg);transform:rotate(144deg)}.radial-progress[data-progress="80"] .circle .fill.fix{-webkit-transform:rotate(288deg);-ms-transform:rotate(288deg);transform:rotate(288deg)}.radial-progress[data-progress="80"] .inset .percentage:before{content:"80%"}.radial-progress[data-progress="81"] .circle .fill,.radial-progress[data-progress="81"] .circle .mask.full{-webkit-transform:rotate(145.8deg);-ms-transform:rotate(145.8deg);transform:rotate(145.8deg)}.radial-progress[data-progress="81"] .circle .fill.fix{-webkit-transform:rotate(291.6deg);-ms-transform:rotate(291.6deg);transform:rotate(291.6deg)}.radial-progress[data-progress="81"] .inset .percentage:before{content:"81%"}.radial-progress[data-progress="82"] .circle .fill,.radial-progress[data-progress="82"] .circle .mask.full{-webkit-transform:rotate(147.6deg);-ms-transform:rotate(147.6deg);transform:rotate(147.6deg)}.radial-progress[data-progress="82"] .circle .fill.fix{-webkit-transform:rotate(295.2deg);-ms-transform:rotate(295.2deg);transform:rotate(295.2deg)}.radial-progress[data-progress="82"] .inset .percentage:before{content:"82%"}.radial-progress[data-progress="83"] .circle .fill,.radial-progress[data-progress="83"] .circle .mask.full{-webkit-transform:rotate(149.4deg);-ms-transform:rotate(149.4deg);transform:rotate(149.4deg)}.radial-progress[data-progress="83"] .circle .fill.fix{-webkit-transform:rotate(298.8deg);-ms-transform:rotate(298.8deg);transform:rotate(298.8deg)}.radial-progress[data-progress="83"] .inset .percentage:before{content:"83%"}.radial-progress[data-progress="84"] .circle .fill,.radial-progress[data-progress="84"] .circle .mask.full{-webkit-transform:rotate(151.2deg);-ms-transform:rotate(151.2deg);transform:rotate(151.2deg)}.radial-progress[data-progress="84"] .circle .fill.fix{-webkit-transform:rotate(302.4deg);-ms-transform:rotate(302.4deg);transform:rotate(302.4deg)}.radial-progress[data-progress="84"] .inset .percentage:before{content:"84%"}.radial-progress[data-progress="85"] .circle .fill,.radial-progress[data-progress="85"] .circle .mask.full{-webkit-transform:rotate(153deg);-ms-transform:rotate(153deg);transform:rotate(153deg)}.radial-progress[data-progress="85"] .circle .fill.fix{-webkit-transform:rotate(306deg);-ms-transform:rotate(306deg);transform:rotate(306deg)}.radial-progress[data-progress="85"] .inset .percentage:before{content:"85%"}.radial-progress[data-progress="86"] .circle .fill,.radial-progress[data-progress="86"] .circle .mask.full{-webkit-transform:rotate(154.8deg);-ms-transform:rotate(154.8deg);transform:rotate(154.8deg)}.radial-progress[data-progress="86"] .circle .fill.fix{-webkit-transform:rotate(309.6deg);-ms-transform:rotate(309.6deg);transform:rotate(309.6deg)}.radial-progress[data-progress="86"] .inset .percentage:before{content:"86%"}.radial-progress[data-progress="87"] .circle .fill,.radial-progress[data-progress="87"] .circle .mask.full{-webkit-transform:rotate(156.6deg);-ms-transform:rotate(156.6deg);transform:rotate(156.6deg)}.radial-progress[data-progress="87"] .circle .fill.fix{-webkit-transform:rotate(313.2deg);-ms-transform:rotate(313.2deg);transform:rotate(313.2deg)}.radial-progress[data-progress="87"] .inset .percentage:before{content:"87%"}.radial-progress[data-progress="88"] .circle .fill,.radial-progress[data-progress="88"] .circle .mask.full{-webkit-transform:rotate(158.4deg);-ms-transform:rotate(158.4deg);transform:rotate(158.4deg)}.radial-progress[data-progress="88"] .circle .fill.fix{-webkit-transform:rotate(316.8deg);-ms-transform:rotate(316.8deg);transform:rotate(316.8deg)}.radial-progress[data-progress="88"] .inset .percentage:before{content:"88%"}.radial-progress[data-progress="89"] .circle .fill,.radial-progress[data-progress="89"] .circle .mask.full{-webkit-transform:rotate(160.2deg);-ms-transform:rotate(160.2deg);transform:rotate(160.2deg)}.radial-progress[data-progress="89"] .circle .fill.fix{-webkit-transform:rotate(320.4deg);-ms-transform:rotate(320.4deg);transform:rotate(320.4deg)}.radial-progress[data-progress="89"] .inset .percentage:before{content:"89%"}.radial-progress[data-progress="90"] .circle .fill,.radial-progress[data-progress="90"] .circle .mask.full{-webkit-transform:rotate(162deg);-ms-transform:rotate(162deg);transform:rotate(162deg)}.radial-progress[data-progress="90"] .circle .fill.fix{-webkit-transform:rotate(324deg);-ms-transform:rotate(324deg);transform:rotate(324deg)}.radial-progress[data-progress="90"] .inset .percentage:before{content:"90%"}.radial-progress[data-progress="91"] .circle .fill,.radial-progress[data-progress="91"] .circle .mask.full{-webkit-transform:rotate(163.8deg);-ms-transform:rotate(163.8deg);transform:rotate(163.8deg)}.radial-progress[data-progress="91"] .circle .fill.fix{-webkit-transform:rotate(327.6deg);-ms-transform:rotate(327.6deg);transform:rotate(327.6deg)}.radial-progress[data-progress="91"] .inset .percentage:before{content:"91%"}.radial-progress[data-progress="92"] .circle .fill,.radial-progress[data-progress="92"] .circle .mask.full{-webkit-transform:rotate(165.6deg);-ms-transform:rotate(165.6deg);transform:rotate(165.6deg)}.radial-progress[data-progress="92"] .circle .fill.fix{-webkit-transform:rotate(331.2deg);-ms-transform:rotate(331.2deg);transform:rotate(331.2deg)}.radial-progress[data-progress="92"] .inset .percentage:before{content:"92%"}.radial-progress[data-progress="93"] .circle .fill,.radial-progress[data-progress="93"] .circle .mask.full{-webkit-transform:rotate(167.4deg);-ms-transform:rotate(167.4deg);transform:rotate(167.4deg)}.radial-progress[data-progress="93"] .circle .fill.fix{-webkit-transform:rotate(334.8deg);-ms-transform:rotate(334.8deg);transform:rotate(334.8deg)}.radial-progress[data-progress="93"] .inset .percentage:before{content:"93%"}.radial-progress[data-progress="94"] .circle .fill,.radial-progress[data-progress="94"] .circle .mask.full{-webkit-transform:rotate(169.2deg);-ms-transform:rotate(169.2deg);transform:rotate(169.2deg)}.radial-progress[data-progress="94"] .circle .fill.fix{-webkit-transform:rotate(338.4deg);-ms-transform:rotate(338.4deg);transform:rotate(338.4deg)}.radial-progress[data-progress="94"] .inset .percentage:before{content:"94%"}.radial-progress[data-progress="95"] .circle .fill,.radial-progress[data-progress="95"] .circle .mask.full{-webkit-transform:rotate(171deg);-ms-transform:rotate(171deg);transform:rotate(171deg)}.radial-progress[data-progress="95"] .circle .fill.fix{-webkit-transform:rotate(342deg);-ms-transform:rotate(342deg);transform:rotate(342deg)}.radial-progress[data-progress="95"] .inset .percentage:before{content:"95%"}.radial-progress[data-progress="96"] .circle .fill,.radial-progress[data-progress="96"] .circle .mask.full{-webkit-transform:rotate(172.8deg);-ms-transform:rotate(172.8deg);transform:rotate(172.8deg)}.radial-progress[data-progress="96"] .circle .fill.fix{-webkit-transform:rotate(345.6deg);-ms-transform:rotate(345.6deg);transform:rotate(345.6deg)}.radial-progress[data-progress="96"] .inset .percentage:before{content:"96%"}.radial-progress[data-progress="97"] .circle .fill,.radial-progress[data-progress="97"] .circle .mask.full{-webkit-transform:rotate(174.6deg);-ms-transform:rotate(174.6deg);transform:rotate(174.6deg)}.radial-progress[data-progress="97"] .circle .fill.fix{-webkit-transform:rotate(349.2deg);-ms-transform:rotate(349.2deg);transform:rotate(349.2deg)}.radial-progress[data-progress="97"] .inset .percentage:before{content:"97%"}.radial-progress[data-progress="98"] .circle .fill,.radial-progress[data-progress="98"] .circle .mask.full{-webkit-transform:rotate(176.4deg);-ms-transform:rotate(176.4deg);transform:rotate(176.4deg)}.radial-progress[data-progress="98"] .circle .fill.fix{-webkit-transform:rotate(352.8deg);-ms-transform:rotate(352.8deg);transform:rotate(352.8deg)}.radial-progress[data-progress="98"] .inset .percentage:before{content:"98%"}.radial-progress[data-progress="99"] .circle .fill,.radial-progress[data-progress="99"] .circle .mask.full{-webkit-transform:rotate(178.2deg);-ms-transform:rotate(178.2deg);transform:rotate(178.2deg)}.radial-progress[data-progress="99"] .circle .fill.fix{-webkit-transform:rotate(356.4deg);-ms-transform:rotate(356.4deg);transform:rotate(356.4deg)}.radial-progress[data-progress="99"] .inset .percentage:before{content:"99%"}.radial-progress[data-progress="100"] .circle .fill,.radial-progress[data-progress="100"] .circle .mask.full{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.radial-progress[data-progress="100"] .circle .fill.fix{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.radial-progress[data-progress="100"] .inset .percentage:before{content:"100%"}.ui.pie-chart{background:#f9f9f9;width:100px;height:100px;text-align:center;line-height:96px;border:24px solid #e2e2e2;border-right:24px solid #bebebe;margin-bottom:115px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ui.pie-chart span{color:#bebebe;font-size:40px}.attention-box:hover{box-shadow:0 0 0 5px rgba(255,78,50,.2),inset 0 1px 1px rgba(255,255,255,.2),inset 0 0 100px rgba(0,0,0,.25)}.attention-box:hover:before{color:transparent;text-shadow:0 0 3px rgba(255,255,255,.2)}@-webkit-keyframes scaleXattentionBox{0%,100%,80%{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}90%{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}}@-moz-keyframes scaleXattentionBox{0%,100%,80%{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}90%{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}}@-o-keyframes scaleXattentionBox{0%,100%,80%{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}90%{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes scaleXattentionBox{0%,100%,80%{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}90%{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}}.attention-box{-webkit-animation:scaleXattentionBox 2.3s 3;-moz-animation:scaleXattentionBox 2.3s 3;-o-animation:scaleXattentionBox 2.3s 3;animation:scaleXattentionBox 2.3s 3;-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s;transition:all .25s;cursor:pointer;position:absolute;z-index:10;font-size:20px;text-transform:uppercase;text-align:center;width:180px;height:180px;box-shadow:0 0 0 10px rgba(255,78,50,.2),inset 0 1px 1px rgba(255,255,255,.2),inset 0 2px 1px rgba(250,107,64,.8);background:#f84e2d;background:-moz-linear-gradient(top,#f84e2d 0,#e1120b 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f84e2d),color-stop(100%,#e1120b));background:-webkit-linear-gradient(top,#f84e2d 0,#e1120b 100%);background:-o-linear-gradient(top,#f84e2d 0,#e1120b 100%);background:-ms-linear-gradient(top,#f84e2d 0,#e1120b 100%);background:linear-gradient(to bottom,#f84e2d 0,#e1120b 100%);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.attention-box:before{position:absolute;margin:-.5em 0 0 -.5em;top:50%;left:50%;width:1em;line-height:.95;font-size:8em;color:rgba(255,255,255,.2);text-shadow:0 0 0 rgba(255,255,255,.2);-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s;transition:all .25s}.attention-box:after{content:"";display:inline-block;vertical-align:middle;position:relative;width:0;top:0;bottom:0;height:100%}.attention-box .title{display:inline-block;vertical-align:middle;width:80%;color:#fefefe;text-shadow:0 -1px 2px rgba(0,0,0,.35)}.attention-box.how-to:before{content:"?"}.ui.base-box-style{border-radius:10px 10px 0 0;margin-top:24px}.tutorial .how-to-parallax,.tutorial.recommended-streaming-options{-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0}.tutorial .how-to-parallax{margin:-49px -49px 49px;height:462px;overflow:hidden;background:#010101;border-radius:10px 10px 0 0;position:relative}.tutorial .how-to-parallax:before{background:rgba(0,1,1,.45);content:"";position:absolute;z-index:3;left:0;top:0;right:0;bottom:0}.tutorial .how-to-parallax:after,.tutorial.how-to-create-show .how-to-parallax:after{background:-webkit-gradient(linear,left top,right top,color-stop(0,#77110c),color-stop(100%,rgba(119,17,12,0)));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77110c', endColorstr='#0077110c', GradientType=1);left:0;content:"";right:0;bottom:0}.tutorial .how-to-parallax:after{position:absolute;z-index:4;top:0;background:-moz-linear-gradient(left,#77110c 0,rgba(119,17,12,0) 100%);background:-webkit-linear-gradient(left,#77110c 0,rgba(119,17,12,0) 100%);background:-o-linear-gradient(left,#77110c 0,rgba(119,17,12,0) 100%);background:-ms-linear-gradient(left,#77110c 0,rgba(119,17,12,0) 100%);background:linear-gradient(to right,#77110c 0,rgba(119,17,12,0) 100%)}.tutorial .how-to-parallax .logo{position:absolute;z-index:5;top:29px;left:41px}.tutorial .how-to-parallax .ui.abuot,.tutorial .how-to-parallax .ui.e-vt{position:absolute;z-index:5;color:#fefefe}.tutorial .how-to-parallax .ui.e-vt{font-size:80px;line-height:60px;top:68px;left:349px}.tutorial .how-to-parallax .ui.e-vt small{font-size:36px;display:block}.tutorial .how-to-parallax .ui.abuot{font-size:20px;bottom:50px;right:50px;left:50px;line-height:30px}.tutorial .how-to-parallax .first-parallax-image{position:absolute;z-index:1;width:100%;height:100%;background:url(/application/themes/base/images/tutorial/parallax-image.jpg) 50% 12px no-repeat fixed}.tutorial .how-to-parallax .filmon-watermark{position:absolute;z-index:1;width:100%;height:100%;background:url(/application/themes/base/images/logo/filmon/filmon.300x300.watermark.png) 50% 17px no-repeat fixed}.tutorial .how-to-parallax .mondotunes-watermark{position:absolute;z-index:1;width:100%;height:100%;background:url(/application/themes/base/images/logo/mondotunes/mondotunes-etv.300x300.watermark.png) 50% 17px no-repeat fixed}.tutorial .how-to-parallax .second-parallax-image{position:absolute;z-index:0;width:100%;height:100%;background:#200;background:-moz-linear-gradient(top,#200 0,#ae9672 39%,#dbc7a6 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#200),color-stop(39%,#ae9672),color-stop(100%,#dbc7a6));background:-webkit-linear-gradient(top,#200 0,#ae9672 39%,#dbc7a6 100%);background:-o-linear-gradient(top,#200 0,#ae9672 39%,#dbc7a6 100%);background:-ms-linear-gradient(top,#200 0,#ae9672 39%,#dbc7a6 100%);background:linear-gradient(to bottom,#200 0,#ae9672 39%,#dbc7a6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#220000', endColorstr='#dbc7a6', GradientType=0)}.tutorial.recommended-streaming-options{padding:49px;overflow:hidden;z-index:10;border-radius:10px 10px 0 0}.tutorial.recommended-streaming-options .recommended-options-promo{background:url(/application/themes/base/images/tutorial/icon.png) right center no-repeat;position:absolute;top:90px;right:55px;padding:60px 310px 60px 10px;z-index:2;text-align:right}.tutorial.recommended-streaming-options .recommended-options-promo h1.ui{color:#fefefe}.tutorial.recommended-streaming-options .how-to-parallax{background:0 0}.tutorial.recommended-streaming-options .how-to-parallax:after,.tutorial.recommended-streaming-options .how-to-parallax:before{content:none}.tutorial.recommended-streaming-options .how-to-parallax .recommended-options-parallax-image{position:absolute;z-index:0;width:100%;height:100%;background:url(/application/themes/base/images/tutorial/recommended-options-parallax-image.jpg) 50% 5px no-repeat fixed}.tutorial.recommended-streaming-options .ui.table{font-size:16px}.tutorial.recommended-streaming-options .ui.table thead th{text-align:center;font-size:16px;padding:16px}.tutorial.recommended-streaming-options .ui.table tbody tr td{font-size:14px;padding:10px}.tutorial.recommended-streaming-options .image-bat{display:block;text-align:center}.tutorial.recommended-streaming-options .image-bat img{max-width:100%;display:inline-block}.tutorial.how-to-create-show{background:url(/application/themes/base/images/tutorial/chyvaki_left.png) left bottom no-repeat,url(/application/themes/base/images/tutorial/chyvaki_right.png) right bottom no-repeat;padding:49px;overflow:hidden;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}.tutorial.how-to-create-show .attention-box{top:397px;right:-90px}.tutorial.how-to-create-show hr{margin:51px -49px 31px;height:1px;border:1px solid #e9e9e9;border-width:1px 0}.tutorial.how-to-create-show .how-to-context,.tutorial.how-to-create-show .how-to-parallax{position:relative;z-index:4}.tutorial.how-to-create-show .how-to-parallax{margin:-49px -49px 49px;height:462px;overflow:hidden;background:#010101;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}.tutorial.how-to-create-show .how-to-parallax:before{background:rgba(0,1,1,.45);content:"";position:absolute;z-index:3;left:0;top:0;right:0;bottom:0}.tutorial.how-to-create-show .how-to-parallax:after{position:absolute;z-index:4;top:0;background:-moz-linear-gradient(left,#77110c 0,rgba(119,17,12,0) 100%);background:-webkit-linear-gradient(left,#77110c 0,rgba(119,17,12,0) 100%);background:-o-linear-gradient(left,#77110c 0,rgba(119,17,12,0) 100%);background:-ms-linear-gradient(left,#77110c 0,rgba(119,17,12,0) 100%);background:linear-gradient(to right,#77110c 0,rgba(119,17,12,0) 100%)}.tutorial.how-to-create-show .how-to-parallax .logo{position:absolute;z-index:5;top:29px;left:41px}.tutorial.how-to-create-show .how-to-parallax .ui.abuot,.tutorial.how-to-create-show .how-to-parallax .ui.e-vt,.tutorial.how-to-create-show .how-to-parallax .ui.mondo-tunes{position:absolute;z-index:5;color:#fefefe}.tutorial.how-to-create-show .how-to-parallax .ui.e-vt{font-size:80px;line-height:60px;top:68px;left:349px}.tutorial.how-to-create-show .how-to-parallax .ui.e-vt small{font-size:36px;display:block}.tutorial.how-to-create-show .how-to-parallax .ui.mondo-tunes{top:219px;left:427px}.tutorial.how-to-create-show .how-to-parallax .ui.abuot{font-size:20px;bottom:50px;right:50px;left:50px;line-height:30px}.tutorial.how-to-create-show .how-to-parallax .first-parallax-image{position:absolute;z-index:1;width:100%;height:100%;background:url(/application/themes/base/images/tutorial/parallax-image.jpg) 50% 12px no-repeat fixed}.tutorial.how-to-create-show .how-to-parallax .filmon-watermark{position:absolute;z-index:1;width:100%;height:100%;background:url(/application/themes/base/images/logo/filmon/filmon.300x300.watermark.png) 50% 17px no-repeat fixed}.tutorial.how-to-create-show .how-to-parallax .second-parallax-image{position:absolute;z-index:0;width:100%;height:100%;background:#200;background:-moz-linear-gradient(top,#200 0,#ae9672 39%,#dbc7a6 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#200),color-stop(39%,#ae9672),color-stop(100%,#dbc7a6));background:-webkit-linear-gradient(top,#200 0,#ae9672 39%,#dbc7a6 100%);background:-o-linear-gradient(top,#200 0,#ae9672 39%,#dbc7a6 100%);background:-ms-linear-gradient(top,#200 0,#ae9672 39%,#dbc7a6 100%);background:linear-gradient(to bottom,#200 0,#ae9672 39%,#dbc7a6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#220000', endColorstr='#dbc7a6', GradientType=0)}.tutorial.how-to-create-show .promo-box{margin:43px 8px;position:relative}.tutorial.how-to-create-show .promo-box .promo-line{position:absolute;z-index:0;left:0;height:2px;width:80%;border-top:1px solid #edeff1;border-bottom:1px solid #edeff1}.tutorial.how-to-create-show .promo-box.live-stream-box{z-index:3}.tutorial.how-to-create-show .promo-box.live-stream-box .promo-line{-ms-transform:rotate(-61deg);-webkit-transform:rotate(-61deg);transform:rotate(-61deg);-ms-transform-origin:145px 0;-webkit-transform-origin:145px 0;transform-origin:145px 0}.tutorial.how-to-create-show .promo-box.interactive-box{z-index:2}.tutorial.how-to-create-show .promo-box.interactive-box .promo-line{-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);-ms-transform-origin:545px 0;-webkit-transform-origin:545px 0;transform-origin:545px 0}.tutorial.how-to-create-show .promo-box.monetized-box{z-index:1}.tutorial.how-to-create-show .promo-box.monetized-box .promo-line{-ms-transform:rotate(-23deg);-webkit-transform:rotate(-23deg);transform:rotate(-23deg);-ms-transform-origin:290px 0;-webkit-transform-origin:290px 0;transform-origin:290px 0}.tutorial.how-to-create-show .promo-box .promo-content,.tutorial.how-to-create-show .promo-box .promo-image{display:inline-block;vertical-align:middle}.tutorial.how-to-create-show .promo-box .promo-image{position:relative;z-index:3;width:205px;margin-right:28px}.tutorial.how-to-create-show .promo-box .promo-image img{display:block}.tutorial.how-to-create-show .promo-box .promo-content{position:relative;z-index:0;width:590px}.tutorial.how-to-create-show .promo-box .promo-content h1:first-of-type{margin:0 0 18px}.tutorial.how-to-create-show .promo-box.text-right .promo-image{margin-right:0;margin-left:28px}.tutorial.how-to-create-show .promo-box.text-right .promo-content{text-align:right}.tutorial.how-to-create-show .ui.blockquote{margin:1em 2em 1em 4px}.ui .screen-info-box{margin:20px -49px;padding:52px 64px;overflow:hidden;position:relative}.ui .screen-info-box:after{content:"";height:294px;width:0;display:inline-block;vertical-align:middle}.ui .screen-info-box .screenshot.overlay-off:after,.ui .screen-info-box .screenshot.overlay-off:before,.ui .screen-info-box.after-off:after{content:none}.ui .screen-info-box.after-off{margin:87px -49px}.ui .screen-info-box .screenshot{position:relative;z-index:1;margin:0 99px 0 0;width:294px;height:294px}.ui .screen-info-box .screenshot:after,.ui .screen-info-box .screenshot:before{content:"";position:absolute;bottom:0}.ui .screen-info-box .screenshot:before{z-index:3;background:#fefefe;left:367.5px;height:2px;width:5000px;border-top:1px solid #ffa899;border-bottom:1px solid #ff5335;-ms-transform:skew(-22deg);-webkit-transform:skew(-22deg);transform:skew(-22deg)}.ui .screen-info-box .screenshot:after{z-index:2;left:220.5px;height:2px;width:147px;border-top:1px solid #ffb4a4;border-bottom:1px solid #ff5335;-ms-transform:rotate(45deg) skew(22deg);-webkit-transform:rotate(45deg) skew(22deg);transform:rotate(45deg) skew(22deg);-ms-transform-origin:100% 50%;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ui .screen-info-box .screenshot .scree-overlay,.ui .screen-info-box .screenshot .zoom-screen,.ui .screen-info-box .screenshot .zoom-screen .screenshot-duplicate{position:absolute;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s;transition:all .25s}.ui .screen-info-box .screenshot .scree-overlay{background-color:#fefefe;z-index:1;top:0;left:0;width:294px;height:294px;box-shadow:0 0 0 10px rgba(148,148,148,.08)}.ui .screen-info-box .screenshot .scree-overlay:before{background:rgba(0,1,1,.7);content:"";position:absolute;z-index:1;left:0;top:0;right:0;bottom:0}.ui .screen-info-box .screenshot .zoom-screen{background:#fefefe;z-index:5;left:112.5px;top:39px;width:216px;height:216px;box-shadow:0 0 0 10px #ff5335,inset 0 0 0 0 #ff5335;-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s;transition:all .25s}.ui .screen-info-box .screenshot .zoom-screen:hover{box-shadow:0 0 0 1px #ff5335,inset 0 0 30px 0 rgba(0,0,0,.5)}.ui .screen-info-box .screenshot .zoom-screen .screenshot-duplicate{z-index:1;left:0;top:0;margin-top:-39px;margin-left:-111.5px;width:294px;height:294px;box-shadow:0 0 0 10px rgba(148,148,148,.08)}.ui .screen-info-box .screenshot.large,.ui .screen-info-box .screenshot.large .scree-overlay{width:525px;height:525px}.ui .screen-info-box .screenshot.overlay-off .scree-overlay:before{background:0 0}.ui .screen-info-box .screenshot.align-center{margin:0 auto}.ui .screen-info-box .screenshot.bottom-screen:after,.ui .screen-info-box .screenshot.bottom-screen:before{bottom:-49px}.ui .screen-info-box .screenshot.bottom-screen:before{left:257.25px}.ui .screen-info-box .screenshot.bottom-screen:after{left:110.25px}.ui .screen-info-box .screenshot.bottom-screen .zoom-screen{left:39px;top:112.5px}.ui .screen-info-box .screenshot.bottom-screen .zoom-screen .screenshot-duplicate{margin-top:-111.5px;margin-left:-39px}.ui .screen-info-box .screenshot.right{margin:0 0 0 90px}.ui .screen-info-box .screenshot.right:after,.ui .screen-info-box .screenshot.right:before{left:auto}.ui .screen-info-box .screenshot.right:before{right:367.5px;-ms-transform:skew(22deg);-webkit-transform:skew(22deg);transform:skew(22deg)}.ui .screen-info-box .screenshot.right:after{z-index:2;right:220.5px;-ms-transform:rotate(-45deg) skew(-22deg);-webkit-transform:rotate(-45deg) skew(-22deg);transform:rotate(-45deg) skew(-22deg);-ms-transform-origin:0;-webkit-transform-origin:0;transform-origin:0}.ui .screen-info-box .screenshot.right .zoom-screen{left:auto;right:112.5px}.ui .screen-info-box .screenshot.right .zoom-screen .screenshot-duplicate{left:auto;margin-left:auto;right:0;margin-right:-113.5px}.ui .screen-info-box .screenshot.right.bottom-screen:before{right:257.25px}.ui .screen-info-box .screenshot.right.bottom-screen:after{right:110.25px}.ui .screen-info-box .screenshot.right.bottom-screen .zoom-screen{left:39px;top:112.5px}.ui .screen-info-box .screenshot.right.bottom-screen .zoom-screen .screenshot-duplicate{margin-top:-113.5px;margin-right:-39px}.ui .screen-info-box .screenshot-description{display:inline-block;vertical-align:middle;width:425px}.ui .screen-info-box .screenshot-description h2:first-of-type{margin:0 0 45px}