/* closed state */
.accordion *{
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.accordion .heading{
	cursor:pointer;
	position: relative;
	padding-right: 30px;
	padding-top: 4px;
	box-sizing: border-box;
}
.accordion .heading .toggle-icon{
	position:absolute;
	top:9px;
	right:0px;
	height:20px;
	width:20px;
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;
	background-position: center center;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.accordion .accordion-content{
	max-height:0px;
	overflow: hidden;
}

/* open state */
.accordion.open{

}
.accordion.open .heading{

}
.accordion.open .heading .toggle-icon{
	-ms-transform: rotate(135deg); /* IE 9 */
	-webkit-transform: rotate(135deg); /* Safari */
	transform: rotate(135deg);
}
.accordion.open .accordion-content{
	max-height:150px;

	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}