/*******************ACCORDEON************************/

.insci-accordeon {overflow: hidden; margin-top: 20px;}
.insci-disappear {width: 100%; overflow: hidden; max-height: inherit;  transition: all .3s ease-in; overflow: hidden; z-index: 0;}
.insci-accordeon-head-wrapper, .insci-accordeon-content-wrapper {display: table; width: 100%;} {display: table; width: 100%;}
.insci-accordeon .insci-accordeon-row {display: table-row;}
.insci-accordeon .insci-accordeon-head {height: 50px; cursor: pointer; z-index: 1;}
.insci-accordeon .insci-accordeon-head {display: table-cell; vertical-align: middle;  position: relative; padding: 0 45px;}
.insci-accordeon .insci-accordeon-head-title header > * {padding:0; margin: 0;}

.insci-accordeon .insci-accordeon-head-trigger {background-color: transparent;  border: none; height: 30px; width: 35px; position: absolute; top:20px; left: 0; margin: auto 0;}
.insci-accordeon .insci-accordeon-head-trigger > button {background-color: transparent;  border: none; outline: none; height: 100%; width: 100%;}
.insci-accordeon .insci-accordeon-head-title {float: left; width: 100%;}
.insci-accordeon .insci-accordeon-head-title h3 {float: left; line-height: 35px; margin-top: 0;}
.insci-accordeon-head-title .ce-gallery {float: left; margin-right: 10px;}

.insci-accordeon .insci-accordeon-content {display: table-cell; padding: 0 10px;}

/*closed*/

.insci-accordeon.toggle-closed .insci-disappear {transform: translateY(-100%); max-height: 0;}
.insci-accordeon.toggle-open .insci-disappear {transform: translateY(0);}
.insci-accordeon.toggle-closed .insci-accordeon-trigger-button::before {content: "\f067";}
.insci-accordeon.toggle-open .insci-accordeon-trigger-button::before {content: "\f068";}