<div class="dt_module dt_m_h3 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h3" data-placeholder="H3" style="opacity: 1;">
    <span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H3</span>
    <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
    <div class="dt_preview"><span class="title"></span></div>
    <div class="dt_module_settings">
        <div data-option_name="class" class="class dt_module_setting"></div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Horizontal Tabs</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_tabs_horizontal dt_module_general ui-resizable ui-sortable-handle dt_first" data-name="tabs_horizontal" data-placeholder="Tabs - Horizontal" style="opacity: 1;"><span class="ico-tabs dt_icon"></span>
    <span class="dt_module_name">Tabs - Horizontal</span>
    <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings">
        <div data-option_name="th_content" class="th_content dt_module_setting dtthemes_module_content">
            <p>[dt_sc_tab title="Tab 1"]
                <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu felis ut nunc interdum cursus. Nunc fermentum nec turpis nec sodales. Integer commodo et ante et ultricies. Duis pulvinar, lacus vel posuere auctor, ligula metus volutpat purus, quis venenatis arcu mauris nec tellus. In vel nulla purus. Donec interdum nec augue ac faucibus. Morbi id bibendum dui. Vivamus lobortis massa ac elit egestas, quis suscipit purus imperdiet. Vivamus pellentesque erat ac lectus elementum, at mollis est bibendum.
                <br> [/dt_sc_tab]
                <br> [dt_sc_tab title="Tab 2"]
                <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                <br> [/dt_sc_tab]
                <br> [dt_sc_tab title="Tab 3"]
                <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                <br> [/dt_sc_tab]
            </p>
        </div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Clear</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_h3 dt_module_others ui-resizable ui-sortable-handle dt_first" data-name="h3" data-placeholder="H3" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
    <span class="dt_module_name">H3</span>
    <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
    <div class="dt_preview"><span class="title"></span></div>
    <div class="dt_module_settings">
        <div data-option_name="class" class="class dt_module_setting"></div>
        <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
        <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Vertical Tabs with icon</div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_tabs_vertical dt_module_general ui-resizable ui-sortable-handle dt_first" data-name="tabs_vertical" data-placeholder="Tabs - Vertical" style="opacity: 1;"><span class="ico-tabs dt_icon"></span>
    <span class="dt_module_name">Tabs - Vertical</span>
    <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings">
        <div data-option_name="tv_content" class="tv_content dt_module_setting dtthemes_module_content">
            <p>[dt_sc_tab title="What is Lorem Ipsum?" icon="home"]
                <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eu felis ut nunc interdum cursus. Nunc fermentum nec turpis nec sodales. Integer commodo et ante et ultricies. Duis pulvinar, lacus vel posuere auctor, ligula metus volutpat purus, quis venenatis arcu mauris nec tellus. In vel nulla purus. Donec interdum nec augue ac faucibus. Morbi id bibendum dui. Vivamus lobortis massa ac elit egestas, quis suscipit purus imperdiet. Vivamus pellentesque erat ac lectus elementum, at mollis est bibendum.
                <br> [/dt_sc_tab]
                <br> [dt_sc_tab title="Where does it come from?" icon="gift"]
                <br> Consectetur Lorem ipsum dolor sit amet, adipiscing elit. Nunc eu felis ut nunc interdum cursus. Nunc fermentum nec turpis nec sodales. Integer commodo et ante et ultricies. Duis pulvinar, lacus vel posuere auctor, ligula metus volutpat purus, quis venenatis arcu mauris nec tellus. In vel nulla purus. Donec interdum nec augue ac faucibus. Morbi id bibendum dui. Vivamus lobortis massa ac elit egestas, quis suscipit purus imperdiet. Vivamus pellentesque erat ac lectus elementum, at mollis est bibendum.
                <br> [/dt_sc_tab]
                <br> [dt_sc_tab title="Why do we use it?" icon="support"]
                <br> Nunc &nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit. eu felis ut nunc interdum cursus. Nunc fermentum nec turpis nec sodales. Integer commodo et ante et ultricies. Duis pulvinar, lacus vel posuere auctor, ligula metus volutpat purus, quis venenatis arcu mauris nec tellus. In vel nulla purus. Donec interdum nec augue ac faucibus. Morbi id bibendum dui. Vivamus lobortis massa ac elit egestas, quis suscipit purus imperdiet. Vivamus pellentesque erat ac lectus elementum, at mollis est bibendum.
                <br> [/dt_sc_tab]
            </p>
        </div>
    </div>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
