*, *:before, *:after {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 100%;
  font: inherit;
}


/*----- Tabs -----*/
.tabs {
	width:100%;
	display:inline-block;
}

	/*----- Tab Links -----*/
	/* Clearfix */
	.tab-links:after {
		display:block;
		clear:both;
		content:'';
	}
	
	ul {
		margin-top: 0;
		margin-bottom: 0px;
	}


	.tab-links li {
		margin:0px 5px;
		float:left;
		list-style:none;
	}

		.tab-links a {
			padding:9px 15px;
			display:inline-block;
			border-radius:3px 3px 0px 0px;
			background:#888888;
			font-size:13px;
			font-family: "Muli", sans-serif;
			font-weight:600;
			color:#ffffff;
			transition:all linear 0.15s;
		}

		.tab-links a:hover {
			background:#000000;
			text-decoration:none;
		}

	.tab-links li.active a, .tab-links li.active .tab-links a:hover {		
		background:#CCCCCC;
		color:#555555;
	}

	/*----- Content of Tabs -----*/
	.tab-content {
		padding:15px;
		border-radius:3px;
		box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);
		background:#fff;
	}

		.tab {
			display:none;
		}

		.tab.active {
			display:block;
		}