.category.collapsible {
	width: 100%; margin: 0; padding: 14px 18px; display: inline-block; position: relative; cursor: pointer;
	color: #fff; text-align: left; font-size: 24px; 
	
	border: none; border-bottom:1px solid rgba(255, 255, 255, .2);outline: none;
	transition:all 0.40s linear 0s;
	-o-transition:all 0.40s linear 0s;
	-ms-transition:all 0.40s linear 0s;
	-moz-transition:all 0.40s linear 0s;
	-webkit-transition:all 0.40s linear 0s;
}

.pst-category button:nth-child(1)  { background-color:  rgba(82, 121, 111, 1);  }
.pst-category button:nth-child(2) { background-color:  rgba(82, 121, 111, .95);  }
.pst-category button:nth-child(3) { background-color:  rgba(82, 121, 111, .9); }
.pst-category button:nth-child(4) { background-color:  rgba(82, 121, 111, .85); }
.pst-category button:nth-child(5) { background-color:  rgba(82, 121, 111, .8); }
.pst-category button:nth-child(6) { background-color:  rgba(82, 121, 111, .75); }
.pst-category button:nth-child(7) { background-color:  rgba(82, 121, 111, .7); }
.pst-category button:nth-child(8) { background-color:  rgba(82, 121, 111, .65); }
.pst-category button:nth-child(9) { background-color:  rgba(82, 121, 111, .6); }

.category.active, .category.collapsible:hover {
	background-color: #354f52;
	transition:all 0.40s linear 0s;
	-o-transition:all 0.40s linear 0s;
	-ms-transition:all 0.40s linear 0s;
	-moz-transition:all 0.40s linear 0s;
	-webkit-transition:all 0.40s linear 0s;
}

.category.collapsible::after {
	content: '\002B';
	margin-left: 5px; float: right;
	color: #fff; font-weight: lighter;
}

.category.active::after {
	content: "\2212";
}

.category.collapsible.show-all::after {
	content: '\25CB';
	margin-left: 5px; float: right;
	color: #fff; font-weight: lighter; font-size: 21px;
  font-family: 'MS Sans Serif', 'Tahoma', 'Verdana', 'Arial', 'Tahoma', 'sans-serif';
}
.category.collapsible.show-all:active::after {
  content: '\25CF';
	font-family: 'MS Sans Serif', 'Tahoma', 'Verdana', 'Arial', 'Tahoma', 'sans-serif';
}
.category.active.show-all::after {
  content: '\25CF';
	font-family: 'MS Sans Serif', 'Tahoma', 'Verdana', 'Arial', 'Tahoma', 'sans-serif';
}

.content-category {
	max-height: 0; padding: 0; overflow: hidden;
	transition: max-height 0.25s ease-out;
	background-color: #cad2c5;
}

/*
@media screen and (max-width:480px) {
	.category.collapsible:after { display:none; visibility:hidden;}
	.category.active:after { display:none; visibility:hidden;}
}
*/