.faq-item{
	margin-bottom: 20px;
}

.faq-item .title{
	color: #332b29;
	
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	display: block;
	background-color: #d9d9d9;
	padding: 10px 25px;
}

.faq-item .title:hover{
	cursor: pointer;
	background-color: #e9e9e9;
}

.faq-item .desc{
	display: block;
	padding: 25px 0px;
	background-color: white;
	color: #514e4d;
	opacity: 1;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	max-height: auto;
 -webkit-transition: max-height 500ms, padding 500ms linear;
  transition: max-height 500ms, padding 500ms linear;
  
 

}


.faq-item.closed .desc{
	max-height: 0;
	padding: 0px;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: max-height 500ms, padding 500ms ease-in;
    transition: max-height 500ms, padding 500ms ease-in;
	
}

.faq-item .title span{
	position: relative;
}

.faq-item .title span:after{
	content: '';
    display:block; 
    background-image:url(img/corner.png);
    background-repeat:no-repeat;
    width:23px;
    height:12px;
    position:absolute;
    right:-42px;
    top:6px;
    transform: rotate(0deg);
    transition: all 0.3s ease 0s;
}

.faq-item.closed .title span:after{
	transform: rotate(180deg);
}