{"id":707,"date":"2018-02-27T13:06:54","date_gmt":"2018-02-27T13:06:54","guid":{"rendered":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/?page_id=707"},"modified":"2018-03-01T12:46:46","modified_gmt":"2018-03-01T12:46:46","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/progress-bar\/","title":{"rendered":"Progress Bar"},"content":{"rendered":"<div id=\"tdi_1\" class=\"tdc-row stretch_row_1400 td-stretch-content\"><div class=\"vc_row tdi_2 td-custom-menu-blocks wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_2,\r\n                .tdi_2 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_2,\r\n\t\t\t\t.tdi_2 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_2 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_2:before,\r\n\t\t\t\t.tdi_2:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column tdi_4  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_4{\r\n                    vertical-align: baseline;\r\n                }.tdi_4 > .wpb_wrapper,\r\n\t\t\t\t.tdi_4 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_4 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_4 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_4 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper td_block_wrap vc_widget_sidebar tdi_6 vc_wp_custommenu\" ><aside class=\"td_block_template_1 widget widget_nav_menu\"><div class=\"menu-multi-purpose-elements-container\"><ul id=\"menu-multi-purpose-elements\" class=\"menu\"><li id=\"menu-item-776\" class=\"td-custom-menu-list td-menu-blocks menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-first menu-item-776\"><a href=\"#\"><span style=\"background-color: #fbb03b\">22<\/span><span style=\"color: #fbb03b !important; background-color: transparent\">Multipurpose Elements<\/span><\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-623\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-623\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/buttons\/\">Buttons<\/a><\/li>\n\t<li id=\"menu-item-656\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-656\"><a href=\"https:\/\/tagdiv.com\/cta-element\/\">Call to Action<\/a><\/li>\n\t<li id=\"menu-item-624\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-624\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/client\/\">Client<\/a><\/li>\n\t<li id=\"menu-item-625\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-625\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/column-content\/\">Column Content<\/a><\/li>\n\t<li id=\"menu-item-626\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-626\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/column-title\/\">Column Title<\/a><\/li>\n\t<li id=\"menu-item-627\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-627\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/fancy-text-with-image\/\">Fancy Text with Image<\/a><\/li>\n\t<li id=\"menu-item-628\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-628\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/hero\/\">Hero<\/a><\/li>\n\t<li id=\"menu-item-657\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-657\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_restro\/menu\/\">Menu<\/a><\/li>\n\t<li id=\"menu-item-629\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-629\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/icon\/\">Icon<\/a><\/li>\n\t<li id=\"menu-item-655\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-655\"><a href=\"https:\/\/tagdiv.com\/integrating-icon-boxes\/\">Icon Box<\/a><\/li>\n\t<li id=\"menu-item-630\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-630\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/image-info-box\/\">Image Info Box<\/a><\/li>\n\t<li id=\"menu-item-631\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-631\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/inline-single-image\/\">Inline Single Image<\/a><\/li>\n\t<li id=\"menu-item-771\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-771\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/inline-text\/\">Inline Text<\/a><\/li>\n\t<li id=\"menu-item-654\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-654\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/list\/\">List<\/a><\/li>\n\t<li id=\"menu-item-765\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-765\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/numbered-counter\/\">Numbered Counter<\/a><\/li>\n\t<li id=\"menu-item-766\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-766\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/pricing-table\/\">Pricing Table<\/a><\/li>\n\t<li id=\"menu-item-767\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-767\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/progress-bar\/\">Progress Bar<\/a><\/li>\n\t<li id=\"menu-item-768\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-768\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/social-icons\/\">Social Icons<\/a><\/li>\n\t<li id=\"menu-item-658\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-658\"><a href=\"https:\/\/tagdiv.com\/team-member-element-present-team\/\">Team Member<\/a><\/li>\n\t<li id=\"menu-item-769\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-769\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/testimonial\/\">Testimonial<\/a><\/li>\n\t<li id=\"menu-item-659\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-659\"><a href=\"https:\/\/tagdiv.com\/newspaper-theme-text-image-element\/\">Text with Image<\/a><\/li>\n\t<li id=\"menu-item-770\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-770\"><a href=\"https:\/\/demo.tagdiv.com\/newspaper_crypto\/title-over-image\/\">Title Over Image<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul><\/div><\/aside><\/div><\/div><\/div><\/div><\/div><div id=\"tdi_7\" class=\"tdc-row\"><div class=\"vc_row tdi_8  wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_8,\r\n                .tdi_8 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_8,\r\n\t\t\t\t.tdi_8 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_8 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_8:before,\r\n\t\t\t\t.tdi_8:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_8{\nmargin-bottom:100px !important;\n}\n\n.tdi_8 .td_block_wrap{ text-align:left }\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_8{\nmargin-bottom:80px !important;\n}\n}\n\n<\/style><div class=\"vc_column tdi_10  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_10{\r\n                    vertical-align: baseline;\r\n                }.tdi_10 > .wpb_wrapper,\r\n\t\t\t\t.tdi_10 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_10 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_10 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_10 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"tdm_block td_block_wrap tdm_block_column_title tdi_11 tdm-content-horiz-center td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_11\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_11{\nmargin-top:20px !important;\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_11{\nmargin-top:40px !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdm_block_column_title{\r\n                  margin-bottom: 0;\r\n                  display: inline-block;\r\n                  width: 100%;\r\n                }\n<\/style><div class=\"td-block-row\"><div class=\"td-block-span12 tdm-col\">\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_12 .tdm-title{\r\n\t\t\t\t\tfont-family:Poppins !important;font-size:36px !important;line-height:1 !important;font-weight:600 !important;text-transform:uppercase !important;\r\n\t\t\t\t}\n<\/style><div class=\"tds-title tds-title1 td-fix-index tdi_12 \"><h3 class=\"tdm-title tdm-title-md\">Progress Bar<\/h3><\/div><\/div><\/div><\/div><div class=\"tdm_block td_block_wrap tdm_block_inline_text tdi_13 tdm-inline-block td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_13\" >\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdm_block.tdm_block_inline_text{\r\n                  margin-bottom: 0;\r\n                  vertical-align: top;\r\n                }.tdm_block.tdm_block_inline_text .tdm-descr{\r\n                  margin-bottom: 0;\r\n                  -webkit-transform: translateZ(0);\r\n                  transform: translateZ(0);\r\n                }.tdc-row-content-vert-center .tdm-inline-text-yes{\r\n                  vertical-align: middle;\r\n                }.tdc-row-content-vert-bottom .tdm-inline-text-yes{\r\n                  vertical-align: bottom;\r\n                }.tdi_13{\r\n                    text-align: center !important;\r\n                    margin-right: auto; \r\n                    margin-left: auto;\r\n                }.tdi_13 .tdm-descr{\r\n                    color: #888888;\r\n                }\n<\/style><p class=\"tdm-descr\">The Progress Bar is an interactive usability element that is used to indicate surveys, ongoing tasks, and any other completion process. It\u2019s easy to personalize this feature with a title, percentage, style, colors and typography.<\/p><\/div><\/div><\/div><\/div><\/div><div id=\"tdi_14\" class=\"tdc-row stretch_row_1200 td-stretch-content\"><div class=\"vc_row tdi_15  wpb_row td-pb-row tdc-element-style\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_15,\r\n                .tdi_15 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_15,\r\n\t\t\t\t.tdi_15 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_15 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_15:before,\r\n\t\t\t\t.tdi_15:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_15{\nmargin-bottom:100px !important;\njustify-content:center !important;\ntext-align:center !important;\nposition:relative;\n}\n\n.tdi_15 .td_block_wrap{ text-align:left }\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_15{\nmargin-bottom:80px !important;\n}\n}\n\n<\/style>\n<div class=\"tdi_14_rand_style td-element-style\" ><div class=\"td-element-style-before\"><style>\n\/* custom css - generated by TagDiv Composer *\/\n\n.tdi_14_rand_style > .td-element-style-before {\ncontent:'' !important;\nwidth:100% !important;\nheight:100% !important;\nposition:absolute !important;\ntop:0 !important;\nleft:0 !important;\ndisplay:block !important;\nz-index:0 !important;\nopacity:0.05 !important;\n}\n<\/style><\/div><\/div><div class=\"vc_column tdi_17  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_17{\r\n                    vertical-align: baseline;\r\n                }.tdi_17 > .wpb_wrapper,\r\n\t\t\t\t.tdi_17 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_17 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_17 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_17 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"tdm_block td_block_wrap tdm_block_column_title tdi_18 tdm-content-horiz-center td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_18\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_18{\nmargin-bottom:50px !important;\n}\n\n<\/style><div class=\"td-block-row\"><div class=\"td-block-span12 tdm-col\">\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_19 .tdm-title{\r\n\t\t\t\t\tfont-family:Poppins !important;font-size:30px !important;line-height:1 !important;\r\n\t\t\t\t}\n<\/style><div class=\"tds-title tds-title1 td-fix-index tdi_19 \"><h3 class=\"tdm-title tdm-title-md\">Horizontal<\/h3><\/div><\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_20 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_20\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_20{\nmargin-bottom:30px !important;\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdm-progress-wrap .tdm-progress-percentage{\r\n                  font-family: var(--td_default_google_font_1, 'Open Sans', 'Open Sans Regular', sans-serif);\r\n                  font-size: 16px;\r\n                }.tdm-progress-wrap .tdm-progress-bar{\r\n                  position: relative;\r\n                  width: 100%;\r\n                  background-color: #f7f7f7;\r\n                }.tdm-progress-wrap .tdm-progress-bar:after{\r\n                  content: '';\r\n                  position: absolute;\r\n                }.tds-progress-bar1 .tdm-progress-bar,\r\n                .tds-progress-bar2 .tdm-progress-bar{\r\n                  height: 4px;\r\n                }.tds-progress-bar1 .tdm-progress-bar:after,\r\n                .tds-progress-bar2 .tdm-progress-bar:after{\r\n                  background-color: var(--td_theme_color, #4db2ec);\r\n                }.tds-progress-bar1 .tdm-progress-percentage{\r\n                  float: left;\r\n                  width: 52px;\r\n                  color: #666;\r\n                }.tds-progress-bar1 .tdm-progress-bar-wrap{\r\n                  padding: 8px 0 0 62px;\r\n                }.tds-progress-bar1 .tdm-progress-bar{\r\n                  height: 4px;\r\n                }.tds-progress-bar1 .tdm-progress-bar:after{\r\n                  top: 0;\r\n                  left: 0;\r\n                  height: 100%;\r\n                  border-radius: 5px;\r\n                }.tds-progress-bar1 .tdm-progress-title{\r\n                  font-family: Verdana, BlinkMacSystemFont, -apple-system, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\r\n                  font-size: 12px;\r\n                }.tds-progress-bar2 .tdm-progress-title,\r\n                .tds-progress-bar3 .tdm-progress-title{\r\n                  margin-top: 15px;\r\n                  font-family: var(--td_default_google_font_2, 'Roboto', sans-serif);\r\n                  font-size: 20px;\r\n                  font-weight: 500;\r\n                }.tds-progress-bar2 .tdm-progress-bar:after{\r\n                  bottom: 0;\r\n                  left: 0;\r\n                  width: 100%;\r\n                }.tds-progress-bar2 .tdm-progress-title{\r\n                  margin-top: 15px;\r\n                  font-family: var(--td_default_google_font_2, 'Roboto', sans-serif);\r\n                  font-size: 20px;\r\n                  font-weight: 500;\r\n                }.tds-progress-bar2 .tdm-progress-percentage{\r\n                  position: absolute;\r\n                  padding: 5px 10px 0;\r\n                  font-family: var(--td_default_google_font_1, 'Open Sans', 'Open Sans Regular', sans-serif);\r\n                  font-size: 16px;\r\n                  color: #fff;\r\n                  z-index: 10;\r\n                }.tds-progress-bar3 .tdm-progress-bar{\r\n                  position: relative;\r\n                  display: inline-block;\r\n                  background: none;\r\n                  width: 100%;\r\n                  height: 0;\r\n                  padding-bottom: 50%;\r\n                  text-align: center;\r\n                  overflow: hidden;\r\n                }.tds-progress-bar3 .tdm-progress-bar:before,\r\n                .tds-progress-bar3 .tdm-progress-bar:after{\r\n                  content: '';\r\n                  position: absolute;\r\n                  top: 0;\r\n                  left: 0;\r\n                  width: 100%;\r\n                  height: 0;\r\n                  background: none;\r\n                  padding-bottom: calc(100% - 20px);\r\n                  border-radius: 50%;\r\n                  border: 10px solid #f7f7f7;\r\n                }.tds-progress-bar3 .tdm-progress-bar:after{\r\n                  border-color: var(--td_theme_color, #4db2ec);\r\n                  -webkit-clip-path: inset(50% 0 0 0);\r\n                  clip-path: inset(50% 0 0 0);\r\n                }.tds-progress-bar3 .tdm-progress-bar .tdm-progress-percentage{\r\n                  position: absolute;\r\n                  bottom: 0;\r\n                  width: 100%;\r\n                  font-size: 50px;\r\n                  font-weight: 700;\r\n                  line-height: 50px;\r\n                }@media (max-width: 767px) {\r\n                  .tds-progress-bar3 {\r\n                    padding: 0 30px;\r\n                  }\r\n                }\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_21 .tdm-progress-bar:after{\r\n\t\t\t\t\twidth: 84%;\r\n\t\t\t\t}body .tdi_21 .tdm-progress-bar{\r\n\t\t\t\t\tbackground-color: #dddddd;\r\n\t\t\t\t}.tdi_21 .tdm-progress-title{\r\n\t\t\t\t\tline-height:3 !important;\r\n\t\t\t\t}.tdi_21 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-family:Raleway !important;font-size:20px !important;\r\n\t\t\t\t}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar1 tdi_21\"><div class=\"tdm-progress-percentage td-fix-index\">84%<\/div><div class=\"tdm-progress-bar-wrap td-fix-index\"><div class=\"tdm-progress-bar\"><\/div><div class=\"tdm-progress-title\">Photoshop<\/div><\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_22 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_22\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_22{\nmargin-bottom:30px !important;\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_23 .tdm-progress-bar:after{\r\n\t\t\t\t\twidth: 76%;\r\n\t\t\t\t}body .tdi_23 .tdm-progress-bar{\r\n\t\t\t\t\tbackground-color: #dddddd;\r\n\t\t\t\t}.tdi_23 .tdm-progress-title{\r\n\t\t\t\t\tline-height:3 !important;\r\n\t\t\t\t}.tdi_23 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-family:Raleway !important;font-size:20px !important;\r\n\t\t\t\t}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar1 tdi_23\"><div class=\"tdm-progress-percentage td-fix-index\">76%<\/div><div class=\"tdm-progress-bar-wrap td-fix-index\"><div class=\"tdm-progress-bar\"><\/div><div class=\"tdm-progress-title\">After Effects<\/div><\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_24 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_24\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_24{\nmargin-bottom:30px !important;\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_25 .tdm-progress-bar:after{\r\n\t\t\t\t\twidth: 92%;\r\n\t\t\t\t}body .tdi_25 .tdm-progress-bar{\r\n\t\t\t\t\tbackground-color: #dddddd;\r\n\t\t\t\t}.tdi_25 .tdm-progress-title{\r\n\t\t\t\t\tline-height:3 !important;\r\n\t\t\t\t}.tdi_25 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-family:Raleway !important;font-size:20px !important;\r\n\t\t\t\t}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar1 tdi_25\"><div class=\"tdm-progress-percentage td-fix-index\">92%<\/div><div class=\"tdm-progress-bar-wrap td-fix-index\"><div class=\"tdm-progress-bar\"><\/div><div class=\"tdm-progress-title\">Illustrator<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"tdi_26\" class=\"tdc-row stretch_row\"><div class=\"vc_row tdi_27  wpb_row td-pb-row tdc-element-style\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_27,\r\n                .tdi_27 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_27,\r\n\t\t\t\t.tdi_27 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_27 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_27:before,\r\n\t\t\t\t.tdi_27:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_27{\nmargin-bottom:100px !important;\npadding-top:80px !important;\npadding-bottom:50px !important;\njustify-content:center !important;\ntext-align:center !important;\nposition:relative;\n}\n\n.tdi_27 .td_block_wrap{ text-align:left }\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_27{\nmargin-bottom:80px !important;\n}\n}\n\n<\/style>\n<div class=\"tdi_26_rand_style td-element-style\" ><div class=\"td-element-style-before\"><style>\n\/* custom css - generated by TagDiv Composer *\/\n\n.tdi_26_rand_style > .td-element-style-before {\ncontent:'' !important;\nwidth:100% !important;\nheight:100% !important;\nposition:absolute !important;\ntop:0 !important;\nleft:0 !important;\ndisplay:block !important;\nz-index:0 !important;\nopacity:0.05 !important;\nbackground-size:cover !important;\nbackground-position:center top !important;\n}\n<\/style><\/div><style>\n\/* custom css - generated by TagDiv Composer *\/\n\n.tdi_26_rand_style{\nbackground-color:#fff6e0 !important;\n}\n <\/style><\/div><div class=\"vc_column tdi_29  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_29{\r\n                    vertical-align: baseline;\r\n                }.tdi_29 > .wpb_wrapper,\r\n\t\t\t\t.tdi_29 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_29 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_29 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_29 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"tdm_block td_block_wrap tdm_block_column_title tdi_30 tdm-content-horiz-center td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_30\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_30{\nmargin-bottom:50px !important;\n}\n\n<\/style><div class=\"td-block-row\"><div class=\"td-block-span12 tdm-col\">\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_31 .tdm-title{\r\n\t\t\t\t\tfont-family:Poppins !important;font-size:30px !important;line-height:1 !important;\r\n\t\t\t\t}\n<\/style><div class=\"tds-title tds-title1 td-fix-index tdi_31 \"><h3 class=\"tdm-title tdm-title-md\">Vertical<\/h3><\/div><\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_32 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_32\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_32{\npadding-right:30px !important;\npadding-left:30px !important;\nwidth:20% !important;\n}\n\n\/* desktop *\/ @media(min-width: 1141px) { .tdi_32 { \ndisplay:inline-block !important;\n} }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_32{\ndisplay:inline-block !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_32{\npadding-right:20px !important;\npadding-left:20px !important;\nwidth:25% !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_32{\npadding-right:50px !important;\npadding-left:50px !important;\nwidth:auto !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_33 .tdm-progress-bar:after{\r\n\t\t\t\t\theight: 84%;\r\n\t\t\t\t}.tdi_33 .tdm-progress-percentage{\r\n\t\t\t\t    top: calc(100% - 84%);\r\n\t\t\t\t\r\n\t\t\t\t\tfont-family:Raleway !important;font-size:21px !important;\r\n\t\t\t\t}body .tdi_33 .tdm-progress-bar{\r\n\t\t\t\t\theight: 200px;\r\n\t\t\t\t\r\n\t\t\t\t\tbackground-color: #222222;\r\n\t\t\t\t}body .tdi_33 .tdm-progress-bar:after{\r\n\t\t\t\t\tbackground: -webkit-linear-gradient(30deg,#ad002e,#ff7028);background: linear-gradient(30deg,#ad002e,#ff7028);\r\n\t\t\t\t}.tdi_33 .tdm-progress-title{\r\n\t\t\t\t\tfont-size:16px !important;text-transform:uppercase !important;\r\n\t\t\t\t}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar2 tdi_33\"><div class=\"tdm-progress-bar\"><div class=\"tdm-progress-percentage\">84%<\/div><\/div><div class=\"tdm-progress-title td-fix-index\">Photoshop<\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_34 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_34\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_34{\npadding-right:30px !important;\npadding-left:30px !important;\nwidth:20% !important;\n}\n\n\/* desktop *\/ @media(min-width: 1141px) { .tdi_34 { \ndisplay:inline-block !important;\n} }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_34{\ndisplay:inline-block !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_34{\npadding-right:20px !important;\npadding-left:20px !important;\nwidth:25% !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_34{\npadding-right:50px !important;\npadding-left:50px !important;\nwidth:auto !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_35 .tdm-progress-bar:after{\r\n\t\t\t\t\theight: 65%;\r\n\t\t\t\t}.tdi_35 .tdm-progress-percentage{\r\n\t\t\t\t    top: calc(100% - 65%);\r\n\t\t\t\t\r\n\t\t\t\t\tfont-family:Raleway !important;font-size:21px !important;\r\n\t\t\t\t}body .tdi_35 .tdm-progress-bar{\r\n\t\t\t\t\theight: 200px;\r\n\t\t\t\t\r\n\t\t\t\t\tbackground-color: #222222;\r\n\t\t\t\t}body .tdi_35 .tdm-progress-bar:after{\r\n\t\t\t\t\tbackground: -webkit-linear-gradient(30deg,#ad002e,#ff7028);background: linear-gradient(30deg,#ad002e,#ff7028);\r\n\t\t\t\t}.tdi_35 .tdm-progress-title{\r\n\t\t\t\t\tfont-size:16px !important;text-transform:uppercase !important;\r\n\t\t\t\t}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar2 tdi_35\"><div class=\"tdm-progress-bar\"><div class=\"tdm-progress-percentage\">65%<\/div><\/div><div class=\"tdm-progress-title td-fix-index\">After Effects<\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_36 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_36\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_36{\npadding-right:30px !important;\npadding-left:30px !important;\nwidth:20% !important;\n}\n\n\/* desktop *\/ @media(min-width: 1141px) { .tdi_36 { \ndisplay:inline-block !important;\n} }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_36{\ndisplay:inline-block !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_36{\npadding-right:20px !important;\npadding-left:20px !important;\nwidth:25% !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_36{\npadding-right:50px !important;\npadding-left:50px !important;\nwidth:auto !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_37 .tdm-progress-bar:after{\r\n\t\t\t\t\theight: 86%;\r\n\t\t\t\t}.tdi_37 .tdm-progress-percentage{\r\n\t\t\t\t    top: calc(100% - 86%);\r\n\t\t\t\t\r\n\t\t\t\t\tfont-family:Raleway !important;font-size:21px !important;\r\n\t\t\t\t}body .tdi_37 .tdm-progress-bar{\r\n\t\t\t\t\theight: 200px;\r\n\t\t\t\t\r\n\t\t\t\t\tbackground-color: #222222;\r\n\t\t\t\t}body .tdi_37 .tdm-progress-bar:after{\r\n\t\t\t\t\tbackground: -webkit-linear-gradient(30deg,#ad002e,#ff7028);background: linear-gradient(30deg,#ad002e,#ff7028);\r\n\t\t\t\t}.tdi_37 .tdm-progress-title{\r\n\t\t\t\t\tfont-size:16px !important;text-transform:uppercase !important;\r\n\t\t\t\t}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar2 tdi_37\"><div class=\"tdm-progress-bar\"><div class=\"tdm-progress-percentage\">86%<\/div><\/div><div class=\"tdm-progress-title td-fix-index\">Illustrator<\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_38 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_38\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_38{\npadding-right:30px !important;\npadding-left:30px !important;\nwidth:20% !important;\n}\n\n\/* desktop *\/ @media(min-width: 1141px) { .tdi_38 { \ndisplay:inline-block !important;\n} }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_38{\ndisplay:inline-block !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_38{\npadding-right:20px !important;\npadding-left:20px !important;\nwidth:25% !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_38{\npadding-right:50px !important;\npadding-left:50px !important;\nwidth:auto !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_39 .tdm-progress-bar:after{\r\n\t\t\t\t\theight: 72%;\r\n\t\t\t\t}.tdi_39 .tdm-progress-percentage{\r\n\t\t\t\t    top: calc(100% - 72%);\r\n\t\t\t\t\r\n\t\t\t\t\tfont-family:Raleway !important;font-size:21px !important;\r\n\t\t\t\t}body .tdi_39 .tdm-progress-bar{\r\n\t\t\t\t\theight: 200px;\r\n\t\t\t\t\r\n\t\t\t\t\tbackground-color: #222222;\r\n\t\t\t\t}body .tdi_39 .tdm-progress-bar:after{\r\n\t\t\t\t\tbackground: -webkit-linear-gradient(30deg,#ad002e,#ff7028);background: linear-gradient(30deg,#ad002e,#ff7028);\r\n\t\t\t\t}.tdi_39 .tdm-progress-title{\r\n\t\t\t\t\tfont-size:16px !important;text-transform:uppercase !important;\r\n\t\t\t\t}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar2 tdi_39\"><div class=\"tdm-progress-bar\"><div class=\"tdm-progress-percentage\">72%<\/div><\/div><div class=\"tdm-progress-title td-fix-index\">Lightroom<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"tdi_40\" class=\"tdc-row stretch_row_1400 td-stretch-content\"><div class=\"vc_row tdi_41  wpb_row td-pb-row tdc-element-style\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_41,\r\n                .tdi_41 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_41,\r\n\t\t\t\t.tdi_41 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_41 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_41:before,\r\n\t\t\t\t.tdi_41:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_41{\nmargin-bottom:100px !important;\njustify-content:center !important;\ntext-align:center !important;\nposition:relative;\n}\n\n.tdi_41 .td_block_wrap{ text-align:left }\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_41{\nmargin-bottom:80px !important;\n}\n}\n\n<\/style>\n<div class=\"tdi_40_rand_style td-element-style\" ><div class=\"td-element-style-before\"><style>\n\/* custom css - generated by TagDiv Composer *\/\n\n.tdi_40_rand_style > .td-element-style-before {\ncontent:'' !important;\nwidth:100% !important;\nheight:100% !important;\nposition:absolute !important;\ntop:0 !important;\nleft:0 !important;\ndisplay:block !important;\nz-index:0 !important;\nopacity:0.05 !important;\n}\n<\/style><\/div><\/div><div class=\"vc_column tdi_43  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_43{\r\n                    vertical-align: baseline;\r\n                }.tdi_43 > .wpb_wrapper,\r\n\t\t\t\t.tdi_43 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_43 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_43 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_43 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"tdm_block td_block_wrap tdm_block_column_title tdi_44 tdm-content-horiz-center td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_44\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_44{\nmargin-bottom:50px !important;\n}\n\n<\/style><div class=\"td-block-row\"><div class=\"td-block-span12 tdm-col\">\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_45 .tdm-title{\r\n\t\t\t\t\tfont-family:Poppins !important;font-size:30px !important;line-height:1 !important;\r\n\t\t\t\t}\n<\/style><div class=\"tds-title tds-title1 td-fix-index tdi_45 \"><h3 class=\"tdm-title tdm-title-md\">Half Circle<\/h3><\/div><\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_46 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_46\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_46{\npadding-right:50px !important;\npadding-left:50px !important;\nwidth:25% !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n\n\/* desktop *\/ @media(min-width: 1141px) { .tdi_46 { \ndisplay:inline-block !important;\n} }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_46{\npadding-right:30px !important;\npadding-left:30px !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_46{\npadding-right:20px !important;\npadding-left:20px !important;\nwidth:25% !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_46{\nmargin-bottom:50px !important;\npadding-right:30px !important;\npadding-left:30px !important;\nwidth:auto !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_47 .tdm-progress-bar:after{\r\n\t\t\t\t    transform: rotate(151.2deg);\r\n\t\t\t\t    -webkit-transform: rotate(151.2deg);\r\n                    -moz-transform: rotate(151.2deg);\r\n                    -ms-transform: rotate(151.2deg);\r\n                    -o-transform: rotate(151.2deg);\r\n\t\t\t\t}body .tdi_47 .tdm-progress-bar:after{\r\n\t\t\t\t\tborder-color: #20c985;\r\n\t\t\t\t}body .tdi_47 .tdm-progress-bar:before{\r\n\t\t\t\t\tborder-color: #d1ffe4;\r\n\t\t\t\t}.tdi_47 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-weight:300 !important;\r\n\t\t\t\t}\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px){\n.tdi_47 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-size:40px !important;\r\n\t\t\t\t}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_47 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-size:30px !important;font-weight:400 !important;\r\n\t\t\t\t}@media (min-width: 1018px) {\r\n                    .tdi_47.tds-progress-bar3 .tdm-progress-bar {\r\n                        width: 500px;\r\n                        padding-bottom: 250px;\r\n                    }\r\n                    .tdi_47.tds-progress-bar3 .tdm-progress-bar:before,\r\n                    .tdi_47.tds-progress-bar3 .tdm-progress-bar:after {\r\n                        width: 500px;\r\n                        height: calc(~'500px - 20px');\r\n                    }\r\n                }\n}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar3 tdi_47\"><div class=\"tdm-progress-bar td-fix-index\"><div class=\"tdm-progress-percentage\">84%<\/div><\/div><div class=\"tdm-progress-title td-fix-index\">Photoshop<\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_48 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_48\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_48{\npadding-right:50px !important;\npadding-left:50px !important;\nwidth:25% !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n\n\/* desktop *\/ @media(min-width: 1141px) { .tdi_48 { \ndisplay:inline-block !important;\n} }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_48{\npadding-right:30px !important;\npadding-left:30px !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_48{\npadding-right:20px !important;\npadding-left:20px !important;\nwidth:25% !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_48{\nmargin-bottom:50px !important;\npadding-right:30px !important;\npadding-left:30px !important;\nwidth:auto !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_49 .tdm-progress-bar:after{\r\n\t\t\t\t    transform: rotate(117deg);\r\n\t\t\t\t    -webkit-transform: rotate(117deg);\r\n                    -moz-transform: rotate(117deg);\r\n                    -ms-transform: rotate(117deg);\r\n                    -o-transform: rotate(117deg);\r\n\t\t\t\t}body .tdi_49 .tdm-progress-bar:after{\r\n\t\t\t\t\tborder-color: #20c985;\r\n\t\t\t\t}body .tdi_49 .tdm-progress-bar:before{\r\n\t\t\t\t\tborder-color: #d1ffe4;\r\n\t\t\t\t}.tdi_49 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-weight:300 !important;\r\n\t\t\t\t}\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px){\n.tdi_49 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-size:40px !important;\r\n\t\t\t\t}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_49 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-size:30px !important;font-weight:400 !important;\r\n\t\t\t\t}\n}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar3 tdi_49\"><div class=\"tdm-progress-bar td-fix-index\"><div class=\"tdm-progress-percentage\">65%<\/div><\/div><div class=\"tdm-progress-title td-fix-index\">After Effects<\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_50 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_50\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_50{\npadding-right:50px !important;\npadding-left:50px !important;\nwidth:25% !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n\n\/* desktop *\/ @media(min-width: 1141px) { .tdi_50 { \ndisplay:inline-block !important;\n} }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_50{\npadding-right:30px !important;\npadding-left:30px !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_50{\npadding-right:20px !important;\npadding-left:20px !important;\nwidth:25% !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_50{\nmargin-bottom:50px !important;\npadding-right:30px !important;\npadding-left:30px !important;\nwidth:auto !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_51 .tdm-progress-bar:after{\r\n\t\t\t\t    transform: rotate(154.8deg);\r\n\t\t\t\t    -webkit-transform: rotate(154.8deg);\r\n                    -moz-transform: rotate(154.8deg);\r\n                    -ms-transform: rotate(154.8deg);\r\n                    -o-transform: rotate(154.8deg);\r\n\t\t\t\t}body .tdi_51 .tdm-progress-bar:after{\r\n\t\t\t\t\tborder-color: #20c985;\r\n\t\t\t\t}body .tdi_51 .tdm-progress-bar:before{\r\n\t\t\t\t\tborder-color: #d1ffe4;\r\n\t\t\t\t}.tdi_51 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-weight:300 !important;\r\n\t\t\t\t}\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px){\n.tdi_51 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-size:40px !important;\r\n\t\t\t\t}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_51 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-size:30px !important;font-weight:400 !important;\r\n\t\t\t\t}\n}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar3 tdi_51\"><div class=\"tdm-progress-bar td-fix-index\"><div class=\"tdm-progress-percentage\">86%<\/div><\/div><div class=\"tdm-progress-title td-fix-index\">Illustrator<\/div><\/div><\/div><div class=\"td_block_mp td_block_wrap tdm_block_progress_bar tdi_52 td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_52\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_52{\npadding-right:50px !important;\npadding-left:50px !important;\nwidth:25% !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n\n\/* desktop *\/ @media(min-width: 1141px) { .tdi_52 { \ndisplay:inline-block !important;\n} }\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px)\n{\n.tdi_52{\npadding-right:30px !important;\npadding-left:30px !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px)\n{\n.tdi_52{\npadding-right:20px !important;\npadding-left:20px !important;\nwidth:25% !important;\ndisplay:inline-block !important;\n}\n}\n\n\/* phone *\/\n@media (max-width: 767px)\n{\n.tdi_52{\npadding-right:30px !important;\npadding-left:30px !important;\nwidth:auto !important;\njustify-content:center !important;\ntext-align:center !important;\n}\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_53 .tdm-progress-bar:after{\r\n\t\t\t\t    transform: rotate(129.6deg);\r\n\t\t\t\t    -webkit-transform: rotate(129.6deg);\r\n                    -moz-transform: rotate(129.6deg);\r\n                    -ms-transform: rotate(129.6deg);\r\n                    -o-transform: rotate(129.6deg);\r\n\t\t\t\t}body .tdi_53 .tdm-progress-bar:after{\r\n\t\t\t\t\tborder-color: #20c985;\r\n\t\t\t\t}body .tdi_53 .tdm-progress-bar:before{\r\n\t\t\t\t\tborder-color: #d1ffe4;\r\n\t\t\t\t}.tdi_53 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-weight:300 !important;\r\n\t\t\t\t}\n\n\/* landscape *\/\n@media (min-width: 1019px) and (max-width: 1140px){\n.tdi_53 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-size:40px !important;\r\n\t\t\t\t}\n}\n\n\/* portrait *\/\n@media (min-width: 768px) and (max-width: 1018px){\n.tdi_53 .tdm-progress-percentage{\r\n\t\t\t\t\tfont-size:30px !important;font-weight:400 !important;\r\n\t\t\t\t}\n}\n<\/style><div class=\"tdm-progress-wrap tds-progress-bar3 tdi_53\"><div class=\"tdm-progress-bar td-fix-index\"><div class=\"tdm-progress-percentage\">72%<\/div><\/div><div class=\"tdm-progress-title td-fix-index\">Lightroom<\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-707","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/pages\/707"}],"collection":[{"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/comments?post=707"}],"version-history":[{"count":19,"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/pages\/707\/revisions"}],"predecessor-version":[{"id":834,"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/pages\/707\/revisions\/834"}],"wp:attachment":[{"href":"https:\/\/demo.tagdiv.com\/newspaper_crypto\/wp-json\/wp\/v2\/media?parent=707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}