.content-acordeon{text-align:left;padding:10px 20px;float:none;background-color:#FFF;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.content-acordeon a:hover{color:#333}
/* ACORDEON MENU */
.transition, ul li i::before, ul li i::after{transition:all 0.25s ease-in-out}
.flipIn, ul li{animation:flipdown 0.5s ease both}
.no-select{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
ul li:nth-of-type(1) {animation-delay:0.5s}ul li:nth-of-type(2) {animation-delay:0.75s}ul li:nth-of-type(3) {animation-delay:1s}ul li:nth-of-type(4) {animation-delay:1.25s}ul li:last-of-type {padding-bottom:0}
ul li i {position:absolute;transform:translate(-6px, 0);margin-top:5px;margin-right:10px;right:0}ul li h3{padding:25px 0 10px 0}
ul li i::before, ul li i::after {content:"";position:absolute;background-color:#8FBC8E;width:3px;height:9px}
ul li i::before {transform:translate(-2px, 0) rotate(45deg)}
ul li i::after {transform:translate(2px, 0) rotate(-45deg)}
ul li input[type=checkbox] {position:absolute;cursor:pointer;width:100%;height:100%;z-index:1;opacity:0}
ul li input[type=checkbox]:checked ~ p {margin-top:0;max-height:0;opacity:0;transform:translate(0, 50%)}
ul li input[type=checkbox]:checked ~ i::before {transform: translate(2px, 0) rotate(45deg)}
ul li input[type=checkbox]:checked ~ i::after {transform:translate(-2px, 0) rotate(-45deg)}
@keyframes flipdown {0% {opacity:0;transform-origin:top center;transform:rotateX(-90deg)} 5%{opacity:1}80%{transform:rotateX(8deg)}83%{transform:rotateX(6deg)}92%{transform:rotateX(-3deg)}98%{transform-origin:top center;transform:rotateX(0deg)}
}
/* FIN ACORDEON MENU */
@media (min-width: 1024px) {.content-acordeon{float:left;width:69.5%;margin-bottom:5px}}