/* CSS TOGGLES */

/* Standard */

.toggle {
	display: none;
}

.toggleTabs {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}

.toggleTabs .toggleLabel {
	display: block;
	text-align: center;
	padding: 15px 3%;
	margin: 1%;
	color: #fff;
	background: #c91d22;
	box-shadow: 0 0 0 1px #1f1f1f;
}

.toggleTabs .toggleLabel:hover {
	cursor: pointer;
}

.toggleTabs .toggleBackground {
	background: #1f1f1f !important;
}

.hiddenToggleBlock {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 0 auto;
}

input.toggle:checked + .hiddenToggleBlock {
	max-height: none !important;
	opacity: 1 !important;
}

input.toggle:checked ~ .toggleTabs .toggleLabel {
	background: #333;
}