/*  LEVEL ONE  */
ul.dropdowni                       	{list-style: none;margin:0px;padding:0px;position: relative;width:100%;}
.dropdowni ul                      	{margin:0px;padding:0px;list-style:none;float:left;}
ul.dropdowni li                    	{float:left; zoom: 1;display:block;position:relative;z-index:500;margin-bottom:0px;}

ul.dropdowni li a                  	{text-decoration:none;display: block;padding:20px 18px 20px 18px;color:#000;font-size:16px;}
.dropdowni li a:hover		     	{color: #FFFFFF;}
ul.dropdowni li:last-child a      	{border-right:none;} 


/* Doesn't work in IE */
ul.dropdowni li.hover, ul.dropdowni li:hover {position: relative;}

.dropdowni ul li ul li 				{margin-left:0px;}

/*  LEVEL TWO  */
ul.dropdowni ul 						{width: 200px; visibility:hidden;position:absolute;top:100%;left:0;color:#FFFFFF;}
ul.dropdowni ul li 						{color:#FFFFFF;float:none;text-align:left;margin-bottom:0px;}


ul.dropdowni li > a{
	position:relative;
	display:block;
	font-size:16px;
	line-height:22px;
	font-weight:600;
	text-transform:capitalize;
	color:#393939;
	opacity:1;
	z-index:2;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

ul.dropdowni > li:after{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#ffc13b;
	z-index:1;
	opacity:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transform:skewX(-15deg);
	-ms-transform:skewX(-15deg);
	-o-transform:skewX(-15deg);
	-moz-transform:skewX(-15deg);
	-webkit-transform:skewX(-15deg);
}

ul.dropdowni  li:hover:after,
ul.dropdowni  li.current:after,
ul.dropdowni  li.current-menu-item:after{
	opacity:1;	
}

ul.dropdowni li > a:hover,
ul.dropdowni li > a:active{
	background:none;
	color:#ffffff;
	opacity:1;	
}

ul.dropdowni li > a:visited{
	background:none;
}

ul.dropdowni li:hover > a,
ul.dropdowni li.current > a,
ul.dropdowni li.current-menu-item > a,
ul.dropdowni li > ul > li:hover > a{
	color:#ffffff;
	opacity:1;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdowni ul li a				{text-decoration:none;padding:8px 0px 8px 18px;border:1px solid #514978;background:#272242;border-top:none;color:#FFFFFF;border-right:none;width:100%;display:inline-block;}
ul.dropdowni ul li a:hover			{color:#000000;border-right: none; width: 100%;display:inline-block;background:#FFBA00;}


/*  LEVEL THREE  */
ul.dropdowni ul ul 					{left:100%;top:0;}
ul.dropdowni li:hover > ul 			{visibility:visible;}

.mobileMenu {
	width:100% !important;
	height:40px;
	padding:5px 20px;
	border:1px solid #d3d3d3;
}

@media (min-width: 980px) and (max-width: 1160px) {
	ul.dropdowni li a {padding:20px 7px 20px 7px !important;}
}