/*============================================

Nuxion jQuery by SONHLAB.com - version 1.1
Website: http://sonhlab.com
Documentation: http://docs.sonhlab.com/nuxion-jquery-responsive-ux-navigation-menu/

============================================*/



/*========== START NUXION jQuery ==========*/
.nuxion {
	position:relative;
	padding:0;
	margin:0px auto;
	
}

.nuxion > .nav-mainmenu {
	position:relative;
}


.nav-mainitem {
	color:inherit;
	display:block;
	visibility:hidden;
	cursor:pointer;
	margin:0;
	padding:0;
}



/* Start More Menu */
.nav-mainmenu > .nav-moremenu {
	position:absolute;
	right:0; 

}
.nav-moremenu > .nav-moreitem {
	cursor:pointer;
	margin:0;
	padding:0;
	color: inherit;
	position:relative;
}

.nuxion > .nav-mainmenu > .nav-stackeditem {
	/*display:none;*/
}

.nav-moremenu > .nav-stackeditemcontainer {
	display:none;
	position:absolute;
	padding:20px 0;
	z-index:9998;
	right:0;
}


.nav-stackedsub-header {
	cursor:pointer;
	height:48px;
	display:block;
	overflow:hidden;

	/* Start Shadow */
	box-shadow: 0 5px 20px -10px #666;
	-moz-box-shadow: 0 5px 20px -10px #666;
	-webkit-box-shadow: 0 5px 20px -10px #666;
	/* End Shadow */

}



.nav-stackedsub-header > span > img {
	height:32px;
}
.nav-stackedsub-header > .nav-icon {
	height:48px;
	padding: 0 8px;
}
.nav-stackedsub-header > .nav-icon > i {
	font-size:32px;
}

.nav-stackedsub-header > .nav-returnbt {
	padding:0 10px;
	font-size:48px;
	display:inline-block;
	height:48px;
	line-height:48px;
	float:left;
}
.nav-stackedsub-header > .nav-title {
	font-size:16px;
	display:inline-block;
	height:48px;
	line-height:48px;
}
/* End More Menu */





/*===== Start Main Menu - Large Style =====*/
.nav-largesize {
	height:100px;
}

.nav-largesize .nav-mainitem,
.nav-largesize .nav-moreitem {
	height:100px;
	width:100px;
	overflow:hidden;
	display: table;
	position:relative;
}
.nav-largesize .nav-mainitem > .nav-icon,
.nav-largesize .nav-moreitem > .nav-icon {
	height:48px;
	width:48px;
	display:block;
	margin:0 auto;
	position:absolute;
	top:16px;
	left:26px;
}
.nav-largesize .nav-mainitem > .nav-icon > img,
.nav-largesize .nav-moreitem > .nav-icon > img {
	width:48px;
	height:48px;
	display:block;
	border:0;
}

.nav-largesize .nav-mainitem > .nav-icon > i,
.nav-largesize .nav-moreitem > .nav-icon > i {
	font-size:48px;
	width:48px;
	height:48px;
	display:block;
	text-align:center;
}
.nav-largesize .nav-mainitem > .nav-title,
.nav-largesize .nav-moreitem > .nav-title {
	display:table-cell;
	text-align:center;
	height:90px;
	width:100px;
	font-size:16px;
	overflow:hidden;
	position:relative;
	vertical-align:bottom;
	padding-bottom:10px;
}

/*===== End Main Menu - Large Style =====*/



/*===== Start Main Menu - Medium Style =====*/
.nav-medsize {
	height:48px;
}

.nav-medsize .nav-mainitem,
.nav-medsize .nav-moreitem {
	height:48px;
	line-height:48px;
	padding:0 12px;
}

.nav-medsize .nav-mainitem > span ~ span,
.nav-medsize .nav-moreitem > span ~ span
{ margin-left:12px; }

.nav-medsize .nav-mainitem > .nav-icon,
.nav-medsize .nav-moreitem > .nav-icon {
	display:block;
	height:48px;
	width:24px;
	float:left;
}
.nav-medsize .nav-mainitem > .nav-icon > img,
.nav-medsize .nav-moreitem > .nav-icon > img {
	height:24px;
	position:relative;
	top:12px;
	float:left;
}

.nav-medsize .nav-mainitem > .nav-icon > i,
.nav-medsize .nav-moreitem > .nav-icon > i {
	font-size:24px;
	line-height:48px;
}
.nav-medsize .nav-mainitem > .nav-title,
.nav-medsize .nav-moreitem > .nav-title {
	float:left;
	display:block;
}



/*===== End Main Menu - Medium Style =====*/



/*===== Start Main Menu - Small Style =====*/
.nav-smallsize {
	height:34px;
}

.nav-smallsize .nav-mainitem,
.nav-smallsize .nav-moreitem {
	height:34px;
	line-height:34px;
	padding:0 10px;
}

.nav-smallsize .nav-mainitem > span ~ span,
.nav-smallsize .nav-moreitem > span ~ span
{ margin-left:10px; }

.nav-smallsize .nav-mainitem > .nav-icon,
.nav-smallsize .nav-moreitem > .nav-icon {
	display:block;
	height:34px;
	float:left;
}
.nav-smallsize .nav-mainitem > .nav-icon > img,
.nav-smallsize .nav-moreitem > .nav-icon > img {
	height:14px;
	position:relative;
	top:10px;
	float:left;
}

.nav-smallsize .nav-mainitem > .nav-icon > i,
.nav-smallsize .nav-moreitem > .nav-icon > i {
	font-size:14px;
	line-height:24px;
}
.nav-smallsize .nav-mainitem > .nav-title,
.nav-smallsize .nav-moreitem > .nav-title {
	float:left;
	display:block;
}


/*===== End Main Menu - Small Style =====*/




/*========== END NUXION jQuery ==========*/