#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:#481FEC;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}}#ref_title_awards{text-transform:uppercase;color:#ff595a;text-align:center;margin-bottom:10px}
#awards{padding:80px 20px}
#awards .flex{padding-top:20px;position:relative}
.award{border:1px solid #aa001d;width:100%;max-width:220px;border-radius:50px 0 50px 0;margin:20px 12.5px;height:415px;padding:10px;position:relative;text-align:center;font-family:'Signika',sans-serif}
.award.shorted{width:265px;height:175px;margin:40px 30px 0}
.award::before{content:'';display:block;width:140px;height:145px;margin:15px auto 10px}
.award.shorted::before{position:absolute;z-index:5;top:-30px;left:-30px;width:90px;height:95px;margin-top:0;background-color:#FFF!important}
.award.rank01::before{background:url('https://www.madeforyou-agency.com/medias/imports/medaille_awards_1_or_gold.png') no-repeat center center;background-size:contain}
.award.rank02::before{background:url('https://www.madeforyou-agency.com/medias/imports/medaille_awards_2_argent_silver.png') no-repeat center center;background-size:contain}
.award.rank03::before{background:url('https://www.madeforyou-agency.com/medias/imports/medaille_awards_3_bronze.png') no-repeat center center;background-size:contain}
.award.rank04::before{background:url('https://www.madeforyou-agency.com/medias/imports/medaille_awards_4_fer_iron.png') no-repeat center center;background-size:contain}
.award .in_wrap{padding:10px 5px}
.award.shorted .in_wrap{width:100%;padding-top:20px;height:100%;padding:5px}
.award strong{display:block;font-size:0.96875rem;line-height:1.1rem;font-weight:700;color:#860067;text-transform:uppercase;min-height:80px;position:relative}
.award.shorted strong{font-size:0.85rem;line-height:0.9rem;min-height:60px;text-align:left;padding-left:60px;white-space:normal}
.award strong::after,.award a::after{content:'';display:block;width:50px;height:2px;overflow:hidden;background:#ff595a;margin:10px auto}
.award strong::after{position:absolute;left:calc( (100% - 50px) / 2);bottom:0}
.award.shorted strong::after{position:relative;left:auto;bottom:auto;margin:10px 0 20px}
.award strong span{font-size:1.9rem;display:block;margin-bottom:10px}
.award.shorted strong span{font-size:1.8rem;margin-bottom:5px}
.award mark{background:transparent;display:block;font-size:0.875rem;line-height:1.1rem;height:80px;margin-top:5px;font-weight:300;color:#5b6670}
.award.shorted mark{font-size:0.75rem;line-height:0.9rem}
.award em{font-weight:400;display:block;margin-bottom:4px;font-weight:700;text-transform:uppercase}
.award a{display:inline-block;font-size:0.875rem;line-height:1rem;color:#aa001d}
.award a:hover{color:#ff595a}
.award a::after{display:none}#preface{text-align:center;background:#f7f7f7}
#preface .container{margin-bottom:40px}
#preface .container ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}
#preface .container li{width:calc(25% - 25px);margin:0 12.5px;padding:40px 40px 35px;text-align:left;color:#FFF}
#preface .container li strong{font-family:'Signika',sans-serif;font-size:1.75rem;font-weight:600;text-transform:uppercase;width:100%}
#preface .container li strong::after{content:'';display:block;width:60px;height:4px;background:#FFF;margin:10px 0}
#preface .container li:nth-child(1){background:#aa001d;border-radius:50px 0 0 0}
#preface .container li:nth-child(2){background:#860067}
#preface .container li:nth-child(3){background:#ff595a}
#preface .container li:nth-child(4){background:#5b6670;border-radius:0 0 50px 0}
.preface_ending{line-height:1.5rem;margin-top:50px}
.preface_ending h2{margin-bottom:20px}
#awards{background:#FFF;padding:80px calc((100% - 1190px)/2)!important;text-align:center}
#awards .container{padding-bottom:70px}
#awards .swiper-wrapper{width:100%}
#awards .swiper-slide{width:25%;padding:0 12.5px}
.award{width:100%;max-width:100%;margin:0}
.award_nav{display:none}
#top_texts.little_padding{text-align:center;padding-top:0;padding-bottom:80px;font-weight:300}
#expertises{background:#f7f7f7;text-align:center;padding:80px calc((100% - 1240px)/2)}
.expertise{width:260px;height:295px;position:relative;margin:0 25px 70px}
.expertise a{color:#aa001d}
.expertise:hover a{color:#ff595a}
.expertise .title{font-family:'Signika',sans-serif;z-index:1;text-align:left;text-transform:uppercase;font-size:1.5rem;line-height:1.6rem;color:#aa001d;font-weight:600;margin-bottom:-7px;margin-left:80px}
.expertise .title span{display:block;font-family:'Roboto Condensed',sans-serif;font-size:1.0625rem;font-weight:300}
.expertise picture{overflow:hidden;width:227px;height:220px;background:#FFF;margin-left:33px}
.expertise picture img{width:90%;height:90%;object-fit:contain;object-position:center center}
.expertise .absolute_num{position:absolute;top:0;left:0;transform-origin:left top;transform:scale(0.9)}
#team{text-align:center}
#team .purple_link{margin-top:50px}
#last_article{padding-top:80px;text-align:center;background:#481FEC}
#last_article .m4u_title *{color:#FFF}
#last_article .m4u_title strong{color:#481FEC;-webkit-text-stroke:1px #FFF}
#last_article .container{padding:20px calc((100% - 1100px) /2) 60px}
#last_article img{height:400px}
#last_article .categorie{color:#aa001d}
#last_article .purple_link.active > *{background:linear-gradient(to right,#ff595a 50%,#FFF 50%);background-size:200% 100%;background-position:right bottom;color:#5b6670;transition:all 300ms ease-out}
#last_article .purple_link:hover > *{color:#FFF;background-position:left bottom}
#faq{background:transparent}
.faq_wrapper{background:#f7f7f7}
@media screen and (max-width:1320px){#preface .container li{padding:40px 20px 35px}
#expertises.main_padding,#team.main_padding,#creations.main_padding{padding:80px 20px}
#creations .container{padding:60px calc((100% - 1000px) /2) 60px}
#last_article .container{padding:20px calc((100% - 1000px) /2) 60px}}
@media screen and (max-width:1050px){#preface .container li strong{font-size:1.55rem}
#creations .container{padding:60px calc((100% - 900px) /2) 60px}
#last_article .container{padding:20px calc((100% - 900px) /2) 60px}}
@media screen and (max-width:900px){#expertises.main_padding,#team.main_padding,#creations.main_padding{padding-top:80px}
#team .container{width:450px;margin-left:auto;margin-right:auto}
.member{margin:0 0 50px}
#a_la_une{margin-bottom:0;padding-bottom:0}}
@media screen and (max-width:450px){.award{max-width:220px;margin:0 auto}
.award_nav{display:block;top:calc(50% - 50px);color:#aa001d}
#preface.main_padding{padding-top:50px}
#preface .container li{width:350px;margin:0 12.5px;padding:40px 40px 35px;text-align:left;color:#FFF;font-family:'Signika',sans-serif}
#preface .container li:nth-child(2){margin:12.5px}
#preface .container li:nth-child(3){margin:0 12.5px 12.5px}
#preface .container li strong{font-size:1.6rem}
#team .container{width:100%}
#expertises .container{width:325px;margin:0 auto}
.expertise{width:300px;height:320px;margin-left:0;margin-right:0}
.expertise picture{width:267px;height:250px}}
@media screen and (max-width:350px){#expertises .container{width:100%}
.expertise{width:260px}
.expertise picture{width:227px}}@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}