.subtitle,.title{font-weight:700}header nav,header nav ul li{transform:translateX(-100%)}.btn,.container,.swiper-slide,header nav ul li a{position:relative}#logo-svg-noxe,#navBtn{animation:1s 1s forwards fadeIn}#navBtn,.btn,.keyword,.title{text-transform:uppercase}#navBtn span,.btn{display:inline-block}#navBtn u,a,li,ul{text-decoration:none}#home,header nav{height:calc(var(--vh) * 100)}body,h1.h1Home{font-family:Montserrat,sans-serif}#navSlide a:after,#navSlide a:before{transform:translateX(100%);content:''}#home.active .infos-home p,#navSlide a:first-of-type,a,body,header nav ul,li,ul{margin:0}#contactHome .container>div:nth-of-type(2) p:first-of-type span .color-mail,#navBtn u:after,#navBtn.active:hover u:after,#navSlide strong i,#who ul li a,.firstTitle span,.p strong,.title strong,footer .container div p a:hover,nav.activeSubnav ul li a:hover{color:var(--primary)}header nav.active,header nav.active ul li{transform:translateX(0)}#navSlide a,#presta{margin-top:20px}#presta .container div h3,.firstTitle,.keyword,.title{font-family:Amaranth,sans-serif}#avis,#who{background:#f1f3ed;overflow:hidden}#contactHome,#showreel,#works,header.active #navBtn b,header.active #navBtn i{background:#222}#avis h2,#avis>p,#showreel strong,.subtitle{text-align:center}#allWorks,#avis,#avis .container,#avis .swiper-slide i,#contactHome,#home,#navBtn span,#navSlide a,#presta .container,#scrollDown b,#showreel,#who,#works article a span,.bg-presta,.colorChoice,.colorChoice li,footer,nav ul li.subnav ul{overflow:hidden}:root{--primary:#9ADB00}.redColor{--primary:rgb(255,33,33)}.pinkColor{--primary:rgb(200,33,175)}.blueColor{--primary:rgb(33,146,150)}*{box-sizing:border-box}body{background:#f3f6fb;font-size:16px;padding:0;font-weight:500;overflow-x:hidden}a,li,ul{list-style-type:none;padding:0}img{width:100%;max-width:auto;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.container{margin:0 auto;max-width:1200px;width:100%;z-index:2}.title{font-size:38px;color:#222;margin:0 0 1.25em}.p,.subtitle{color:#555;font-size:16px}.p{line-height:26px;margin-bottom:1em}#allWorks a:not(.btn),.btn{font-size:15px;font-weight:700;letter-spacing:1px}.p strong{font-weight:700}.btn{transition:.4s;margin-top:1.5em;padding:20px 50px 18px;background:var(--primary);border-radius:50px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.3)}.btn:after{content:'';transform:scale(.9,.75);transform-origin:50%,50%;transition:.3s;position:absolute;top:0;left:0;border:2px solid var(--primary);width:100%;height:100%;border-radius:50px}.btn:hover:after{transform:translate(-10px,-10px);width:calc(100% + 16px);height:calc(100% + 16px)}.p+.btn{margin-top:2em}button{cursor:pointer;border:none}.df2,footer .container{display:flex;justify-content:space-between}.keyword{display:flex;justify-content:center;width:100%;font-size:220px;color:#f5f8f1;text-shadow:6px 6px 6px rgba(0,0,0,.1),-3px -3px 2px rgba(255,255,255,.5);cursor:default}#home,.swiper-slide{display:flex;align-items:center}.swiper-slide{flex:1 0 auto;height:100%}.swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%}.swiper-pagination-bullets{display:flex;justify-content:center;margin-top:3em}.swiper-pagination-bullet{display:inline;width:29px;height:29px;border-radius:30px;cursor:pointer;position:relative;margin:0 3px;display:flex;justify-content:center;align-items:center}#presVideo,.colorShape,header,header nav{position:fixed}.swiper-pagination-bullet:before{transition:.3s;opacity:0;content:'';width:9px;height:9px;background:var(--primary);border-radius:30px;position:absolute}.swiper-pagination-bullet:after{transition:.3s;transform:scale(1);content:'';width:17px;height:17px;border:1px solid var(--primary);border-radius:30px;position:absolute}.swiper-pagination-bullet-active:before,.swiper-pagination-bullet:hover:before{opacity:1}.swiper-pagination-bullet:hover:after{transform:scale(1.2)}.fadeInBottom{transform:translateY(300px);opacity:0}header{transition:.7s;padding:2.5em 6em 1.5em;display:flex;justify-content:space-between;z-index:999;top:0;left:0;width:100%}header:after{content:'';transform:translateY(-100%);transition:.7s;width:100%;height:100%;position:absolute;top:0;left:0;background:#fcfcfc}header nav{transition:.5s;display:flex;align-items:end;top:0;left:0;background:#f3f6fb;width:520px;z-index:2}header nav.active{box-shadow:0 0 30px rgba(0,0,0,.5),0 0 1000px rgba(0,0,0,.5)}header nav ul{width:100%;height:100%;padding:0 0 8vh;display:flex;justify-content:center;flex-direction:column}header nav ul li{padding-left:50px;transition:.7s}header nav ul li a{transition:.3s;font-weight:700;color:#333;font-size:28px;padding:10px;margin:12px 0;display:block}header nav ul li a:hover{color:var(--primary);text-shadow:1px 0 1px #000;letter-spacing:.1px}#navBtn,#navBtn.active u:after,.firstTitle,footer .container div p b,header a,header nav ul li.active a:hover{color:#fff}header nav ul li:first-of-type{transition-delay:0s}header nav ul li:nth-of-type(2){transition-delay:0.1s}header nav ul li:nth-of-type(3){transition-delay:0.2s}header nav ul li:nth-of-type(4){transition-delay:0.3s}header nav ul li:nth-of-type(5){transition-delay:0.4s}header nav ul li:nth-of-type(6){transition-delay:0.5s;padding-left:90px}header nav ul li svg{width:34px;position:absolute;top:0;left:-40px;fill:var(--primary)}.subnav a span,header nav ul li span,nav ul li.subnav ul li{position:relative}header nav ul li.active a{color:#fff;text-shadow:0 0 2px #000}header nav ul li.active span:before{content:'';display:block;height:3px;width:calc(100% + 20px);background:var(--primary);position:absolute;top:50%;left:-10px}header .overlay-nav{content:'';transition:1s;width:100vw;min-height:calc(var(--vh) * 100);background:#000;opacity:.8;position:fixed;top:0;left:0;z-index:1;transform:translateX(-100%) skewX(-90deg);transform-origin:top right}#navBtn.active:hover i,#navBtn:hover i,.colorShape span{background:var(--primary)}#home,#logo-svg-noxe,#navBtn,#navBtn span,#navBtn u,.colorChoice li{position:relative}header .overlay-nav.active{transform:translateX(0) skewX(0)}header .colorShape:hover{cursor:url('../img/close-nav.png') 30 30,auto}.colorShape{z-index:1;display:none;width:100%;height:100%;top:0;left:0}.colorShape.active{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:space-between}.colorShape span{transition:.3s;opacity:0;width:250px;height:250px;margin:50px;filter:blur(200px)}.colorShape span:hover{opacity:.8}header .magnet{transition:transform .3s}nav ul li.subnav ul{height:0;padding:0;transition:.5s}nav ul li.subnav ul a{font-size:22px;margin:2px 0;padding:5px}nav.activeSubnav ul li.subnav ul{height:180px}nav.activeSubnav ul li a{margin:2px 0}nav ul li.subnav ul li:before{content:'';top:50%;left:26px;width:8px;height:2px;background:var(--primary);position:absolute}.subnav>a>span:after{content:'';transition:.3s;display:block;background:url(../img/subnav.svg) center/contain no-repeat;width:18px;height:10px;position:absolute;top:calc(50% - 2px);right:-34px}nav.activeSubnav ul li.subnav>a>span:after{transform:rotate(180deg)}.colorChoice{position:absolute;bottom:3vh;left:8%;width:310px;height:48px;padding:4px}.colorChoice:before{content:'';transition:.5s;background:#f3f6fb;background:linear-gradient(90deg,rgba(243,246,251,0) 0,#f3f6fb 30%);position:absolute;top:0;left:-100%;width:200%;height:100%;z-index:3}.colorChoice.active:before,.colorChoice:hover:before{transform:translate(100%)}.colorChoice ul{display:flex;justify-content:space-between;flex-direction:row;width:300px}.colorChoice li{padding:0;z-index:3;width:40px;height:40px;border-radius:50px;box-shadow:0 0 3px #000}.colorChoice li:first-of-type i{position:absolute;top:50%;left:48%;transform:translate(-50%,-50%);font-weight:700;transition:.5s}.colorChoice li:first-of-type i:before{content:'>>>';letter-spacing:-1px;position:absolute;top:0;left:50px}.colorChoice.active ul li:first-of-type i,.colorChoice:hover ul li:first-of-type i{left:-39px}.colorChoice li:nth-of-type(2){background:#be0000;background:linear-gradient(180deg,#be0000 0,#ff2121 50%)}.colorChoice li:nth-of-type(3){background:#b400a7;background:linear-gradient(180deg,#b400a7 0,#c821af 50%)}.colorChoice li:nth-of-type(4){background:#219296;background:linear-gradient(180deg,#0a6e78 0,#219296 50%)}.colorChoice li:nth-of-type(5){background:#7baf00;background:linear-gradient(180deg,#7baf00 0,#9adb00 50%)}.colorChoice li:not(:first-of-type){cursor:pointer;z-index:1}.colorChoice li:not(:first-of-type):before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:14px;height:14px;background:#fff;border-radius:10px;transition:.3s}#works article:hover img,.colorChoice li:not(:first-of-type):hover:before{transform:translate(-50%,-50%) scale(1)}#logo-svg-noxe{opacity:0;width:120px;transition:.7s;z-index:2}.logo-svg-1{fill:#fff;transition:.7s}.logo-svg-2{fill:var(--primary)}header.active .logo-svg-1{fill:#222}header.active #logo-svg-noxe{width:90px}#navBtn{opacity:0;transition:.5s;z-index:3;display:block;padding:14px 14px 14px 54px;height:48px;font-size:18px;font-weight:700}#navBtn i{transition:.5s;display:block;height:3px;background:#fff;position:absolute;left:14px}#navBtn i:first-of-type{width:28px;top:17px}#navBtn i:nth-of-type(2){width:22px;top:23px}#navBtn i:nth-of-type(3){width:28px;top:29px}#navBtn b,#navBtn.active i{background:#fff}#navBtn.active i:first-of-type{transform:rotate(45deg) translateY(4px) translateX(5px)}#navBtn.active i:nth-of-type(2),#navSlide a.active:hover strong:before{width:0}#navBtn.active i:nth-of-type(3){transform:rotate(-45deg) translateY(-3px) translateX(5px)}#navBtn b{position:absolute;transition:.1s}#navBtn b:first-of-type{transition-delay:0.3s;width:0;height:1px;top:0;left:0}#navBtn b:nth-of-type(2){transition-delay:0.2s;width:1px;height:0;top:0;right:0}#navBtn b:nth-of-type(3){transition-delay:0.1s;width:0;height:1px;bottom:0;right:0}#navBtn b:nth-of-type(4){transition-delay:0s;width:1px;height:0;bottom:0;left:0}#navBtn:hover b:first-of-type{transition-delay:0s;width:100%;height:1px;top:0;left:0}#navBtn:hover b:nth-of-type(2){transition-delay:0.1s;width:1px;height:100%;top:0;right:0}#navBtn:hover b:nth-of-type(3){transition-delay:0.2s;width:100%;height:1px;bottom:0;right:0}#navBtn:hover b:nth-of-type(4){transition-delay:0.3s;width:1px;height:100%;bottom:0;left:0}#navBtn u{top:0;transition:.5s}#navBtn u:after{position:absolute;top:100%;left:0;transition:.5s}#navBtn u:first-of-type:after{content:"M"}#navBtn u:nth-of-type(2):after{content:"E"}#navBtn u:nth-of-type(3):after{content:"N"}#navBtn u:nth-of-type(4):after{content:"U"}#navBtn:hover u:first-of-type{top:-22px;transition:.5s}#navBtn:hover u:nth-of-type(2){top:-22px;transition:.5s .1s}#navBtn:hover u:nth-of-type(3){top:-22px;transition:.5s .2s}#navBtn:hover u:nth-of-type(4){top:-22px;transition:.5s .3s}#navBtn u:first-of-type,main{transition:.5s}#navBtn u:nth-of-type(2){transition:.5s .1s}#navBtn u:nth-of-type(3){transition:.5s .2s}#navBtn u:nth-of-type(4){transition:.5s .3s}#navBtn.active u{top:-22px}header.active{padding:1.5em 4em}header.active:after{transform:translate(0);box-shadow:0 0 10px rgba(0,0,0,.3)}header.active #navBtn,header.active #navBtn u:after{color:#222}main.active{transform:translateX(500px);transition:1.25s}#scrollDown,h1.h1Home{transform:rotate(-90deg);text-transform:uppercase}#home{background:#333;transition:1.2s;width:100%;justify-content:center}#home.active{height:calc(var(--vh) * 70)}.slide-img-1{animation:9s ease-out forwards zoomSlideHome;transform:scale(1.15);display:none;height:100%;width:100%;background:url('../img/armand-milan-directeur-artistique.webp') top center/cover no-repeat}.slide-img-2,.slide-img-3{animation:9s ease-out forwards zoomSlideHome2;transform:scale(1.15);display:none}.overlay{display:none;width:0;height:calc(100% - 40px);position:absolute;top:20px;left:20px;background:rgba(0,0,0,.6)}.overlay.active{animation:1s .75s forwards fadeOverlay}.slide-img-2{height:100%;width:100%;background:url('../img/the-noxe-agence-web.webp') top center/cover no-repeat}.slide-img-3{height:100%;width:100%;background:url('../img/the-noxe-agence-communication.webp') top center/cover no-repeat}.overlay.active,.slide-img-1.active,.slide-img-1:before,.slide-img-2.active,.slide-img-3.active{display:block}#navSlide,#presVideo,.infos-home.active{display:flex}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes zoomSlideHome{0%{transform:scale(1.15);opacity:0}1%{opacity:0}8%{opacity:1}100%{transform:scale(1)}}@keyframes zoomSlideHome2{0%{transform:scale(1.2);opacity:0}1%{opacity:0}8%{opacity:1}100%{transform:scale(1)}}@keyframes fadeOverlay{0%{width:0}100%{width:calc(100% - 40px)}}.infos-home{transition:1s;display:none;align-items:center;justify-content:center;width:100%;height:100%;padding:120px 40px 40px;position:absolute;top:0;left:0;z-index:4}#allWorks,#navSlide a,#navSlide strong,#navSlide strong i,#navSlide strong i:after,#navSlide strong span,#presta,#scrollDown b,#who,#who ul li,#who ul li a,#works,#works article,.firstTitle span,.play-btn{position:relative}.infos-home div{max-width:1340px;width:100%}.firstTitle{animation:.8s 1.2s forwards fadeInDown;opacity:0;margin-bottom:.5em;text-transform:uppercase;font-size:72px;line-height:1.1}.infos-home .btn,.play-btn{animation:.8s 1.6s forwards fadeInDown;opacity:0}.firstTitle span{margin-left:5px;white-space:nowrap}.firstTitle span:before{animation:.5s 1.8s forwards whiteMark;content:'';display:block;position:absolute;top:-5px;left:-10px;width:calc(0% + 0);height:100%;background:#fff;z-index:-1;transform:skewY(-3deg)}.infos-home:nth-of-type(3) .firstTitle span:before{transform:skewY(-2deg);top:-3px}.infos-home p{animation:.8s 1.4s forwards fadeInDown;opacity:0;color:#ddd;font-size:18px;max-width:730px;line-height:1.5}#home.active .firstTitle{margin-bottom:.3em}#home.active .infos-home{padding:40px}h1.h1Home{position:absolute;bottom:0;left:3px;transform-origin:0 0;font-size:12px;letter-spacing:1px;opacity:.3;color:#fff;font-weight:500;white-space:nowrap}.play-btn{margin-left:20px;width:60px;height:60px;top:24px;display:inline-block;border-radius:50px;background:rgba(154,219,0,.5)}.play-btn:after{content:'';width:46px;height:46px;position:absolute;top:7px;left:7px;border-radius:50px;background:#9adb00;background:linear-gradient(0deg,#9adb00 30%,#6c9a00 100%);box-shadow:0 1px 3px rgba(0,0,0,.3)}#navSlide a:before,#navSlide:before,#presVideoClose,#scrollDown:after,#scrollDown:before,#who ul li a:after,#who ul li a:before,.play-btn:before{position:absolute;background:var(--primary)}.play-btn:before{content:'';width:40px;height:40px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50px}.play-btn img{width:18px;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-40%,-50%)}.play-btn:hover:before{animation:1.3s infinite playbtn}.redColor .play-btn{background:rgba(255,33,33,.5)}.redColor .play-btn:after{background:#ff2121;background:linear-gradient(0deg,#ff2121 30%,#be0000 100%)}.pinkColor .play-btn{background:rgba(160,33,167,.5)}.pinkColor .play-btn:after{background:#c821af;background:linear-gradient(0deg,#c821af 30%,#a000a7 100%)}.blueColor .play-btn{background:rgba(33,146,150,.5)}.blueColor .play-btn:after{background:#219296;background:linear-gradient(0deg,#219296 30%,#217896 100%)}#navSlide{transition:1s;position:absolute;top:42%;right:20px;z-index:5;justify-content:flex-end;flex-direction:column;align-items:flex-end}#navSlide strong{opacity:0;transition:.5s;width:310px;font-weight:700;color:#fff;display:inline-block;background:rgba(0,0,0,.4);padding:20px}#navSlide a:first-of-type strong{animation:0s 3s forwards showNavSlide}#navSlide a:nth-of-type(2) strong{animation:0s 3.3s forwards showNavSlide}#navSlide a:nth-of-type(3) strong{animation:0s 3.6s forwards showNavSlide}#navSlide a:before{top:0;left:0;width:100%;height:100%;z-index:4}#navSlide a:first-of-type:before{animation:1s 2.7s forwards revealNavSlideLemon}#navSlide a:nth-of-type(2):before{animation:1s 3s forwards revealNavSlideLemon}#navSlide a:nth-of-type(3):before{animation:1s 3.3s forwards revealNavSlideLemon}#navSlide a:after{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:3}#navSlide a:first-of-type:after{animation:1s 2.8s forwards revealNavSlideWhite}#navSlide a:nth-of-type(2):after{animation:1s 3.1s forwards revealNavSlideWhite}#navSlide a:nth-of-type(3):after{animation:1s 3.4s forwards revealNavSlideWhite}#navSlide strong:before{content:'';transition:.5s;width:0;height:100%;position:absolute;top:0;right:0;background:#000;opacity:.4}#avis .swiper-wrapper,#navSlide strong:hover:before,#presta .container div a:hover:after,.bg-presta.animate{width:100%}#navSlide strong i:after{content:"";transition:.5s;display:inline-block;background:#fff;z-index:3;top:-4px;height:1px;width:35px;opacity:50%;margin:0 10px}#navSlide a.active strong{width:350px;cursor:initial}#navSlide a.active i:after{width:75px}#navSlide strong span{z-index:3}#navSlide:before{content:'';animation:5s linear 4s forwards scrollDownA;bottom:230px;transform:rotate(90deg);transform-origin:100% 100%;right:242px;width:0;height:2px}#scrollDown{position:absolute;bottom:-140px;right:213px;color:#fff;font-size:10px;letter-spacing:3px}#scrollDown:before{content:'';animation:.5s linear 4s forwards scrollDownB;display:block;top:6px;right:calc(-100% - 20px);width:0;height:2px}#scrollDown:after{content:'';animation:5.5s linear 4.5s forwards scrollDownC;display:block;top:6px;right:calc(100% + 42px);width:0;height:2px}#scrollDown b{opacity:0;font-weight:500;animation:1s 4.5s forwards scrollTxt}#scrollDown b:before{animation:3.5s infinite rotateArrowA;content:'';width:14px;height:1px;background:#fff;position:absolute;top:6px;left:-24px}#scrollDown b:after{animation:3.5s infinite rotateArrowB;content:'';width:6px;height:6px;border-left:1px solid #fff;border-top:1px solid #fff;transform:rotate(-45deg);position:absolute;top:3px;left:-24px}#navSlide a:last-of-type{margin:0;padding:0;overflow:inherit;width:auto;height:auto}#home.active #navSlide{top:30%}@keyframes playbtn{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes fadeInDown{0%{transform:translateY(100px);opacity:0;filter:blur(10px)}100%{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes whiteMark{0%{width:0}100%{width:calc(100% + 20px)}}@keyframes showNavSlide{0%{opacity:0}100%{opacity:1}}@keyframes revealNavSlideLemon{0%{transform:translateX(101%)}100%{transform:translateX(-101%)}}@keyframes revealNavSlideWhite{0%{transform:translateX(101%)}100%{transform:translateX(-101%)}}@keyframes scrollDownA{0%{width:0}100%{width:2000px}}@keyframes scrollDownB{0%{width:0}100%{width:66px}}@keyframes scrollDownC{0%{width:0}100%{width:2000px}}@keyframes scrollTxt{0%{opacity:0}100%{opacity:.5}}@keyframes rotateArrowA{0%{transform:rotateX(0)}40%{transform:rotateX(360deg)}50%{transform:rotateX(360deg);opacity:1}70%{transform:rotateX(360deg) translateX(-14px);opacity:0}71%{transform:rotateX(360deg) translateX(14px);opacity:0}90%{transform:rotateX(360deg) translateX(0);opacity:1}100%{transform:rotateX(360deg) translateX(0)}}@keyframes rotateArrowB{0%{transform:rotateX(0) rotate(-45deg)}40%{transform:rotateX(360deg) rotate(-45deg)}50%{transform:rotateX(360deg) rotate(-45deg);opacity:1}70%{transform:rotateX(360deg) rotate(-45deg) translate(-10px,-10px);opacity:0}71%{transform:rotateX(360deg) rotate(-45deg) translate(10px,10px);opacity:0}90%{transform:rotateX(360deg) rotate(-45deg) translate(0,0);opacity:1}100%{transform:rotateX(360deg) rotate(-45deg) translate(0,0)}}#presVideo{visibility:hidden;transform:scale(0);padding:50px 0;z-index:999;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center}#presVideo i{content:'';-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;width:100%;height:100%;display:block}#presVideo video{width:80%;box-shadow:0 0 20px rgba(255,255,255,.2);z-index:2}#presVideo.active{animation:1s forwards videoActive}#presVideo.inactive{animation:.5s forwards videoInActive}#presVideoClose{padding:10px 20px 10px 40px;top:50%;right:0;transform:rotate(-90deg) translateX(50%);transform-origin:100% 100%;color:#fff;text-transform:uppercase;font-weight:700;display:inline-block}#presVideoClose:after,#presVideoClose:before{content:'';position:absolute;top:18px;left:16px;display:block;width:16px;height:2px;background:#fff;transform:rotate(45deg)}#presVideoClose:after{transform:rotate(-45deg)}@keyframes videoActive{0%{visibility:hidden;transform:scale(0)}10%{visibility:visible;transform:scale(0)}100%{visibility:visible;transform:scale(1)}}@keyframes videoInActive{0%{visibility:visible;transform:scale(1)}90%{visibility:visible;transform:scale(0)}100%{visibility:hidden;transform:scale(0)}}#who{padding:170px 1em}#who .container div:first-of-type{width:35%;display:flex;align-items:center}#who .container div:nth-of-type(2){width:57%}#who .p{max-width:673px}#who .keyword{position:absolute;bottom:40px;left:0}#who .title{margin-top:1em}#who .container div:first-of-type span{display:block;height:100%;position:relative;z-index:2;overflow:hidden}#who .container div:first-of-type span:after{content:'';position:absolute;top:0;left:0;background:url("../img/mask-n.svg") 0 0/100% no-repeat;width:calc(100% + 4px);height:calc(100% + 4px)}#who ul{position:absolute;z-index:2;top:50%;right:0;transform:rotate(-90deg) translate(50%,-50px);transform-origin:100% 100%}#who ul li{display:inline-block;margin:0 12px;transform:translateY(80px)}#who ul li a{transition:.3s;font-size:16px;padding:4px 8px}#who ul li a:after,#who ul li a:before{content:'';transition:.3s;transform:translateY(-8px);opacity:0;bottom:0;left:8px;width:calc(100% - 16px);height:2px}#who ul li a:after{top:0;transform:translateY(8px)}#who ul li a:hover:after,#who ul li a:hover:before{transform:translateY(0);opacity:1}#who ul li a:hover{text-shadow:1px 0 0 var(--primary)}@keyframes rotateLi{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#works{padding:6em 0;z-index:2;background:linear-gradient(180deg,#202020 0,#2b2b2b 100%)}#works h2.keyword{top:30vh;color:#242424;text-shadow:0 10px 6px rgba(0,0,0,.1);display:inline-block;margin:0;position:sticky}#allWorks a:not(.btn),#presta .container div h3,#works article a span{color:#fff;text-transform:uppercase}#works h2 span{padding:0 0 0 10vw;position:absolute;top:0;left:0}#works h2 i{padding:0 10vw 0 0;position:absolute;top:0;right:0;transform:translateY(90%)}#works .container{max-width:1200px}#works article{height:600px;width:100%;top:-6em;margin-bottom:2em}#works article img{transition:.3s .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8)}#works article:hover img{transition:.3s;box-shadow:0 0 15px rgba(0,0,0,.4)}#works article a{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;display:block;cursor:url('../img/view.png') 50 50,auto;display:flex;align-items:center}.redColor #works article a{cursor:url('../img/view-red.png') 50 50,auto}.pinkColor #works article a{cursor:url('../img/view-pink.png') 50 50,auto}.blueColor #works article a{cursor:url('../img/view-blue.png') 50 50,auto}#works article a span{position:absolute;opacity:0;font-weight:700;font-size:24px;letter-spacing:3px;background:rgba(0,0,0,.3);border:1px solid var(--primary)}#works article a span:first-of-type{transition:.1s .2s;display:block;right:44px;padding:22px 6px 16px;writing-mode:vertical-rl;text-orientation:upright}#works article a span:nth-of-type(2){transition:.1s;bottom:36px;left:44px;padding:6px 22px 6px 16px}#works article a:hover span:first-of-type{opacity:1;transition:.5s .2s}#presta .container div:nth-of-type(2) span.animate i:after,#presta .container div:nth-of-type(2) span.animate i:before,#works article a:hover span:nth-of-type(2){opacity:1;transition:.5s .75s}#works article a span:first-of-type strong{transition:.5s .1s;display:block;transform:translateX(calc(100% + 20px))}#works article a span:nth-of-type(2) strong{transition:.5s;display:block;transform:translateY(calc(100% + 20px))}#works article a:hover span:first-of-type strong{transition:.5s .3s;transform:translateX(0)}#works article a:hover span:nth-of-type(2) strong{transition:.5s .7s;transform:translateY(0)}#works article div{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:100vw;height:1px}#works article div span{transition:.5s ease-out .3s;display:block;height:1px;width:0;background:var(--primary);position:absolute;top:0}#works article div span:after,#works article div span:before{content:'';transition:.7s;display:block;height:1px;width:0;background:var(--primary);position:absolute}#works article div span:first-of-type:before{top:-10px;left:0}#works article div span:first-of-type:after{top:10px;left:0}#works article div span:nth-of-type(2):before{top:-10px;right:0}#works article div span:nth-of-type(2):after{top:10px;right:0}#works article div span:first-of-type{left:0}#works article div span:nth-of-type(2){right:0}#works article a:hover+div span:first-of-type{transition:.5s;width:calc(50% - 1200px/2 + 100px)}#works article a:hover+div span:nth-of-type(2){transition:.5s;width:calc(50% - 1200px/2 + 45px)}#works article a:hover+div span:first-of-type:after,#works article a:hover+div span:first-of-type:before{width:calc(100% - 100px);transition:1s .2s}#works article a:hover+div span:nth-of-type(2):after,#works article a:hover+div span:nth-of-type(2):before{width:calc(100% - 45px);transition:1s .2s}#works article div span:first-of-type i{transition:.3s;position:absolute;top:50%;right:0;height:0;width:1px;background:var(--primary);display:block}#works article a:hover+div span:first-of-type i{height:221px;transition:.5s .42s}.contentAllWorks{width:100%;margin:-50px 0 30px;display:flex;align-items:flex-start;justify-content:center}#allWorks{width:0;transition:.75s ease-out;display:flex;justify-content:center;padding:54px 0;z-index:3}#allWorks.animate{width:100%;transition:1s ease-in}#allWorks .btn{margin:0;z-index:2;white-space:nowrap}#allWorks a:not(.btn){width:96px;height:96px;border-radius:50px;border:1px solid var(--primary);text-shadow:0 0 5px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;position:absolute;top:50%}#allWorks a:first-of-type{left:calc(50% - 350px);transform:translate(0,-50%)}#allWorks a:nth-of-type(3){right:calc(50% - 350px);transform:translate(0,-50%)}#allWorks a:not(.btn):before{content:'';width:100px;height:1px;background:var(--primary);position:absolute;top:50%}#allWorks a i:before,#allWorks a:not(.btn):after{height:100%;position:absolute;width:100%;content:''}#allWorks a:first-of-type:before{left:100%}#allWorks a:nth-of-type(3):before{right:100%}#allWorks a:not(.btn):after{transform:scale(1.75);transition:.3s linear;opacity:0;top:-1px;left:-1px;border:1px solid var(--primary);border-radius:50px}#allWorks a:not(.btn):hover:after{transform:scale(1);opacity:1}#allWorks a i:before{transition:.7s ease-out .25s;top:0;left:0;box-shadow:0 0 0 0 var(--primary) inset;border-radius:50px;z-index:-1}#allWorks a:hover i:before{box-shadow:0 0 0 50px var(--primary) inset}#presta{z-index:1;padding:12em 0 10em;background:#242424}#presta h2{position:absolute;top:90%;left:0;color:#ccc;font-style:italic}#presta:before{content:'';position:absolute;top:-21px;left:0;height:22px;width:100%;background:#2b2b2b}#presta:after,.bg-presta{top:0;left:0;width:0;height:100%;position:absolute}#presta:after{content:'';transition:.5s;background:#242424;opacity:.6}#presta.animate:after{width:100%;transition:.75s .75s}.bg-presta{transition:1s .25s}.bg-presta:before{content:'';transition:1s 1s;transform:scale(1.3);background:url(../img/bg-presta.webp) center/cover no-repeat;position:absolute;top:-30px;left:-30px;width:calc(100vw + 60px);height:calc(100% + 60px);filter:blur(30px)}.bg-presta.animate:before{transform:scale(1.1);transition:8s ease-out}.bg-presta:after{content:'';box-shadow:inset 0 0 30px #000;position:absolute;top:0;left:0;width:100%;height:100%}#presta .container{max-width:1440px;padding:5px 15px;display:flex;justify-content:center;position:relative;z-index:3}#presta .container div:not(:nth-of-type(2)){opacity:0;transition:.25s;transform-origin:center top}#presta .container div:first-of-type{transform:skewX(-12deg);text-align:right}#presta .container div:nth-of-type(3){transform:skewX(12deg)}#presta .container div.animate{opacity:1;transform:skewX(0);transition:.75s .75s}#presta .container div h3{font-size:32px;position:relative}#presta .container div h3:nth-of-type(2){margin-top:150px}#presta .container div h3:after{content:'';width:60px;height:3px;background:var(--primary);bottom:-10px;left:0;position:absolute}#presta .container div:first-of-type h3:after{left:initial;right:0}#presta .container div p{max-width:452px;color:#aaa;font-size:16px;line-height:1.6}#contactHome h2 span,#presta .container div a{color:#fff;font-weight:700;text-transform:uppercase}#presta .container div a{position:relative;padding-left:26px;margin-top:6px;display:inline-block;font-size:14px}#presta .container div a:before{content:'';width:16px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:url('../img/link-arrow.svg') center no-repeat}.redColor #presta .container div a:before{background:url('../img/link-arrow-red.svg') center no-repeat}.pinkColor #presta .container div a:before{background:url('../img/link-arrow-pink.svg') center no-repeat}.blueColor #presta .container div a:before{background:url('../img/link-arrow-blue.svg') center no-repeat}#presta .container div a:after{content:'';transition:.5s;width:0;height:1px;left:0;bottom:-4px;background:#fff;position:absolute}#presta .container div:nth-of-type(2){display:flex;align-items:center}#presta .container div:nth-of-type(2) span{animation:.2s forwards animTheNoxeOut;position:relative;background:rgba(43,43,43,.35);border:1px solid var(--primary);box-shadow:inset 0 0 10px rgba(0,0,0,.4);border-radius:200px;display:flex;justify-content:center;align-items:center;width:320px;height:320px;margin:0 94px 40px}#presta .container div:nth-of-type(2) span:before{content:'';position:absolute;top:34px;left:34px;background:rgba(43,43,43,.5);border:1px solid var(--primary);box-shadow:inset 0 0 20px rgba(0,0,0,.2);border-radius:200px;width:248px;height:248px}footer>span:first-of-type,footer>span:nth-of-type(2),footer>span:nth-of-type(3){filter:blur(60px);border-radius:100px;background:var(--primary);display:block;transform:translate(-50% 50%)}#presta .container div:nth-of-type(2) span svg{width:120px;position:relative;z-index:1}#presta .container div:nth-of-type(2) span.animate{animation:.75s ease-out forwards animTheNoxe}#presta .container div:nth-of-type(2) span i{position:absolute;width:100%;height:100%;z-index:-1}#presta .container div:nth-of-type(2) span i:after,#presta .container div:nth-of-type(2) span i:before{content:'';top:50%;left:50%;height:1px;background:url(../img/dashed.svg) repeat-x;position:absolute;opacity:0;transition:.2s}#presta .container div:nth-of-type(2) span i:first-of-type:before{transform:rotate(50deg) translate(-290px,105px);width:206px}#presta .container div:nth-of-type(2) span i:first-of-type:after{transform:rotate(-50deg) translate(160px,-50px);width:206px}#presta .container div:nth-of-type(2) span i:nth-of-type(2):before{transform:rotate(-20deg) translate(-257px,15px);width:145px}#presta .container div:nth-of-type(2) span i:nth-of-type(2):after{transform:rotate(20deg) translate(120px,65px);width:145px}@keyframes animTheNoxe{0%{opacity:0;transform:rotate(275deg) scale(.15)}50%{opacity:1;transform:rotate(-20deg) scale(1.15)}75%{opacity:1;transform:rotate(5deg) scale(1.05)}100%{opacity:1;transform:rotate(0) scale(1)}}@keyframes animTheNoxeOut{0%,20%{opacity:1;transform:rotate(0) scale(1)}100%{opacity:0;transform:rotate(360deg) scale(0)}}#st-07-anim{position:absolute;top:150px;left:0;font-size:10vw;color:#242424;text-shadow:-5px 5px 8px rgba(0,0,0,.5)}#contactHome{position:relative;padding:18em 0 12em;box-shadow:inset 0 0 20px 0 rgba(0,0,0,.25)}#contactHome .container{padding:0 30px;display:flex;justify-content:center}#contactHome .container>div{width:50%}#contactHome .container>div:first-of-type{animation:10s ease-in-out infinite alternate phoneRotate;position:relative;order:1;display:flex;justify-content:center}#contactHome .container>div:first-of-type img{transition:.5s .2s;transform:translateX(100px);opacity:0;width:400px;display:block;position:relative;z-index:1}#contactHome .container>div:first-of-type:before{animation:8s linear infinite greenCircle;content:'';top:20%;left:50%;width:120px;height:180px;filter:blur(90px);opacity:.5;z-index:0;border-radius:50px;position:absolute;background:var(--primary)}#contactHome .container>div:first-of-type:after{animation:15s linear infinite greenCircle;content:'';bottom:20%;right:50%;width:200px;height:200px;filter:blur(90px);opacity:.5;z-index:0;border-radius:50px;position:absolute;background:var(--primary)}#contactHome h2{transform:rotate(-12deg) skewX(10deg);position:relative;z-index:2}#contactHome h2 span{opacity:0;white-space:nowrap;position:absolute;text-shadow:-3px 3px 1px #000;transform-origin:center;font-style:normal}#contactHome h2 span:first-of-type{left:120px;top:240px;font-size:20px}#contactHome h2 span:nth-of-type(2){left:120px;top:259px;font-size:27.5px}#contactHome h2 span:nth-of-type(3){left:118px;top:280px;font-size:54px}#contactHome h2 span:nth-of-type(4){left:118px;top:327px;font-size:49px}#contactHome h2 span:nth-of-type(5){left:119px;top:375px;font-size:26px}#contactHome h2:before{content:'';transition:.5s;opacity:0;position:absolute;width:260px;height:210px;left:60px;top:38px;transform:scale(.6) rotate(12deg) skewX(-10deg);background:url(../img/carte-france.webp) center no-repeat}.redColor #contactHome h2:before{background:url(../img/carte-france-red.webp) center no-repeat}.pinkColor #contactHome h2:before{background:url(../img/carte-france-pink.webp) center no-repeat}.blueColor #contactHome h2:before{background:url(../img/carte-france-blue.webp) center no-repeat}#contactHome .container>div:first-of-type i{position:absolute;opacity:0;transition:.3s;transform:scale(.7) translateX(-62px);top:58px;z-index:2;width:40px;height:45px;display:block;background:url(../img/map-marker.png) center no-repeat}.redColor #contactHome .container>div:first-of-type i{background:url(../img/map-marker-red.png) center no-repeat}.pinkColor #contactHome .container>div:first-of-type i{background:url(../img/map-marker-pink.png) center no-repeat}.blueColor #contactHome .container>div:first-of-type i{background:url(../img/map-marker-blue.png) center no-repeat}#contactHome .container>div:first-of-type i:nth-of-type(2){top:99px;transform:scale(.7) translateX(-7px)}#contactHome .container>div:first-of-type i:nth-of-type(3){top:127px;transform:scale(.7) translateX(20px)}#contactHome .container>div:nth-of-type(2){position:relative;z-index:5;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}#contactHome .container>div:nth-of-type(2) p:first-of-type strong{text-transform:uppercase;font-size:26px;color:#ccc;letter-spacing:4px;font-weight:500}#contactHome .container>div:nth-of-type(2) p:first-of-type a{color:#fff;font-size:34px;font-weight:700}#contactHome .container>div:nth-of-type(2) p:first-of-type span{font-size:26px;font-weight:700;color:#ccc;cursor:pointer}#contactHome .container>div:nth-of-type(2) .at-mail:before{content:'@';font-style:normal}#contactHome .container>div:nth-of-type(2) p:nth-of-type(2){color:#777;line-height:1.6;margin:2.5em 0 2em}#contactHome .container>div:nth-of-type(2) p:nth-of-type(2) br{display:none}#contactHome .container>div:first-of-type.animate img{transform:translateX(0);opacity:1}#contactHome .container>div:first-of-type.animate h2:before{transition:.5s .5s;transform:scale(.7) rotate(12deg) skewX(-10deg);opacity:1}#contactHome .container>div:first-of-type.animate h2 span:nth-of-type(1){animation:.8s ease-out .7s forwards contactTitle}#contactHome .container>div:first-of-type.animate h2 span:nth-of-type(2){animation:.8s ease-out .9s forwards contactTitle}#contactHome .container>div:first-of-type.animate h2 span:nth-of-type(3){animation:.8s ease-out 1.1s forwards contactTitle}#contactHome .container>div:first-of-type.animate h2 span:nth-of-type(4){animation:.8s ease-out 1.3s forwards contactTitle}#contactHome .container>div:first-of-type.animate h2 span:nth-of-type(5){animation:.8s ease-out 1.5s forwards contactTitle}#contactHome .container>div:first-of-type.animate i:nth-of-type(1){opacity:1;top:68px;transition:.3s 1s}#contactHome .container>div:first-of-type.animate i:nth-of-type(2){opacity:1;top:108px;transition:.3s 1.2s}#contactHome .container>div:first-of-type.animate i:nth-of-type(3){opacity:1;top:137px;transition:.3s 1.4s}@keyframes phoneRotate{0%{transform:rotate(0) scale(1)}100%{transform:rotate(-5deg) scale(1.12)}}@keyframes greenCircle{0%,100%{transform:rotate(0) translate(0,0)}50%{transform:rotate(360deg) translate(50%,50%)}}@keyframes contactTitle{0%{transform:rotate(-5deg) scale(.5);opacity:0}70%{transform:rotate(1deg) scale(1.05);opacity:1}100%{transform:rotate(0) scale(1);opacity:1}}#avis{position:relative;padding:10em 0 8em}#avis h2{margin-bottom:-10px}#avis .container{max-width:1510px;padding:0 30px}#avis .swiper-avis{width:100%;margin-top:6em}#avis .swiper-slide{align-items:flex-start;padding:10px}#avis .swiper-slide div{position:relative;background:#fafafa;border-radius:16px;padding:36px;box-shadow:0 2px 6px rgba(0,0,0,.2)}#avis .swiper-slide img{width:70px;height:70px;border-radius:50px;display:block;box-shadow:0 2px 4px rgba(0,0,0,.3)}#avis .swiper-slide p:first-of-type{color:#1d2b3a;font-weight:700;position:absolute;top:25px;left:126px;line-height:1.1}#avis .swiper-slide p:first-of-type span{color:#9aa0a7;font-size:13px;font-weight:500}#avis .swiper-slide i{position:relative;left:-2px;top:7px;display:inline-block;width:120px;height:20px}#avis .swiper-slide i:after{content:'';position:absolute;top:0;left:0;width:120px;height:20px;background:url(../img/star.svg) repeat-x,#fafafa}.redColor #avis .swiper-slide i:after{background:url(../img/star-red.svg) repeat-x,#fafafa}.pinkColor #avis .swiper-slide i:after{background:url(../img/star-pink.svg) repeat-x,#fafafa}.blueColor #avis .swiper-slide i:after{background:url(../img/star-blue.svg) repeat-x,#fafafa}#avis .swiper-slide p:nth-of-type(2){color:#929292;line-height:1.5}#avis .swiper-slide p:nth-of-type(2) a{color:var(--primary);font-size:14px}#avis>p{margin:2em 0 1em;position:relative;z-index:2}#st-08-anim{position:absolute;bottom:0}#showreel{position:relative;padding:0 0 4%;width:100%;height:100vh;background:linear-gradient(180deg,#202020 0,#2b2b2b 100%)}#showreel strong{width:auto;opacity:.5;animation:40s linear infinite alternate showreelB;color:transparent;-webkit-text-stroke:2px #000;text-stroke:2px #000;display:inline-block;height:calc(100% / 4.2);font-size:calc(100vh / 4.2);white-space:nowrap}#showreel strong:nth-of-type(2){animation:70s linear infinite alternate showreelA}#showreel strong:nth-of-type(3){animation:70s linear infinite alternate showreelB}#showreel strong:nth-of-type(4){animation:40s linear infinite alternate showreelA}#showreel video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}@keyframes showreelA{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% + 100vw))}}@keyframes showreelB{0%{transform:translateX(calc(-100% + 100vw))}100%{transform:translateX(0)}}footer{width:100vw;padding:4em 2em 3em;background:#202020;position:relative}footer .container div p:first-of-type{margin:0 0 1em;color:#fff;font-size:16px;font-weight:700}footer .container div p,footer .container div p a,footer .container div p strong{line-height:1.4;color:#c5c5c5;font-weight:500;font-size:14px}.logo-noxe-footer{width:78px;margin-bottom:15px}footer .container div:first-of-type img:not(.logo-noxe-footer){width:20px}footer .container div:first-of-type a:nth-of-type(3) img{width:24px;position:relative;top:-1px}footer .container div:first-of-type a{padding:3px;margin:-6px 9px 0 0;position:relative;display:inline-block}footer .container div:first-of-type a:hover img{transform:rotateY(-360deg) scale(1.33);transition:.5s ease-out;box-shadow:0 0 5px 1px var(--primary);border-radius:5px}footer .container div:nth-of-type(2) a{color:#fff;font-size:16px;font-weight:700}footer .container div:nth-of-type(4) img{width:14px;margin-right:8px;position:relative;top:2px}footer>span:first-of-type{animation:18s infinite animFooterA;width:100px;height:200px;position:absolute;top:0;left:0}footer>span:nth-of-type(2){animation:15s infinite animFooterB;width:300px;height:100px;position:absolute;top:50%;left:50%}footer>span:nth-of-type(3){animation:20s infinite animFooterC;width:200px;height:300px;position:absolute;top:30%;right:0}@keyframes animFooterA{0%{opacity:.3;transform:translate(-10%,10%) rotate(0)}25%{opacity:.4;transform:translate(200%,30%) rotate(30deg)}50%{opacity:.2;transform:translate(80%,50%) rotate(180deg)}75%{opacity:.2;transform:translate(100%,50%) rotate(300deg)}100%{opacity:.3;transform:translate(-10%,10%) rotate(360deg)}}@keyframes animFooterB{0%{opacity:.3;transform:translate(-200%,40%) rotate(0)}25%{opacity:.1;transform:translate(-160%,-30%) rotate(-90deg)}50%{opacity:.2;transform:translate(-100%,50%) rotate(-180deg)}75%{opacity:.2;transform:translate(-80%,0) rotate(-220deg)}100%{opacity:.3;transform:translate(-200%,40%) rotate(-360deg)}}@keyframes animFooterC{0%{opacity:.3;transform:translate(-200%,40%) rotate(0)}25%{opacity:.1;transform:translate(-160%,-30%) rotate(-90deg)}50%{opacity:.2;transform:translate(-100%,50%) rotate(-180deg)}75%{opacity:.2;transform:translate(-80%,0) rotate(-220deg)}100%{opacity:.3;transform:translate(-200%,40%) rotate(-360deg)}}@media screen and (max-width:1499px){#presta .container div:nth-of-type(2) span{width:280px;height:280px;margin:0 60px 40px}#presta .container div:nth-of-type(2) span:before{width:208px;height:208px}#presta .container div h3:nth-of-type(2){margin-top:100px}#presta .container div:nth-of-type(2) span i:first-of-type:before{transform:rotate(50deg) translate(-242px,70px);width:168px}#presta .container div:nth-of-type(2) span i:first-of-type:after{transform:rotate(-50deg) translate(132px,-60px);width:168px}#presta .container div:nth-of-type(2) span i:nth-of-type(2):before{transform:rotate(-20deg) translate(-202px,15px);width:108px}#presta .container div:nth-of-type(2) span i:nth-of-type(2):after{transform:rotate(20deg) translate(100px,52px);width:108px}}@media screen and (max-width:1399px){.keyword{font-size:13.5vw}nav ul li.subnav ul a{font-size:20px;margin:2px 0;padding:5px}nav.activeSubnav ul li.subnav ul{height:160px}nav.activeSubnav ul li a{margin:2px 0;font-size:24px;padding:6px 10px}nav ul li.subnav ul li:before{left:26px}.subnav>a>span:after{width:18px;height:10px;right:-34px}nav.activeSubnav ul li.subnav>a>span:after{top:40%}#home.active{margin-top:-16px}header.active{padding:1.3em 3em 1em 4em}#logo-svg-noxe{width:100px}header.active #logo-svg-noxe{width:80px}header nav ul li a{margin:10px 0}.infos-home{padding:80px 40px 40px}.firstTitle{font-size:60px}.infos-home p{font-size:17px;max-width:690px}#navSlide{top:36%}#navSlide strong{padding:16px;width:304px}#navSlide a{margin-top:14px}#navSlide:before{bottom:198px}@keyframes scrollDownC{0%{width:0}100%{width:1000px}}#who .container div:nth-of-type(2){padding:0 90px 0 2em}#works{padding:5em 0}#works .container{max-width:940px}#works article{height:470px}#works article img{transform:translate(-50%,-50%) scale(.85)}#works article a span{font-size:20px;letter-spacing:2px}#works article a span:first-of-type{letter-spacing:1px}#works article a:hover+div span:first-of-type{transition:.5s;width:calc(50% - 940px/2 + 100px)}#works article a:hover+div span:nth-of-type(2){transition:.5s;width:calc(50% - 940px/2 + 45px)}#works article a:hover+div span:first-of-type i{height:161px}#presta .container{max-width:1180px;padding:5px 30px}#presta .container div:nth-of-type(2) span{width:190px;height:190px;margin:0 40px 40px}#presta .container div:nth-of-type(2) span:before{width:150px;height:150px;top:18px;left:18px}#presta .container div h3{font-size:28px}#presta .container div p{font-size:15px}#presta .container div h3:nth-of-type(2){margin-top:90px}#presta .container div:nth-of-type(2) span svg{width:96px;position:relative;left:1px}#presta .container div:nth-of-type(2) span i:first-of-type:before{transform:rotate(53deg) translate(-198px,46px);width:154px}#presta .container div:nth-of-type(2) span i:first-of-type:after{transform:rotate(-53deg) translate(103px,-76px);width:154px}#presta .container div:nth-of-type(2) span i:nth-of-type(2):before{transform:rotate(-15deg) translate(-140px,48px);width:95px}#presta .container div:nth-of-type(2) span i:nth-of-type(2):after{transform:rotate(15deg) translate(50px,71px);width:95px}}@media screen and (max-width:1199px){h1.h1Home{font-size:11px}#presta .container div:nth-of-type(2) span i:first-of-type:before{transform:rotate(65deg) translate(-225px,90px);width:200px}#presta .container div:nth-of-type(2) span i:first-of-type:after{transform:rotate(-65deg) translate(136px,-90px);width:200px}#presta .container div:nth-of-type(2) span i:nth-of-type(2):before{transform:rotate(-13deg) translate(-140px,40px);width:80px}#presta .container div:nth-of-type(2) span i:nth-of-type(2):after{transform:rotate(13deg) translate(58px,58px);width:80px}#st-07-anim{top:160px;font-size:11vw}#contactHome{padding:15em 0 9em}#avis .swiper-slide div{padding:24px}#avis .swiper-slide img{width:70px;height:70px}#avis .swiper-slide p:first-of-type{top:14px;left:110px;line-height:1}#avis .swiper-slide p:nth-of-type(2){line-height:1.4}}@media screen and (max-width:1099px){#home.active{margin-top:-30px}header{padding:2em 4em 2em 5em}header.active{padding:1em 2.5em .5em 3.5em}#logo-svg-noxe{width:90px}header.active #logo-svg-noxe{width:82px}header nav ul li a{margin:2px}header nav ul{justify-content:flex-start}header nav>ul>li:first-of-type{margin-top:6vh}nav ul li.subnav ul a{font-size:20px;margin:2px 0;padding:3px 5px}nav.activeSubnav ul li.subnav ul{height:140px}nav.activeSubnav ul li a{margin:2px 0;font-size:20px;padding:4px 10px}nav ul li.subnav ul li:before{left:26px}.subnav>a>span:after{width:18px;height:10px;right:-34px}nav.activeSubnav ul li.subnav>a>span:after{top:34%}.infos-home{padding:70px 40px 40px}.firstTitle{font-size:42px}.firstTitle span:before{height:106%}.infos-home p{font-size:16px;color:#eee;max-width:540px;line-height:1.4;text-shadow:0 0 6px rgba(0,0,0,.5)}#navSlide{top:32%}#home.active #navSlide{top:12%}#navSlide strong{padding:12px;width:260px}#navSlide a{margin-top:10px}#navSlide a.active strong{width:300px}#navSlide a.active i:after{width:75px}#navSlide:before{bottom:164px;right:202px}#scrollDown{bottom:-100px;right:172px}#scrollDown:before{right:calc(-100% + 16px)}.btn{margin-top:1.3em;padding:16px 30px 14px}.play-btn{width:50px;height:50px;top:20px}.play-btn:after{width:38px;height:38px;position:absolute;top:6px;left:6px}.play-btn:before{content:'';width:36px;height:36px}.play-btn img{width:16px}@keyframes scrollDownC{0%{width:0}100%{width:900px}}@keyframes scrollDownB{0%{width:0}100%{width:30px}}#works{padding:4em 0}#works .container{max-width:680px}#works h2 span{padding:0 0 0 5vw}#works h2 i{padding:0 5.5vw 0 0}#works article{height:340px;margin:1em 0}#works article a span{font-size:18px;letter-spacing:1px}#works article a span:first-of-type{letter-spacing:-1px}#works article a:hover+div span:first-of-type{transition:.5s;width:calc(50% - 680px/2 + 100px)}#works article a:hover+div span:nth-of-type(2){transition:.5s;width:calc(50% - 680px/2 + 45px)}#works article a:hover+div span:first-of-type i{height:97px}#presta{padding:7em 0}#presta .container div:nth-of-type(2){position:absolute;top:50%;transform:translateY(-50%)}#presta .container div:nth-of-type(2) span{width:150px;height:150px;margin:34px 0 0}#presta .container div:nth-of-type(2) span:before{width:120px;height:120px;top:13px;left:13px}#presta .container div:first-of-type{margin-right:50px}#presta .container div:nth-of-type(3){margin-left:50px}#presta .container div h3{font-size:26px}#presta .container div p{font-size:15px}#presta .container div h3:nth-of-type(2){margin-top:160px}#presta .container div:nth-of-type(2) span svg{width:80px;position:relative;top:-1px}#presta .container div:nth-of-type(2) span i:first-of-type:before{transform:rotate(90deg) translate(-180px,100px);width:200px}#presta .container div:nth-of-type(2) span i:first-of-type:after{transform:rotate(90deg) translate(175px,100px);width:200px}#presta .container div:nth-of-type(2) span i:nth-of-type(2):before{transform:rotate(0) translate(-278px,0);width:200px}#presta .container div:nth-of-type(2) span i:nth-of-type(2):after{transform:rotate(0) translate(75px,0);width:200px}}@media screen and (max-width:991px){.title{font-size:32px}#home.active{margin-top:-34px}header{padding:2em 2.5em 2em 3.5em}header.active{padding:.7em 1em .5em 2em}#logo-svg-noxe{width:80px;top:4px}header.active #logo-svg-noxe{width:70px}header nav{width:380px}header nav ul li a{margin:1px;font-size:22px}header nav ul{justify-content:flex-start}header nav>ul>li:first-of-type{margin-top:5vh}header nav>ul>li:last-of-type{padding-left:60px}header nav>ul>li:last-of-type svg{width:28px;left:-34px}header nav ul li ul li,header nav>ul>li{padding-left:30px}nav ul li.subnav ul a{font-size:18px;margin:2px 0;padding:2px 3px}nav.activeSubnav ul li.subnav ul{height:125px}nav.activeSubnav ul li a{margin:2px 0;font-size:20px;padding:3px 10px}nav ul li.subnav ul li:before{left:14px}.subnav>a>span:after{width:18px;height:10px;right:-34px}nav ul li.subnav>a>span:after,nav.activeSubnav ul li.subnav>a>span:after{top:34%}.infos-home{padding:70px 30px 30px}.overlay{height:calc(100% - 30px);left:15px;top:15px}.firstTitle{font-size:34px;letter-spacing:-1px}.firstTitle span:before{height:108%;transform:skewY(-2deg);left:-5px}.infos-home p{font-size:15px;max-width:440px;line-height:1.3}#navSlide{top:32%;right:15px}#home.active #navSlide{top:12%}#navSlide strong{padding:9px;width:200px;font-weight:400;font-size:14px}#navSlide a{margin-top:8px}#navSlide a.active strong{width:220px}#navSlide a i:after{width:10px}#navSlide a.active i:after{width:30px}#navSlide:before{bottom:134px;right:172px}#scrollDown{bottom:-80px;right:142px}#scrollDown:before{right:calc(-100% + 36px)}.btn{margin-top:1.3em;padding:16px 30px 14px;font-size:14px}.play-btn{width:50px;height:50px;top:20px}main.active{transform:translateX(340px)}@keyframes fadeOverlay{0%{width:0}100%{width:calc(100% - 30px)}}@keyframes scrollDownB{0%{width:0}100%{width:15px}}@keyframes whiteMark{0%{width:0}100%{width:calc(100% + 10px)}}#who .container div:nth-of-type(2){padding:0 30px 0 0}#who ul{right:-35px}#allWorks a:first-of-type{left:calc(50% - 300px);transform:translate(0,-50%)}#allWorks a:nth-of-type(3){right:calc(50% - 300px);transform:translate(0,-50%)}#st-07-anim{top:120px;font-size:11vw}#contactHome{padding:11em 0 6em}#contactHome .container{padding:0 50px;flex-direction:column}#contactHome .container>div{width:100%;text-align:center}#contactHome .container>div:first-of-type{order:0;margin-bottom:70px}#contactHome .container>div:nth-of-type(2){align-items:center}#contactHome .container>div:nth-of-type(2) p br{display:block}footer{padding:0 2em 2em}footer .container{display:flex;justify-content:space-between;flex-wrap:wrap}footer .container>div{width:50%;margin-top:3em}}@media only screen and (max-device-width:767px){#works article.project.animate a span:first-of-type{opacity:1;transition:.5s}#works article.project.animate a span:nth-of-type(2){opacity:1;transition:.5s .3s}#works article.project.animate a span:first-of-type strong{transform:translateY(0);transition:.5s .1s}#works article.project.animate a span:nth-of-type(2) strong{transform:translateY(0);transition:.5s .2s}#works article.project:before{content:'';opacity:0;transition:.5s;animation:10s linear infinite rotateDiscover;width:80px;height:80px;position:absolute;top:15px;right:15px;background:url(../img/rotate-discover.svg) center/cover no-repeat;z-index:1}#works article.project.animate:before{opacity:1;transition:1s .5s}@keyframes rotateDiscover{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}}@media screen and (max-width:767px){.title{font-size:30px}header{padding:2em 2.5em 2em 3.5em}header.active{padding:.7em 1em .5em 2em}#logo-svg-noxe{width:80px;top:4px}header.active #logo-svg-noxe{width:70px}header nav{width:360px}header nav ul li a{margin:1px;font-size:20px;padding:8px}header nav ul{justify-content:flex-start}header nav>ul>li:first-of-type{margin-top:5vh}header nav>ul>li{padding-left:30px}.infos-home{padding:70px 30px 30px}.overlay{height:calc(100% - 30px);left:15px;top:15px}.firstTitle{font-size:34px;letter-spacing:-1px}.firstTitle span:before{height:108%;transform:skewY(-2deg);left:-5px}.infos-home p{font-size:15px;max-width:440px;line-height:1.3}#navSlide{top:initial;bottom:25px;right:15px}#home.active #navSlide{top:12%}#navSlide strong{padding:6px;width:60px;font-weight:400;font-size:14px}#navSlide strong span{position:absolute;left:200%}#navSlide a{margin-top:8px}#navSlide a.active strong{width:80px}#navSlide a i:after{width:10px}#navSlide a.active i:after{width:30px}#scrollDown{bottom:170px;right:0}#navSlide:before,#presta .container div:nth-of-type(2) span i,#scrollDown:after,#scrollDown:before,#works article div{display:none}.btn{margin-top:1.3em;padding:16px 30px 14px;font-size:14px}.play-btn{width:50px;height:50px;top:20px}#who{padding:60px 1em 120px}#who .container.df2{flex-direction:column-reverse}#who .container div:first-of-type{width:100%;justify-content:center}#who .container div:nth-of-type(2){width:100%;padding:0 1em}#who .btn{margin-bottom:3em}#who ul{right:50%;top:initial;bottom:60px;transform:translate(50%,50%);width:100%;display:flex;justify-content:center;flex-direction:row-reverse}#works{padding:4em 0}#works .container{max-width:100%;padding:0 1em}#works h2 span{padding:0 0 0 5vw}#works h2 i{padding:0 5.5vw 0 0}#works article{height:auto;margin:3em 0;top:-3em;overflow:hidden}#works article img{position:relative;transform:none;left:0;top:0}#works article:hover img{transform:scale(1.2)}#works article a span:first-of-type{right:initial;left:30px;bottom:80px;padding:6px 16px;writing-mode:initial;letter-spacing:1px}#works article a span:nth-of-type(2){left:30px;bottom:30px;padding:6px 16px}#works article a:hover span:first-of-type{opacity:1;transition:.5s}#works article a:hover span:nth-of-type(2){opacity:1;transition:.5s .3s}#works article a:hover span:first-of-type strong{transition:.5s .1s}#works article a:hover span:nth-of-type(2) strong{transition:.5s .2s}#allWorks a:first-of-type{left:calc(50% - 260px);transform:translate(0,-50%)}#allWorks a:nth-of-type(3){right:calc(50% - 260px);transform:translate(0,-50%)}#allWorks a:first-of-type:before,#allWorks a:nth-of-type(3):before{width:40px}#presta{padding:4em 0 7em}.bg-presta:before{background:url(../img/bg-presta-575w.webp) center/cover no-repeat}#presta .container{padding:5px 30px;flex-direction:column;align-items:center}#presta .container div:nth-of-type(2){position:relative;top:0;transform:none;order:-1}#presta .container div:nth-of-type(2) span{width:320px;height:320px;margin:34px 0 0}#presta .container div:nth-of-type(2) span:before{width:248px;height:248px;top:34px;left:34px}#presta .container div:first-of-type,#presta .container div:nth-of-type(3){margin:0;text-align:left}#presta .container div:first-of-type h3:after{right:initial;left:0}#presta .container div h3,#presta .container div h3:nth-of-type(2){font-size:30px;margin-top:120px}#presta .container div p{max-width:452px;font-size:16px}#presta .container div:nth-of-type(2) span svg{width:130px;position:relative;top:-1px}#presta .container div:nth-of-type(3){transform:skewX(-12deg)}#presta .container div:nth-of-type(3).animate{transform:skewX(0)}#avis .swiper-pagination-bullets{display:flex;justify-content:center;flex-wrap:wrap;margin-top:1em}#avis .swiper-pagination-bullet{width:48px;height:48px;margin:3px;display:flex}#presVideo video{width:94%}#presVideoClose{transform:rotate(0) translateX(50%);top:initial;bottom:80px;right:50%}}@media screen and (max-width:575px){.overlay,nav ul li.subnav ul li:before{left:10px}.title{font-size:28px;letter-spacing:-1px}.subtitle{font-size:15px}.swiper-pagination-bullets{margin-top:.5em}.swiper-pagination-bullet{width:23px;height:23px;margin:0 3px}.swiper-pagination-bullet:before{width:7px;height:7px}.swiper-pagination-bullet:after{width:15px;height:15px}.p{font-size:15px;line-height:1.6}h1.h1Home{font-size:11px;letter-spacing:normal;top:initial;bottom:0;transform:rotate(-90deg) translateX(100%);left:initial;right:-1px;transform-origin:100% 100%}.slide-img-1{background:url('../img/armand-milan-directeur-artistique-portrait.webp') top center no-repeat}.slide-img-2{background:url('../img/the-noxe-agence-web-portrait.webp') top center no-repeat}.slide-img-3{background:url('../img/the-noxe-agence-communication-portrait.webp') top center no-repeat}#allWorks a:first-of-type:before,#allWorks a:nth-of-type(3):before,#navSlide:before,#presta .container div:first-of-type h3:first-of-type:before,#scrollDown:after,#scrollDown:before,#who ul li:before,.colorShape,header .overlay-nav{display:none}#home.active{margin-top:-36px}header{padding:2em 1em 2em 2em}header.active{padding:1em 1em .8em 2em}#logo-svg-noxe{width:70px;top:3px}header.active #logo-svg-noxe{width:60px}#navBtn{padding:13px 14px 11px 54px;height:36px;font-size:16px}#navBtn u{top:-3px}#navBtn i{height:2px}#navBtn i:first-of-type{top:12px}#navBtn i:nth-of-type(2){top:18px}#navBtn i:nth-of-type(3){top:24px}#navBtn.active i:first-of-type{transform:rotate(45deg) translateY(4px) translateX(5px)}#navBtn.active i:nth-of-type(3){transform:rotate(-45deg) translateY(-4px) translateX(5px)}header nav{width:100%}header nav ul li a{margin:4px;font-size:20px;padding:8px}header nav ul{justify-content:flex-start}header nav>ul>li:first-of-type{margin-top:100px}header nav>ul>li{padding-left:30px}nav ul li.subnav ul a{font-size:18px;margin:3px 0;padding:2px 3px}nav.activeSubnav ul li.subnav ul{height:130px}nav.activeSubnav ul li a{margin:3px 0;font-size:20px;padding:3px 10px}header nav ul li ul li{padding-left:28px}.subnav>a>span:after{width:18px;height:10px;right:-34px}nav ul li.subnav>a>span:after,nav.activeSubnav ul li.subnav>a>span:after{top:34%}#home.active .infos-home,.infos-home{padding:30px 24px}.overlay{height:calc(100% - 20px);top:10px}.firstTitle{font-size:30px;letter-spacing:0}.infos-home p{color:#ddd;font-size:13px;max-width:500px;line-height:1.25;padding-right:20px}#home #navSlide,#navSlide{transform:rotate(-90deg) scale(-1,1);bottom:0;right:initial;left:80px;height:120px;width:100px}#navSlide a{margin-top:20px}#navSlide a.active strong{width:96px}#navSlide a.active strong i:after{width:45px}#navSlide a strong i{transform:scale(-1,1);display:block}#scrollDown{transform:rotate(180deg) scale(1,-1);bottom:120px;right:15px;padding:16px}#home.active #navSlide{left:-230px;top:initial}.btn{margin-top:1.2em;padding:11px 20px 10px;font-size:13px}.play-btn{width:40px;height:40px;top:15px;margin-left:10px}.play-btn:after{width:28px;height:28px}.play-btn:before{content:'';width:30px;height:30px}.play-btn img{width:12px}.colorChoice{bottom:4vh;left:28px;width:270px}.colorChoice ul{width:260px}#navBtn.active u:after{color:var(--primary)}#navBtn.active i{background:var(--primary)}#navBtn.active b{background:#222}#navBtn.active b:first-of-type,#navBtn.active b:nth-of-type(3){width:100%;height:1px}#navBtn.active b:nth-of-type(2),#navBtn.active b:nth-of-type(4){width:1px;height:100%}#works article:hover img,main.active{transform:none}@keyframes fadeOverlay{0%{width:0}100%{width:calc(100% - 20px)}}#who ul li{margin:0}#who ul li:hover:before{animation:none}#who ul li a{font-size:14px}#works{padding:4em 0}#works .container{max-width:100%;padding:0 1em}#works h2 span{padding:0 0 0 5vw}#works h2 i{padding:0 5.5vw 0 0}#works article{margin-bottom:4em}#works article img{position:relative;transform:none;left:0;top:0}#works article a span:first-of-type{font-size:15px;right:initial;left:12px;bottom:60px;writing-mode:initial;letter-spacing:1px}#works article a span:nth-of-type(2){font-size:15px;left:12px;bottom:16px}#allWorks{padding:60px 0}#allWorks a:first-of-type{left:calc(50% - 116px);transform:translate(0,-10px)}#allWorks a:nth-of-type(3){right:calc(50% - 114px);transform:translate(0,-10px)}#allWorks a:nth-of-type(2){top:-56px}#allWorks a:not(.btn){width:80px;height:80px;font-size:13px}#presta h2{font-size:18px;font-weight:500;color:#aaa;padding:4px;top:initial;bottom:10px}#presta .container div h3:before{content:'';position:absolute;top:-55px;left:0;width:calc(100%);height:1px;background:url(../img/dashed.svg) repeat-x}#presta .container div p{color:#bbb;font-size:15px;line-height:1.5}#presta .container div:nth-of-type(2) span{width:200px;height:200px;margin:34px 0 0}#presta .container div:nth-of-type(2) span:before{width:170px;height:170px;top:13px;left:13px}#presta .container div:nth-of-type(2) span svg{width:110px;position:relative;top:-1px}#presta .container div h3,#presta .container div h3:nth-of-type(2){font-size:26px}#st-07-anim{top:130px;font-size:11vw;color:#262626}#contactHome{padding:4.5em 0 6em}#contactHome .container{padding:0 25px}#contactHome .container>div:first-of-type{margin-bottom:-10px}#contactHome .container>div:nth-of-type(2) p:first-of-type span,#contactHome .container>div:nth-of-type(2) p:first-of-type strong{font-size:20px}#contactHome .container>div:nth-of-type(2) p:first-of-type a{font-size:22px;display:inline-block;margin:6px 0 2px}@keyframes phoneRotate{0%{transform:rotate(2deg) scale(.75)}100%{transform:rotate(-3deg) scale(.9)}}#avis{padding:6em 0 5em}#avis .container{display:flex;align-items:center;flex-direction:column;padding:0 20px}#avis h2{font-size:25px;max-width:320px}#avis .subtitle{max-width:330px}#avis .swiper-avis{margin-top:3em}#avis .swiper-slide div{padding:20px}#avis .swiper-slide img{width:60px;height:60px}#avis .swiper-slide p:first-of-type{top:8px;left:96px;line-height:1;font-size:15px}#avis .swiper-slide p:first-of-type span{font-size:12px;letter-spacing:-.3px}#avis .swiper-slide p:nth-of-type(2){line-height:1.3;font-size:15px}#showreel{height:75vh}#showreel strong{font-size:calc(75vh / 4.2)}#showreel video{min-width:100%;max-height:100%}footer{padding:0 1.5em 2em}footer .container{padding:2em 0 3em;justify-content:space-between}footer .container>div{width:100%;margin-top:3em;text-align:center}footer .container>div a{padding:2px;display:inline-block;margin:1px 0}}@media (max-width:575px) and (min-height:575px){.firstTitle{line-height:1.15}.infos-home p{font-size:15px;max-width:500px;line-height:1.35;margin:1.75em 0 2em}}@media screen and (max-height:420px){header nav ul li a{margin:1px;font-size:18px;padding:7px}header nav>ul>li:first-of-type{margin-top:20px}.firstTitle{font-size:26px}.infos-home p{font-size:14px;line-height:1.1;margin:0}#navSlide:before,#scrollDown{display:none}header nav>ul{overflow-y:scroll;padding-bottom:70px}}@media screen and (max-height:320px){header nav>ul li:first-of-type{margin-top:10px}}