[vc_row bg_type="image" parallax_style="vcpb-vz-jquery" bg_image_new="id^45832|url^https://the7.io/main/wp-content/uploads/sites/39/2016/10/bg-row-20.jpg|caption^null|alt^null|title^bg-row-20|description^null" bg_image_repeat="no-repeat" bg_override="ex-full" enable_overlay="enable_overlay_value" overlay_color="rgba(0,0,0,0.5)" overlay_pattern="transperant" margin_top="-50" type="vc_default" css=".vc_custom_1479922957043{padding-top: 12% !important;padding-bottom: 12% !important;background-color: #000000 !important;}"][vc_column offset="vc_col-lg-12 vc_col-md-12" css=".vc_custom_1476030031960{padding-bottom: 10px !important;}"][just_icon icon="icomoon-pixeden-stroke-32x32-tools" icon_size="80" icon_color="" icon_animation="bounceIn" el_class="accent-icon-color" css_just_icon=".vc_custom_1479922983157{margin-bottom: 0px !important;padding-bottom: 15px !important;}"][ultimate_heading main_heading="Custom CSS" main_heading_color="#ffffff" sub_heading_color="#ffffff" main_heading_font_size="desktop:50px;mobile_landscape:38px;mobile:30px;" main_heading_line_height="desktop:60px;mobile_landscape:48px;mobile:40px;" sub_heading_font_size="desktop:28px;mobile_landscape:22px;" sub_heading_line_height="desktop:38px;mobile_landscape:32px;" sub_heading_margin="margin-top:10px;"]Style Elements Easily![/ultimate_heading][/vc_column][/vc_row][vc_row type="vc_default" css=".vc_custom_1476212569251{padding-top: 70px !important;padding-bottom: 70px !important;}"][vc_column][vc_tour interval="0" title_size="normal" style="tab-style-two"][vc_tab title="UlTIMATE ADDONS: using accent color" tab_id="1475852626366-14-3"][vc_column_text]<strong>Headings title
</strong>Custom CSS Class = accent-title-color

<strong>Headings subtitle</strong>
Custom CSS Class = accent-subtitle-color

<strong>Headings icon</strong>
Custom CSS Class = accent-icon-color

<strong>Headings separator (solid)</strong>
Custom CSS Class = accent-border-color

<strong>Info Box (icons background color)</strong>
Custom CSS Class = accent-icon-bg

<strong>Info box (title)</strong>
Custom CSS Class = accent-title-color

<strong>Info Box (subtitle)</strong>
Custom CSS Class = accent-subtitle-color

<strong>Just Icon (icon background color)
</strong>Custom CSS Class = accent-icon-bg

<strong>Just Icon (icons color)</strong>
Custom CSS Class =accent-icon-color

<strong>Advanced Carousel (arrows background color)</strong>
Custom CSS Class = accent-arrow-bg[/vc_column_text][/vc_tab][vc_tab title="Painting content" tab_id="1444992551473-21-0"][vc_column_text]<strong>Accent color:</strong>
Custom CSS Class="paint-accent-color"

<strong>Secondary color:</strong>
Custom CSS Class="color-secondary"

<strong>Title color:</strong>
Custom CSS Class="color-title"

<strong>Highlight text:</strong>
[dt_code][dt_highlight color="" text_color="#ffffff" bg_color="#3de374"]your text[/dt_highlight][/dt_code][/vc_column_text][/vc_tab][vc_tab title="REVOLUTION: include header in fullscreen slider" tab_id="1443791049165-19-1"][vc_column_text]<b></b>Paste ".masthead" in "Containers" field on Revolution Slider settings page.<b>
</b>

[/vc_column_text][/vc_tab][vc_tab title="Centering content in a row or column" tab_id="1443784436177-17-5"][vc_column_text]<strong>Extra class name for VC row or column: </strong>

text-centered[/vc_column_text][/vc_tab][vc_tab title="Menu: centering subtitles" tab_id="1443778158373-7-4"][vc_column_text]<strong>Centering subtitles for first level</strong>

.main-nav &gt; li &gt; a .menu-item-text {
text-align: center;
}

<strong>Centering subtitles for sub levels</strong>

.sub-nav &gt; li &gt; a .subtitle-text {
text-align: center;
}[/vc_column_text][/vc_tab][vc_tab title="Menu: place icons above menu items" tab_id="1443778661390-10-9"][vc_column_text].main-nav &gt; li &gt; a .text-wrap,
.header-bar .main-nav &gt; li &gt; a,
.menu-box .main-nav &gt; li &gt; a {
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}