</div>
<div class="dt_module dt_m_hr_invisible dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="hr_invisible" data-placeholder="Whitespace" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Whitespace</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_half dt_m_column_has_modules ui-sortable-handle dt_first" data-name="one_half" data-placeholder="1/2 Column" style="opacity: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/2 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_h3 dt_module_others  dt_first ui-sortable-handle" data-name="h3" data-placeholder="H3" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H3</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"><span class="title"></span></div>
            <div class="dt_module_settings">
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Left Vertical Tabs</div>
            </div>
        </div>
        <div class="dt_module dt_m_tabs_vertical dt_module_general  dt_first ui-sortable-handle" data-name="tabs_vertical" data-placeholder="Tabs - Vertical" style="opacity: 1;"><span class="ico-tabs dt_icon"></span>
            <span class="dt_module_name">Tabs - Vertical</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="tv_content" class="tv_content dt_module_setting dtthemes_module_content">
                    <p>[dt_sc_tab title="Tab 1"]
                        <br>
                        <iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/169420387&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true" width="572" height="155"></iframe>
                        <br> [/dt_sc_tab]
                        <br> [dt_sc_tab title="Tab 2"]
                        <br> Tab 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_tab]
                        <br> [dt_sc_tab title="Tab 3"]
                        <br> Tab 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_tab]
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_half dt_m_column_has_modules ui-sortable-handle" data-name="one_half" data-placeholder="1/2 Column" style="opacity: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/2 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_h3 dt_module_others  dt_first ui-sortable-handle" data-name="h3" data-placeholder="H3" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H3</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"><span class="title"></span></div>
            <div class="dt_module_settings">
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Right Vertical Tabs</div>
            </div>
        </div>
        <div class="dt_module dt_m_tabs_vertical_right dt_module_general  dt_first ui-sortable-handle" data-name="tabs_vertical_right" data-placeholder="Tabs - Vertical Right" style="opacity: 1;"><span class="ico-tabs dt_icon"></span>
            <span class="dt_module_name">Tabs - Vertical Right</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="tv_content" class="tv_content dt_module_setting dtthemes_module_content">
                    <p>[dt_sc_tab title="Tab 1"]
                        <br>
                        <iframe src="http://player.vimeo.com/video/83886975" width="300" height="155"></iframe>
                        <br> [/dt_sc_tab]
                        <br> [dt_sc_tab title="Tab 2"]
                        <br> Tab 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_tab]
                        <br> [dt_sc_tab title="Tab 3"]
                        <br> Tab 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_tab]
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_hr_invisible dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="hr_invisible" data-placeholder="Whitespace" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Whitespace</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Clear</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_half dt_m_column_has_modules ui-sortable-handle dt_first" data-name="one_half" data-placeholder="1/2 Column" style="opacity: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/2 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_h3 dt_module_others  dt_first ui-sortable-handle" data-name="h3" data-placeholder="H3" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H3</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"><span class="title"></span></div>
            <div class="dt_module_settings">
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Standard Toggle</div>
            </div>
        </div>
        <div class="dt_module dt_m_doshortcode_toggledefault dt_module_general  dt_first ui-sortable-handle" data-name="doshortcode_toggledefault" data-placeholder="Toggle Default" style="opacity: 1;"><span class="ico-toggle dt_icon"></span>
            <span class="dt_module_name">Toggle Default</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="td_content" class="td_content dt_module_setting dtthemes_module_content">
                    <p>[dt_sc_toggle title="Toggle 1"]
                        <br> Toggle 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.
                        <br> [/dt_sc_toggle]
                        <br> [dt_sc_toggle title="Toggle 2"]
                        <br> Toggle 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle]
                        <br> [dt_sc_toggle title="Toggle 3"]
                        <br> Toggle 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle]
                    </p>
                    <p>[dt_sc_toggle title="Toggle 4"]
                        <br> Toggle 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle]
                    </p>
                    <p>[dt_sc_toggle title="Toggle 5"]
                        <br> Toggle 5 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle]
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_half dt_m_column_has_modules ui-sortable-handle" data-name="one_half" data-placeholder="1/2 Column" style="opacity: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/2 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_h3 dt_module_others  dt_first ui-sortable-handle" data-name="h3" data-placeholder="H3" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H3</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"><span class="title"></span></div>
            <div class="dt_module_settings">
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Framed Toggle</div>
            </div>
        </div>
        <div class="dt_module dt_m_doshortcode_toggleframed dt_module_general  dt_first ui-sortable-handle" data-name="doshortcode_toggleframed" data-placeholder="Toggle Framed" style="opacity: 1;"><span class="ico-toggle dt_icon"></span>
            <span class="dt_module_name">Toggle Framed</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="tf_content" class="tf_content dt_module_setting dtthemes_module_content">
                    <p>[dt_sc_toggle_framed title="Toggle 1"]
                        <br> Toggle 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.
                        <br> [/dt_sc_toggle_framed]
                        <br> [dt_sc_toggle_framed title="Toggle 2"]
                        <br> Toggle 2&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle_framed]
                        <br> [dt_sc_toggle_framed title="Toggle 3"]
                        <br> Toggle 3 &nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle_framed]
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_hr_invisible_medium dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="hr_invisible_medium" data-placeholder="Whitespace Medium" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Whitespace Medium</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_clear dt_module_others dt_disable_resize ui-sortable-handle dt_first" data-name="clear" data-placeholder="Clear" style="opacity: 1;"><span class="ico-divider dt_icon"></span>
    <span class="dt_module_name">Clear</span>
    <div class="dt_module_options"><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
        <span class="dt_delete" title="Delete" style="display: block;"></span>
        <span class="dt_clone_module" title="Clone" style="display: block;"></span></div>
    <div class="dt_preview"></div>
    <div class="dt_module_settings"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_half dt_m_column_has_modules ui-sortable-handle dt_first" data-name="one_half" data-placeholder="1/2 Column" style="opacity: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/2 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_h3 dt_module_others  dt_first ui-sortable-handle" data-name="h3" data-placeholder="H3" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H3</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"><span class="title"></span></div>
            <div class="dt_module_settings">
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Standard Accordion</div>
            </div>
        </div>
        <div class="dt_module dt_m_doshortcode_accordion_default dt_module_general  dt_first ui-sortable-handle" data-name="doshortcode_accordion_default" data-placeholder="Accordion Default" style="opacity: 1;"><span class="ico-accordion dt_icon"></span>
            <span class="dt_module_name">Accordion Default</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="acc_content" class="acc_content dt_module_setting dtthemes_module_content">
                    <p>[dt_sc_accordion_group]
                        <br> [dt_sc_toggle title="Accordion 1"]
                        <br> Toggle 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.
                        <br> [/dt_sc_toggle]
                        <br> [dt_sc_toggle title="Accordion 2"]
                        <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle]
                        <br> [dt_sc_toggle title="Accordion 3"]
                        <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle]
                    </p>
                    <p>[dt_sc_toggle title="Accordion 4"]
                        <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle]
                    </p>
                    <p>[dt_sc_toggle title="Accordion 5"]
                        <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle]
                        <br> [/dt_sc_accordion_group]
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>
<div class="dt_module dt_m_column dt_disable_resize dt_m_column_one_half dt_m_column_has_modules ui-sortable-handle" data-name="one_half" data-placeholder="1/2 Column" style="opacity: 1;">
    <div class="dt_module_controls">
        <span class="dt_module_name dt_column_name" style="opacity: 1;">1/2 Column</span>
        <span class="dt_move"></span>
        <div class="dt_module_options">
            <span class="dt_delete_column" title="Delete" style="display: block;"></span>
            <span class="dt_clone_column" title="Clone" style="display: block;"></span>
            <span class="dt_settings_arrow_column" title="Settings" style="display: block;"></span>
        </div>
        <div class="dt_columndata_settings">
            <div id="column_data"></div>
        </div>
    </div>
    <div class="dt_modules_holder dt_modules_container ui-droppable ui-sortable">
        <div class="dt_module dt_m_h3 dt_module_others  dt_first ui-sortable-handle" data-name="h3" data-placeholder="H3" style="opacity: 1;"><span class="ico-headings dt_icon"></span>
            <span class="dt_module_name">H3</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"><span class="title"></span></div>
            <div class="dt_module_settings">
                <div data-option_name="class" class="class dt_module_setting"></div>
                <div data-option_name="subtitle" class="subtitle dt_module_setting"></div>
                <div data-option_name="h3_content" class="h3_content dt_module_setting dtthemes_module_content">Framed Accordion</div>
            </div>
        </div>
        <div class="dt_module dt_m_doshortcode_accordion_default dt_module_general  dt_first ui-sortable-handle" data-name="doshortcode_accordion_default" data-placeholder="Accordion Default" style="opacity: 1;"><span class="ico-accordion dt_icon"></span>
            <span class="dt_module_name">Accordion Default</span>
            <div class="dt_module_options"><span class="dt_move" style="display: block;"></span><span class="dt_showorhide dt_show" title="Show" style="display: block;"></span>
                <span class="dt_delete" title="Delete" style="display: block;"></span>
                <span class="dt_clone_module" title="Clone" style="display: block;"></span><span class="dt_settings_arrow_module" title="Settings" style="display: block;"></span></div>
            <div class="dt_preview"></div>
            <div class="dt_module_settings">
                <div data-option_name="acc_content" class="acc_content dt_module_setting dtthemes_module_content">
                    <p>[dt_sc_accordion_group]
                        <br> [dt_sc_toggle_framed title="Accordion 1"]
                        <br> Toggle 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at Class aptent taciti sociosqu.
                        <br> [/dt_sc_toggle_framed]
                        <br> [dt_sc_toggle_framed title="Accordion 2"]
                        <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle_framed]
                        <br> [dt_sc_toggle_framed title="Accordion 3"]
                        <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi hendrerit elit turpis, a porttitor tellus sollicitudin at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                        <br> [/dt_sc_toggle_framed]
                        <br> [/dt_sc_accordion_group]
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="dt_show_modules_in_popup dt_popup_from_column" title="Add Module" style="display: inline-block;"></div>
</div>