{"id":1627,"date":"2015-02-28T13:43:06","date_gmt":"2015-02-28T13:43:06","guid":{"rendered":"http:\/\/plugins.ad-theme.com\/vcmegapack\/?page_id=1627"},"modified":"2015-02-28T22:06:53","modified_gmt":"2015-02-28T22:06:53","slug":"page-chart","status":"publish","type":"page","link":"https:\/\/plugins.ad-theme.com\/vcmegapack\/page-chart\/","title":{"rendered":"Page Chart"},"content":{"rendered":"<div class=\"vc_row wpb_row vc_row-fluid vc_custom_1425132410355 vcmp_align_center vcmp_normal vcmp_padding_null vcmp-row vcmp-468210959 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-12 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">.bottom-line-with-icon.heading-1 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:700;\n\t\t\t\t\t\t\t  }.bottom-line-with-icon.heading-1 {\n\t\t\t\tfont-size:40px;\n\t\t\t\tcolor:#ffffff;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}.bottom-line-with-icon.heading-1 span:before, \n\t\t\t\t\t\t\t.bottom-line-with-icon.heading-1 span:after {\n\t\t\t\t\t\t\t\tborder-color:#1b2633;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t.bottom-line-with-icon.heading-1 i {\n\t\t\t\t\t\t\t\tcolor:#1b2633;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<\/style><h2 class=\"bottom-line-with-icon vcmp-align-center heading-1\">\n\t\t\t\t\t\t\t\t\t<span>THE GRAPHICS MEGA PACK ARE SIMPLE AND QUICK TO SET<i class=\"adtheme-icon-bars\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<\/h2><div class=\"vcmp-space\" style=\"height:50px\"><\/div><style type=\"text\/css\">.normal.heading-2 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:400;\n\t\t\t\t\t\t\t  }.normal.heading-2 {\n\t\t\t\tfont-size:16px;\n\t\t\t\tcolor:#ffffff;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-2\"><span>Two types of chart with simple settings quick and easy to set all this in a click<\/span><\/h2>\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1425135773972 vcmp_align_left vcmp_normal vcmp_padding_null vcmp-row vcmp-193170244 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-12 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">.dashed-bottom.heading-3 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:700;\n\t\t\t\t\t\t\t  }.dashed-bottom.heading-3 {\n\t\t\t\tfont-size:30px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}.dashed-bottom.heading-3 .vcmp-separator {\n\t\t\t\t\tbackground-color:#34495e;\n\t\t\t\t}<\/style><h2 class=\"vcmp-heading dashed-bottom vcmp-align-center heading-3\">\n\t\t\t\t\t\t\t\t\t<span>PROGRESS BAR<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"vcmp-separator vcmp-line-separator-big\"><\/span>\n\t\t\t\t\t\t\t\t<\/h2><style type=\"text\/css\">.normal.heading-4 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:400;\n\t\t\t\t\t\t\t  }.normal.heading-4 {\n\t\t\t\tfont-size:16px;\n\t\t\t\tcolor:#333333;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-4\"><span>Two style of progress bars are easy to set<\/span><\/h2><div class=\"vcmp-space\" style=\"height:80px\"><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid    vcmp-row vcmp-63378315 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-6 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">.normal.heading-5 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:800;\n\t\t\t\t\t\t\t  }.normal.heading-5 {\n\t\t\t\tfont-size:25px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-5\"><span>WEB MASTER<\/span><\/h2><div class=\"vcmp-space\" style=\"height:20PX\"><\/div><style type=\"text\/css\">\n\t\t#bar-1 .bar {\n\t\t\tbackground:#34495e;\n\t\t}\n\t\t#bar-1.bar-main-container {\n\t\t\twidth:80%;\n\t\t}\n\t\t#bar-1.style1 .bar-percentage {\n\t\t\tbackground:#1b2633;\n\t\t}\n\t\t#bar-1.style2 .bar-percentage {\n\t\t\tcolor:#1b2633;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-1').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-1\" class=\"bar-main-container azure style2\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"53\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-6 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">.normal.heading-6 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:800;\n\t\t\t\t\t\t\t  }.normal.heading-6 {\n\t\t\t\tfont-size:25px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-6\"><span>PLUGIN<\/span><\/h2><div class=\"vcmp-space\" style=\"height:20PX\"><\/div><style type=\"text\/css\">\n\t\t#bar-2 .bar {\n\t\t\tbackground:#34495e;\n\t\t}\n\t\t#bar-2.bar-main-container {\n\t\t\twidth:80%;\n\t\t}\n\t\t#bar-2.style1 .bar-percentage {\n\t\t\tbackground:#1b2633;\n\t\t}\n\t\t#bar-2.style2 .bar-percentage {\n\t\t\tcolor:#1b2633;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-2').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-2\" class=\"bar-main-container azure style1\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"77\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vcmp-space\" style=\"height:80px\"><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid    vcmp-row vcmp-232975727 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<span class=\"adtheme-icon adtheme-icon-1 vcmp-icon-align-center animate-in\" data-anim-type=\"fade-in\" data-anim-delay=\"0\"><i class=\"adtheme-icon-headphones\" style=\"font-size:40PX;color:#e74c3c;margin:0;padding:20PX;display:inline-block;float:none;\" onMouseOver=\"this.style.color='#e74c3c'\" onMouseOut=\"this.style.color='#e74c3c'\"><\/i><\/span><div class=\"vcmp-space\" style=\"height:15px\"><\/div><style type=\"text\/css\">\n\t\t#bar-3 .bar {\n\t\t\tbackground:#e74c3c;\n\t\t}\n\t\t#bar-3.bar-main-container {\n\t\t\twidth:100%;\n\t\t}\n\t\t#bar-3.style1 .bar-percentage {\n\t\t\tbackground:#ad2d2d;\n\t\t}\n\t\t#bar-3.style2 .bar-percentage {\n\t\t\tcolor:#ad2d2d;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-3').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-3\" class=\"bar-main-container azure style2\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"86\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div><style type=\"text\/css\">.normal.heading-7 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:400;\n\t\t\t\t\t\t\t  }.normal.heading-7 {\n\t\t\t\tfont-size:25px;\n\t\t\t\tcolor:#e74c3c;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-7\"><span>AUDIO<\/span><\/h2>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<span class=\"adtheme-icon adtheme-icon-2 vcmp-icon-align-center animate-in\" data-anim-type=\"fade-in\" data-anim-delay=\"0\"><i class=\"adtheme-icon-qrcode\" style=\"font-size:40PX;color:#e74c3c;margin:0;padding:20PX;display:inline-block;float:none;\" onMouseOver=\"this.style.color='#e74c3c'\" onMouseOut=\"this.style.color='#e74c3c'\"><\/i><\/span><div class=\"vcmp-space\" style=\"height:15px\"><\/div><style type=\"text\/css\">\n\t\t#bar-4 .bar {\n\t\t\tbackground:#e74c3c;\n\t\t}\n\t\t#bar-4.bar-main-container {\n\t\t\twidth:100%;\n\t\t}\n\t\t#bar-4.style1 .bar-percentage {\n\t\t\tbackground:#ad2d2d;\n\t\t}\n\t\t#bar-4.style2 .bar-percentage {\n\t\t\tcolor:#ad2d2d;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-4').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-4\" class=\"bar-main-container azure style1\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"67\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div><style type=\"text\/css\">.normal.heading-8 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:400;\n\t\t\t\t\t\t\t  }.normal.heading-8 {\n\t\t\t\tfont-size:25px;\n\t\t\t\tcolor:#e74c3c;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-8\"><span>CODE<\/span><\/h2>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<span class=\"adtheme-icon adtheme-icon-3 vcmp-icon-align-center animate-in\" data-anim-type=\"fade-in\" data-anim-delay=\"0\"><i class=\"adtheme-icon-cart2\" style=\"font-size:40PX;color:#e74c3c;margin:0;padding:20PX;display:inline-block;float:none;\" onMouseOver=\"this.style.color='#e74c3c'\" onMouseOut=\"this.style.color='#e74c3c'\"><\/i><\/span><div class=\"vcmp-space\" style=\"height:15px\"><\/div><style type=\"text\/css\">\n\t\t#bar-5 .bar {\n\t\t\tbackground:#e74c3c;\n\t\t}\n\t\t#bar-5.bar-main-container {\n\t\t\twidth:100%;\n\t\t}\n\t\t#bar-5.style1 .bar-percentage {\n\t\t\tbackground:#ad2d2d;\n\t\t}\n\t\t#bar-5.style2 .bar-percentage {\n\t\t\tcolor:#ad2d2d;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-5').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-5\" class=\"bar-main-container azure style2\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"74\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div><style type=\"text\/css\">.normal.heading-9 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:400;\n\t\t\t\t\t\t\t  }.normal.heading-9 {\n\t\t\t\tfont-size:25px;\n\t\t\t\tcolor:#e74c3c;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-9\"><span>SHOP<\/span><\/h2>\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vcmp-space\" style=\"height:80px\"><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid    vcmp-row vcmp-770576484 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-6 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">\n\t\t#bar-6 .bar {\n\t\t\tbackground:#34495e;\n\t\t}\n\t\t#bar-6.bar-main-container {\n\t\t\twidth:100%;\n\t\t}\n\t\t#bar-6.style1 .bar-percentage {\n\t\t\tbackground:#1b2633;\n\t\t}\n\t\t#bar-6.style2 .bar-percentage {\n\t\t\tcolor:#1b2633;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-6').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-6\" class=\"bar-main-container azure style2\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"86\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div><style type=\"text\/css\">.normal.heading-10 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:italic;\n\t\t\t\t\t\t\t\t\tfont-weight:600;\n\t\t\t\t\t\t\t  }.normal.heading-10 {\n\t\t\t\tfont-size:25px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-left heading-10\"><span>CEO<\/span><\/h2>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-6 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">\n\t\t#bar-7 .bar {\n\t\t\tbackground:#34495e;\n\t\t}\n\t\t#bar-7.bar-main-container {\n\t\t\twidth:100%;\n\t\t}\n\t\t#bar-7.style1 .bar-percentage {\n\t\t\tbackground:#1b2633;\n\t\t}\n\t\t#bar-7.style2 .bar-percentage {\n\t\t\tcolor:#1b2633;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-7').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-7\" class=\"bar-main-container azure style1\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"67\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div><style type=\"text\/css\">.normal.heading-11 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:italic;\n\t\t\t\t\t\t\t\t\tfont-weight:600;\n\t\t\t\t\t\t\t  }.normal.heading-11 {\n\t\t\t\tfont-size:25px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-left heading-11\"><span>PHP - HTML<\/span><\/h2>\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vcmp-space\" style=\"height:80px\"><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_custom_1425135360244    vcmp-row vcmp-74201694 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-12 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"vcmp-space\" style=\"height:50px\"><\/div><style type=\"text\/css\">.dashed-bottom.heading-12 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:700;\n\t\t\t\t\t\t\t  }.dashed-bottom.heading-12 {\n\t\t\t\tfont-size:30px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}.dashed-bottom.heading-12 .vcmp-separator {\n\t\t\t\t\tbackground-color:#34495e;\n\t\t\t\t}<\/style><h2 class=\"vcmp-heading dashed-bottom vcmp-align-center heading-12\">\n\t\t\t\t\t\t\t\t\t<span>DIFFERENT WIDTH &amp; COLOR<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"vcmp-separator vcmp-line-separator-big\"><\/span>\n\t\t\t\t\t\t\t\t<\/h2>\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vcmp-space\" style=\"height:80px\"><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid    vcmp-row vcmp-962481667 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-8 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">\n\t\t#bar-8 .bar {\n\t\t\tbackground:#e74c3c;\n\t\t}\n\t\t#bar-8.bar-main-container {\n\t\t\twidth:100%;\n\t\t}\n\t\t#bar-8.style1 .bar-percentage {\n\t\t\tbackground:#a52b2b;\n\t\t}\n\t\t#bar-8.style2 .bar-percentage {\n\t\t\tcolor:#a52b2b;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-8').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-8\" class=\"bar-main-container azure style1\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"65\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">\n\t\t#bar-9 .bar {\n\t\t\tbackground:#e67e22;\n\t\t}\n\t\t#bar-9.bar-main-container {\n\t\t\twidth:100%;\n\t\t}\n\t\t#bar-9.style1 .bar-percentage {\n\t\t\tbackground:#a55318;\n\t\t}\n\t\t#bar-9.style2 .bar-percentage {\n\t\t\tcolor:#a55318;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-9').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-9\" class=\"bar-main-container azure style2\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"89\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vcmp-space\" style=\"height:50px\"><\/div><style type=\"text\/css\">\n\t\t#bar-10 .bar {\n\t\t\tbackground:#2ecc71;\n\t\t}\n\t\t#bar-10.bar-main-container {\n\t\t\twidth:300;\n\t\t}\n\t\t#bar-10.style1 .bar-percentage {\n\t\t\tbackground:#115129;\n\t\t}\n\t\t#bar-10.style2 .bar-percentage {\n\t\t\tcolor:#115129;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-10').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-10\" class=\"bar-main-container azure style1\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"79\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1425137253560 vcmp_align_default vcmp_normal vcmp_padding_null vcmp-row vcmp-470568233 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-12 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">.dashed-bottom.heading-13 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:700;\n\t\t\t\t\t\t\t  }.dashed-bottom.heading-13 {\n\t\t\t\tfont-size:30px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}.dashed-bottom.heading-13 .vcmp-separator {\n\t\t\t\t\tbackground-color:#34495e;\n\t\t\t\t}<\/style><h2 class=\"vcmp-heading dashed-bottom vcmp-align-center heading-13\">\n\t\t\t\t\t\t\t\t\t<span>PIE CHART (CIRCLE)<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"vcmp-separator vcmp-line-separator-big\"><\/span>\n\t\t\t\t\t\t\t\t<\/h2><div class=\"vcmp-space\" style=\"height:80px\"><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid    vcmp-row vcmp-993573933 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"chart-container\"><div class=\"chart-item-container hidden \"><div class=\"chart rand11 easyPieChart\" data-percent=\"53\" data-color=\"#34495e\" data-colortrack=\"#ffffff\"><span class=\"percent\">53<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand11 {\n\t\t\twidth: 250px;\n\t\t\theight: 250px;\n\t\t}\n\t\t.rand11 .percent {\n\t\t\tline-height: 250px;\n\t\t\tcolor:#34495e;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand11').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 250,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t<style type=\"text\/css\">.normal.heading-14 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:600;\n\t\t\t\t\t\t\t  }.normal.heading-14 {\n\t\t\t\tfont-size:25px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-14\"><span>WEB MASTER<\/span><\/h2>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"chart-container\"><div class=\"chart-item-container hidden \"><div class=\"chart rand12 easyPieChart\" data-percent=\"69\" data-color=\"#34495e\" data-colortrack=\"#ffffff\"><span class=\"percent\">69<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand12 {\n\t\t\twidth: 250px;\n\t\t\theight: 250px;\n\t\t}\n\t\t.rand12 .percent {\n\t\t\tline-height: 250px;\n\t\t\tcolor:#34495e;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand12').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 250,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t<style type=\"text\/css\">.normal.heading-15 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:600;\n\t\t\t\t\t\t\t  }.normal.heading-15 {\n\t\t\t\tfont-size:25px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-15\"><span>PLUGIN<\/span><\/h2>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"chart-container\"><div class=\"chart-item-container hidden \"><div class=\"chart rand13 easyPieChart\" data-percent=\"91\" data-color=\"#34495e\" data-colortrack=\"#ffffff\"><span class=\"percent\">91<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand13 {\n\t\t\twidth: 250px;\n\t\t\theight: 250px;\n\t\t}\n\t\t.rand13 .percent {\n\t\t\tline-height: 250px;\n\t\t\tcolor:#34495e;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand13').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 250,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t<style type=\"text\/css\">.normal.heading-16 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:600;\n\t\t\t\t\t\t\t  }.normal.heading-16 {\n\t\t\t\tfont-size:25px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-16\"><span>WEB DESIGN<\/span><\/h2>\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vcmp-space\" style=\"height:80px\"><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid    vcmp-row vcmp-765648559 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<span class=\"adtheme-icon adtheme-icon-4 vcmp-icon-align-center animate-in\" data-anim-type=\"fade-in\" data-anim-delay=\"0\"><i class=\"adtheme-icon-quill\" style=\"font-size:80px;color:#fc615d;margin:0;padding:0;display:inline-block;float:none;\" onMouseOver=\"this.style.color='#fc615d'\" onMouseOut=\"this.style.color='#fc615d'\"><\/i><\/span><div class=\"chart-container\"><div class=\"chart-item-container hidden \"><div class=\"chart rand14 easyPieChart\" data-percent=\"47\" data-color=\"#e74c3c\" data-colortrack=\"#ffffff\"><span class=\"percent\">47<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand14 {\n\t\t\twidth: 150px;\n\t\t\theight: 150px;\n\t\t}\n\t\t.rand14 .percent {\n\t\t\tline-height: 150px;\n\t\t\tcolor:#e74c3c;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand14').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 150,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<span class=\"adtheme-icon adtheme-icon-5 vcmp-icon-align-center\"><i class=\"adtheme-icon-pawn\" style=\"font-size:80px;color:#fc615d;margin:0;padding:0;display:inline-block;float:none;\" onMouseOver=\"this.style.color='#fc615d'\" onMouseOut=\"this.style.color='#fc615d'\"><\/i><\/span><div class=\"chart-container\"><div class=\"chart-item-container hidden \"><div class=\"chart rand15 easyPieChart\" data-percent=\"57\" data-color=\"#e74c3c\" data-colortrack=\"#ffffff\"><span class=\"percent\">57<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand15 {\n\t\t\twidth: 150px;\n\t\t\theight: 150px;\n\t\t}\n\t\t.rand15 .percent {\n\t\t\tline-height: 150px;\n\t\t\tcolor:#e74c3c;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand15').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 150,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<span class=\"adtheme-icon adtheme-icon-6 vcmp-icon-align-center\"><i class=\"adtheme-icon-laptop\" style=\"font-size:80px;color:#fc615d;margin:0;padding:0;display:inline-block;float:none;\" onMouseOver=\"this.style.color='#fc615d'\" onMouseOut=\"this.style.color='#fc615d'\"><\/i><\/span><div class=\"chart-container\"><div class=\"chart-item-container hidden \"><div class=\"chart rand16 easyPieChart\" data-percent=\"85\" data-color=\"#e74c3c\" data-colortrack=\"#ffffff\"><span class=\"percent\">85<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand16 {\n\t\t\twidth: 150px;\n\t\t\theight: 150px;\n\t\t}\n\t\t.rand16 .percent {\n\t\t\tline-height: 150px;\n\t\t\tcolor:#e74c3c;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand16').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 150,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vcmp-space\" style=\"height:80px\"><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid vc_custom_1425135360244    vcmp-row vcmp-521653669 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-12 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"vcmp-space\" style=\"height:50px\"><\/div><style type=\"text\/css\">.dashed-bottom.heading-17 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:700;\n\t\t\t\t\t\t\t  }.dashed-bottom.heading-17 {\n\t\t\t\tfont-size:30px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}.dashed-bottom.heading-17 .vcmp-separator {\n\t\t\t\t\tbackground-color:#34495e;\n\t\t\t\t}<\/style><h2 class=\"vcmp-heading dashed-bottom vcmp-align-center heading-17\">\n\t\t\t\t\t\t\t\t\t<span>DIFFERENT WIDTH &amp; COLOR<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"vcmp-separator vcmp-line-separator-big\"><\/span>\n\t\t\t\t\t\t\t\t<\/h2>\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid    vcmp-row vcmp-597601663 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"chart-container\"><div class=\"chart-item-container hidden vcmp_chart_responsive\"><div class=\"chart rand17 easyPieChart\" data-percent=\"89\" data-color=\"#e67e22\" data-colortrack=\"#a55318\"><span class=\"percent\">89<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand17 {\n\t\t\twidth: 400px;\n\t\t\theight: 400px;\n\t\t}\n\t\t.rand17 .percent {\n\t\t\tline-height: 400px;\n\t\t\tcolor:#e67e22;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand17').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 400,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container  vc_custom_1425139150784\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"chart-container\"><div class=\"chart-item-container hidden vcmp_chart_responsive\"><div class=\"chart rand18 easyPieChart\" data-percent=\"79\" data-color=\"#2ecc71\" data-colortrack=\"#115129\"><span class=\"percent\">79<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand18 {\n\t\t\twidth: 300px;\n\t\t\theight: 300px;\n\t\t}\n\t\t.rand18 .percent {\n\t\t\tline-height: 300px;\n\t\t\tcolor:#2ecc71;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand18').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 300,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container  vc_custom_1425139093641\">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"chart-container\"><div class=\"chart-item-container hidden \"><div class=\"chart rand19 easyPieChart\" data-percent=\"65\" data-color=\"#e74c3c\" data-colortrack=\"#a52b2b\"><span class=\"percent\">65<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand19 {\n\t\t\twidth: 200px;\n\t\t\theight: 200px;\n\t\t}\n\t\t.rand19 .percent {\n\t\t\tline-height: 200px;\n\t\t\tcolor:#e74c3c;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand19').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 200,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t\n\t\t<\/div> \n\t<\/div> \n<\/div>\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1425160369113 vcmp_align_center vcmp_normal vcmp_padding_null vcmp-row vcmp-996617217 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-12 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">.dashed-bottom.heading-18 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:700;\n\t\t\t\t\t\t\t  }.dashed-bottom.heading-18 {\n\t\t\t\tfont-size:30px;\n\t\t\t\tcolor:#34495e;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}.dashed-bottom.heading-18 .vcmp-separator {\n\t\t\t\t\tbackground-color:#34495e;\n\t\t\t\t}<\/style><h2 class=\"vcmp-heading dashed-bottom vcmp-align-center heading-18\">\n\t\t\t\t\t\t\t\t\t<span>ANIMATIONS CHART<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"vcmp-separator vcmp-line-separator-big\"><\/span>\n\t\t\t\t\t\t\t\t<\/h2><style type=\"text\/css\">.normal.heading-19 {\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tfont-family:Open Sans ;\n\t\t\t\t\t\t\t\t\tfont-style:normal;\n\t\t\t\t\t\t\t\t\tfont-weight:400;\n\t\t\t\t\t\t\t  }.normal.heading-19 {\n\t\t\t\tfont-size:16px;\n\t\t\t\tcolor:#333333;\n\t\t\t\tdisplay:block;\n\t\t\t\tmargin:2px 0; \n\t\t\t}<\/style><h2 class=\"vcmp-heading normal vcmp-align-center heading-19\"><span>More than 200 animations available for your work<\/span><\/h2><div class=\"vcmp-space\" style=\"height:80px\"><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid    vcmp-row vcmp-516549132 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"chart-container animate-in\" data-anim-type=\"zoom-in\" data-anim-delay=\"1000\"><div class=\"chart-item-container hidden \"><div class=\"chart rand20 easyPieChart\" data-percent=\"53\" data-color=\"#34495e\" data-colortrack=\"#f5f5f5\"><span class=\"percent\">53<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand20 {\n\t\t\twidth: 250px;\n\t\t\theight: 250px;\n\t\t}\n\t\t.rand20 .percent {\n\t\t\tline-height: 250px;\n\t\t\tcolor:#34495e;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand20').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 250,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"chart-container animate-in\" data-anim-type=\"bounce-out-down\" data-anim-delay=\"1000\"><div class=\"chart-item-container hidden \"><div class=\"chart rand21 easyPieChart\" data-percent=\"69\" data-color=\"#34495e\" data-colortrack=\"#f5f5f5\"><span class=\"percent\">69<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand21 {\n\t\t\twidth: 250px;\n\t\t\theight: 250px;\n\t\t}\n\t\t.rand21 .percent {\n\t\t\tline-height: 250px;\n\t\t\tcolor:#34495e;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand21').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 250,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"chart-container animate-in\" data-anim-type=\"spin\" data-anim-delay=\"1000\"><div class=\"chart-item-container hidden \"><div class=\"chart rand22 easyPieChart\" data-percent=\"91\" data-color=\"#34495e\" data-colortrack=\"#f5f5f5\"><span class=\"percent\">91<\/span><\/div><\/div><\/div><style type=\"text\/css\">\n\t\t.chart.rand22 {\n\t\t\twidth: 250px;\n\t\t\theight: 250px;\n\t\t}\n\t\t.rand22 .percent {\n\t\t\tline-height: 250px;\n\t\t\tcolor:#34495e;\n\t\t}\n\t\t<\/style><script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('.chart-container').appear(function() {\n\t\t\t\tvar easy_pie_chart = {};\n\t\t\t\tjQuery('.chart-item-container').removeClass('hidden');\n\t\t\t\tjQuery('.chart.rand22').each(function() {\n\t\t\t\tvar text_span = jQuery(this).children('span');\n\t\t\t\tjQuery(this).easyPieChart(jQuery.extend(true, {}, easy_pie_chart, {\n\t\t\t\tsize : 250,\n\t\t\t\tanimate : 2000,\n\t\t\t\tlineWidth : 6,\n\t\t\t\tlineCap : 'square',\n\t\t\t\tbarColor : jQuery(this).data('color'),\n\t\t\t\tlineWidth : 10,\n\t\t\t\ttrackColor : jQuery(this).data('colortrack'),\n\t\t\t\tscaleColor : false,\n\t\t\t\tonStep : function(from, to, percent) {\n\t\t\t\t\t$(this.el).find('.percent').text(Math.round(percent));\n\t\t\t\t}\n\t\t\t\t}));\n\t\t\t});\t \n\t\t });\n\t\t}); \t\t\t\t\n\t\t<\/script>\n\t\n\t\t<\/div> \n\t<\/div> \n<\/div><div class=\"vcmp-space\" style=\"height:50px\"><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid    vcmp-row vcmp-817192289 vcmp_responsive_mode vcmp_responsive_pattern\" >\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">\n\t\t#bar-23 .bar {\n\t\t\tbackground:#e74c3c;\n\t\t}\n\t\t#bar-23.bar-main-container {\n\t\t\twidth:100%;\n\t\t}\n\t\t#bar-23.style1 .bar-percentage {\n\t\t\tbackground:#ad2d2d;\n\t\t}\n\t\t#bar-23.style2 .bar-percentage {\n\t\t\tcolor:#ad2d2d;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-23').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-23\" class=\"bar-main-container azure style2 animate-in\" data-anim-type=\"fade-in-right-large\" data-anim-delay=\"1000\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"86\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">\n\t\t#bar-24 .bar {\n\t\t\tbackground:#e74c3c;\n\t\t}\n\t\t#bar-24.bar-main-container {\n\t\t\twidth:100%;\n\t\t}\n\t\t#bar-24.style1 .bar-percentage {\n\t\t\tbackground:#ad2d2d;\n\t\t}\n\t\t#bar-24.style2 .bar-percentage {\n\t\t\tcolor:#ad2d2d;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-24').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-24\" class=\"bar-main-container azure style1 animate-in\" data-anim-type=\"fade-in-up-big\" data-anim-delay=\"1000\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"67\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t<\/div> \n\t<\/div> \n\n\t<div class=\"vc_col-sm-4 wpb_column vc_column_container \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style type=\"text\/css\">\n\t\t#bar-25 .bar {\n\t\t\tbackground:#e74c3c;\n\t\t}\n\t\t#bar-25.bar-main-container {\n\t\t\twidth:100%;\n\t\t}\n\t\t#bar-25.style1 .bar-percentage {\n\t\t\tbackground:#ad2d2d;\n\t\t}\n\t\t#bar-25.style2 .bar-percentage {\n\t\t\tcolor:#ad2d2d;\n\t\t}\t\t\t\t\n\t\t<\/style>\n\t\t<script>\n\t\tjQuery(document).ready(function($){\n\t\t\tjQuery('#bar-25').appear(function() {\n\t\t\t\t$('.bar-percentage[data-percentage]').each(function () {\n\t\t\t\t  var progress = $(this);\n\t\t\t\t  var percentage = Math.ceil($(this).attr('data-percentage'));\n\t\t\t\t  $({countNum: 0}).animate({countNum: percentage}, {\n\t\t\t\t\tduration: 2000,\n\t\t\t\t\teasing:'linear',\n\t\t\t\t\tstep: function() {\n\t\t\t\t\t  \/\/ What todo on every count\n\t\t\t\t\tvar pct = '';\n\t\t\t\t\tif(percentage == 0){\n\t\t\t\t\t  pct = Math.floor(this.countNum) + '%';\n\t\t\t\t\t}else{\n\t\t\t\t\t  pct = Math.floor(this.countNum+1) + '%';\n\t\t\t\t\t}\n\t\t\t\t\tprogress.text(pct) && progress.siblings().children().css('width',pct);\n\t\t\t\t\t}\n\t\t\t\t  });\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t\t<\/script>\n\t\t<div id=\"bar-25\" class=\"bar-main-container azure style2 animate-in\" data-anim-type=\"fade-in-left-large\" data-anim-delay=\"1000\"><div class=\"wrap\">\n\t\t\t\t  <div class=\"bar-percentage\" data-percentage=\"74\"><\/div>\n\t\t\t\t  <div class=\"bar-container\">\n\t\t\t\t\t<div class=\"bar\"><\/div>\n\t\t\t\t  <\/div>\n\t\t\t\t<\/div>\n\t\t\t  <\/div>\n\t\t<\/div> \n\t<\/div> \n<\/div>\n\t\t<\/div> \n\t<\/div> \n<\/div>\n","protected":false},"excerpt":{"rendered":".bottom-line-with-icon.heading-20 { font-family:Open Sans ; font-style:normal; font-weight:700; }.bottom-line-with-icon.heading-20 { font-size:40px; color:#ffffff; display:block; margin:2px 0; }.bottom-line-with-icon.heading-20 span:before, .bottom-line-with-icon.heading-20 span:after { border-color:#1b2633; } .bottom-line-with-icon.heading-20 i { color:#1b2633; } THE GRAPHICS MEGA PACK ARE SIMPLE AND QUICK TO SET .normal.heading-21 { font-family:Open Sans ; font-style:normal; font-weight:400; }.normal.heading-21 { font-size:16px; color:#ffffff; display:block; margin:2px 0; }Two types of chart with [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"page-templates\/full-width.php","meta":[],"_links":{"self":[{"href":"https:\/\/plugins.ad-theme.com\/vcmegapack\/wp-json\/wp\/v2\/pages\/1627"}],"collection":[{"href":"https:\/\/plugins.ad-theme.com\/vcmegapack\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plugins.ad-theme.com\/vcmegapack\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plugins.ad-theme.com\/vcmegapack\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plugins.ad-theme.com\/vcmegapack\/wp-json\/wp\/v2\/comments?post=1627"}],"version-history":[{"count":0,"href":"https:\/\/plugins.ad-theme.com\/vcmegapack\/wp-json\/wp\/v2\/pages\/1627\/revisions"}],"wp:attachment":[{"href":"https:\/\/plugins.ad-theme.com\/vcmegapack\/wp-json\/wp\/v2\/media?parent=1627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}