#block-sustainablepackagingdevelopment{background-color:#f1f7fc;padding-top:35px;padding-bottom:75px;border-top:solid 40px #fff}#block-sustainablepackagingdevelopment .wrapper{max-width:1000px;width:calc(100% - 20px);margin:0 auto}#block-sustainablepackagingdevelopment .wrapper .cols .col:last-child{width:350px}#block-sustainablepackagingdevelopment .wrapper .field--name-field-sur-titre{font-size:1em;font-weight:500;margin-bottom:10px}#block-sustainablepackagingdevelopment .wrapper .field--name-field-titre{font-size:2.2em;font-family:"Barlow Condensed";font-weight:800;text-transform:uppercase;margin:20px 0 10px 0;line-height:100%}#block-sustainablepackagingdevelopment .wrapper .field--name-field-introduction{font-size:.944em}#block-sustainablepackagingdevelopment .wrapper .field--name-field-introduction p{margin:0 0 45px 0}#block-sustainablepackagingdevelopment .wrapper svg{width:100%}#block-sustainablepackagingdevelopment .wrapper svg g{cursor:pointer}#block-sustainablepackagingdevelopment .wrapper svg path{transition:all .25s linear}#block-sustainablepackagingdevelopment .wrapper svg #our-operations{fill:#c3d5e6;cursor:pointer}#block-sustainablepackagingdevelopment .wrapper svg #our-operations.selected{fill:#8bc8ff}#block-sustainablepackagingdevelopment .wrapper svg #procurement-partnership{cursor:pointer;fill:#b8c589}#block-sustainablepackagingdevelopment .wrapper svg #procurement-partnership.selected{fill:#789904}#block-sustainablepackagingdevelopment .wrapper svg #package-design{fill:#9fb091;cursor:pointer}#block-sustainablepackagingdevelopment .wrapper svg #package-design.selected{fill:#396316}#block-sustainablepackagingdevelopment .wrapper svg #end-of-life{fill:#88b5db;cursor:pointer}#block-sustainablepackagingdevelopment .wrapper svg #end-of-life.selected{fill:#0071ce}#block-sustainablepackagingdevelopment .wrapper .content{display:none;padding:40px 25px;font-size:1em;font-weight:500;transition:all .25s linear;opacity:0;position:fixed;top:30px;left:30px;width:calc(100% - 110px);height:calc(100% - 200px);z-index:10;line-height:135%}#block-sustainablepackagingdevelopment .wrapper .content::after{content:" ";position:absolute;top:10px;right:10px;width:21px;height:21px;background-image:url(../images/sustainability/close.png);background-size:cover;z-index:11;display:none}#block-sustainablepackagingdevelopment .wrapper .content p{margin-top:0}#block-sustainablepackagingdevelopment .wrapper .content ul{margin:0 0 0 18px;padding:0}#block-sustainablepackagingdevelopment .wrapper .content ul li{margin-bottom:1em}#block-sustainablepackagingdevelopment .wrapper .content.selected{display:block;opacity:1;box-shadow:0px 0px 20px 70px rgba(0,0,0,.5)}#block-sustainablepackagingdevelopment .wrapper .content.selected::after{display:block}#block-sustainablepackagingdevelopment .wrapper .content[data-for=our-operations]{background-color:#8bc8ff;color:#fff}#block-sustainablepackagingdevelopment .wrapper .content[data-for=procurement-partnership]{background-color:#789904;color:#fff}#block-sustainablepackagingdevelopment .wrapper .content[data-for=package-design]{background-color:#396316;color:#fff}#block-sustainablepackagingdevelopment .wrapper .content[data-for=end-of-life]{background-color:#0071ce;color:#fff}@media screen and (min-width: 768px){#block-sustainablepackagingdevelopment .wrapper svg{width:475px}}@media screen and (min-width: 1024px){#block-sustainablepackagingdevelopment .wrapper{width:calc(100% - 120px)}#block-sustainablepackagingdevelopment .wrapper .cols{display:-moz-flex;display:flex;-moz-justify-content:space-between;justify-content:space-between}#block-sustainablepackagingdevelopment .wrapper .cols .col:last-child{width:350px}#block-sustainablepackagingdevelopment .wrapper .field--name-field-sur-titre{font-size:1.666em}#block-sustainablepackagingdevelopment .wrapper .field--name-field-titre{margin:20px 0 0 0}#block-sustainablepackagingdevelopment .wrapper svg{width:475px;height:475px}#block-sustainablepackagingdevelopment .wrapper .col{position:relative}#block-sustainablepackagingdevelopment .wrapper .content{width:300px;height:380px;font-size:.889em;position:absolute;top:0;left:0;display:block;opacity:0}#block-sustainablepackagingdevelopment .wrapper .content.selected{opacity:1;box-shadow:none}#block-sustainablepackagingdevelopment .wrapper .content.selected::before{display:none}#block-sustainablepackagingdevelopment .wrapper .content.selected::after{display:none}}@media screen and (min-width: 1275px){#block-sustainablepackagingdevelopment .wrapper{width:100%}}