/* http://jsfiddle.net/jHeRm/4/ */


/* =Mega Block Menu
---------------------------- */

.content .menu > li,
.mega_theme_block_footer .menu > li { position: relative; }


.mega_theme_block_nav .menu > li.menu-item > a:focus,
.mega_theme_block_nav .menu > li.menu-item:hover > a,
.mega_theme_block_nav .menu > .current_page_item > a,
.mega_theme_block_nav .menu > .current_page_item > a:hover,
.mega_theme_block_nav .menu > .current-menu-item > a,
.mega_theme_block_nav .menu > .current-menu-item > a:hover { color: #FFF; }



@media (min-width: 967px)
{
	.mega_theme_block_head .menu > li > a {
		display: block;
		font-size: 16px;
		color: #b5bdc3;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
		text-transform: uppercase;
	}

	.ltr .mega_theme_block_head .menu.hor > .menu-item { margin-right: 44px; }
	.rtl .mega_theme_block_head .menu.hor > .menu-item { margin-left: 44px; }

	.menu .submenu-present > a i { border: 6px solid transparent; }

	.menu.hor > .submenu-present > a i {
		border-top-color: #b5bdc3;
		margin-top: 9px;
	}

	.ltr .menu.hor > .submenu-present > a i { margin-left: 8px; }
	.rtl .menu.hor > .submenu-present > a i { margin-right: 8px; }


	.ltr .menu.hor .sub-menu .submenu-present > a i,
	.ltr .menu.ver .submenu-present > a i,
	.ltr .mega_block_parent_vblock > .widget_nav_menu .menu:not(.ver) .submenu-present > a i { margin-left: 25px; }

	.rtl .menu.hor .sub-menu .submenu-present > a i,
	.rtl .menu.ver .submenu-present > a i,
	.rtl .mega_block_parent_vblock > .widget_nav_menu .menu:not(.ver) .submenu-present > a i { margin-right: 25px; }


	.sub-menu .submenu-present > a i { margin-top: 10px; }

	.menu.ver > .submenu-present > a i,
	.menu:not(.hor) > .submenu-present > a i { margin-top: 12px; }

	.menu.hor.drop-right .sub-menu .submenu-present > a i,
	.menu.ver.drop-right .submenu-present > a i,
	.rtl .mega_block_parent_vblock > .widget_nav_menu .menu:not(.ver):not(.hor) .submenu-present > a i { border-left-color: #E3E7EA; }

	.menu.hor.drop-left .sub-menu .submenu-present > a i,
	.menu.ver.drop-left .submenu-present > a i,
	.ltr .mega_block_parent_vblock > .widget_nav_menu .menu:not(.ver):not(.hor) .submenu-present > a i { border-right-color: #E3E7EA; }

	.dark .menu.hor.drop-right .sub-menu .submenu-present > a i,
	.dark .menu.ver.drop-right .submenu-present > a i,
	.rtl .dark .mega_block_parent_vblock > .widget_nav_menu .menu:not(.ver):not(.hor) .submenu-present > a i { border-left-color: #b5bdc3; }

	.dark .menu.hor.drop-left .sub-menu .submenu-present > a i,
	.dark .menu.ver.drop-left .submenu-present > a i,
	.ltr .dark .mega_block_parent_vblock > .widget_nav_menu .menu:not(.ver):not(.hor) .submenu-present > a i { border-right-color: #b5bdc3; }

	.sub-menu {
		padding: 20px 0;
		min-width: 180px;
		border-radius: 2px;
		background-color: #FFF;
		border: 1px solid #DCDCDC;
		box-shadow: 0 2px 4px -2px #d7dbdb;
	}

	.dark .sub-menu {
		background-color: #384550;
		border: none;
		box-shadow: none;
		border-radius: 0;
		padding: 0;

		box-shadow: 0 -26px 20px -4px #394C5C inset;
		box-shadow: 0 -26px 20px -4px #374E61 inset;
		border: 1px solid #303131;
		background: #384956;
	}

	.sub-menu a {
		font-size: 14px;
		line-height: 28px;
		color: #a1a1a1;
	}

	.dark .sub-menu a { color: #b5bdc3; }

	.menu:not(.drop-in) .sub-menu .menu-item a,
	.widget_nav_menu .menu:not(.drop-in) .sub-menu a { padding: 0 25px; }

	.dark .menu:not(.drop-in) .sub-menu .menu-item a,
	.dark .widget_nav_menu .menu:not(.drop-in) .sub-menu a { padding: 12px 25px; }

	.dark .menu.hor .sub-menu .menu-item,
	.dark .menu.ver:not(.drop-in) .sub-menu .menu-item {
		border-bottom: 1px solid #000;
		box-shadow: 0 1px 0 0 #475765;
	}

	.dark .menu.hor .sub-menu .menu-item:last-child,
	.dark .menu.ver:not(.drop-in) .sub-menu .menu-item:last-child {
		border-bottom: 0;
		box-shadow: none;
	}

	.sub-menu .submenu-present > a:focus ~ .sub-menu,
	.sub-menu .submenu-present:hover > .sub-menu {
		top: -21px;
	}

	.dark .sub-menu .submenu-present > a:focus ~ .sub-menu,
	.dark .sub-menu .submenu-present:hover > .sub-menu {
		top: -1px;
	}

	.dark .sub-menu .menu-item > a:focus,
	.dark .sub-menu .menu-item:hover > a { color: #FFF !important; }

	.ltr .mega_block_parent_vblock > .widget_nav_menu .menu:not(.ver) > .menu-item > .sub-menu,
	.menu.ver.drop-left > .menu-item > .sub-menu {
		-webkit-transform: translateX(calc(-100% - 30px));
		transform: translateX(calc(-100% - 30px));
	}

	.rtl .mega_block_parent_vblock > .widget_nav_menu .menu:not(.ver) > .menu-item > .sub-menu,
	.menu.ver.drop-right > .menu-item > .sub-menu {
		-webkit-transform: translateX(calc(100% + 30px));
		transform: translateX(calc(100% + 30px));
	}





	.headroom--top .menu {
		position: relative;
	}

	.headroom--top .menu > .submenu-present > .sub-menu {
		margin-top: 65px;
	}

	.headroom--top .menu > .submenu-present > .sub-menu > i:before,
	.headroom--top .menu > .submenu-present > .sub-menu > i:after {
		position: absolute;
		top: -20px;
		content: '';
	}

	.headroom--top .menu > .submenu-present > .sub-menu > i:before {
		border: 10px solid transparent;
		border-bottom-color: #303131;
		left: calc( 10% - 3px );
	}

	.headroom--top .menu > .submenu-present > .sub-menu > i:after {
		margin-top: 4px;
		border: 8px solid transparent;
		border-bottom-color: #384956;
		left: calc( 10% - 1px );
	}
}






.sub-menu a {
	-webkit-transition: background-color .25s ease-out;
	transition: background-color .25s ease-out;
}

.sub-menu .mega_block_parent_vblock {
	padding: 0 25px;
	min-width: 220px;
	box-sizing: border-box;
}


.sub-menu .menu-item > a:focus,
.sub-menu .menu-item:hover > a { color: #409DD2 !important; }

.sub-menu .current_page_item > a,
.sub-menu .current_page_item > a:hover { color: #000 !important; }

.dark .sub-menu .current_page_item > a,
.dark .sub-menu .current_page_item > a:hover { color: #FFF !important; }



.mega_sub_menu h3 {
	line-height: 49px;
	font-weight: 900;
	color: #282727;
	font-size: 14px;
	text-transform: uppercase;
}







/* Head Nav */

.ltr .mega_theme_block_nav > .widget_nav_menu { float: right; }
.rtl .mega_theme_block_nav > .widget_nav_menu { float: left; }








/* Mobile Menu Skin */

@media (max-width: 967px)
{
	.mega_theme_block_head .sub-menu .menu-item a,
	.mega_theme_block_head .widget_nav_menu .sub-menu a {
		z-index: 999;
		border-bottom: 1px solid #2E363C;
		margin-bottom: 1px;
		box-shadow: 0 1px 0 0 #4D6478;
	}

	/* replace with icon and font-size */

	.submenu-present > a:not(.open) i:before {
		width: 3px;
		height: 11px;
		background: #FFF;
		margin-top: 24px;
	}

	.ltr .submenu-present > a:not(.open) i:before { right: 29px; }
	.rtl .submenu-present > a:not(.open) i:before { left: 29px; }

	.widget .submenu-present > a:not(.open) i:before { background: #000; }

	.dark .submenu-present > a:not(.open) i:before { background: #FFF; }

	.submenu-present > a i:after {
		width: 11px;
		height: 3px;
		background: #FFF;
		margin-top: 28px;
	}

	.widget .submenu-present > a i:after { background: #000; }

	.dark .submenu-present > a i:after { background: #FFF; }

	.mega_theme_block_head .menu-item > a {
		border-bottom: 1px solid #161B20;
		box-shadow: 0 1px 0 0 #586A7A;
		line-height: 55px;
		padding: 0 25px;
		color: #b5bdc3;
	}

	.ltr .mega_theme_block_head .menu-item .menu-item > a { padding-left: 40px; }
	.ltr .mega_theme_block_head .menu-item .menu-item .menu-item > a { padding-left: 55px; }
	.ltr .mega_theme_block_head .menu-item .menu-item .menu-item .menu-item > a { padding-left: 70px; }
	.ltr .mega_theme_block_head .menu-item .menu-item .menu-item .menu-item .menu-item > a { padding-left: 85px; }

	.rtl .mega_theme_block_head .menu-item .menu-item > a { padding-right: 40px; }
	.rtl .mega_theme_block_head .menu-item .menu-item .menu-item > a { padding-right: 55px; }
	.rtl .mega_theme_block_head .menu-item .menu-item .menu-item .menu-item > a { padding-right: 70px; }
	.rtl .mega_theme_block_head .menu-item .menu-item .menu-item .menu-item .menu-item > a { padding-right: 85px; }

	.sub-menu1 .sub-menu1 { background: #EFEFEF; }
	.sub-menu .sub-menu .sub-menu1 { background: #FFF; }
	.sub-menu .sub-menu .sub-menu .sub-menu1 { background: #EFEFEF; }
	.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu1 { background: #FFF; }

	.mega_theme_block_head .sub-menu { background: #41505D; }

	.mega_theme_block_head .widget_nav_menu {
		background: #384550;
		height: calc(100% - 74px);
		/*min-height: 100%;*/
		left: 0;
		right: 0;
		position: fixed;
		top: 74px;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		display: block;
	}

	.mega_theme_block_head .sub-menu a { font-size: 16px; }

	.mega_theme_block_head .menu > li > a {
		font-size: 18px;
		text-transform: none;
	}

	.mobile-menu {
		width: 30px !important;
		font-size: 34px;
		color: #FFF;
		margin-bottom: 0 !important;
		margin-top: 30px !important;
	}

	.mega_theme_block_head.open .top-button,
	.headroom--not-top .top-button { display: none; }

	.mega_theme_block_head.open .mega_theme_block_nav { padding: 2% 0; }

	.ltr .mega_theme_block_head.open .mega_block_logo,
	.ltr .headroom--not-top .mega_block_logo {
		float:left !important;
		margin: 0 !important;
	    margin-left: 10px !important;
	}

	.rtl .mega_theme_block_head.open .mega_block_logo,
	.rtl .headroom--not-top .mega_block_logo {
		float: right !important;
		margin: 0 !important;
	    margin-right: 10px !important;
	}

	.ltr .mega_theme_block_head.open .mega_block_logo .text,
	.ltr .headroom--not-top .mega_block_logo .text { font-size: 36px; }

	.ltr .mega_theme_block_head.open .mobile-menu,
	.ltr .headroom--not-top .mobile-menu {
		margin: 0 !important;
		line-height: 62px;
		margin-right: 10px !important;
		font-size: 28px;
	}

	.rtl .mega_theme_block_head.open .mobile-menu,
	.rtl .headroom--not-top .mobile-menu {
		margin: 0 !important;
		line-height: 62px;
		margin-left: 10px !important;
		font-size: 28px;
	}

	.mega_theme_block_head.open { height: 100%; }
}