.main-nav &gt; .menu-item &gt; a .fa {
padding-right: 0;
padding-bottom: 2px;
}[/vc_column_text][/vc_tab][vc_tab title="Submenu background border radius" tab_id="1447076952604-23-4"][vc_column_text]<strong>Menu background</strong>
.sub-nav,
.dt-mega-menu-wrap {
-webkit-border-radius: 10px;
border-radius: 10px;
}

<strong>Hover backgrounds</strong>
.top-header .sub-nav.hover-style-bg li:not(.dt-mega-parent) &gt; a,
.top-header .hover-style-click-bg li:not(.dt-mega-parent) &gt; a,
.top-header .hover-style-click-bg li:not(.dt-mega-parent) &gt; a .rippleAnimate,
.top-header .dt-mega-menu .sub-nav .dt-mega-parent .sub-nav a:hover {
-webkit-border-radius: 10px;
border-radius: 10px;
}[/vc_column_text][/vc_tab][vc_tab title="Submenu 3+ levels left padding" tab_id="1443777860840-4-8"][vc_column_text].sub-downwards .main-nav .sub-nav .sub-nav {
padding-left: 20px;
padding-right: 20px;
}[/vc_column_text][/vc_tab][vc_tab title="Hide top bar on the particular page" tab_id="1443780160887-15-10"][vc_column_text].page-template-template-microsite .top-bar {
display: none;
}[/vc_column_text][/vc_tab][vc_tab title="Single Image - remove lazy loading background" tab_id="1481899075709-14-5"][vc_column_text]Single img - Extra class name = layzr-bg-off

<strong>Custom CSS settings :
</strong>.layzr-bg-off .layzr-bg {
background-color: transparent;
}[/vc_column_text][/vc_tab][vc_tab title="Photo Scroller nav. paddings" tab_id="7ce82d2a-bb6a-0"][vc_column_text].project-navigation {
top: 30px;
right: 110px;
}[/vc_column_text][/vc_tab][vc_tab title="Old social icons text shortcode" tab_id="1504706056655-11-8"][vc_column_text][dt_code]

[dt_social_icons animation="fadeInRight" alignment="default / center"]

[dt_social_icon target_blank="true" icon="facebook" link="" /]

[dt_social_icon target_blank="true" icon="twitter" link="" /]

[dt_social_icon target_blank="true" icon="google" link="" /]

[dt_social_icon target_blank="true" icon="dribbble" link="" /]

[dt_social_icon target_blank="true" icon="YouTube" link="" /]

[dt_social_icon target_blank="true" icon="rss" link="" /]

[dt_social_icon target_blank="true" icon="delicious" link="" /]

[dt_social_icon target_blank="true" icon="flickr" link="" /]

[dt_social_icon target_blank="true" icon="forrst" link="" /]

[dt_social_icon target_blank="true" icon="lastfm" link="" /]

[dt_social_icon target_blank="true" icon="linkedin" link="" /]

[dt_social_icon target_blank="true" icon="vimeo" link="" /]

[dt_social_icon target_blank="true" icon="tumblr" link="" /]

[dt_social_icon target_blank="true" icon="pinterest" link="" /]

[dt_social_icon target_blank="true" icon="deviant" link="" /]

[dt_social_icon target_blank="true" icon="skype" link="" /]

[dt_social_icon target_blank="true" icon="github" link="" /]

[dt_social_icon target_blank="true" icon="instagram" link="" /]

[dt_social_icon target_blank="true" icon="stumbleupon" link="" /]

[dt_social_icon target_blank="true" icon="behance" link="" /]

[dt_social_icon target_blank="true" icon="mail" link="" /]

[dt_social_icon target_blank="true" icon="vk" link="" /]

[dt_social_icon target_blank="true" icon="website" link="" /]

[dt_social_icon target_blank="true" icon="500px" link="" /]

[dt_social_icon target_blank="true" icon="tripadvisor" link="" /]

[dt_social_icon target_blank="true" icon="foursquare" link="" /]

[dt_social_icon target_blank="true" icon="xing" link="" /]

[dt_social_icon target_blank="true" icon="weibo" link="" /]

[dt_social_icon target_blank="true" icon="odnoklassniki" link="" /]

[dt_social_icon target_blank="true" icon="research-gate" link="" /]

[dt_social_icon target_blank="true" icon="yelp" link="" /]

[/dt_social_icons]

[/dt_code][/vc_column_text][/vc_tab][/vc_tour][/vc_column][/vc_row]