.accordeon{margin:10px 0}.accordeon,.accordeon .title{transition:all .2s ease-in-out}.accordeon .title{background:#333;color:#fff;font-size:1rem;font-weight:500;padding:30px 50px 30px 30px;position:relative}.accordeon .title:hover{cursor:pointer;transition:all .2s ease-in-out}.accordeon .title .arrow{background:transparent;border-radius:100%;display:block;height:35px;position:absolute;right:-15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .2s ease-in-out;width:35px}.accordeon .title .arrow:after,.accordeon .title .arrow:before{background:#fff;content:"";height:2px;position:absolute;top:17px;transition:all .2s ease-in-out;width:20px}.accordeon .title .arrow:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:all .2s ease-in-out}@media (min-width:1600px){.accordeon .title .arrow{right:0}}.accordeon .content{max-height:0;overflow:hidden;transition:all .2s ease-in-out}.accordeon.active .title{background:#85bc22;padding-bottom:30px;transition:all .2s ease-in-out}.accordeon.active .content{padding:30px}.accordeon.active .arrow,.accordeon.active .content{transition:all .2s ease-in-out}.accordeon.active .arrow:after{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .2s ease-in-out}