/*akordeon*/
.responsive-tabs .responsive-tabs__list { display: none }
.responsive-tabs .responsive-tabs__heading { display: block; cursor: pointer }
.responsive-tabs-wrapper { border-top: 1px solid #ccc }
.responsive-tabs .responsive-tabs__heading { background: #fff; border: 1px solid #ccc; border-top: none; color: #777; font-size: 18px; font-weight: normal; text-transform: inherit; margin: 0; padding: 10px 0; padding-left: 20px; position: relative }
.responsive-tabs .responsive-tabs__heading .fa { margin-right: 8px; display: none }
.responsive-tabs .responsive-tabs__heading:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #777; content: ""; display: block; position: absolute; right: 20px; top: 20px; height: 0; width: 0 }
.responsive-tabs .responsive-tabs__heading:hover,
.responsive-tabs .responsive-tabs__heading:focus { background: #eee; color: #777 }
.responsive-tabs .responsive-tabs__heading:hover:after,
.responsive-tabs .responsive-tabs__heading:focus:after { border-top: 6px solid #777 }
.responsive-tabs .responsive-tabs__heading--active,
.responsive-tabs .responsive-tabs__heading--active:hover,
.responsive-tabs .responsive-tabs__heading--active:focus { background: #ccc; color: #fff }
.responsive-tabs .responsive-tabs__heading--active:after,
.responsive-tabs .responsive-tabs__heading--active:hover:after,
.responsive-tabs .responsive-tabs__heading--active:focus:after { border-bottom: 6px solid #fff; border-top: 0; top: 18px }
.responsive-tabs .responsive-tabs__panel { background: #fff; border: 1px solid #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-top: none; margin: 0; padding: 0 20px; padding-top: 20px }