[vc_row dfd_enable_overlay=””][vc_column][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_heading delimiter_settings=”border-bottom-style:dotted;|border-bottom-width:1px;|width:650px;|border-bottom-color:#d3d3d3;” delimiter_margin=”margin-top:25px;margin-bottom:0px;” subtitle_google_fonts=”yes” subtitle_custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20regular%3A400%3Anormal” style=”style_02″ title=”Layout variations” subtitle=”Use accordion module to display the needed content at a time.” title_font_options=”tag:h2″ subtitle_font_options=”tag:h3|font_size:15|line_height:35″ title_responsive=”font_size_mobile:38″ subtitle_responsive=”font_size_mobile:14|line_height_mobile:26″]About Accordion[/dfd_heading][/vc_column][/vc_row][vc_row dfd_row_config=”full_width_content” dfd_row_responsive_enable=”dfd-row-responsive-enable” dfd_bg_style=”image” dfd_parallax_style=”dfd_animated_bg” dfd_bg_image_new=”17539″ dfd_bg_image_size=”initial” dfd_parallax_sense=”90″ dfd_animation_direction=”left” dfd_enable_overlay=”” css=”.vc_custom_1522905964499{padding-right: 16% !important;padding-left: 16% !important;}” responsive_styles=”padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:20|padding_right_mobile:20″][vc_column][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][vc_row_inner][vc_column_inner width=”1/2″][dfd_heading style=”style_02″ title=”01. Layout variations” title_font_options=”tag:h5|font_style_underline:1″ subtitle_font_options=”tag:h3|font_size:20″]
Short Description
[/dfd_heading][vc_column_text]
Add accordion module and set its decoration. You may configure the active tab and set autoslideshow, if needed from its options. There’s possibility to add various modules into Accordions, what allows to use them on various pages.
[/vc_column_text][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”15″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”15″ screen_tablet_spacer_size=”15″ screen_mobile_spacer_size=”35″][announcement align=”align-center” icon=”dfd-icon-code” dark_bg=”off” use_google_fonts=”yes” custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic” main_style=”style-1″ main_layout=”layout-3″ font_options=”font_size:15″ icon_size=”19″ icon_color=”#262626″]Style — Square Background; Layout — n/a; Inside options — custom colors;[/announcement][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”35″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”30″ screen_tablet_spacer_size=”30″ screen_mobile_spacer_size=”20″][videoplayer main_style=”style-2″ main_layout=”layout-4″ title=”Watch module video” subtitle=”Use 1080p for better quality.” video_link=”https://youtu.be/43DKVk8tvG0″ title_font_options=”tag:div|font_size:15″ subtitle_font_options=”tag:div” fill_color_start=”#e52c27″ fill_color_end=”#c2171d” bg_radius=”8″ icon_color=”#ffffff”][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”0″ screen_mobile_spacer_size=”40″][/vc_column_inner][vc_column_inner width=”1/2″][dfd_single_image image=”16075″ upload_image=”11499″][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”100″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”100″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”35″][/vc_column][/vc_row][vc_row dfd_row_responsive_enable=”dfd-row-responsive-enable” dfd_enable_overlay=”” responsive_styles=”padding_left_desktop:20|padding_right_desktop:20|padding_left_tablet:20|padding_right_tablet:20|padding_left_mobile:20|padding_right_mobile:20″][vc_column width=”1/2″][dfd_accordion active_section=”1″ border_radius=”2″ tab_background=”#2d2d2d” tab_hover_background=”#424242″ active_tab_background=”#f4f4f4″ border_color_active=”#f4f4f4″ font_size=”14″ tab_text_color=”#dddddd” tab_hover_text_color=”#ffffff” tab_active_color_text=”#3a3a3a” underline=”on” icon_color=”#878787″ icon_size=”14″][vc_tta_section i_icon_fontawesome=”fa fa-folder-open-o” add_icon=”true” title=”Section 1″ tab_id=”1455213362971-03d8fa01-9c4a”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-hand-peace-o” add_icon=”true” title=”Section 2″ tab_id=”1455213363303-162b9365-571f”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-camera-retro” add_icon=”true” title=”Section 3″ tab_id=”1455213363626-1dd0fb98-c856″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-paper-plane-o” add_icon=”true” title=”Section 4″ tab_id=”1455213363985-52d728e5-8730″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][/dfd_accordion][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”0″ screen_mobile_spacer_size=”40″][/vc_column][vc_column width=”1/2″][dfd_accordion style=”style-6″ active_section=”1″ tab_background=”#ffffff” active_tab_background=”#3a3a3a” border_color_radius=”#e8e8e8″ border_color_active=”#3a3a3a” font_size=”14″ tab_hover_text_color=”#3a3a3a” tab_active_color_text=”#efefef” icon_size=”14″][vc_tta_section i_icon_fontawesome=”fa fa-folder-open-o” add_icon=”true” title=”Section 1″ tab_id=”1455212884926-5f3c2364-d590″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-hand-peace-o” add_icon=”true” title=”Section 2″ tab_id=”1455212885078-76ba0367-c9b9″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-camera-retro” add_icon=”true” title=”Section 3″ tab_id=”1455212941091-2da9367f-99ef”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-paper-plane-o” add_icon=”true” title=”Section 4″ tab_id=”1455212940227-b166a0f0-40bc”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][/dfd_accordion][/vc_column][/vc_row][vc_row row_delimiter=”1″ dfd_enable_overlay=””][vc_column][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”90″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”90″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”40″][/vc_column][/vc_row][vc_row dfd_enable_overlay=””][vc_column][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_heading delimiter_settings=”border-bottom-style:dotted;|border-bottom-width:1px;|width:650px;|border-bottom-color:#d3d3d3;” delimiter_margin=”margin-top:25px;margin-bottom:0px;” subtitle_google_fonts=”yes” subtitle_custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20regular%3A400%3Anormal” style=”style_02″ title=”Layout variations” subtitle=”Lorem ipsum dolor sit amet, consectetur.” title_font_options=”tag:h2″ subtitle_font_options=”tag:h3|font_size:15|line_height:35″ title_responsive=”font_size_mobile:38″]Module variations[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_heading style=”style_02″ title=”01. Layout variations” title_font_options=”tag:h5|font_style_underline:1″ subtitle_font_options=”tag:h3|font_size:20″]01 — Square Bordered.[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”35″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”35″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][/vc_column][/vc_row][vc_row dfd_row_config=”full_width_content” dfd_row_responsive_enable=”dfd-row-responsive-enable” dfd_enable_overlay=”” css=”.vc_custom_1522906969759{padding-right: 16% !important;padding-left: 16% !important;}” responsive_styles=”padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:20|padding_right_mobile:20″][vc_column width=”1/2″][vc_row_inner][vc_column_inner][dfd_single_image image=”16074″ upload_image=”11499″][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”25″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”25″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][announcement align=”align-center” icon=”dfd-icon-code” dark_bg=”off” use_google_fonts=”yes” custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic” main_style=”style-1″ main_layout=”layout-3″ font_options=”font_size:15″ icon_size=”19″ icon_color=”#262626″]Style — Square Bordered; Layout — default; Inside options — custom icons;[/announcement][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”80″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][/vc_column][vc_column width=”1/2″][dfd_accordion style=”style-1″ active_section=”1″ border_color_radius=”#e6e6e6″ border_color_active=”#c39f76″ font_size=”14″ icon_size=”14″][vc_tta_section i_icon_fontawesome=”fa fa-floppy-o” add_icon=”true” title=”Section 1″ tab_id=”1455215008774-44208baf-e922″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-mixcloud” add_icon=”true” title=”Section 2″ tab_id=”1455215009565-c8a4cc18-cd7e”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-credit-card” add_icon=”true” title=”Section 2″ tab_id=”1455215010309-e40118c4-6eed”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-cogs” add_icon=”true” title=”Section 2″ tab_id=”1455215011084-7c9ab516-4420″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][/dfd_accordion][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”0″ screen_mobile_spacer_size=”40″][/vc_column][/vc_row][vc_row dfd_enable_overlay=”” css=”.vc_custom_1522062309176{border-top-width: 1px !important;border-top-color: #e2e2e2 !important;border-top-style: solid !important;}”][vc_column][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_heading style=”style_02″ title=”01. Layout variations” title_font_options=”tag:h5|font_style_underline:1″ subtitle_font_options=”tag:h3|font_size:20″]02 — Square Background.[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”35″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”35″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][/vc_column][/vc_row][vc_row dfd_row_config=”full_width_content” dfd_row_responsive_enable=”dfd-row-responsive-enable” dfd_enable_overlay=”” css=”.vc_custom_1522906961206{padding-right: 16% !important;padding-left: 16% !important;}” responsive_styles=”padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:20|padding_right_mobile:20″][vc_column width=”1/2″][vc_row_inner][vc_column_inner][dfd_single_image image=”16075″ upload_image=”11499″][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”25″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”25″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][announcement align=”align-center” icon=”dfd-icon-code” dark_bg=”off” use_google_fonts=”yes” custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic” main_style=”style-1″ main_layout=”layout-3″ font_options=”font_size:15″ icon_size=”19″ icon_color=”#262626″]Style — Square Background; Layout — default; Inside options — custom icons;[/announcement][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”80″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][/vc_column][vc_column width=”1/2″][dfd_accordion active_section=”1″ border_color_radius=”#e6e6e6″ border_color_active=”#c39f76″ font_size=”14″ icon_size=”14″][vc_tta_section i_icon_fontawesome=”fa fa-floppy-o” add_icon=”true” title=”Section 1″ tab_id=”1455215032429-a8bc5f0b-83ef”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-mixcloud” add_icon=”true” title=”Section 2″ tab_id=”1455215033139-b559c696-0a58″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-credit-card” add_icon=”true” title=”Section 2″ tab_id=”1455215033868-41ef6fa3-6dc9″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-cogs” add_icon=”true” title=”Section 2″ tab_id=”1455215034587-ff5d2570-078e”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][/dfd_accordion][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”0″ screen_mobile_spacer_size=”40″][/vc_column][/vc_row][vc_row dfd_enable_overlay=”” css=”.vc_custom_1522062321863{border-top-width: 1px !important;border-top-color: #e2e2e2 !important;border-top-style: solid !important;}”][vc_column][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_heading style=”style_02″ title=”01. Layout variations” title_font_options=”tag:h5|font_style_underline:1″ subtitle_font_options=”tag:h3|font_size:20″]03 — Round Bordered.[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”35″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”35″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][/vc_column][/vc_row][vc_row dfd_row_config=”full_width_content” dfd_row_responsive_enable=”dfd-row-responsive-enable” dfd_enable_overlay=”” css=”.vc_custom_1522906983786{padding-right: 16% !important;padding-left: 16% !important;}” responsive_styles=”padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:20|padding_right_mobile:20″][vc_column width=”1/2″][vc_row_inner][vc_column_inner][dfd_single_image image=”16076″ upload_image=”11499″][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”25″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”25″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][announcement align=”align-center” icon=”dfd-icon-code” dark_bg=”off” use_google_fonts=”yes” custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic” main_style=”style-1″ main_layout=”layout-3″ font_options=”font_size:15″ icon_size=”19″ icon_color=”#262626″]Style — Round Bordered; Layout — default; Inside options — custom icon;[/announcement][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”80″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][/vc_column][vc_column width=”1/2″][dfd_accordion style=”style-3″ active_section=”1″ border_color_radius=”#e6e6e6″ border_color_active=”#c39f76″ font_size=”14″ icon_size=”14″][vc_tta_section i_icon_fontawesome=”fa fa-floppy-o” add_icon=”true” title=”Section 1″ tab_id=”1455215057017-ea52e561-0489″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-mixcloud” add_icon=”true” title=”Section 2″ tab_id=”1455215057745-edf64f39-505a”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-credit-card” add_icon=”true” title=”Section 2″ tab_id=”1455215058523-3a2f6d30-06a6″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-cogs” add_icon=”true” title=”Section 2″ tab_id=”1455215059280-8ac44a13-8920″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][/dfd_accordion][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”0″ screen_mobile_spacer_size=”40″][/vc_column][/vc_row][vc_row dfd_enable_overlay=”” css=”.vc_custom_1522062339199{border-top-width: 1px !important;border-top-color: #e2e2e2 !important;border-top-style: solid !important;}”][vc_column][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_heading style=”style_02″ title=”01. Layout variations” title_font_options=”tag:h5|font_style_underline:1″ subtitle_font_options=”tag:h3|font_size:20″]04 — Round Background.[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”35″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”35″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][/vc_column][/vc_row][vc_row dfd_row_config=”full_width_content” dfd_row_responsive_enable=”dfd-row-responsive-enable” dfd_enable_overlay=”” css=”.vc_custom_1522906995941{padding-right: 16% !important;padding-left: 16% !important;}” responsive_styles=”padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:20|padding_right_mobile:20″][vc_column width=”1/2″][vc_row_inner][vc_column_inner][dfd_single_image image=”16077″ upload_image=”11499″][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”25″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”25″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][announcement align=”align-center” icon=”dfd-icon-code” dark_bg=”off” use_google_fonts=”yes” custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic” main_style=”style-1″ main_layout=”layout-3″ font_options=”font_size:15″ icon_size=”19″ icon_color=”#262626″]Style — Round Background; Layout — default; Inside options — custom icon;[/announcement][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”80″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][/vc_column][vc_column width=”1/2″][dfd_accordion style=”style-4″ active_section=”1″ border_color_radius=”#e6e6e6″ border_color_active=”#c39f76″ font_size=”14″ icon_size=”14″][vc_tta_section i_icon_fontawesome=”fa fa-floppy-o” add_icon=”true” title=”Section 1″ tab_id=”1455215077474-bf21c69b-7eca”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-mixcloud” add_icon=”true” title=”Section 2″ tab_id=”1455215078189-07ff3a35-0efd”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-credit-card” add_icon=”true” title=”Section 2″ tab_id=”1455215078990-f1b7cc75-91f8″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-cogs” add_icon=”true” title=”Section 2″ tab_id=”1455215079765-2be5f34f-353c”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][/dfd_accordion][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”0″ screen_mobile_spacer_size=”40″][/vc_column][/vc_row][vc_row dfd_enable_overlay=”” css=”.vc_custom_1522062352960{border-top-width: 1px !important;border-top-color: #e2e2e2 !important;border-top-style: solid !important;}”][vc_column][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”60″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_heading style=”style_02″ title=”01. Layout variations” title_font_options=”tag:h5|font_style_underline:1″ subtitle_font_options=”tag:h3|font_size:20″]05 — Square Underline.[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”35″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”35″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][/vc_column][/vc_row][vc_row dfd_row_config=”full_width_content” dfd_row_responsive_enable=”dfd-row-responsive-enable” dfd_enable_overlay=”” css=”.vc_custom_1522907010291{padding-right: 16% !important;padding-left: 16% !important;}” responsive_styles=”padding_left_desktop:30|padding_right_desktop:30|padding_left_tablet:30|padding_right_tablet:30|padding_left_mobile:20|padding_right_mobile:20″][vc_column width=”1/2″][vc_row_inner][vc_column_inner][dfd_single_image image=”16078″ upload_image=”11499″][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”25″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”25″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][announcement align=”align-center” icon=”dfd-icon-code” dark_bg=”off” use_google_fonts=”yes” custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic” main_style=”style-1″ main_layout=”layout-3″ font_options=”font_size:15″ icon_size=”19″ icon_color=”#262626″]Style — Square Underline; Layout — default; Inside options — custom icon;[/announcement][/vc_column_inner][/vc_row_inner][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”80″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”80″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][/vc_column][vc_column width=”1/2″][dfd_accordion style=”style-6″ active_section=”1″ border_color_radius=”#e6e6e6″ border_color_active=”#c39f76″ font_size=”14″ icon_size=”14″][vc_tta_section i_icon_fontawesome=”fa fa-floppy-o” add_icon=”true” title=”Section 1″ tab_id=”1455214687334-0f1bf5f8-7f21″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-mixcloud” add_icon=”true” title=”Section 2″ tab_id=”1455214687494-fb221556-140b”][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-credit-card” add_icon=”true” title=”Section 2″ tab_id=”1455214713356-afb01683-ab68″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][vc_tta_section i_icon_fontawesome=”fa fa-cogs” add_icon=”true” title=”Section 2″ tab_id=”1455214707375-aa01c5fe-1b80″][vc_column_text]
Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.
[/vc_column_text][/vc_tta_section][/dfd_accordion][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”0″ screen_mobile_spacer_size=”40″][/vc_column][/vc_row]