.tabs {
	margin-bottom: 0 !important;
	margin-left: 0; 
}
	
.tabs:before, .tabs:after {
	content: " ";
	display: table; 
}
	
.tabs:after {
	clear: both; 
}
	
.tabs .tab-title {
	float: left;
	list-style: none;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	margin-right: 2px;
	position: relative; 
}

.tabs .tab-title > a {
	display: block;
	font-family: inherit;
	font-size: 1em;
	padding: 1em 2em;
	text-decoration: none;
	outline: none;
	text-align: center;
}

.tabs.vertical .tab-title {
	position: inherit;
	float: none;
	display: block;
	top: auto; 
	margin-bottom: 2px !important;
	margin-right: 0 !important;
}

.tabs-content {
	width: 100%; 
}

.tabs-content:before, 
.tabs-content:after {
	content: " ";
	display: table; 
}

.tabs-content:after {
	clear: both; 
}

.tabs-content > .content {
	display: none;
	float: left;
	width: 100%; 
}

.tabs-content > .content.active {
	display: block;
	float: none; 
}

.tabs-content > .content.contained {
	padding: 0.9375rem; 
}

.tabs-content.vertical {
	display: block; }

@media only screen and (min-width: 720px) {

	.tabs.vertical {
		float: left;
		margin: 0;
		margin-bottom: 1.25rem !important;
		max-width: 24%;
		width: 24%; 
	}

	.tabs-content.vertical {
		float: right;
		margin-left: -1px;
		max-width: 73%;
		width: 73%; 
	} 
	.tabs-content.vertical .content {
		padding: 0 3.5%;
	}
}

.no-js .tabs-content > .content {
	display: block;
	float: none; 
}