[vc_row margin_top="-5" margin_bottom="0" padding_left="40" padding_right="40" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="40" padding_bottom="40" parallax_speed="0.1"][vc_column width="1/1"][dt_fancy_title title="Pie charts" title_align="left" title_size="h6" title_color="custom" el_width="100" title_bg="enabled" separator_color="accent" separator_style="disabled" custom_title_color="#ffffff"][vc_empty_space height="45px"][/vc_column][/vc_row][vc_row margin_bottom="0" padding_left="40" padding_right="40" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="40" padding_bottom="40" parallax_speed="0.1" margin_top="0"][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-3 vc_col-xs-6"][vc_pie value="96" color="#e72b5c" appearance="default" color_mode="title_like"][vc_empty_space height="30px"][/vc_column][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-3 vc_col-xs-6"][vc_pie value="80" color="#1bb8ec" appearance="default" color_mode="content_like"][vc_empty_space height="30px"][/vc_column][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-3 vc_col-xs-6"][vc_pie value="70" color="#7c51b6" appearance="default" color_mode="accent"][vc_empty_space height="30px"][/vc_column][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-3 vc_col-xs-6"][vc_pie value="60" color="#8edf38" appearance="default" color_mode="custom"][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row margin_top="0" margin_bottom="42" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="0" padding_bottom="0" parallax_speed="0.1" bg_type="no_bg" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" animation_direction="left-animation" animation_repeat="repeat" bg_override="0" parallax_content_sense="30" fadeout_start_effect="30" overlay_pattern_opacity="80" seperator_type="none_seperator" seperator_position="top_seperator" seperator_shape_size="40" seperator_svg_height="60" seperator_shape_background="#ffffff" seperator_shape_border="none" seperator_shape_border_width="1" icon_type="no_icon" icon_size="32" icon_style="none" icon_color_border="#333333" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" img_width="48"][vc_column width="1/1"][vc_toggle title="GET SETTINGS: 1/4 Column" open="false" el_class="shortcode-code"][dt_gap height="10" /]<strong>VC element</strong>: "Pie Chart"

<strong>Widget title:</strong> [leave empty]

<strong>Pie value:</strong> 80

<strong>Pie label value:</strong> [leave empty]

<strong>Units:</strong> [leave empty]

<strong>Bar color:</strong> Light (50% content)

<strong>Extra class name:</strong> [leave empty]

<strong>Appearance:</strong> Pie chart(default) [dt_gap height="10" /][/vc_toggle][/vc_column][/vc_row][vc_row margin_top="0" margin_bottom="20" padding_left="40" padding_right="40" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="40" padding_bottom="40" parallax_speed="0.1"][vc_column width="1/3"][vc_pie value="60" color="#ffcc00" appearance="default" label_value="6"][vc_empty_space height="30px"][/vc_column][vc_column width="1/3"][vc_pie value="90" color="#202121" appearance="default" label_value="27" color_mode="content_like"][vc_empty_space height="30px"][/vc_column][vc_column width="1/3"][vc_pie value="70" color="#34beec" appearance="default" label_value="45" color_mode="custom"][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row margin_top="0" margin_bottom="60" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="0" padding_bottom="0" parallax_speed="0.1" bg_type="no_bg" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" animation_direction="left-animation" animation_repeat="repeat" bg_override="0" parallax_content_sense="30" fadeout_start_effect="30" overlay_pattern_opacity="80" seperator_type="none_seperator" seperator_position="top_seperator" seperator_shape_size="40" seperator_svg_height="60" seperator_shape_background="#ffffff" seperator_shape_border="none" seperator_shape_border_width="1" icon_type="no_icon" icon_size="32" icon_style="none" icon_color_border="#333333" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" img_width="48"][vc_column width="1/1"][vc_toggle title="GET SETTINGS: 1/3 Column" open="false" el_class="shortcode-code"][dt_gap height="10" /]<strong>VC element</strong>: "Pie Chart"

<strong>Widget title:</strong> [leave empty]

<strong>Pie value:</strong> 60

<strong>Pie label value:</strong> 6

<strong>Units:</strong> [leave empty]

<strong>Bar color:</strong> Title

<strong>Extra class name:</strong> [leave empty]

<strong>Appearance:</strong> Pie chart(default) [dt_gap height="10" /][/vc_toggle][/vc_column][/vc_row][vc_row margin_top="10" margin_bottom="0" padding_left="40" padding_right="40" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="40" padding_bottom="40" parallax_speed="0.1"][vc_column width="1/1"][dt_fancy_title title="Counters" title_align="left" title_size="h6" title_color="custom" el_width="100" title_bg="enabled" separator_color="accent" separator_style="disabled" custom_title_color="#ffffff"][vc_empty_space height="45px"][/vc_column][/vc_row][vc_row margin_top="0" margin_bottom="20" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="0" padding_bottom="0" parallax_speed="0.1"][vc_column width="1/4"][vc_pie value="40" color="#8edf38" appearance="counter" label_value="105" color_mode="title_like"][vc_empty_space height="10px"][vc_column_text]
<h5 style="text-align: center;">websites created</h5>
[/vc_column_text][vc_empty_space height="30px"][/vc_column][vc_column width="1/4"][vc_pie value="30" color="#1bb8ec" appearance="counter" label_value="30" color_mode="content_like"][vc_empty_space height="10px"][vc_column_text]
<h5 style="text-align: center;">happy clients</h5>
[/vc_column_text][vc_empty_space height="30px"][/vc_column][vc_column width="1/4"][vc_pie value="15" color="#e72b5c" appearance="counter" label_value="15" color_mode="accent"][vc_empty_space height="10px"][vc_column_text]
<h5 style="text-align: center;">awards</h5>
[/vc_column_text][vc_empty_space height="30px"][/vc_column][vc_column width="1/4"][vc_pie value="12" color="#34beec" appearance="counter" label_value="12" color_mode="custom"][vc_empty_space height="10px"][vc_column_text]
<h5 style="text-align: center;">years of experience</h5>
[/vc_column_text][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row margin_top="0" margin_bottom="60" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="0" padding_bottom="0" parallax_speed="0.1" bg_type="no_bg" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" animation_direction="left-animation" animation_repeat="repeat" bg_override="0" parallax_content_sense="30" fadeout_start_effect="30" overlay_pattern_opacity="80" seperator_type="none_seperator" seperator_position="top_seperator" seperator_shape_size="40" seperator_svg_height="60" seperator_shape_background="#ffffff" seperator_shape_border="none" seperator_shape_border_width="1" icon_type="no_icon" icon_size="32" icon_style="none" icon_color_border="#333333" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" img_width="48"][vc_column width="1/1"][vc_toggle title="GET SETTINGS: 1/4 Column" open="false" el_class="shortcode-code"][dt_gap height="10" /]<strong>VC element</strong>: "Pie Chart"

<strong>Widget title:</strong> [leave empty]

<strong>Pie value:</strong> 40

<strong>Pie label value:</strong> 105

<strong>Units:</strong> [leave empty]

<strong>Bar color:</strong> Title

<strong>Extra class name:</strong> [leave empty]

<strong>Appearance:</strong> Counter [dt_gap height="10" /][/vc_toggle][/vc_column][/vc_row][vc_row margin_top="10" margin_bottom="0" padding_left="40" padding_right="40" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="40" padding_bottom="40" parallax_speed="0.1"][vc_column width="1/1"][dt_fancy_title title="Counters &amp; teasers for backgrounds" title_align="left" title_size="h6" title_color="custom" el_width="100" title_bg="enabled" separator_color="accent" separator_style="disabled" custom_title_color="#ffffff"][vc_empty_space height="45px"][/vc_column][/vc_row][vc_row margin_top="0" margin_bottom="20" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="0" padding_bottom="0" parallax_speed="0.1"][vc_column width="1/3"][dt_teaser type="uploaded_image" target="blank" style="1" content_size="big" background="fancy"][dt_gap height="20" /]

[vc_pie value="20" color_mode="title_like" color="#000000" appearance="counter" label_value="20"]
<h5 style="text-align: center;">Clients</h5>
[/dt_teaser][vc_empty_space height="30px"][/vc_column][vc_column width="1/3"][dt_teaser type="uploaded_image" target="blank" style="1" content_size="big" background="plain"][dt_gap height="20" /]

[vc_pie value="25" color_mode="custom" color="#34beec" appearance="counter" label_value="25"]
<h5 style="text-align: center;">Awards</h5>
[/dt_teaser][vc_empty_space height="30px"][/vc_column][vc_column width="1/3"][dt_teaser type="uploaded_image" target="blank" style="1" content_size="big" background="fancy"][dt_gap height="20" /]

[vc_pie value="30" color_mode="accent" color="#000000" appearance="counter" label_value="30"]
<h5 style="text-align: center;">Projects</h5>
[/dt_teaser][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row margin_top="0" margin_bottom="60" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="0" padding_bottom="0" parallax_speed="0.1" bg_type="no_bg" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" animation_direction="left-animation" animation_repeat="repeat" bg_override="0" parallax_content_sense="30" fadeout_start_effect="30" overlay_pattern_opacity="80" seperator_type="none_seperator" seperator_position="top_seperator" seperator_shape_size="40" seperator_svg_height="60" seperator_shape_background="#ffffff" seperator_shape_border="none" seperator_shape_border_width="1" icon_type="no_icon" icon_size="32" icon_style="none" icon_color_border="#333333" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" img_width="48"][vc_column width="1/1"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]<strong>VC element</strong>: "Teaser"

<strong>Type:</strong> Upload image

<strong>Choose image:</strong> [leave empty]

<strong>Image ALT:</strong> [leave empty]

<strong>Misc link:</strong> [leave empty]

<strong>Target link:</strong> Blank

<strong>Open in lightbox:</strong> No

<strong>Content:</strong> [ vc_pie value="20" color_mode="title_like" color="#000000" appearance="counter" label_value="20"]

<strong>Media style:</strong> Full-width

<strong>Font size:</strong> Large

<strong>Style:</strong> Background

<strong>Animation:</strong> None

[dt_gap height="10" /][/vc_toggle][/vc_column][/vc_row][vc_row margin_top="10" margin_bottom="0" padding_left="40" padding_right="40" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="40" padding_bottom="40" parallax_speed="0.1"][vc_column width="1/1"][dt_fancy_title title="Counters &amp; banners for backgrounds" title_align="left" title_size="h6" title_color="custom" el_width="100" title_bg="enabled" separator_color="accent" separator_style="disabled" custom_title_color="#ffffff"][vc_empty_space height="45px"][/vc_column][/vc_row][vc_row margin_top="0" margin_bottom="20" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="0" padding_bottom="0" parallax_speed="0.1"][vc_column width="1/3"][dt_banner type="uploaded_image" target_blank="false" bg_color="#81d742" text_color="rgba(129,215,66,0.5)" text_size="big" border_width="5" outer_padding="0" inner_padding="10" min_height="180"][vc_pie value="20" color_mode="custom" color="#ffffff" appearance="counter" label_value="20"]
<h5 style="text-align: center;"><span style="color: #ffffff;">Clients</span></h5>
[/dt_banner][vc_empty_space height="30px"][/vc_column][vc_column width="1/3"][dt_banner type="uploaded_image" target_blank="false" bg_color="rgba(0,0,0,0.4)" text_color="rgba(255,255,255,0.9)" text_size="big" border_width="2" outer_padding="10" inner_padding="8" min_height="164" image_id="35177"][vc_pie value="25" color_mode="custom" color="#ffffff" appearance="counter" label_value="25"]
<h5 style="text-align: center;"><span style="color: #ffffff;">Projects</span></h5>
[/dt_banner][vc_empty_space height="30px"][/vc_column][vc_column width="1/3"][dt_banner type="uploaded_image" target_blank="false" bg_color="rgba(0,0,0,0.3)" text_color="rgba(255,255,255,0.9)" text_size="big" outer_padding="0" inner_padding="0" min_height="174" image_id="35023" border_width="0"][vc_pie value="30" color_mode="custom" color="#ffffff" appearance="counter" label_value="30"]
<h5 style="text-align: center;"><span style="color: #ffffff;">Awards</span></h5>
[/dt_banner][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row margin_top="0" margin_bottom="60" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="0" padding_bottom="0" parallax_speed="0.1" bg_type="no_bg" bg_grad="background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);" parallax_style="vcpb-default" bg_image_repeat="no-repeat" bg_image_size="cover" bg_img_attach="fixed" parallax_sense="30" animation_direction="left-animation" animation_repeat="repeat" bg_override="0" parallax_content_sense="30" fadeout_start_effect="30" overlay_pattern_opacity="80" seperator_type="none_seperator" seperator_position="top_seperator" seperator_shape_size="40" seperator_svg_height="60" seperator_shape_background="#ffffff" seperator_shape_border="none" seperator_shape_border_width="1" icon_type="no_icon" icon_size="32" icon_style="none" icon_color_border="#333333" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" img_width="48"][vc_column width="1/1"][vc_toggle title="GET SETTINGS" open="false" el_class="shortcode-code"][dt_gap height="10" /]<strong>VC element</strong>: "Banner"

<strong>Type:</strong> Upload image

<strong>Choose image:</strong> [upload image]

<strong>Content:</strong> [ vc_pie value="25" color_mode="custom" color="#ffffff" appearance="counter" label_value="25"]

<strong>Banner link:</strong> [leave empty]

<strong>Background color:</strong> rgba(0,0,0,0.4)

<strong>Border color:</strong> rgba(255,255,255,0.9)

<strong>Font size:</strong> Large

<strong>Border width:</strong> 2

<strong>Outer padding:</strong> 10

<strong>Inner padding:</strong> 8

<strong>Banner minimal heght:</strong> 164

<strong>Animation:</strong> None

[dt_gap height="10" /][/vc_toggle][/vc_column][/vc_row]