/* #Mega menu
================================================== */
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu-wrap {
	background-color: @submenu-bg-color;
}
.dt-mega-menu > .sub-nav > li:hover > a {
	background-color: transparent;
}
	/*subtitles*/
	.main-nav > li > a > span > span.menu-subtitle {
		color: fade(@menu-color, 40%);
	}
	.sub-nav .menu-subtitle,
	.sub-nav li.act > a:hover .menu-subtitle {
		color: fade(@submenu-color, 40%);
		font-family: @sub-subtitle-font-family;
		font-size: @sub-subtitle-font-size;
	}
	.top-header .sub-nav > li.dt-mega-parent > a .menu-text,
	.sub-sideways .sub-nav > li.dt-mega-parent > a .menu-text {
		font: @submenu-font-style @submenu-font-variant @submenu-font-weight @submenu-font-size + 3~"/"@submenu-font-size+6 @submenu-font-family;
			text-transform: @submenu-text-transform;
	}
	.main-nav .dt-mega-menu .sub-nav .dt-mega-parent > a i[class^="fa"] {
		font-size: @submenu-font-size + 3;
	}
	.sub-nav .menu-subtitle,
	.sub-nav li.act > a:hover .menu-subtitle {
		color: fade(@submenu-color, 40%);
	}

	.dt-mega-menu .sub-nav .dt-mega-parent > a {
		border-bottom-color: fade(@submenu-color, 10%);
	}

	.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {
		width: @submenu-width;
	}

	.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-1 > .dt-mega-menu-wrap {
		width: @submenu-width + 40;
	}
	.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-2 > .dt-mega-menu-wrap {
		width: @submenu-width * 2 + 40;
	}
	.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-3 > .dt-mega-menu-wrap {
		width: @submenu-width * 3 + 40;
	}
	.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-4 > .dt-mega-menu-wrap {
		width: @submenu-width * 4 + 40;
	}
	.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-5 > .dt-mega-menu-wrap {
		width: @submenu-width * 5 + 40;
	}