/**
 * IceMegaMenu Extension for Joomla 3.0 By IceTheme
 * 
 * 
 * @copyright	Copyright (C) 2012 IceTheme.com. All rights reserved.
 * @license		GNU General Public License version 2
 * 
 * @Website 	http://www.icetheme.com/Joomla-Extensions/icemegamenu.html
 *
 */
 
/* clear some styles */
.icemegamenu-2 ul, 
.icemegamenu-2 li {
	list-style-type:none;
	padding:0;
	margin:0} 
 
.icemegamenu-2 .collapse {
	overflow: visible!important;}
  
/* begin mainmenu */ 
.icemegamenu-2 .nav-collapse.icemegamenu > ul {
	position: relative;
	margin:0;
	padding:0;
	z-index: 999;
	clear: both;
	width: 100%;
	/*	height:50px;
background: #1A1A1A;
	background: -webkit-linear-gradient(top, #3C3C3C, #1A1A1A);
	background: -moz-linear-gradient(top, #3C3C3C, #1A1A1A);
	background: -o-linear-gradient(top, #3C3C3C, #1A1A1A);
	background: -ms-linear-gradient(top, #3C3C3C, #1A1A1A);
	background: linear-gradient(top, #3C3C3C, #1A1A1A);
	border-radius: 5px;*/}
	
	.icemegamenu-2 .nav-collapse.icemegamenu > ul > li {
		position: relative;
		display: block;
		float: left;width:100%;  max-width:200px;}
		
		.icemegamenu-2 .nav-collapse.icemegamenu > ul > li > a.iceMenuTitle {
			position: relative;
			z-index: 9999;
			display: block;
			padding: 0px 0px 0 10px; /*width:100%;  max-width:220px; */
			height:39px;
			line-height: 24px;
			font-size: 18px;
			color:red;
			text-decoration:none;  /*text-transform:uppercase; */
			/*text-shadow: 1px 1px 1px #000; */ /*background: url(../images/li.png) no-repeat 95% center; */
			-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-2 ul > li  a.iceMenuTitle:hover,
			.icemegamenu-2 ul > li:hover > a.iceMenuTitle,
			.icemegamenu-2 ul > ul > li:hover >  a.iceMenuTitle,
			.icemegamenu-2 ul.icesubMenu li.active a.iceMenuTitle  { 
				color: #FFFFFF }
				
			div.icemegamenu-2 ul#icemegamenu  li.active a.icemega_active > span.icemega_title{ 
				color: #FFFFFF }		
				
			/* subtitles */
			.icemegamenu-2 .nav-collapse.icemegamenu > ul > li span.icemega_desc {
				display:block;
				font-size:17px;
				font-family:Verdana, Geneva, sans-serif;
				padding:0;
				line-height:1.25em;
				color:#999!important;
				margin-bottom: 7px;
				margin-top:-8px;
				text-shadow:none!important}

 				/* when dont have subtitle */
				.icemegamenu-2 .nav-collapse.icemegamenu > ul > li >  a.iceMenuTitle > span.icemega_nosubtitle {
					padding-top:7px;
					display:block}
					
					
				/* when is current */	
				.icemegamenu-2 .nav-collapse.icemegamenu > ul > li.active {
					/*background:#444*/}
					
					.icemegamenu-2 > ul > li.active:first-child {
						border-radius:5px 0 0 5px}
					
.icemegamenu-2 .ice-megamenu-toggle {
    float: right;    border:solid red 0px;
}
.icemegamenu-2 .ice-megamenu-toggle {
    display: none; 
}
.icemegamenu-2 .ice-megamenu-toggle a {
    background: url("../images/mobile_menu_btn2.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 50px;
    margin-top: 0px;
    text-indent: -9999px;
    width: 48px;
	cursor:pointer;
}					

 /* Submenu */
.icemegamenu-2 ul.icesubMenu {
    position: absolute;
    z-index: 9999;
    padding: 0 0 0px;
	margin:0;
    top: 0px;
    left: -1px;
	visibility:visible; max-width:220px;
	max-height:0;
	overflow:hidden;
    opacity: 0;
    background: #201B18;

/*	background: -moz-linear-gradient(#444, #111);
	background: -webkit-linear-gradient(#444, #111);
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#444, #111);
	background: linear-gradient(#444, #111); */
    border: 1px solid #FFFFFF; border-bottom: 0px solid #FFFFFF;
    border-radius: 0px;
	-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-2 	#icemegamenu > li:hover > ul.icesubMenu {
			opacity: 1;
			max-height:1000px; max-width:220px;
			overflow:visible;
			top: 48px;}
			
		.icemegamenu-2 	ul.icesubMenu ul > li {
				position:relative;max-width:220px;}
				
			.icemegamenu-2 	ul.icesubMenu > li a.iceMenuTitle {
					height:auto;
					display:block;
					font-size:16px; 
					padding:8px 0 8px 0px; 
					margin:0 0px;
					border-radius:0;
					background:none;
          color:white;		
					border-bottom:1px solid #FFFFFF!important;}
	 
			.icemegamenu-2 	ul.icesubMenu > li a.iceMenuTitle:hover {
					background: #007300;}	 
   
   
				/* when is parent */
			.icemegamenu-2 	ul#icemegamenu li.parent {
					background: url(../images/mobile_menu_btn2.png) no-repeat right center!important;height:48px;margin-bottom:10px;}
				
			.icemegamenu-2 	ul#icemegamenu li.parent a{
					font-size:0px;}				
				
				
			.icemegamenu-2 	ul#icemegamenu li.parent ul#icemegamenu {
				border:solid red 1px!important;	}				

			.icemegamenu-2 	ul#icemegamenu li.parent ul#icemegamenu li a{
					font-size:16px;}		
          
.icemegamenu-2 ul.icesubMenu > li a.iceMenuTitle {
    font-size: 16px!important; background: #3F9403!important; padding:11px 5px 11px 15px!important;
    color: #FFF;
} 
.icemegamenu-2 ul.icesubMenu > li a.iceMenuTitle:hover {
    font-size: 16px!important; background: #006F00!important; padding:11px 5px 11px 15px!important;
    color: #FFF;
} 
         
 
/* Second Level Dropdown */
.icemegamenu-2 ul.sub_level_2,
.icemegamenu-2 ul.sub_level_3,
.icemegamenu-2 ul.sub_level_4,
.icemegamenu-2 ul.sub_level_5 {
	top: -1px;
	left: 100%;
	margin-left:15px;
	z-index:99999;
	box-shadow:none;
	border:1px solid #444;
	border-top-color:#555;
  }
	
.icemegamenu-2 	ul.icesubMenu ul > li:hover > ul {
		opacity: 1;
		max-height:1000px;
		overflow:visible;
		visibility:visible;
		margin-left:-25px;}
	
 
 
 
/* Modules inside dropdown */
.icemegamenu-2 .icesubMenu .icemega_cover_module {
    padding: 10px 15px;
	color:#999;
}

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

.icemegamenu-2 .icesubMenu .icemega_cover_module a {
	color:#FFFFFF;}

	.icemegamenu-2 .ice_righttoleft{
		left:auto!important;
		right:0;
	}
  
@media (max-width: 800px) {
		.icemegamenu-2 .nav-collapse.icemegamenu > ul > li > a.iceMenuTitle {
		
 			font-size: 2.1vw;
    
} 
}  
@media (max-width: 768px) {
		.icemegamenu-2 .nav-collapse.icemegamenu > ul > li > a.iceMenuTitle {
		
 			font-size: 17px;
    
} 
}