@font-face{font-display:swap;font-family:Matteo-Regular;src:url(../fonts/Matteo-Regular/font.woff) format("woff2"),url(../fonts/Matteo-Regular/font.woff) format("woff")}@font-face{font-display:swap;font-family:Matteo-Semibold;src:url(../fonts/Matteo-Semibold/font.woff) format("woff2"),url(../fonts/Matteo-Semibold/font.woff) format("woff")}*{font:16px/25px Matteo-Regular,arial,sans-serif;margin:0;outline:none;padding:0}body,html{height:100%;min-height:100%}body{background-color:#fff}a{color:#101010}a,a:hover{text-decoration:none}.uppercase{text-transform:uppercase}.btn{border:0;border-radius:10px;cursor:pointer;display:inline-block;font:16px/25px Matteo-Semibold,arial,sans-serif;padding:12px 32px}.btn-primary{background-color:#e43958;color:#fff}.btn-secondary{background-color:#fcebee;color:#e43958}.btn-outline{background-color:#fff;border:2px solid rgba(206,28,60,.25);color:#e43958}.btn-outline:hover{border:2px solid rgba(206,28,60,.65)}.btn-primary:hover{background-color:#ce1c3c}.btn-secondary:hover{background-color:#e43958;color:#fff}.btn-cta{-webkit-box-shadow:5px 6px 19px 0 rgba(228,57,88,.65);box-shadow:5px 6px 19px 0 rgba(228,57,88,.65)}.btn-download{margin-bottom:30px;margin-top:30px;max-width:210px}.btn-content-cta{display:block;margin-bottom:25px;width:250px}.btn-cta-roadmap{margin-top:20px}.show-sm{display:none}ul{list-style-type:none;margin:0;padding:0}ul.bulleted li{align-items:center;display:flex;flex-direction:row;justify-content:left;margin-bottom:10px;text-align:left}ul.bulleted li b{background:#fcebee;border-radius:24px;display:inline-block;flex-shrink:0;height:24px;margin-right:10px;position:relative;width:24px}ul.bulleted li b:after,ul.bulleted li b:before{background-color:#e43958;border-radius:1px;content:" ";height:50%;left:calc(50% - 1px);position:absolute;top:25%;width:2px;z-index:5}ul.bulleted li b:before{transform:rotate(90deg)}ul.bulleted li em,ul.bulleted li span{font:22px/28px Matteo-Regular,arial,sans-serif}ul.bulleted li em{color:#e43958}ul.bulleted.spaced li{margin-top:20px}header{height:146px}header .logo{width:144px}header nav{left:0;opacity:.9;position:fixed;right:0;top:0;z-index:500}footer,nav{background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:20px 30px}.navlinks a.active{color:#e43958}.navlinks a:hover{text-decoration:underline}.navlinks ul{align-items:center;display:flex;flex-direction:row;overflow:hidden}.navlinks ul li:not(:first-child){margin-left:28px}.navlinks ul li{white-space:nowrap}.navlinks ul li a span{font:18px/29px Matteo-Semibold,arial,sans-serif}.navlinks ul li.separator{background:#ddd;display:inline-block;height:42px;width:1px}#mobile-menu-toggler{cursor:pointer;display:none;height:24px;width:24px}.popup-menu{background-color:#fff;border:1px solid #ddd;border-radius:10px;display:none;max-width:750px;min-width:430px;position:absolute;right:10vw;top:80px;z-index:10}.popup-menu .product-submenu{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:15px}.popup-menu .product-submenu div{border-radius:5px;flex-shrink:0;margin-right:20px;margin-top:20px;padding:15px;width:40%}.popup-menu .product-submenu div h3{font:18px/29px Matteo-Semibold,arial,sans-serif}.popup-menu .product-submenu div:hover{background-color:#f5f5f5}.stories{display:flex;flex-direction:row;justify-content:center}.stories div{background-position:100% 100%;background-repeat:no-repeat;background-size:50%;border-radius:15px;height:300px;margin-right:60px;position:relative;width:350px}.stories div img{bottom:30px;left:30px;opacity:.75;position:absolute;width:40%}.stories div h2{font:22px/28px Matteo-Regular,arial,sans-serif;margin-top:20px}.stories div .growth{background-color:#e43958;border-radius:10px;height:70px;left:-20px;padding:10px;position:absolute;top:76px;width:140px}.stories div .growth h3,.stories div .growth h5{color:#fff;font:16px/25px Matteo-Regular,arial,sans-serif}.stories div .growth h5 b{font:42px/42px Matteo-Semibold,arial,sans-serif}.stories div.ntrend{background-color:#fff;background-image:url(../img/home/companies/profile_ntrend.webp)}.stories div.chocolala{background-color:#fff;background-image:url(../img/home/companies/profile_chocolala.webp)}.stories div.occo{background-color:#fff;background-image:url(../img/home/companies/profile_occo.webp)}footer .navlinks ul li a{font:16px/25px Matteo-Semibold,arial,sans-serif}footer .copy .social svg{height:24px}footer .copy .social svg path{fill:#666}footer .copy .social a{margin-left:10px}footer .copy .social a#twitter:hover svg path{fill:#1da1f2}footer .copy .social a#linkedin:hover svg path{fill:#0a66c2}footer .copy .social a#youtube:hover svg path{fill:red}footer .copy span{color:#999}main{min-height:60vh}main p{font:22px/28px Matteo-Regular,arial,sans-serif}main h1{font:42px/42px Matteo-Regular,arial,sans-serif;margin-bottom:24px}main .intro{display:flex;flex-direction:row;justify-content:space-between;padding:51px 0 0 90px}main .intro h1{max-width:720px}main .intro h1 b{color:#e43958;font:42px/42px Matteo-Regular,arial,sans-serif}main .intro .sub,main .intro p{margin-bottom:45px;max-width:600px}main .intro #scrolldown{display:block;margin-top:70px;width:12px}main .intro #scrolldown #text{margin-left:2px}main .intro #hero{background:url(../img/home/hero.webp) 50% no-repeat;background-position-x:right;background-size:contain;height:500px;width:100%}main .intro #hero-marketing{background:url(../img/home/campaigns.webp) 50% no-repeat;background-position-x:right;background-size:contain;height:500px;width:100%}main .intro #hero-roadmap{background:url(https://epiprodux.com/static/img/home/roadmap/product-roadmap.webp) 50% no-repeat;background-position-x:right 10vw;background-size:contain;height:500px;width:100%}main .clients{margin:30px auto 51px;text-align:center}main .clients p{font:30px/30px Matteo-Regular,arial,sans-serif;margin-bottom:50px}main .clients .logos{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}main .clients .logos img{height:40px;margin-bottom:15px;margin-right:40px;opacity:.65;transition-duration:.5s}main .clients .logos img.alt{height:22px}main .clients .logos img:hover{opacity:1}main .module{align-items:center;display:flex;flex-direction:column;padding:75px 30px 85px;text-align:center}main .module h1{font:42px/42px Matteo-Semibold,arial,sans-serif}main .module h1.sm{font:28px/38px Matteo-Semibold,arial,sans-serif;margin-bottom:9px}main .module p{margin-bottom:45px}main .module.stripe{background-color:#f6f6f6}main .module.stripe-alt{background-color:#fafafa}main .module img.content{max-width:950px;width:80%}main .module img.content-wide{max-width:1350px;width:80%}main .module .managers-whys{height:655px;max-width:1350px;position:relative;width:80%}main .module .managers-whys .bg{background-image:url(../img/home/roadmap/questions-w.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;height:655px;margin-left:auto;margin-right:auto;max-height:655px;max-width:574px;width:50%}main .module .managers-whys .why{background-color:#fff;border:1px dashed hsla(0,0%,56%,.6);border-radius:14px;opacity:.9;padding:25px;position:absolute;text-align:center;width:370px;z-index:5}main .module .managers-whys .why h2{color:#e43958;font:22px/28px Matteo-Semibold,arial,sans-serif;margin-bottom:15px}main .module .managers-whys .why p{font:16px/25px Matteo-Regular,arial,sans-serif;margin-bottom:0}main .module .managers-whys .why.w1{left:0;top:0}main .module .managers-whys .why.w2{left:100px;top:300px}main .module .managers-whys .why.w3{right:100px;top:300px}main .module .managers-whys .why.w4{right:0;top:0}main .module.sided{display:flex;flex-direction:row;justify-content:center}main .module.sided div{display:flex;flex-direction:column;justify-content:center;margin-right:50px;max-width:550px;text-align:left;width:50%}main .module.sided img{max-width:750px;width:50%}main .module #introVideo{clip-path:insert(2px 2px);height:45.197740113vw;width:80vw}main .module.pricing b{font:22px/28px Matteo-Semibold,arial,sans-serif}main .plans{display:flex;flex-direction:row;justify-content:center}main .plans div{background-color:#fcfcfc;border-radius:15px;margin-right:30px;padding-bottom:15px;padding-top:15px;width:250px}main .plans div:nth-child(2n){background-color:#f6f6f6}main .plans div h2{color:#e43958;font:22px/28px Matteo-Semibold,arial,sans-serif}main .plans div h3{color:#555;font:42px/42px Matteo-Semibold,arial,sans-serif;margin-bottom:10px;margin-top:30px}main .plans div p{color:#999;font:16px/25px Matteo-Regular,arial,sans-serif}#overlay{background-color:#000;height:100%;left:0;opacity:.5;top:0;width:100%;z-index:1000}#free-guide,#overlay{display:none;position:absolute}#free-guide{align-items:center;background-color:#fff;border-radius:10px;box-shadow:3px 3px 10px 0 rgba(0,0,0,.75);-webkit-box-shadow:3px 3px 10px 0 rgba(0,0,0,.75);-moz-box-shadow:3px 3px 10px 0 rgba(0,0,0,.75);flex-direction:column;height:400px;justify-content:center;left:50%;max-width:610px;min-width:300px;padding:30px;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1001}#free-guide .thankyou{display:none}#free-guide.sent .thankyou{display:block}#free-guide.sent input{display:none}#free-guide img{margin-bottom:40px;width:25%}#free-guide h1{margin-bottom:24px}#free-guide h1,#free-guide h1 b{font:28px/38px Matteo-Semibold,arial,sans-serif}#free-guide h1 b{color:#e43958}#free-guide input{background-color:#e7f0fe;border:1px solid #ddd;border-radius:2px;box-sizing:border-box;color:#000;font:16px/25px Matteo-Regular,arial,sans-serif;height:50px;margin-bottom:30px;max-width:550px;padding:15px;width:80%}#free-guide button{margin-bottom:40px}#free-guide a{color:#8e8e8e;font:16px/25px Matteo-Regular,arial,sans-serif;text-decoration:underline}.noscroll{overflow:hidden}.fade-out{animation:fadeOut 3s;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:1390px){#free-guide h1{max-width:320px}main .intro #hero-roadmap{background-position-x:right}main .module .managers-whys .why.w1,main .module .managers-whys .why.w2{left:-10vw}main .module .managers-whys .why.w3,main .module .managers-whys .why.w4{right:-10vw}}@media(max-width:900px){main .module .managers-whys{padding-bottom:140px}main .module .managers-whys .bg{left:5%;position:absolute;top:0;width:100%}main .module .managers-whys .why{margin-bottom:30px;margin-left:auto;margin-right:auto;position:static;width:80%}#free-guide{height:430px;min-width:250px;padding:15px;transform:translate(-50%,-40%)}#free-guide h1{max-width:200px}#free-guide h1,#free-guide h1 b{font:18px/29px Matteo-Semibold,arial,sans-serif}#free-guide img{width:40%}#free-guide .btn{font-size:12px}}@media(max-width:735px){header{height:100px}.show-sm{display:block}.stories{flex-direction:column;min-width:350px}.stories div{margin-bottom:30px;margin-left:auto;margin-right:auto}main .intro{padding:0 15px}main .intro h1{max-width:unset}main .intro h1,main .intro h1 b{font:30px/30px Matteo-Semibold,arial,sans-serif}main .intro p{max-width:unset}main .intro div{text-align:center}main .intro #hero,main .intro #hero-marketing,main .intro #hero-roadmap,main .intro #scrolldown{display:none}main .plans{flex-direction:column}main .plans div{margin-bottom:30px;margin-left:auto;margin-right:auto}main .module h1{font:30px/30px Matteo-Semibold,arial,sans-serif}main .module .managers-whys,main .module img.content,main .module img.content-wide{width:100%}main .module.sided{align-items:center;flex-direction:column}main .module.sided div{margin-right:unset;text-align:center;width:100%}main .module.sided img{width:100%}header nav{opacity:1}main .clients p{font:22px/28px Matteo-Regular,arial,sans-serif;margin-bottom:40px;margin-top:70px}main .clients .logos img{margin-bottom:40px;margin-right:unset;opacity:unset;width:50%}.navlinks.mainmenu{background-color:#fff;border-radius:10px;box-shadow:1px 0 11px 3px rgba(0,0,0,.45);-webkit-box-shadow:1px 0 11px 3px rgba(0,0,0,.45);-moz-box-shadow:1px 0 11px 3px rgba(0,0,0,.45);display:none;position:absolute;right:65px;top:20px}.navlinks.mainmenu ul{display:block;margin-bottom:20px;padding:20px}.navlinks.mainmenu ul li.separator{background:#ddd;display:inline-block;height:1px;width:100%}.navlinks.mainmenu ul li:not(:first-child){margin-left:0;margin-top:20px}footer .navlinks ul{display:block}footer .navlinks ul li:not(:first-child){margin-left:0}footer .navlinks ul li{margin-bottom:28px}#mobile-menu-toggler{display:block}.popup-menu{left:2vw;max-width:100%;min-width:100px;right:2vw;top:2vh}.popup-menu .product-submenu div{width:90%}}
/*# sourceMappingURL=static/css/landing.css.map */