.menu {
	margin-bottom: 10px;

	a {
		display: block;
		background: #fff;
		margin-bottom: 1px;
		padding: 21px;
		font-size: 16px;
		color: #444444;
		text-decoration: none;
		position: relative;
		font-weight: bold;
		font-family: 'Roboto Condensed', sans-serif;

		&:hover {
			opacity: 0.9;
		}
		&.level2 {
			padding-left: 50px;
			display: block;
			&.hidden {
				display: none;
			}
		}
		&.level3 {
			padding-left: 100px;
			display: block;
			&.hidden {
				display: none;
			}
		}

		span {
			font-size: 14px;
			font-weight: 100;
			font-family: 'Roboto', sans-serif;
			text-transform: none;
		}
		span.expander:before {
			content: '+';
		}
		span.expander.expanded:before {
			content: '-';
		}
		span.expander {
			font-size: 16px;
			margin-left: 10px;
		}
	}

	&.icons {
		a {
			padding-left: 55px;
		}

		a:before {
			content: '';
			background: url(/images/sportsIcon.png) 0px -6px #89c331;
			background-size: 520px;
			height: 80px;
			width: 90px;
			position: absolute;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			border-radius: 50px;
			top: 24px;
			left: 20px;
			border: 1px solid #73AD1B;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			zoom: 0.4;
		}

		a.baketball:before {
			background-position-y: -109px;
		}
		a.tennis:before {
			background-position-y: -217px;
		}
	}

}

.submenu {
	background: #05060a;
	padding: 20px 0;

	div, li {
		width: 32%;
		display: inline-block;
		text-align: center;
		color: #232425;
	}

	a {
		color: #FFF;
		text-decoration: none;
		font-size: 14px;
	}
	a:hover {
		color: #fff;
	}

	div.active a {
		color: #fff;
		border-bottom: 3px solid #89c331;
	}
	li.active a {
		color: #fff;
		border-bottom: 3px solid #89c331;
	}

	&.category-details {
		div, li {
			width: 49%;
		}
	}

}
.tab-content {
	> .tab-pane {
		display: none;
	}
	> .active {
		display: block;
	}
}