.bellows {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bellows__item{width: 100%;}

.bellows__header {position: relative;padding: 15px 20px;border: 1px solid #2980b9;border-width: 0 0 1px;background: #247ac1;color: #fff;-webkit-tap-highlight-color: transparent;}

.bellows__header:active {background: #2980b9;}

.bellows__header::before,.bellows__header::after {content: '';position: absolute;top: 50%;right: 20px;z-index: 2;display: block;width: 16px;height: 4px;
    margin-top: -2px;background: #fff;pointer-events: none;-webkit-transition: -webkit-transform .25s ease-in-out;transition: transform .25s ease-in-out;}

.bellows__header::before {content: '';-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}

.bellows__header::after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

.bellows__item.bellows--is-open>.bellows__header::before,.bellows__item.bellows--is-opening>.bellows__header::before {
    -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.bellows__item.bellows--is-open>.bellows__header::after,.bellows__item.bellows--is-opening>.bellows__header::after {
    -webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}

.bellows__item:last-child>.bellows__header {border-bottom: 0;}

.bellows__header h1,.bellows__header h2,.bellows__header h3,.bellows__header h4 {margin: 0;}

.bellows__content {padding: 2% 2%;border: 1px solid #ecf0f1;background: #fff;overflow: hidden;word-wrap:break-word; line-height:22px;}

.bellows__content .bellows {margin-top: 20px;}

.bellows__item:not(.bellows--is-open)>.bellows__content{display:none}
.bellows__item.bellows--is-open>.bellows__content-wrapper,.bellows__item.bellows--is-closing>.bellows__content-wrapper{display:block}
.bellows__content-wrapper{display:none}