[vc_row dfd_enable_overlay=””][vc_column dfd_column_responsive_enable=”dfd-column-responsive-enable” responsive_styles=”padding_left_mobile:30|padding_right_mobile:30″][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=”Stylish services module to display extra information on hover.” title_font_options=”tag:h2″ subtitle_font_options=”tag:h3|font_size:15|line_height:35″ title_responsive=”font_size_mobile:36|line_height_mobile:40″ subtitle_responsive=”font_size_mobile:14|line_height_mobile:26″]About Services[/dfd_heading][/vc_column][/vc_row][vc_row dfd_row_config=”full_width_content” row_delimiter=”1″ dfd_bg_style=”image” dfd_parallax_style=”dfd_animated_bg” dfd_bg_image_new=”17530″ dfd_bg_image_size=”initial” dfd_parallax_sense=”90″ dfd_animation_direction=”left” dfd_enable_overlay=””][vc_column dfd_column_responsive_enable=”dfd-column-responsive-enable” responsive_styles=”padding_left_desktop:40|padding_right_desktop:40|padding_left_tablet:40|padding_right_tablet:40|padding_left_mobile:30|padding_right_mobile:30″][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 dfd_row_responsive_enable=”dfd-row-responsive-enable” css=”.vc_custom_1522997941405{padding-right: 18% !important;padding-left: 18% !important;}” responsive_styles=”padding_left_desktop:0|padding_right_desktop:0|padding_left_tablet:0|padding_right_tablet:0|padding_left_mobile:0|padding_right_mobile:0″][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]
Display the extra information on hover of the module. Add the more content stylishly on various backgrounds and different appear effects. Select the pre set styles for container and add icon with text for service items.
[/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 — Simple; Layout — defaults; Inside options — custom icon image;[/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/v0D_4mPJdL8″ 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=”12823″ 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_row_inner dfd_row_responsive_enable=”dfd-row-responsive-enable” css=”.vc_custom_1522997957801{padding-right: 20px !important;padding-left: 20px !important;}” responsive_styles=”padding_left_desktop:0|padding_right_desktop:0|padding_left_tablet:0|padding_right_tablet:0|padding_left_mobile:0|padding_right_mobile:0″][vc_column_inner][dfd_service_new columns_width=”quarter-width-elements” connector_style=”dotted” connector_color=”#e2e2e2″][dfd_service_item_2 icon_type=”custom” icon_image_id=”12417″ style=”style-01″ hover=”hover-01″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon_type=”custom” icon_image_id=”12809″ style=”style-01″ hover=”hover-02″ title=”Cras finibus.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon_type=”custom” icon_image_id=”12810″ style=”style-01″ hover=”hover-03″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon_type=”custom” icon_image_id=”12808″ style=”style-01″ hover=”hover-04″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][/dfd_service_new][/vc_column_inner][/vc_row_inner][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_row_config=”full_width_content” row_delimiter=”1″ dfd_enable_overlay=””][vc_column dfd_column_responsive_enable=”dfd-column-responsive-enable” css=”.vc_custom_1522998402429{padding-right: 30px !important;padding-left: 30px !important;}” responsive_styles=”padding_left_desktop:40|padding_right_desktop:40|padding_left_tablet:40|padding_right_tablet:40|padding_left_mobile:30|padding_right_mobile:30″][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:36|line_height_mobile:40″ subtitle_responsive=”font_size_mobile:14|line_height_mobile:26″]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=”80″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][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 — Simple.
[/dfd_heading][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″][dfd_single_image image=”12823″ upload_image=”11499″][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 — Simple; Layout — default; Inside options — defaults;[/announcement][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”45″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”45″ screen_tablet_spacer_size=”30″ screen_mobile_spacer_size=”25″][dfd_service_new columns_width=”quarter-width-elements” connector_style=”dotted” connector_color=”#cccccc”][dfd_service_item_2 icon=”dfd-icon-hail” style=”style-01″ hover=”hover-01″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-heavy_rain” style=”style-01″ hover=”hover-02″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-sun_cloud” style=”style-01″ hover=”hover-03″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-rain_thunder” style=”style-01″ hover=”hover-04″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][/dfd_service_new][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_row][vc_row dfd_row_config=”full_width_content” row_delimiter=”1″ dfd_enable_overlay=””][vc_column dfd_column_responsive_enable=”dfd-column-responsive-enable” css=”.vc_custom_1522998530545{padding-right: 30px !important;padding-left: 30px !important;}” responsive_styles=”padding_left_desktop:40|padding_right_desktop:40|padding_left_tablet:40|padding_right_tablet:40|padding_left_mobile:30|padding_right_mobile:30″][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″][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 — Backround.[/dfd_heading][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″][dfd_single_image image=”12824″ upload_image=”11499″][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 — Backround; Layout — default; Inside options — defaults;[/announcement][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”45″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”45″ screen_tablet_spacer_size=”30″ screen_mobile_spacer_size=”25″][dfd_service_new columns_width=”quarter-width-elements” connector_style=”dotted” connector_color=”#cccccc”][dfd_service_item_2 icon=”dfd-icon-hail” style=”style-02″ hover=”hover-01″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-heavy_rain” style=”style-02″ hover=”hover-02″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-sun_cloud” style=”style-02″ hover=”hover-03″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-rain_thunder” style=”style-02″ hover=”hover-04″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][/dfd_service_new][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_row][vc_row dfd_row_config=”full_width_content” row_delimiter=”1″ dfd_enable_overlay=””][vc_column dfd_column_responsive_enable=”dfd-column-responsive-enable” css=”.vc_custom_1522998627164{padding-right: 30px !important;padding-left: 30px !important;}” responsive_styles=”padding_left_desktop:40|padding_right_desktop:40|padding_left_tablet:40|padding_right_tablet:40|padding_left_mobile:30|padding_right_mobile:30″][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″][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 — Bordered.[/dfd_heading][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″][dfd_single_image image=”12825″ upload_image=”11499″][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 — Bordered; Layout — default; Inside options — defaults;[/announcement][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”45″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”45″ screen_tablet_spacer_size=”30″ screen_mobile_spacer_size=”25″][dfd_service_new columns_width=”quarter-width-elements” connector_style=”dotted” connector_color=”#cccccc”][dfd_service_item_2 icon=”dfd-icon-hail” style=”style-03″ hover=”hover-01″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-heavy_rain” style=”style-03″ hover=”hover-02″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-sun_cloud” style=”style-03″ hover=”hover-03″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-rain_thunder” style=”style-03″ hover=”hover-04″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][/dfd_service_new][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_row][vc_row dfd_row_config=”full_width_content” dfd_enable_overlay=””][vc_column dfd_column_responsive_enable=”dfd-column-responsive-enable” css=”.vc_custom_1522998648446{padding-right: 30px !important;padding-left: 30px !important;}” responsive_styles=”padding_left_desktop:40|padding_right_desktop:40|padding_left_tablet:40|padding_right_tablet:40|padding_left_mobile:30|padding_right_mobile:30″][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″][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 — Overlay.[/dfd_heading][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″][dfd_single_image image=”12826″ upload_image=”11499″][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 — Overlay; Layout — default; Inside options — defaults;[/announcement][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”45″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”45″ screen_tablet_spacer_size=”30″ screen_mobile_spacer_size=”25″][dfd_service_new columns_width=”quarter-width-elements” connector_style=”dotted” connector_color=”#cccccc”][dfd_service_item_2 icon=”dfd-icon-hail” style=”style-04″ hover=”hover-01″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-heavy_rain” style=”style-04″ hover=”hover-02″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-sun_cloud” style=”style-04″ hover=”hover-03″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][dfd_service_item_2 icon=”dfd-icon-rain_thunder” style=”style-04″ hover=”hover-04″ title=”Cras finibus non magna.” subtitle=”Info banner subtitle here.” title_font_options=”tag:div” subtitle_font_options=”tag:div” font_options=”tag:div|color:%23cccccc|font_style_underline:1″ desc_background=”#3a3a3a”]Pellentesque lacinia orci est, ut mollis nulla maximus condimentum. Pellentesque vel dictum lorem. Nunc placerat sit amet turpis vitae condimentum.[/dfd_service_item_2][/dfd_service_new][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_row]