/**
 * IceMegaMenu Extension for Joomla 3.0 By IceTheme
 * 
 * 
 * @copyright	Copyright (C) 2013 IceTheme.com. All rights reserved.
 * @license		GNU General Public License version 2
 * 
 * @Website 	http://www.icetheme.com/Joomla-Extensions/icemegamenu.html
 *
 
 Clean Theme
 added on 29 April 2013
 
 */

 
 /* OpenSans Font emmbed */
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
 
 
/* clear some styles */
.icemegamenu ul, 
.icemegamenu li {
	list-style-type:none;
	
	margin:0} 
	
 .collapse {
  overflow: visible;}
  
  
/* begin mainmenu */ 
.icemegamenu > ul {
	position: relative;
	margin:0;
	padding:0;
	z-index: 999;
	clear: both;
	width: 100%;
	height:100px;
	}
	
	.icemegamenu > ul > li {
		position: relative;
		display: block;
		float: left;}
		.icemegamenu .mzr-drop.parent:after {
			color: #fff;
			line-height: 0;
			content: "__";
			font-family: FontAwesome;
			cursor: default;
			position: relative;
			display:block;
			text-align: center;
			z-index: 1;
			top:-38px;
		}
		.icemegamenu .mzr-drop.parent:hover:after {
			top: -41px;
		}
		.icemegamenu > ul > li.iceMenuLiLevel_1 > a:after
		{
			border-top: 3px solid #ffffff;
			color: #ffffff;
			content: "";
			cursor: default;
			display: none;
			line-height: 0;
			position: relative;
			text-align: center;
			top: -60px;
			z-index: 1;
		}
		
		.preset1_header .megamenu_shop .sidebar_title, .preset3_header .megamenu_shop .sidebar_title, .header_area_preset6 .megamenu_shop .sidebar_title {
			color: #FFF !important;
		}
		.preset1_header  .megamenu_shop, .header_area_preset6 .megamenu_shop {    
			background-color: #222222;
			padding: 20px 10px;
		}
		.preset2_header .megamenu_shop .sidebar_title, .home5_header .megamenu_shop {
			color: #000000 !important;
		}
		 .preset2_header .megamenu_shop, .home5_header .megamenu_shop, .header_area_preset7 .megamenu_shop {
			background-color: #FFF;
			padding: 20px 10px;
		 }
		.icemegamenu > ul > li.iceMenuLiLevel_1:hover > a:after
		{
			color: #ffffff;
			display: block;
		}	
		.icemegamenu > ul > li  a.iceMenuTitle {
			
			position: relative;
			z-index: 9999;
			display: inline-block;
			padding: 40px 11px 37px;
			font-size: 14px;
			color: #FFFFFF;
			text-decoration:none;
			-webkit-transition: all .25s ease-out;
			-moz-transition: all .25s ease-out;
			-ms-transition: all .25s ease-out;
			-o-transition: all .25s ease-out;
			transition: all .25s ease-out;}
			
			/**** Preset3 Header ****/
			.preset3_header .icemegamenu > ul > li  a.iceMenuTitle
			{
				 padding: 37px 15px 26px;
			}
			
			.icemegamenu ul > li  a.iceMenuTitle:hover,
			.icemegamenu ul > li:hover > a.iceMenuTitle,
			.icemegamenu ul > ul > li:hover >  a.iceMenuTitle,
			ul.icesubMenu li.active a.iceMenuTitle  { 
				 }
				
			div.icemegamenu ul#icemegamenu  li.active a.icemega_active > span.icemega_title { 
				 }		
				
			/* subtitles */
			.icemegamenu > ul > li span.icemega_desc {
				display:block;
				font-size:12px;
				
				padding:0;
				line-height:1.25em;
				color:#999!important;
				margin-bottom: 7px;
				margin-top:-8px;
				text-shadow:none!important}

 				/* when dont have subtitle */
				.icemegamenu > ul > li >  a.iceMenuTitle > span.icemega_nosubtitle {
					
					}
				/* when is current */	
				.icemegamenu > ul > li.active > a {
					}
					
					
			
						

 /* Submenu */
.icemegamenu ul.icesubMenu {
	background-color: #222;
	border-style: none;
}
ul.icesubMenu {
	text-align: left;
    position: absolute;
    z-index: 600;
	margin:0;
    top: 103px;
    left: 0;
	visibility:visible;
	max-height:0;
	overflow:hidden;
    opacity: 0;
    background: #eee;
    border: 1px solid #DEDEDE;
	border-top:none;
	border-bottom:none;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;}
	
			
		#icemegamenu > li:hover > ul.icesubMenu {
			opacity: 1;
			max-height:1000px;
			overflow:visible;
			}
			
			
		.preset3_header #icemegamenu > li:hover > ul.icesubMenu
		{
			top: 93px;
		}		
			ul.icesubMenu ul > li {
				position:relative;}
				
				ul.icesubMenu > li a.iceMenuTitle {
					height:auto;
					display:block;
					font-size:14px;
					padding:10px 20px!important;
					margin:0;
					border-radius:0;
					}
	.preset3_header ul.icesubMenu > li a.iceMenuTitle
	 {
		 padding:10px 20px;
	 }
	 
				/* when is parent */
			
					ul.icesubMenu li.parent::after {
						bottom: 0;
						content: "\f105";
						line-height: 40px;
						position: absolute;
						right: 10px;
						top: 0;
						font-family: FontAwesome;
					}
					
				/* hover and active */
				
				/* ul.icesubMenu ul > li:hover > a
				ul.icesubMenu ul > li.active > a  {
					background-color:#DEDEDE;} */
					
				
				
 
/* Second Level Dropdown */
ul.sub_level_2,
ul.sub_level_3,
ul.sub_level_4,
ul.sub_level_5 {
	top: -1px;
	left: 100%;
	margin-left:15px;
	z-index:99999;
	box-shadow:none;
	border:1px solid #DEDEDE;}
	
	
	ul.icesubMenu ul > li:hover > ul {
		opacity: 1;
		max-height:1000px;
		overflow:visible;
		visibility:visible;
		margin-left:0;}
	
 
 
 
/* Modules inside dropdown */
/* .icesubMenu .icemega_cover_module {
    padding: 10px 15px;
	color:#666;
} */

	.icesubMenu .icemega_cover_module span.iceModuleTile {
		color:#555;
		font-size:18px;
		text-shadow:1px 1px 1px #fff;
		margin-bottom:6px;
		display:block;}

	.icesubMenu .icemega_cover_module a {}



/* for the respponsive part 
there is antoher CSS file in the same folder */

.ice-megamenu-toggle {
	display:none}



/* fix when there is no space for the dropdown on the right
it will appear instead on the left */
.ice_righttoleft{
		left:auto!important;
		right:0;}
		
/***** Hoki Changes *****/
@media (min-width: 992px) {
.nav-collapse.icemegamenu.collapse {
    height: auto !important;
    overflow: visible !important;
	display: inline-block!important;
}	
}