@font-face{font-family:Gotham;src:url(./Gotham-Book-2460d58c.woff);font-weight:100}@font-face{font-family:Gotham;src:url(./Gotham-Bold-90bfa7ae.woff);font-weight:700}@font-face{font-family:Gotham;src:url(./Gotham-Medium-458866ca.woff);font-weight:400}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;font-family:Gotham,sans-serif;background:#000}#root{min-height:600px;min-height:100%}body{background-size:cover;overflow:auto;height:100vh;min-height:600px;min-height:100%}*{margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hide{opacity:0!important;transition:opacity .5s!important}.videofadeIn{opacity:0!important;transition:opacity 1s ease .3s!important}.showQuick{opacity:1!important;transition:opacity .5s!important}.show{opacity:1!important;transition:opacity 3s!important}section{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}div.flex{display:flex}div.flexReverse{display:flex;flex-direction:row-reverse}.padding{padding:calc(27px + .6vw)}.margin{margin:calc(27px + .6vw)}.paddingTopBottom{padding:calc(27px + .6vw) 0}.marginTopBottom{margin:calc(27px + .6vw) 0}.paddingTop{padding-top:calc(18px + .4vw)}.paddingBottom{padding-bottom:calc(18px + .4vw)}.marginTop{margin-top:calc(18px + .4vw)}.paddingLeft{padding-left:calc(18px + .4vw)}@media only screen and (max-width: 740px){#menuLang{left:calc(50% - 25px)!important;bottom:50px!important}}@media only screen and (max-width: 740px){div.flex,div.flexReverse{display:flex;flex-direction:column}}h1{font-family:Gotham,sans-serif;font-size:calc(24px + .6vw);line-height:calc(26px + .6vw);font-weight:700;text-align:center}h2{font-family:Gotham,sans-serif;font-size:calc(15px + .4vw);line-height:calc(17px + .4vw);font-weight:400;text-align:center}h3{font-family:Gotham,sans-serif;font-size:calc(10.5px + .3vw);line-height:calc(12.5px + .3vw);font-weight:lighter;text-align:center}p{font-family:Gotham,sans-serif;font-size:max(18px,calc(9px + .27vw));line-height:max(18px,calc(10px + .27vw));font-weight:lighter;text-align:center;line-height:24px}h4{font-family:Gotham,sans-serif;font-size:calc(7.5px + .235vw);line-height:calc(9.5px + .235vw);font-weight:lighter;text-align:center;letter-spacing:calc(.15px + .05vw)}h5{font-family:Gotham,sans-serif;font-size:calc(6px + .2vw);line-height:calc(8px + .2vw);font-weight:lighter;text-align:center;letter-spacing:calc(.12px + .04vw)}@media only screen and (max-width: 768px){h1{font-size:Calc(1em + 7px);line-height:Calc(1em + 9px)}h2{font-size:Calc(.8em + 5px);line-height:Calc(.8em + 7px)}h3{font-size:Calc(.7em + 4px);line-height:Calc(.7em + 6px)}p{font-size:max(16px,Calc(.65em + 3.5px));line-height:max(18px,calc(.65em + 5.5px))}h4{font-size:Calc(.6em + 3px);line-height:Calc(.6em + 5px)}h5{font-size:Calc(.55em + 3px);line-height:Calc(.55em + 5px)}}button{font-family:Gotham,sans-serif;font-weight:lighter;cursor:pointer}button.icon{background-color:transparent;border:none;border-radius:50%}button.icon#logo{position:absolute;display:flex;align-items:flex-start;justify-content:flex-start;left:60px;top:25px;width:calc(26.6px + 8vw)}button.icon#logo img{width:100%}button.icon.introLogo{width:calc(43.3px + 13vw)}button.icon#sound,button.icon#play,button.icon#fullscreen{position:absolute;right:60px;bottom:70px;display:flex;align-items:flex-end;justify-content:flex-start;z-index:3;border-radius:50%;height:calc(6.6px + 2vw);width:calc(6.6px + 2vw)}button.icon#sound img,button.icon#play img,button.icon#fullscreen img{height:100%;width:auto}button.bubble{position:relative;background-color:#ba0c2f;min-width:calc(180px + 6vw);padding:0 calc(10px + .2vw);margin:10px;border:1px solid #BA0C2F;border-radius:5px;height:calc(30px + 1vw);line-height:calc(30px + 1vw);font-size:calc(12px + .4vw);color:#fff;text-decoration:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:background-color .3s,color .3s}button.bubble:hover{background-color:#fff;color:#ba0c2f;border:solid 1px #BA0C2F;transition:background-color .3s,color .3s}button.bubble.dead{cursor:not-allowed;opacity:.6}button.bubble.dead:hover{background-color:#ba0c2f;color:#fff;border:solid 1px #BA0C2F;transition:background-color .3s,color .3s}button.bubble:active{background-color:#95172c;transition:background-color .3s}button.underline{position:relative;background-color:transparent;border:none;line-height:20px;font-size:20px;color:#fff;text-decoration:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom:1px solid rgba(255,0,0,0);transition:border .3s}button.underline:hover{border-bottom:1px solid;border-color:inherit;transition:border .5s}button.underline.active{border-bottom:1px solid;border-color:inherit}button.no-effect{font-family:Gotham,sans-serif;font-weight:lighter;position:relative;background-color:transparent;border:none;font-size:calc(12px + .4vw);line-height:calc(12px + .4vw);color:#3f0c0c;text-decoration:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom:1px solid rgba(255,0,0,0);transition:border .3s}button:focus{-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}button.timeline{border:solid 1px #ECE6E0;border-radius:50%;background-color:transparent}@media only screen and (max-width: 768px){button.buble,button.underline{line-height:16px;font-size:16px}button.icon#logo{left:20px;top:35px;width:calc(26.6px + 20vw);z-index:3}button.icon.introLogo{width:calc(43.3px + 32vw)}button.icon.menu{width:calc(15px + 7.5vw);height:calc(15px + 7.5vw)}button.icon#sound,button.icon#play img{height:calc(10px + 5vw);width:calc(10px + 5vw)}button.icon#sound img,button.icon#play img{position:relative;left:30px;top:10px}}section#opening{z-index:12;opacity:0;animation:3s forwards .5s opening-animation}section#opening.close{opacity:1;animation:1s forwards closing-animation}@keyframes opening-animation{0%{opacity:0}to{opacity:1}}@keyframes closing-animation{0%{opacity:1}to{opacity:0}}div.circle{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;outline:solid;outline-color:#fff;border-radius:50%}div.circle#circle-one{height:calc(50px + 10vw);width:calc(50px + 10vw);outline-width:2px;z-index:11}div.circle#circle-two{height:calc(43.3px + 8vw);width:calc(43.3px + 8vw);outline-width:1px}div.circle#circle-three{height:calc(26.6px + 5vw);width:calc(26.6px + 5vw);outline-width:1px}div.circle#circle-four{height:calc(20px + 3vw);width:calc(20px + 3vw);outline-width:.5px}button#circle-center{height:calc(6.6px + 2vw);width:calc(6.6px + 2vw);z-index:12;position:absolute;display:flex;align-items:center;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}button#circle-center>img{width:100%}p#circle-text{position:relative;top:calc(30px + 9vw + 50%);color:#fff}div#videoGreyColor{z-index:11;position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:#545454;mix-blend-mode:multiply}@media only screen and (orientation: landscape) and (max-width: 760px){div.circle,button.icon#circle-center{top:60%}div.circle#circle-one{height:calc(50px + 14vw);width:calc(50px + 14vw)}div.circle#circle-two{height:calc(43.3px + 8vw);width:calc(43.3px + 8vw)}div.circle#circle-three{height:calc(26.6px + 6vw);width:calc(26.6px + 6vw)}div.circle#circle-four{height:calc(20px + 4vw);width:calc(20px + 4vw)}}@media only screen and (max-width: 760px){div.circle#circle-one{height:calc(50px + 14vw);width:calc(50px + 14vw)}div.circle#circle-two{height:calc(43.3px + 8vw);width:calc(43.3px + 8vw)}div.circle#circle-three{height:calc(26.6px + 6vw);width:calc(26.6px + 6vw)}div.circle#circle-four{height:calc(20px + 4vw);width:calc(20px + 4vw)}}div#videoRedColor{z-index:11;position:absolute;left:calc(50% - 60px);top:calc(50% - 60px);height:120px;width:120px;border-radius:50%;mix-blend-mode:multiply;background-color:#ba0c2f;opacity:0;scale:1;animation:3s forwards videoRedColor-animation}@keyframes videoRedColor-animation{0%{scale:1}to{scale:30}}section#entrance{z-index:12;justify-content:center}section#entrance h1{color:#fff;position:relative;top:0;text-transform:uppercase}section#entrance p{color:#fff;position:relative;top:0;text-align:center}section#into-background button{z-index:12;position:relative;top:7%}section#into-background button>img{width:100%}section#into-background h4{z-index:12;position:relative;bottom:2.5%;color:#fff}@media (orientation: landscape) and (max-width: 960px){button.icon.introLogo{width:calc(43.3px + 22vw)}section#entrance h1{font-size:1.5rem;line-height:1.75rem;margin-top:100px}section#entrance p{padding-top:calc(20px + 0vw)!important;padding-bottom:calc(20px + 0vw)!important}section#into-background h4{display:none!important}}div#videoblackFadeIn{z-index:10;position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:#000}div#videoRedColor-endLoop{z-index:11;background-color:#ba0c2f;position:absolute;left:0;top:0;height:100vh;width:100vw;mix-blend-mode:multiply}section#endLoop{z-index:12;justify-content:center}section#endLoop h1{color:#fff;text-transform:uppercase}section#endLoop p{color:#fff;text-align:center}section#endLoop>button.underline{color:#fff;position:relative;top:calc(27px + .6vw)}div#page-background{opacity:0}div#page-background.transparent{background-color:transparent;opacity:0}div#page-background.transparent.animated{opacity:1;transition:opacity 1s}div#page-background.gradient{background-image:linear-gradient(transparent,white);background-color:transparent;transition:background-color 2s ease,opacity 1s}div#page-background.gradient.animated{opacity:1;background-image:linear-gradient(transparent,white);background-color:#eee8e2}div#page-background.beige{background-color:transparent;transition:background-color 2s ease,opacity 1s}div#page-background.beige.animated{opacity:1;background-color:#eee8e2}div#page-background.red{background-color:transparent;transition:background-color 2s ease,opacity 1s}div#page-background.red.animated{opacity:1;background-color:#ba0d2f}div.page-block{width:70%;position:relative;transform:translateY(150px);opacity:0;transition:2s all ease}div.no-animation.page-text{width:70%}div.page-block.animated{transform:translateY(0);opacity:1}@media only screen and (max-width: 1024px){div.page-block,div.no-animation.page-text{width:90%}}div#page-title-wrapper{transform:translate(-100%);animation:2s forwards .5s ease left-to-right-animation;min-height:calc(138px + 3.2vw);display:flex;align-items:center;justify-content:flex-start;background-color:#ba0d2f;width:auto;border-radius:5px}div#page-title-wrapper-wrapper{display:flex;align-items:center;justify-content:flex-start;padding-top:180px;width:102vw}div#page-title-wrapper.endAnimation{opacity:1;transform:translate(0);animation:2s forwards .5s ease right-to-left-animation-2}@keyframes left-to-right-animation{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes right-to-left-animation{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes left-to-right-animation-2{0%{opacity:1;transform:translate(0)}50%{opacity:0}to{opacity:0;transform:translate(100%)}}@keyframes right-to-left-animation-2{0%{opacity:1;transform:translate(0)}50%{opacity:0}to{opacity:0;transform:translate(-100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}div#page-title-wrapper h1#page-title{opacity:0;font-size:calc(40px + 1vw);font-size:45px;line-height:calc(42px + 1vw);text-align:left;transform:translate(100%);animation:.5s .5s fadeIn forwards,2s forwards .5s ease right-to-left-animation;padding-left:16vw;color:#fff;text-transform:uppercase}div#page-title-wrapper.endAnimation h1#page-title{opacity:1;transform:translate(0);animation:2s forwards .5s ease left-to-right-animation-2}@media only screen and (max-width: 1024px){div#page-title-wrapper{min-height:Calc(3em + 72px + 1.2vw)}div#page-title-wrapper h1#page-title{padding-left:6vw;font-size:Calc(1.5em + 7px);line-height:Calc(1.5em + 9px)}}@media only screen and (max-width: 768px){h1#page-title{font-size:calc(1.2em + 10px);line-height:calc(1.2em + 10px);padding-left:6vw!important}}span.bold{font-weight:400;display:initial!important}div#page-background.text{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;z-index:1}div#page-background.text>div{display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:left!important}div.page-text p,div.page-block p,div.no-animation.page-text p{text-align:left;width:100%}div.page-text p>span{overflow:hidden;display:inline-block}div.page-text p>span>span{display:inline-block;transform:translateY(100%)}div.no-animation.page-text p>span>span.first{animation:1s forwards 1s page-text-animation}div.no-animation.page-text p>span>span.second{animation:1s forwards 1.2s page-text-animation}div.no-animation.page-text p>span>span.third{animation:1s forwards 1.4s page-text-animation}div.no-animation.page-text p>span>span.fourth{animation:1s forwards 1.6s page-text-animation}div.no-animation.page-text.endAnimation p>span>span.first{transform:translateY(0);animation:1s forwards 0s page-text-animation-2}div.no-animation.page-text.endAnimation p>span>span.second{transform:translateY(0);animation:1s forwards .2s page-text-animation-2}div.no-animation.page-text.endAnimation p>span>span.third{transform:translateY(0);animation:1s forwards .4s page-text-animation-2}div.no-animation.page-text.endAnimation p>span>span.fourth{transform:translateY(0);animation:1s forwards .6s page-text-animation-2}div.page-text.page-block.animated p>span>span.first{animation:1s forwards 1s page-text-animation}div.page-text.page-block.animated p>span>span.second{animation:1s forwards 1.2s page-text-animation}div.page-text.page-block.animated p>span>span.third{animation:1s forwards 1.4s page-text-animation}div.page-text.page-block.animated p>span>span.fourth{animation:1s forwards 1.6s page-text-animation}@keyframes page-text-animation{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes page-text-animation-2{0%{transform:translateY(0)}to{transform:translateY(-100%)}}div.fullSizeImage{height:Calc(.64*70vw);width:100%;background-position:center;background-repeat:no-repeat;background-size:contain}div.listImage{height:Calc(1.55*20vw);width:100%;background-position:center;background-repeat:no-repeat;background-size:contain}div.listImageSourcing{height:Calc(1.2*20vw);width:100%;background-position:center;background-repeat:no-repeat;background-size:contain}div.sourcingResponsable1{background-image:linear-gradient(#BA0C2F 50%,transparent 50%);width:100vw;display:flex;flex-direction:column;align-items:center}div.sourcingResponsable1>h1{width:100%;color:#fff;text-transform:uppercase}ul{display:flex;width:100%;justify-content:space-between}div.sourcingResponsable1 *{width:70%}li{display:flex;flex-direction:column;align-items:center;gap:10px;width:30%}@media only screen and (max-width: 1024px){div.fullSizeImage{height:Calc(.64*90vw)}div.listImage{height:Calc(1.55*90vw)}div.listImageSourcing{height:Calc(1.2*90vw)}div.sourcingResponsable1{background-image:linear-gradient(#BA0C2F 20%,transparent 20%)}div.sourcingResponsable1 *{width:90%}ul{display:flex;flex-direction:column;gap:20px;width:90%;align-items:center}li{width:80vw}li>*{width:100%}}div#page-background.video{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:100%;z-index:1}div#page-background.video>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%}div#page-background.video>div>h1{text-transform:uppercase;width:100%;color:#ba0c2f}#page-videos-wrapper{display:grid;border-radius:5px;overflow:hidden}#page-videos-wrapper.big{width:70vw;height:39.375vw}#page-videos-wrapper.small{width:50vw;height:28.125vw}div#page-video{grid-column-start:1;grid-row-start:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5;overflow:hidden}@media only screen and (max-width: 1024px){#page-videos-wrapper.big,#page-videos-wrapper.small{width:90vw;height:50.625vw}}div#pageVideoTimeline{width:100%;height:100%;overflow:hidden;grid-column-start:1;grid-row-start:1;display:flex;flex-direction:column}div#screenPause{position:relative;left:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}div#pageVideoControls{width:100%;height:100%;grid-column-start:1;grid-row-start:1;display:flex;justify-content:space-between;align-items:flex-end}div#pageVideoControls button.icon{position:relative;height:calc(6.6px + 2vw);width:calc(6.6px + 2vw);display:flex;align-items:flex-end;justify-content:center;border-radius:50%}div#pageVideoControls button#fullscreen.icon{position:relative;left:30px;bottom:45px}div#pageVideoControls button#play.icon{position:relative;left:0;right:0;bottom:45px}div#pageVideoControls>button#sound.icon{position:relative;right:30px;bottom:45px}div#pageVideoControls button.icon img{height:90%;width:auto;left:0;top:0}div#page-background.displayImage{width:120vw;min-width:120vw;display:flex;flex-direction:column;align-items:center}div#page-background.displayImage>div>h1{width:100%;color:#ba0c2f;text-transform:uppercase;text-align:center}div#displayImageWrapper{width:120vw;align-items:center;gap:5vw}div#displayImage{min-height:calc(300px + 9vw);height:100%;border-radius:5px;overflow:hidden;background-size:cover;position:relative;z-index:1;display:flex;justify-content:center;align-items:center}div#displayImage.left{width:45vw;background-position:top right;left:10vw}div#displayImage.right{width:45vw;background-position:top left;left:-10vw}div#displayImage.small{left:-25vw;width:30vw;margin-left:15vw}div#displayImage.center{width:65%;background-position:top right;position:relative;left:7vw}div#displayImageText{height:100%;display:flex;flex-direction:column;justify-content:flex-start}div#displayImageText.left{width:35vw;position:relative;left:10vw}div#displayImageText.right{width:35vw;position:relative;left:-10vw;align-items:flex-end}div#displayImageText.center{width:50.5vw}div#displayImageText>h1{text-transform:uppercase;width:100%;color:#ba0c2f;text-align:left}div#displayImageText>p{width:100%}div#displayImageText>div#displayImageHighlight p{width:33vw;padding:0 2vw;color:#fff}div#displayImageText.center>h1{color:#ba0c2f;text-align:left;width:20vw;padding-left:5vw}div#displayImageText.center>p{width:20vw;padding-left:5vw}div#displayImageHighlight{background-color:#ba0d2f;width:70vw;border-radius:5px;display:flex;align-items:center;justify-content:flex-start}div#displayImageHighlight>div{width:70vw}div#displayImageText.right>div#displayImageHighlight{width:65vw}div#displayImageText.right>div#displayImageHighlight>div{width:65vw;display:flex;justify-content:flex-end}div.page-block.animated div#displayImageText.left>div#displayImageHighlight,div.page-block.animated div#displayImageText.center>div#displayImageHighlight{transform:translate(100%);animation:2s forwards .5s ease right-to-left-animation}div.page-block.animated div#displayImageText.left>div#displayImageHighlight>div,div.page-block.animated div#displayImageText.center>div#displayImageHighlight>div{transform:translate(-100%);animation:2s forwards .5s ease left-to-right-animation}div.page-block.animated div#displayImageText.right>div#displayImageHighlight{transform:translate(-100%);animation:2s forwards .5s ease left-to-right-animation}div.page-block.animated div#displayImageText.right>div#displayImageHighlight>div{transform:translate(100%);animation:2s forwards .5s ease right-to-left-animation}div#displayImageHighlight h2{font-weight:400;font-size:calc(40px + .75vw);line-height:calc(42px + .75vw);text-align:center}@media only screen and (max-width: 1024px){div#displayImage{height:calc(200px + 9vw)}div#displayImage.left,div#displayImage.right,div#displayImage.center{background-position:center}div#displayImage.left,div#displayImage.right,div#displayImage.center,div#displayImage.small{width:90vw;left:0;margin-left:0}div#displayImageText.right,div#displayImageText.left,div#displayImageText.center{width:90vw;left:0}div#displayImageText.right>h1,div#displayImageText.left>h1,div#displayImageText.center>h1{padding-left:0;width:100%}div#displayImageText.right>p,div#displayImageText.left>p,div#displayImageText.center>p{padding-left:0;width:100%}div#displayImageText.right>div#displayImageHighlight,div#displayImageText.left>div#displayImageHighlight,div#displayImageText.center>div#displayImageHighlight{width:100vw}div#displayImageText.right>div#displayImageHighlight>div,div#displayImageText.left>div#displayImageHighlight>div,div#displayImageText.center>div#displayImageHighlight>div{width:100vw}div#displayImageText.right>div#displayImageHighlight>div>p,div#displayImageText.left>div#displayImageHighlight>div>p,div#displayImageText.center>div#displayImageHighlight>div>p{width:calc(90% - 2vw)}}@media only screen and (max-width: 768px){div#displayImageHighlight h2{font-size:calc(19.5px + .5vw);line-height:calc(21.5px + .5vw);text-align:center}}div#page-background-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:center;grid-column-start:1;grid-row-start:1;padding-bottom:0;margin-bottom:0;width:100vw}div#page-background-buttons{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;grid-column-start:1;grid-row-start:1;opacity:0}div#pageWrapper{position:absolute;top:0;left:0;overflow-y:overlay;overflow-x:hidden;width:100%;height:100%;display:grid;z-index:3}section#pageContent{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;grid-column-start:1;grid-row-start:1;opacity:1}div#phytochimieAbsoluteImages{position:absolute;right:0;width:100vw;height:0px;padding:0;z-index:1}div#phytochimieAbsoluteImages img{width:100%}@media only screen and (max-width: 1024px){div#phytochimieAbsoluteImages img{width:120%;position:relative;left:-10%}}div#menu-button-wrapper{display:flex;align-items:center;justify-content:center;position:absolute;right:30px;top:30px;border-radius:50%}div#menu-button-wrapper>button>div{width:100%;height:100%;border-radius:50%;background-color:#ba0c2f;overflow:hidden}div#menu-button-wrapper>button>div>img{width:100%}div#menu-button-wrapper>button>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:150%;width:150%;border-radius:50%}div#menu-button-wrapper>button>svg>circle{fill:transparent;stroke:#ba0c2f;stroke-width:1px;stroke-dasharray:calc(2 * 3.14159265358979 * (10px + 3vw) * .645);stroke-dashoffset:calc(2 * 3.14159265358979 * (10px + 3vw) * .645);transform:rotate(-90deg);transform-origin:center;animation-name:menu-clock-animation;animation-duration:3.5s;animation-fill-mode:forwards}button.icon.menu{outline:solid 1px;outline-color:#ba0c2f00;outline-offset:-2px;transition:outline-color ease-in-out .3s,outline-offset ease-in-out .5s;width:calc(10px + 3vw);height:calc(10px + 3vw)}button.icon.menu.hoverable:hover{outline-color:#ba0c2f;outline-offset:8px}button.icon.menu.hoverable:active{outline-color:#ba0c2f;outline-offset:6px}button.icon.menu.hoverable div{scale:1;transition:scale .5s!important}button.icon.menu.hoverable:hover div{scale:.9;transition:scale .5s}button.icon.menu.touchPointClicked div,button.icon.menu.touchPointClicked:hover div{scale:.9;transition:scale .5s!important}button.icon.menu.touchPointClicked:hover{cursor:default}@keyframes menu-clock-animation{0%{stroke-dashoffset:calc(2 * 3.14159265358979 * (10px + 3vw) * .645)}80%{stroke-dashoffset:3}to{stroke-dashoffset:calc(2 * 3.14159265358979 * (10px + 3vw) * .645)}}@media only screen and (max-width: 768px){button.icon.menu{width:calc(15px + 7.5vw);height:calc(15px + 7.5vw)}div#menu-button-wrapper>button>svg{height:170%;width:170%}div#menu-button-wrapper>button>svg>circle{fill:transparent;stroke:#ba0c2f;stroke-width:1px;stroke-dasharray:calc(2 * 3.14159265358979 * (15px + 7.5vw) * .731);stroke-dashoffset:calc(2 * 3.14159265358979 * (15px + 7.5vw) * .731);transform:rotate(-90deg);transform-origin:center;animation-name:menu-clock-animation-mobile;animation-duration:3.5s;animation-fill-mode:forwards}@keyframes menu-clock-animation-mobile{0%{stroke-dashoffset:calc(2 * 3.14159265358979 * (15px + 7.5vw) * .731)}80%{stroke-dashoffset:3}to{stroke-dashoffset:calc(2 * 3.14159265358979 * (15px + 7.5vw) * .731)}}}div#videoVisitblackFadeIn{z-index:2;position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:#000}section#video-section{z-index:1;justify-content:center}#video-wrapper{overflow:hidden;position:absolute;display:flex;align-items:center;justify-content:center}div#pause{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;height:100%;width:100vw;z-index:3}div#pause img{opacity:0;height:180;width:auto;transition:opacity .2s}div#pause img.paused{opacity:1;transition:opacity .2s .2s}div#touchpoint-wrapper{position:absolute;z-index:3;scale:.8;opacity:0;animation:1s forwards .2s ease touchpoint-open-animation;transform-origin:top left}@keyframes touchpoint-open-animation{0%{scale:.8;opacity:0}to{scale:1;opacity:1}}div#touchpoint-wrapper.endAnimation{animation:.3s forwards 0s ease touchpoint-close-animation}div#touchpoint-wrapper.touchpointClickedAnimation{animation:.5s forwards 0s ease touchpoint-close-animation}@keyframes touchpoint-close-animation{0%{scale:1;opacity:1}to{scale:.8;opacity:0}}div#touchpoint{position:relative;transform:translate(-50%,-50%);height:100%;width:100%;display:flex;align-items:center;justify-content:center;z-index:3;opacity:1}svg#touchpoint-animation-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;width:100%}svg#touchpoint-animation-wrapper circle{fill:transparent}svg#touchpoint-animation-wrapper circle#outline{fill:transparent;stroke:#ba0c2f;stroke-width:1px}svg#touchpoint-animation-wrapper circle#fill{stroke:#fff;opacity:.5}svg#touchpoint-animation-wrapper circle#animation{stroke:#ba0c2f;transform:rotate(-90deg);transform-origin:center;animation-name:clock-animation;animation-fill-mode:forwards}@keyframes clock-animation{0%{stroke-dashoffset:2*62*3.14159265358979}to{stroke-dashoffset:3}}button.icon#touchpoint{width:100%;height:100%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center}button.icon#touchpoint img{width:35%;height:auto}div#touchpoint-label{position:absolute;left:calc(100% + 20px);color:#ba0c2f;text-transform:uppercase;z-index:2;display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:225%;height:100%}div#touchpoint-label h2{text-align:left;transform:translate(-100%);animation:2s forwards 0s ease left-to-right-animation}div#touchpoint-label.endAnimation h2{transform:translate(0);animation:.2s forwards 0s ease right-to-left-animation-2}div#touchpoint-outline{position:relative;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;height:50%;width:50%;top:-100%}div#touchpoint-outline div{outline:solid 3px #BA0C2F;border-radius:50%;height:100%;width:100%;animation:2s ease-in-out .3s touchpoint-outline-animation}@keyframes touchpoint-outline-animation{0%{width:100%;transform:rotate(0)}35%{width:0}70%{width:100%}to{transform:rotate(360deg)}}@media only screen and (max-width: 768px){div#touchpoint-label{left:-40%;top:105%;height:auto}div#touchpoint-label h2{text-align:center;transform:translateY(-100%);animation:2s forwards 0s ease top-to-bottom-animation}@keyframes top-to-bottom-animation{0%{transform:translateY(-100%)}to{transform:translateY(0)}}div#touchpoint-label.endAnimation h2{transform:translateY(0);animation:.2s forwards 0s ease bottom-to-top-animation}@keyframes bottom-to-top-animation{0%{transform:translateY(0)}to{transform:translateY(-100%)}}}div#timeline-wrapper{position:absolute;left:0;bottom:0;width:100vw;height:25px;z-index:3}div#timeline{width:100%;height:100%}div#timelineSeek{position:absolute;left:-100vw;bottom:0;width:auto;height:40%;display:flex;align-items:flex-end;justify-content:center}div#timelineSeek>div{width:100vw;height:100%}div#timelineSeek div#cursor{width:0vw;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}div#timelineSeek div#cursor img#here{width:20px;position:relative}div#timelineSeek div#cursor img#dots{width:3vw;min-width:35;position:relative;bottom:2px;height:auto}div#videoParts{position:absolute;bottom:5px;width:50px;height:20px}div#videoParts h5{position:absolute;bottom:10px;transform:translate(-50%,-100%);height:20px;text-align:center;white-space:normal;text-transform:uppercase;color:#ece6e0;opacity:0;width:175px}div#videoParts div{position:absolute;bottom:0;width:1.5px;height:20px;background-color:#ba0c2f;opacity:.8}@media only screen and (max-width: 1024px){h5#videoPartsLabel{visibility:hidden}}section#menu-svg-wrapper{z-index:3;mix-blend-mode:multiply}section#menu-content{width:80vw;left:10vw;justify-content:space-between;z-index:4}div#menu-chapters{opacity:0;position:relative;height:auto;display:flex;align-items:center;justify-content:space-between;padding-bottom:60px;padding-top:100px}div#menu-chapters button{color:#fff;margin:5px 20px;transition:opacity .5s}div#menu-center{position:relative;min-width:50px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}div#menu-here{opacity:0;position:relative;min-width:50;width:4vw;height:auto;display:flex;align-items:center;justify-content:center}div#menu-here img{width:80%;height:auto;position:relative;bottom:2.5}div#menu-center>div{overflow:hidden}h1#menu-chapter-title{transform:translateY(100%);color:#fff;padding:20px;text-transform:uppercase}div#menu-center button{transform:translateY(100%);color:#fff;text-decoration:underline}div#menu-timeline-wrapper{width:40vw;left:30vw;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;opacity:0}div#menu-timeline-wrapper>div{width:100%}div#menu-touchpoints{width:100%;display:flex;justify-content:center}div#menu-touchpoints>div{width:30%;position:relative;bottom:-5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:3;opacity:0}div#menu-touchpoints>div>h4{height:50px;color:#fff;margin:5px 10px;opacity:0;text-align:center;display:flex;flex-direction:column-reverse;white-space:nowrap}div#menu-touchpoints>div>button{position:relative;bottom:-12px;width:32px;height:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}div#menu-touchpoints>div>button>div{width:14px;height:14px;border:solid 1px #ECE6E0;border-radius:50%;background-color:transparent}div#menu-timeline{width:100%;height:1px;background-color:#ece6e0;z-index:5;margin-bottom:120px}div#menu-footer{justify-content:center}div#menu-footer>button{color:#fff;position:relative;bottom:calc(27px + .6vw);margin:0px calc(27px + .6vw)}@media only screen and (max-width: 768px){div#menu-timeline-wrapper{width:90vw;left:15vw}div#menu-touchpoints>div>h4{visibility:hidden;width:0}div#menu-chapters{padding-top:180px}}@media (max-width: 760px){#menu-center #menu-here{display:none}}@media (orientation: landscape) and (max-width: 960px){#menu-chapters{padding-top:80px!important;padding-bottom:20px!important}#menu-center #menu-here{display:none}#menu-timeline-wrapper{margin-top:-1rem}}
