/*
 CSS for the main interaction
*/
.accordion > input[name="collapse"] {
	display: none;
	/*position: absolute;
	left: -100vw;*/
}
.accordion label,
.accordion .content{
	width: 100%;
	margin: 0;
	transition: 0.5s;
	font-size: 14px;
}
.accordion label {
	display: block;
	color: #333;
	cursor: pointer;
	font-weight: normal;
	padding: 0px;
	padding-top:5px;
	background: rgba(0, 0, 0, 0.2);
	user-select: none;
	text-align: left;
	margin-top: 5px;
	height: 33px;
}
.accordion label:hover,
.accordion label:focus {
	background: #333;
	color: #FFF;
}
.accordion .content {
	background: rgba(255, 255, 255, 1);
	overflow: hidden;
	max-height: 0;
	transition: 0.5s;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 19px;
}
.accordion > input[name="collapse"]:checked ~ .content {
	border-top: 0;
	max-height: 3000px;
	overflow-y: hidden;
	transition: 1.5s linear;
}
.accordion {
	margin-bottom: 0px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.accordion .handleKV, .accordion .handleBF, .accordion .handleCE, .accordion .handleCS, .accordion .handleZ, .accordion .handleFZ,
.accordion .handleFK, .accordion .handleFER, .accordion .handleHER, .accordion .handleMS, .accordion .handleMG, 
.accordion .handleABO, .accordion .handleABI, .accordion .handleAGA, .accordion .handleAHO, .accordion .handleAIR, .accordion .handleASC, 
.accordion .handlePH, .accordion .handleAH, .accordion .handleBH, .accordion .handleJH, .accordion .handleNH, .accordion .handleKK,
.accordion .handleMD, .accordion .handleBrH {
	margin: 0;
}
.accordion .handleKV label:before, .accordion .handleBF label:before, .accordion .handleCE label:before, .accordion .handleCS label:before,
.accordion .handleZ label:before, .accordion .handleFZ label:before, .accordion .handleFK label:before, .accordion .handleFER label:before,
.accordion .handleHER label:before, .accordion .handleMS label:before, .accordion .handleMG label:before,
.accordion .handleABO label:before, .accordion .handleABI label:before, .accordion .handleAGA label:before,
.accordion .handleAHO label:before, .accordion .handleAIR label:before, .accordion .handleASC label:before,
.accordion .handlePH label:before, .accordion .handleAH label:before, .accordion .handleBH label:before, .accordion .handleJH label:before,
.accordion .handleNH label:before, .accordion .handleKK label:before, .accordion .handleMD label:before, .accordion .handleBrH label:before {
	font-family: FontAwesome;
	content: "\f107";
	transform: rotate(-90deg);
	display: inline-block;
	margin-right: 10px;
	margin-left: 5px;
	font-size: 20px;
	line-height: 1em;
	vertical-align: middle;
	transition: 0.8s;
}
.accordion > input[name="collapse"]:checked ~ .handleKV label:before, .accordion > input[name="collapse"]:checked ~ .handleBF label:before,
.accordion > input[name="collapse"]:checked ~ .handleCE label:before, .accordion > input[name="collapse"]:checked ~ .handleCS label:before,
.accordion > input[name="collapse"]:checked ~ .handleZ label:before, .accordion > input[name="collapse"]:checked ~ .handleFZ label:before,
.accordion > input[name="collapse"]:checked ~ .handleFK label:before, .accordion > input[name="collapse"]:checked ~ .handleFER label:before,
.accordion > input[name="collapse"]:checked ~ .handleHER label:before, .accordion > input[name="collapse"]:checked ~ .handleMS label:before,
.accordion > input[name="collapse"]:checked ~ .handleMG label:before,
.accordion > input[name="collapse"]:checked ~ .handleABO label:before, .accordion > input[name="collapse"]:checked ~ .handleABI label:before, 
.accordion > input[name="collapse"]:checked ~ .handleAGA label:before, .accordion > input[name="collapse"]:checked ~ .handleAHO label:before, 
.accordion > input[name="collapse"]:checked ~ .handleAIR label:before, .accordion > input[name="collapse"]:checked ~ .handleASC label:before,
.accordion > input[name="collapse"]:checked ~ .handlePH label:before, .accordion > input[name="collapse"]:checked ~ .handleAH label:before,
.accordion > input[name="collapse"]:checked ~ .handleBH label:before, .accordion > input[name="collapse"]:checked ~ .handleJH label:before,
.accordion > input[name="collapse"]:checked ~ .handleNH label:before, .accordion > input[name="collapse"]:checked ~ .handleKK label:before,
.accordion > input[name="collapse"]:checked ~ .handleMD label:before, .accordion > input[name="collapse"]:checked ~ .handleBrH label:before {
    transform: rotate(0deg);
    transform-origin: center;
    transition: 0.5s;
}