.faq-block {
border:solid 1px #F1F1F1;
}

.faq-block .q {
cursor:pointer;
display:table;
width:100%;
background:#F1F1F1;
}

.faq-block .q h3 {
display:table-cell;
width:100%;
padding:0.5em 0 0.5em 1em;
}

.faq-block .q .arrow {
display:table-cell;
vertical-align:middle;
padding:0.5em 1em;
}

.faq-block .q .arrow:after {
content:"";
display:inline-block;
box-sizing: border-box;
width: 10px;
height: 10px;
border-bottom: 2px solid;
border-right: 2px solid;
transform: rotate(-45deg);
transition:transform 0.5s;
}

.faq-block.opened .q .arrow:after {
transform: rotate(45deg);
}

.faq-block .a {
display:none;
padding:0.5em 1em;
}