main .mainBanner{margin:0 auto;max-width:var(--max-width);position:relative}main .mainBanner:after{clear:both;content:"";display:block}main .mainBanner>div{margin:0 10px}main .mainBanner .banner{background-clip:border-box;background-image:url(/build/images/banniere-creabul-m.ba3cc87c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:550px;margin:0;position:relative}main .mainBanner .banner picture img{box-sizing:content-box;height:550px;max-width:1680px;overflow:hidden;position:absolute}main .mainBanner .banner div.h1{background:#fff;border-radius:15px;bottom:-55px;box-shadow:0 4px 2px #ccc;color:#383e42;float:left;font-family:var(--police-poppin);font-size:1.4rem;font-weight:400;left:50%;line-height:30px;margin:0;min-width:320px;padding:25px 60px;position:absolute;text-align:center;text-transform:none;transform:translateX(-50%);width:63%}main .mainBanner .banner div.h1>div{float:left}main .mainBanner .banner div.h1>div:first-child{box-sizing:border-box;width:60%}main .mainBanner .banner div.h1>div:nth-child(2){box-sizing:border-box;text-align:center;width:40%}main .mainBanner a.subscriptionPromote{background-color:var(--red);border-radius:var(--bs-border-radius-pill);color:var(--bs-white);display:inline-block;font-size:1.2rem;font-style:normal;font-weight:700;line-height:24px;max-width:300px;padding:10px 0;position:relative;text-align:center;text-transform:uppercase;top:8px;width:300px}main .mainBanner .banner div.h1 span{color:var(--orange);font-size:1.6rem;line-height:30px}main .mainBanner .banner div.h1 span,main .mainBanner .banner h2{font-family:var(--police-rodetta);font-weight:400;text-transform:uppercase}main .mainBanner .banner h2{color:var(--bs-white);font-size:3.6rem;font-style:normal;line-height:4rem;position:absolute;right:4%;text-align:right;text-shadow:0 4px 9px rgba(0,0,0,.8);top:20%}main .mainBanner .promote{background:var(--bs-white);border-radius:var(--bs-border-radius-2xl);box-shadow:-2px 4px 6px #777;display:flow-root;padding:8px 10px 20px;position:absolute;right:4%;top:50%}main .mainBanner .subscriptionPromote{margin:4px 0 15px}main .mainBanner .boxPromote a,main .mainBanner .subscriptionPromote a{border-radius:var(--bs-border-radius-pill);display:block;font-size:1.2rem;font-style:normal;font-weight:700;line-height:24px;min-width:280px;padding:10px 0;position:relative;text-align:center;text-transform:uppercase}main .mainBanner .subscriptionPromote a{z-index:20}main .mainBanner .boxPromote a{color:var(--red);right:0}main .mainBanner .boxPromote .btn{background-color:transparent;cursor:pointer;display:inline-block;font-size:1em;font-size:1rem;font-weight:700;height:50px;letter-spacing:.045em;line-height:60px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;width:277px}main .mainBanner .boxPromote .btn svg{left:0;position:absolute;top:0;z-index:10}main .mainBanner .boxPromote .btn svg rect{stroke:var(--red);stroke-width:2;stroke-dasharray:353,0;stroke-dashoffset:0;transition:all .6s ease}main .mainBanner .boxPromote .btn span{color:var(--red);font-size:1rem;margin-right:25px;margin-top:10px}main .mainBanner .boxPromote .btn:hover svg rect{stroke-width:2;stroke-dasharray:196,543;stroke-dashoffset:437}main .mainBanner .subscriptionPromote a{background-color:var(--red);color:var(--bs-white);height:52px;left:0;padding-top:15px}main .mainBanner .boxPromote div,main .mainBanner .subscriptionPromote div{clear:both;padding-top:10px;text-align:center}main .mainBanner .boxPromote span,main .mainBanner .subscriptionPromote span{display:block;font-size:1rem;font-style:normal;line-height:20px}main .mainBanner .boxPromote em,main .mainBanner .subscriptionPromote em{display:block;font-size:1rem;font-style:normal;font-weight:500;line-height:20px}@media only screen and (max-width:1000px){main .mainBanner,main .mainBanner>div{margin:0}main .mainBanner .banner{height:375px;margin-top:0}main .mainBanner .banner picture img{height:375px}main .mainBanner .banner h1{color:#383e42;float:none;font-size:1rem;font-weight:400;line-height:23px;margin:0;position:relative;text-align:center;top:-70px}main .mainBanner .banner h1 span{font-size:1.2rem}main .mainBanner .banner h2{color:var(--bs-white);font-size:2rem;font-style:normal;font-weight:400;line-height:2.8rem;padding:105px 15px 0 0;top:1%}main .mainBanner .promote{box-shadow:none;margin:20px auto 0;max-width:490px;padding-bottom:0;position:static}main .mainBanner .boxPromote,main .mainBanner .subscriptionPromote{float:right;width:50%}main .mainBanner .boxPromote a,main .mainBanner .subscriptionPromote a{font-size:1.2rem}main .mainBanner .subscriptionPromote{margin:4px 0 0}main .mainBanner .subscriptionPromote a{left:-15px}main .mainBanner .boxPromote a{border-radius:var(--bs-border-radius-pill) 0 0 var(--bs-border-radius-pill);right:10px}main .mainBanner .boxPromote em,main .mainBanner .subscriptionPromote em{font-size:.9rem}.banner div.h1{border-radius:0!important;bottom:-133px!important;box-shadow:none!important;font-size:170%!important;padding:10px 0!important;width:100%!important}.banner div.h1 span{font-size:118%!important}.banner div.h1>div{float:inherit!important}.banner div.h1>div br{display:none}.banner div.h1>div:first-child,.banner div.h1>div:nth-child(2){width:100%!important}a.subscriptionPromote{float:none!important;top:0!important}}@media only screen and (max-width:700px){main .mainBanner .banner{height:300px}main .mainBanner .banner picture img{height:300px;left:-85px}}@media only screen and (max-width:570px){main .mainBanner .banner picture img{left:-150px}main .mainBanner .boxPromote a,main .mainBanner .subscriptionPromote a{font-size:1rem;min-width:100%}main .mainBanner .boxPromote a{right:-5px}main .mainBanner .boxPromote span,main .mainBanner .subscriptionPromote span{font-size:.8rem}main .mainBanner .boxPromote em,main .mainBanner .subscriptionPromote em{font-size:.7rem}main .mainBanner .boxPromote .btn{width:107%}main .mainBanner .boxPromote .btn svg,main .mainBanner .boxPromote .btn svg rect{width:100%}main .mainBanner .boxPromote .btn:hover svg rect{stroke-dasharray:unset;stroke-dashoffset:unset}}@media only screen and (max-width:430px){main .lastBox{padding-top:0!important}}@media only screen and (max-width:340px){main .mainBanner .banner h1{font-size:.85rem}main .mainBanner .banner h1 span{font-size:1rem}}main .lastBox{margin:0 auto;max-width:calc(var(--max-width) - 100px);padding-top:50px}main .lastBox:after{clear:both;content:"";display:block}main .lastBoxCarousel{margin:0 50px;text-align:center}main .lastBox .container{margin:0 50px;padding-top:50px}main .lastBox h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjUgNDggMjkgMCAwIDE4LjUgMjMuNSA0OFoiIGZpbGw9IiNBM0NEMzkiLz48L3N2Zz4=);background-position:bottom 0 right 25px;background-repeat:no-repeat;color:var(--green);font-family:var(--police-rodetta);font-size:1.6rem;font-style:normal;font-weight:400;line-height:2rem;margin:0 auto 25px;max-width:600px;padding:13px;text-align:center;text-transform:uppercase}main .lastBox .slick-slide{margin:0}main .lastBox figure{display:inline-block;margin:0 5% 10px}main .lastBox figure a span{-webkit-clip-path:ellipse(50% 50%);clip-path:ellipse(50% 50%);display:inline-block;margin:auto;position:relative}main .lastBox figure a>span{background-color:var(--bs-gray-400);height:304px;width:304px}main .lastBox figure a>span span{background-color:var(--bs-white);height:300px;top:2px;width:300px}main .lastBox figure img{height:100%;left:0;position:relative;top:0;transition:all .3s ease;width:100%}main .lastBox figure img:hover{transform:scale(1.1)}main .lastBox figure picture span.unavailable{background-color:#ccc;opacity:.8;top:0}main .lastBox figure picture span.unavailable b{color:#000;font-size:1.2rem;position:relative;top:47%}main .lastBox figure figcaption{color:var(--bs-gray-900);display:block;font-size:1.1rem;font-style:normal;font-weight:700;line-height:23px;margin-top:15px;text-align:center}main .lastBox .allBox{padding:30px 0;text-align:center}main .lastBox .spot{height:100%;left:0;position:absolute;top:0;width:100%}main .lastBox .svg-wrapper{display:inline-block;height:40px;margin-left:5px;margin-right:5px;margin-top:0;position:relative;width:200px}main .lastBox #shape{stroke-width:3px;fill:transparent;stroke:var(--red);stroke-dasharray:120 480;stroke-dashoffset:-280;transition:all 1s ease}main .lastBox #text{font-weight:700;margin-top:-32px;text-align:center;text-transform:uppercase}main .lastBox #text a{color:var(--red);font-size:1rem;text-decoration:none}main .lastBox .svg-wrapper:hover #shape{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:var(--red)}@media only screen and (max-width:1290px){main .lastBox .container{margin:0}main .lastBox .item .imgContainer{height:260px;width:260px}}@media only screen and (max-width:780px){main .lastBoxCarousel{margin:0}main .lastBox .container{padding-top:150px}}@media only screen and (max-width:400px){main .lastBox h2{font-size:1.2rem}}@media only screen and (max-width:340px){main .lastBox figure span{height:200px;width:200px}main .lastBox figure picture span.unavailable b{font-size:.8rem;top:40%}main .lastBox figure figcaption{font-size:1rem}}main .howItWorks{margin:50px auto 0;max-width:1200px}main .howItWorks:after{clear:both;content:"";display:block}main .howItWorks h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS45MjUgMjYuNDM1IDYxLjg0IDEzLjkzTDQyLjcxNy45MS45MjUgMjYuNDM1WiIgZmlsbD0iIzU3MzI5MyIvPjwvc3ZnPg==);background-position:top 0 left 0;background-repeat:no-repeat;color:var(--purple);font-family:var(--police-rodetta);font-size:1.6rem;font-style:normal;font-weight:400;line-height:2rem;margin:0 auto 15px;max-width:600px;padding:5px 0 13px;text-align:center;text-transform:uppercase}main .howItWorks .container{margin:0 20px}main .howItWorks .explanationsContainer{float:left;padding-right:1%;width:49%}main .howItWorks .youtubeContainer{float:right;padding-left:1%;width:49%}main .howItWorks .youtube{border-radius:10px;box-shadow:0 0 10px #ccc;height:0;margin:70px auto 0;max-width:500px;overflow:hidden;padding-bottom:55%;position:relative;text-align:center}main .howItWorks .youtube .content{font-size:1rem;margin-top:20%;position:relative;text-align:center}main .howItWorks .youtube iframe{height:100%;left:0;position:absolute;top:0;width:100%}main .howItWorks .explanations{margin:30px auto 0;max-width:500px;text-align:center}main .howItWorks .explanations div{font-size:1rem;font-style:normal;font-weight:400;height:130px;line-height:19px}main .howItWorks .subscribe{background-image:url(/build/images/subscribe.7b6ca148.svg);background-position:left 0 top 0;background-repeat:no-repeat;padding:30px 0 0 175px}main .howItWorks .shipping{background-image:url(/build/images/shipping.4894e9b8.svg);background-position:right 0 top 0;background-repeat:no-repeat;padding:30px 185px 0 0}main .howItWorks .use{background-image:url(/build/images/use.9ec9ab5b.svg);background-position:left 0 top 0;background-repeat:no-repeat;padding:30px 0 0 175px}main .howItWorks .shipping strong,main .howItWorks .subscribe strong,main .howItWorks .use strong{display:block;font-size:1.3rem;font-style:normal;font-weight:700;line-height:32px}@media only screen and (max-width:1000px){main .howItWorks h2{padding:5px 75px 13px}main .howItWorks .explanationsContainer,main .howItWorks .youtubeContainer{float:none;width:100%}main .howItWorks .youtube{border-radius:10px;box-shadow:0 0 10px var(--bs-gray-300);float:none;height:0;margin:20px auto 0;max-width:none;overflow:hidden;padding-bottom:55%;position:relative;text-align:center;width:90%}main .howItWorks .explanations{float:none;margin:30px auto 0;max-width:500px;text-align:center;width:90%}main .howItWorks .explanations div{margin-bottom:20px}}@media only screen and (max-width:510px){main .howItWorks .explanations div{background-size:25%}main .howItWorks .subscribe{padding:30px 0 0 27%}main .howItWorks .shipping{padding:15px 27% 0 0}main .howItWorks .use{padding:15px 0 0 27%}}@media only screen and (max-width:400px){main .howItWorks h2{font-size:1.2rem}}@media only screen and (max-width:440px){main .howItWorks .explanations{width:100%}main .howItWorks .shipping strong,main .howItWorks .subscribe strong,main .howItWorks .use strong{font-size:1.1rem;line-height:1.4rem}main .howItWorks .explanations div{font-size:.9rem;height:10vh;line-height:1rem;margin-bottom:25px}}@media only screen and (max-width:360px){main .howItWorks h2{font-size:1.2rem;padding:0 90px 13px}main .howItWorks .explanations{width:100%}main .howItWorks .shipping strong,main .howItWorks .subscribe strong,main .howItWorks .use strong{font-size:1rem;line-height:1.4rem}main .howItWorks .explanations div{font-size:.7rem;line-height:1rem;margin-bottom:25px}}main .community{margin:60px auto 0;max-width:calc(var(--max-width) - 100px);padding-bottom:50px}main .community:after{clear:both;content:"";display:block}main .community .container{background-image:url(/build/images/pen.3c861735.svg),url(/build/images/jar.2bd90cc5.svg),url(/build/images/tube.304e4a32.svg);background-position:top 40px right 20px,bottom 30px left 0,bottom -20px left 0;background-repeat:no-repeat,no-repeat,no-repeat;margin:0 50px}main .community h2{color:var(--purple);font-family:var(--police-rodetta);font-size:1.6rem;font-style:normal;font-weight:400;line-height:2rem;margin:0 auto 30px;max-width:600px;padding:0 10px;text-align:center;text-transform:uppercase}main .community .slick-slide{margin:0}main .community figure{display:inline-block;margin:0 3% 10px}main .community figure a span{-webkit-clip-path:ellipse(50% 50%);clip-path:ellipse(50% 50%);display:inline-block;margin:auto;position:relative}main .community figure a>span{background-color:var(--bs-gray-400);height:304px;width:304px}main .community figure a>span span{background-color:var(--bs-white);height:300px;top:2px;width:300px}main .community figure img{height:350px;transition:all .3s ease}main .community figure img:hover{transform:scale(1.1)}main .communityCarousel{margin:0 auto;text-align:center}@media only screen and (max-width:800px){main .community .container{margin:0}}@media only screen and (max-width:430px){main .community h2{width:300px}main .community .container{background-position:top 40px right -10px,bottom 40px left -20px,bottom -20px left -40px}}@media only screen and (max-width:340px){main .community h2{font-size:1.2rem;width:290px}main .community figure span{height:200px;width:200px}}main{margin-top:0}