#cta{background:#FFF;text-align:center}
.faq_wrapper{padding-top:50px}
#faq{background:#f7f7f7;text-align:center;font-size:1rem;line-height:1.2rem;font-weight:300}
#faq.white_back{background:#FFF}
#faq h2{display:inline-block;color:#860067;font-size:1.5rem;line-height:1.7rem;cursor:pointer;position:relative;font-weight:400}
#faq h2 + p{max-height:0;overflow:hidden;padding-top:0;transition:all 500ms ease-out}
#faq h2.active + p{max-height:1000px;padding-top:30px;transition:all 500ms ease-in}
#faq h2:hover,#faq h2.active{color:#d20921}
#page_creations #cta .m4u_title,#page_creations #cta .purple_link{opacity:1}
#newsletter_subscription{overflow:hidden;width:1100px;margin:0 auto;padding:130px 150px 50px;text-align:center;position:relative}
#newsletter_subscription::before,#newsletter_subscription::after{content:'';width:130px;height:100px;position:absolute;z-index:1;top:100px}
#newsletter_subscription::before{left:0;background:url('https://www.madeforyou-agency.com/medias/imports/newsletter_arrow_left.svg') no-repeat center center;background-size:contain;opacity:1}
#newsletter_subscription::after{right:0;background:url('https://www.madeforyou-agency.com/medias/imports/newsletter_arrow_right.svg') no-repeat center center;background-size:contain}
#newsletter_subscription form{background:#ff595a;padding:70px 90px 35px;border-radius:40px 0 40px 0}
#newsletter_subscription form::before{content:'';width:190px;height:135px;background:url('https://www.madeforyou-agency.com/medias/imports/newsletter_letter.svg') no-repeat center center;background-size:contain;position:absolute;z-index:2;top:30px;left:calc(50% - 95px)}
#newsletter_subscription strong{font-weight:600;text-transform:uppercase;color:#FFF;font-size:1.5rem;display:inline-block;margin-bottom:20px;letter-spacing:0.01rem}
#newsletter_subscription input{border:none}
#news_in{text-align:center;display:inline-block;padding:15px 10px;font-family:'Signika',sans-serif;background:#FFF;font-size:0.9375rem;width:380px;border-radius:10px 0 10px 0;font-weight:300;cursor:pointer;transition:all 500ms;letter-spacing:0.02rem}
.inf-input{margin-bottom:30px}
#newsletter_subscription .purple_link{border-color:#FFF;opacity:1}
#newsletter_subscription .purple_link > *{background:linear-gradient(to right,#FFF 50%,#860067 50%);background-size:200% 100%;background-position:right bottom}
#newsletter_subscription .purple_link:hover > *{background-position:left bottom}
#newsletter_subscription .purple_link input{text-transform:uppercase;font-weight:600;color:#FFF;letter-spacing:0.1rem;cursor:pointer}
#newsletter_subscription .purple_link:hover input{color:#ff595a}
input#infmailv{display:none}
footer{padding:40px 50px 30px;background:#2e0d35 url('https://www.madeforyou-agency.com/medias/imports/white_pattern_50.png') no-repeat center center;background-size:auto;position:relative;font-size:0.9375rem;color:#FFF}
footer a{color:#FFF}
footer a:hover{color:#ff595a}
footer .title{width:100%;font-size:1.25rem;letter-spacing:0.1rem;text-transform:uppercase;font-weight:600;display:block;margin-bottom:10px}
#sitemap{text-align:left;display:flex;flex-wrap:wrap}
#part_1,#part_2{margin-right:50px}
.part{display:inline-block}
#sitemap li{margin-bottom:10px}
#sitemap li.one{margin-top:0}
#sitemap a{font-family:'Signika',sans-serif;text-transform:uppercase;color:#FFF;display:inline-block}
#sitemap li ul li{margin-bottom:0;line-height:1.15rem;margin:2px 0}
#sitemap li ul li a{font-family:'Thasadith',sans-serif;font-weight:700;font-size:0.875rem;text-transform:none;margin-bottom:0}
#sitemap li ul li a::before{content:'•';display:inline-block;margin-right:5px}
#sitemap a:hover{color:#ff595a}
footer #bottom_cta{margin:0 50px;font-size:1.1rem;letter-spacing:0.05rem;text-align:center;background:none}
.or{display:block;width:100%;margin:10px 0 20px;font-size:1.4rem}
#gps_social{text-align:right}
#gps{margin-bottom:30px}
#social a.side{display:inline-block;margin:0 5px}
#social a.side:hover i{color:#ff595a!important}
#social a.side i{font-size:1.2rem;background:none}
#social mark{width:100%;background:none}
#social mark a{cursor:default;color:#FFF}
#social mark a u:hover{cursor:pointer;transition:color 500ms;color:#ff595a}
#copyright{font-family:'Signika',sans-serif;text-align:center;width:100%;font-size:0.8375rem;font-weight:400;margin-top:30px;color:rgba(255,255,255,0.6)}
#copyright a{color:rgba(255,255,255,0.6)}
@media screen and (max-width:1320px){#newsletter_subscription{width:100%;padding:130px 200px 50px}
#newsletter_subscription::after{right:50px}
#newsletter_subscription::before{left:50px}
footer.fxjb{padding:40px 40px 30px;justify-content:center;flex-direction:column}
footer .title{text-align:center;margin-bottom:30px}
footer #bottom_cta{margin:0;order:1;width:100%;margin-bottom:50px}
#sitemap{order:2;width:100%;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row}
#part_1{order:1;width:300px}
#part_2{order:3;width:200px}
#part_2 ul.sub{display:flex;flex-wrap:wrap;justify-content:space-between}
#part_2 ul.sub li{width:100%}
#part_3{order:2;width:300px}
#part_1,#part_2{margin:0 0 30px}
#sitemap a{font-size:1.2rem}
#gps_social.fxje{order:3;width:100%;justify-content:center;text-align:center}
#copyright{order:4}}
@media screen and (max-width:900px){#faq{padding-top:50px}
#faq h2{padding-left:20px}
#faq h2::before{left:-10px}
#newsletter_subscription{padding:90px 20px 170px}
#newsletter_subscription::before,#newsletter_subscription::after{top:auto;bottom:40px}
#newsletter_subscription::before{left:20px}
#newsletter_subscription.active::before{animation:none;opacity:1;transform:rotate(-80deg)}
#newsletter_subscription::after{right:20px}
#newsletter_subscription.active::after{animation:none;opacity:1;transform:rotate(80deg)}
#newsletter_subscription form{padding:70px 20px 35px}
#newsletter_subscription strong{line-height:1.8rem}
#newsletter_subscription input{width:100%}
footer.fxjb{padding:40px 20px 30px}
#sitemap{justify-content:space-between}
#part_1{width:auto}
#part_2{width:auto}
#part_2 ul.sub li{width:calc(50% - 10px)}
#part_3{width:auto}
#gps_social.fxje{width:100%;margin:30px 0}}
@media screen and (max-width:450px){#faq h2{font-size:1.1rem;line-height:1.3rem}}#references_navigation{padding:30px 50px}
#references_navigation .note{font-size:0.8rem;color:#ff595a;width:100%;text-align:center;line-height:1rem;margin-bottom:10px}
a.navi,#sharingLinks a{color:#FFF;font-weight:600;height:40px;width:40px;padding:0;margin:0 5px}
a.navi{background:#860067!important}
a.navi:first-child,a.navi:first-of-type{background-size:200% 100%;background-image:linear-gradient(to right,#5b6670 50%,#ff595a 50%)}
a.navi:last-child,a.navi:last-of-type{background-size:200% 100%;background-position:100% 0;background-image:linear-gradient(to left,#5b6670 50%,#ff595a 50%)}
a.navi:first-child:hover,a.navi:first-of-type:hover{background-position:100% 0}
a.navi:last-child:hover,a.navi:last-of-type:hover{background-position:0 0}
a.navi .fas{font-size:1.7rem;text-indent:0}
#sharingLinks{display:flex;justify-content:center}
#sharingLinks a{display:flex;justify-content:center;align-items:center;align-content:center;background:#5b6670}
#sharingLinks a:hover{background:#ff595a}
@media screen and (max-width:450px){#references_navigation{padding:30px 0!important}}@keyframes vibrate-1{0%{transform:translate(0)}
54%{transform:translate(0)}
55%{transform:translate(-2px,2px)}
56%{transform:translate(-2px,-2px)}
57%{transform:translate(2px,2px)}
58%{transform:translate(2px,-2px)}
59%{transform:translate(0)}
100%{transform:translate(0)}}
.vibrate-1{animation:vibrate-1 5s linear infinite both}
@keyframes vibrate-2{0%{transform:translate(0)}
24%{transform:translate(0)}
25%{transform:translate(-2px,2px)}
26%{transform:translate(-2px,-2px)}
27%{transform:translate(2px,2px)}
28%{transform:translate(2px,-2px)}
29%{transform:translate(0)}
100%{transform:translate(0)}}
.vibrate-2{animation:vibrate-2 5s linear infinite both}
@keyframes slide-in-elliptic-right-fwd{0%{transform:translateX(800px) rotateY(-30deg) scale(0);transform-origin:-100% 50%;opacity:0}
100%{transform:translateX(0) rotateY(0) scale(1);transform-origin:-1800px 50%;opacity:1}}
.slide-in-elliptic-right-fwd{animation:slide-in-elliptic-right-fwd 0.7s cubic-bezier(0.250,0.460,0.450,0.940) both}
@keyframes slide-in-elliptic-left-fwd{0%{transform:translateX(-800px) rotateY(30deg) scale(0);transform-origin:-100% 50%;opacity:0}
100%{transform:translateX(0) rotateY(0) scale(1);transform-origin:1800px 50%;opacity:1}}
.slide-in-elliptic-left-fwd{animation:slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.250,0.460,0.450,0.940) both}
@keyframes slide-in-elliptic-top-bck{0%{transform:translateY(-600px) rotateX(30deg) scale(6.5);transform-origin:50% 200%;opacity:0}
100%{transform:translateY(0) rotateX(0) scale(1);transform-origin:50% -500px;opacity:1}}
.slide-in-elliptic-top-bck{animation:slide-in-elliptic-top-bck 0.7s cubic-bezier(0.250,0.460,0.450,0.940) both}
@keyframes slide-in-blurred-right{0%{transform:translateX(1000px) scaleX(2.5) scaleY(0.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}
100%{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}
.slide-in-blurred-right{animation:slide-in-blurred-right 0.6s cubic-bezier(0.230,1.000,0.320,1.000) both}
@keyframes slide-in-blurred-left{0%{transform:translateX(-1000px) scaleX(2.5) scaleY(0.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}
100%{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}
.slide-in-blurred-left{animation:slide-in-blurred-left 0.6s cubic-bezier(0.230,1.000,0.320,1.000) both}
@keyframes swing-in-bottom-fwd{0%{transform:rotateX(100deg);transform-origin:bottom;opacity:0}
100%{transform:rotateX(0);transform-origin:bottom;opacity:1}}
.swing-in-bottom-fwd{animation:swing-in-bottom-fwd 0.5s cubic-bezier(0.175,0.885,0.320,1.275) both}
@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}
10%{transform:scale(0.91);animation-timing-function:ease-in}
17%{transform:scale(0.98);animation-timing-function:ease-out}
33%{transform:scale(0.87);animation-timing-function:ease-in}
45%{transform:scale(1);animation-timing-function:ease-out}}
.heartbeat{animation:heartbeat 1.5s ease-in-out infinite both}
@keyframes vibrate-rocket{0%{transform:translate(0)}
20%{transform:translate(2px,-2px)}
40%{transform:translate(2px,2px)}
60%{transform:translate(-2px,2px)}
80%{transform:translate(-2px,-2px)}
100%{transform:translate(0)}}
.vibrate-rocket{animation:vibrate-rocket 0.3s linear infinite both}
@keyframes vibrate-fire{0%{transform:translate(0)}
10%{transform:translate(-2px,-2px)}
20%{transform:translate(2px,-2px)}
30%{transform:translate(-2px,2px)}
40%{transform:translate(2px,2px)}
50%{transform:translate(-2px,-2px)}
60%{transform:translate(2px,-2px)}
70%{transform:translate(-2px,2px)}
80%{transform:translate(-2px,-2px)}
90%{transform:translate(2px,-2px)}
100%{transform:translate(0)}}
.vibrate-fire{animation:vibrate-fire 0.3s linear infinite both}
@keyframes slide-in-elliptic-bottom-fwd{0%{transform:translateY(600px) rotateX(30deg) scale(0);transform-origin:50% 100%;opacity:0}
100%{transform:translateY(0) rotateX(0) scale(1);transform-origin:50% -1400px;opacity:1}}
.slide-in-elliptic-bottom-fwd{animation:slide-in-elliptic-bottom-fwd 0.7s cubic-bezier(0.250,0.460,0.450,0.940) both}