/*
 * Tabs
 */

.nd2Tabs {
	display: block;
/*	
	margin: 0px 0px 0px 60px;
*/	
	margin: 0px 0px 0px 0px;
	
	padding: 0px;
	list-style-type: none;
	white-space: nowrap;
	overflow-x: auto;
	height: 48px;
	overflow-y: hidden;
}

.nd2Tabs li {
	display: inline-block;

	line-height: 48px;
	text-align: center;
	padding: 0px 12px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;

	cursor: pointer;
/*	
	color: rgba(255,255,255,0.6);
*/	
	color: rgba(0,0,0,0.3);

	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;

}

.nd2Tabs.ui-mini li {
	font-size: 12px !important;
	padding: 0px 8px !important;
}

.nd2Tabs li:hover {
/*	
	color: #ffffff;
*/	
	color: #000000;
	text-shadow: 1px 1px 1px rgba(0,0,0, .2);
}

.nd2Tabs .nd2Tabs-active {
/*	
	color: #ffffff;
*/	
	color: #000000;
	text-shadow: 1px 1px 1px rgba(0,0,0, .2);
	
	position: relative;
}

.nd2Tabs .nd2Tabs-active:after {

		content : "";
		position: absolute;
		width: 100%;
		height: 2px;
/*		
		background-color: #323232;
*/		
		bottom: 0px;
		left: 0px;
		
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)); 		

		-webkit-animation: zoomIn 0.4s;
		-moz-animation: zoomIn 0.4s;
		-ms-animation: zoomIn 0.4s;
		-o-animation : zoomIn 0.4s;
		animation : zoomIn 0.4s;

}

.nd2Tabs-content-tab {
	display: none;

	opacity: 0;

	transform: translate(-100%,0%);

	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;

}

.nd2Tabs-content-tab.nd2Tab-active.from-left,
.nd2Tabs-content-tab.nd2Tab-active.to-left {
	-webkit-transform: translate(-100%,0%);
	-moz-transform: translate(-100%,0%);
	-ms-transform: translate(-100%,0%);
	-o-transform: translate(-100%,0%);
	transform: translate(-100%,0%);

	position: absolute;
	width: 100%;
}

.nd2Tabs-content-tab.nd2Tab-active.from-right,
.nd2Tabs-content-tab.nd2Tab-active.to-right {
	-webkit-transform: translate(100%,0%);
	-moz-transform: translate(100%,0%);
	-ms-transform: translate(100%,0%);
	-o-transform: translate(100%,0%);
	transform: translate(100%,0%);

	position: absolute;
	width: 100%;

}



.nd2Tabs-content-tab.nd2Tab-active {
	display: block;
	opacity: 1;

	transform: translate(0%,0%);

}