.accordeon-title{width:280px;display:block;cursor:pointer;border-radius:5rem;background-color:#eee;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;position:relative;margin:auto;padding:2rem 4.3rem 2rem 3rem}.accordeon-title.active,.no-touch .accordeon-title:hover{color:#fff}.cosmetic-page .accordeon-title.active,.no-touch .cosmetic-page .accordeon-title:hover{background-color:#90AACB}.alimentary-page .accordeon-title.active,.no-touch .alimentary-page .accordeon-title:hover{background-color:#FF8500}.industry-page .accordeon-title.active,.no-touch .industry-page .accordeon-title:hover{color:#000;background-color:#FFCE51}.services-page .accordeon-title.active,.no-touch .services-page .accordeon-title:hover{background-color:#5F847D}.accordeon-title+.accordeon-title{margin-top:2.5rem}.accordeon-title.active:before,.no-touch .accordeon-title:hover:before{width:13px;height:13px;content:'';display:block;border-top:4px solid;border-right:4px solid;position:absolute;top:50%;right:5%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.accordeons-contents{margin-top:2.5rem}.accordeon-content{display:none}.accordeon-content.active{display:block}.accordeon-content>*:first-child{margin-top:0}@media screen and (min-width: 768px){.accordeon-section .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.accordeon-section .accordeons-contents{width:calc(100% - 320px);max-width:820px}}