-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathmain-fc74958bb08b30e3050df1cb22a761a0.css
1 lines (1 loc) · 41.9 KB
/
main-fc74958bb08b30e3050df1cb22a761a0.css
1
*{outline:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-osx-font-smooth:grayscale;user-select:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}canvas{padding:0;margin:0}button{border:0;background:transparent}a{text-decoration:none}canvas{vertical-align:middle}@font-face{font-family:'RenaultLife';src:url("assets/fonts/RenaultLife-Regular-b8d4e678b78ee6ee559c9f4c62463cfc.woff") format('woff'),url("assets/fonts/RenaultLife-Regular-e0b2813fa6a9f564733f23c12a9d410e.ttf") format('truetype'),url("assets/fonts/RenaultLife-Regular-3b46009b7e4b2633ec322e4ac2d837c0.eot") format('opentype'),url("assets/fonts/RenaultLife-Regular-0c2bac3b4e24b57b453ea2f3c218072f.svg") format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'RenaultLife';src:url("assets/fonts/RenaultLife-Bold-3998ccd1f8674fa0800167fa91081ddd.woff") format('woff'),url("assets/fonts/RenaultLife-Bold-73b9f343c7166cf020b56fd2bc61e16c.ttf") format('truetype'),url("assets/fonts/RenaultLife-Bold-a149aa81eeafeb7c1aaf909220300ecc.eot") format('opentype'),url("assets/fonts/RenaultLife-Bold-4e243f12e8fe26f0f6fd2a6238cb0891.svg") format('svg');font-weight:700;font-style:normal}@font-face{font-family:'RenaultLife';src:url("assets/fonts/RenaultLife-Light-b91ad7e5ac6a883e49396821aeb319a8.woff") format('woff'),url("assets/fonts/RenaultLife-Light-b6e2c665a99149ef3d2bbd4f8c54d7a3.ttf") format('truetype'),url("assets/fonts/RenaultLife-Light-2e99f35ca36f8af41c5468be0ff3fba0.eot") format('opentype'),url("assets/fonts/RenaultLife-Light-de21c3d9502f79b917e811cdbddb5a9a.svg") format('svg');font-weight:300;font-style:normal}.mmp-debug{overflow:hidden;position:fixed;left:10px;bottom:10px;pointer-events:none;z-index:1000;}.mmp-debug li{display:block;text-align:left;font-family:Courier;font-size:11px;text-transform:uppercase;line-height:1.25em;}.mmp-debug li .mmp-debug__key{font-weight:bold}.dg{text-shadow:none !important;visibility:hidden;transition:visibility 0s linear .3s !important;}.dg .close-button,.dg ul{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s linear .3s !important}.dg.dg--visible{visibility:visible;transition:opacity .3s ease-out,visibility 0s linear 0s !important;}.dg.dg--visible .close-button,.dg.dg--visible ul{opacity:.5;visibility:visible;transition:opacity .3s ease-out,visibility 0s linear 0s !important}.dg:hover .close-button,.dg:hover ul{opacity:1}.dg.main{position:absolute;top:10px;right:10px;z-index:10;}.dg.main.taller-than-window{overflow-x:hidden !important}.dg.main .close-button{position:fixed !important;top:initial;right:initial;z-index:initial}.dg .property-name{white-space:nowrap}html{font-size:62.5%}body{font-family:'RenaultLife',sans-serif;font-weight:normal;font-size:1.3rem;line-height:1.2;color:#000;background-color:#fff;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media screen and (min-width:1024px){body{font-size:1.5rem}}html,body{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;font-family:sans-serif}svg,canvas{width:100%;height:100%}button{display:block;width:100%;padding:0;appearance:none;background:transparent;cursor:pointer}section{width:100%;height:100%;top:0;right:0;bottom:0;left:0;position:fixed;}section.hidden{pointer-events:none}.wrapper{height:100%;padding:15%;}.landscape .wrapper{padding:5%}@media screen and (min-width:768px){.wrapper{padding:10%}}@media screen and (min-width:1024px){.wrapper{padding:9.8vh 5.5%}}.inner{position:relative;width:100%;height:100%}.logo{position:relative;display:block;width:100%;height:0;padding-top:36%;}.logo:before{content:'';top:0;right:0;bottom:0;left:0;position:absolute;background-image:url("assets/images/logo_renault-mobile-93d21eee2e1821ecf8dfc8db78440548.png");background-position:center center;background-repeat:no-repeat;background-size:contain}.logo:after{content:'';position:absolute;top:0%;height:100%;right:0;width:3.1%;background-color:#ffce00}@media screen and (min-width:768px){.logo:before{background-image:url("assets/images/logo_renault-desktop-374fd49d5e9e8b1fba9104e0132c7883.png")}.logo:after{top:8%;height:83%}}.show{display:inherit !important}.hide{display:none !important}.visible{opacity:1 !important;visibility:visible !important}.hidden{opacity:0 !important;visibility:hidden !important}.no-select{user-select:none}.no-pointer{pointer-events:none}.no-transition{transition:none !important}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.cursor-loading{cursor:progress}.cursor-not-allowed{cursor:not-allowed}.mobile .wrapper{padding:5% 10%}.text-center{text-align:center}.app .button{position:relative;display:inline-block;width:100%;padding:1.4rem 3.2rem 1.6rem;text-align:center;}.app .button-enter-active:before,.app .button-leave-active:before{transition:opacity .5s ease-in,transform 1s cubic-bezier(.215,.61,.355,1)}.app .button-enter:before,.app .button-leave-to:before{opacity:0;transform:scale(0)}.app .button span{position:relative;z-index:3;font-family:'RenaultLife',sans-serif;font-weight:700;font-size:1.3rem;line-height:1.2;color:#ef9600}@media screen and (min-width:1024px){.app .button span{font-size:1.5rem}}.app .button a{color:#ef9600}.app .button:before{content:'';top:0;right:0;bottom:0;left:0;position:absolute;z-index:2;border-radius:2.75rem;border:.18rem solid #ef9600;transition:transform .2s cubic-bezier(.075,.82,.165,1),border-color .2s;pointer-events:none}.app .button--primary span{color:#fff}.app .button--primary:before{background:#ef9600;border:none}.app .button--icon,.app .button--lcs,.app .button--popup{height:4.5rem;width:4.5rem;padding:0;}.app .button--icon > span,.app .button--lcs > span,.app .button--popup > span{display:block;position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin-left:-.8rem;margin-top:-.8rem}.app .button--icon .icon,.app .button--lcs .icon,.app .button--popup .icon{display:block;}.app .button--icon .icon path,.app .button--lcs .icon path,.app .button--popup .icon path{stroke:#ef9600}.app .button--lcs{width:3.3rem;height:3.3rem;}.app .button--lcs:before{border:2px solid #000}.app .button--lcs > span{width:1.6rem;height:1.6rem;margin-left:-.8rem;margin-top:-.8rem}.app .button:hover:before{transform:scale(1.05)}@media screen and (min-width:768px){.app .button{width:auto}.app .button--icon,.app .button--lcs{width:4.5rem;height:4.5rem}}@media screen and (min-width:1024px){.app .button{padding:1.7rem 3.7rem 2rem}.app .button--icon,.app .button--lcs,.app .button--popup{height:5.5rem;width:5.5rem;padding:0}.app .button--lcs:before{border:1px solid #000}.app .button--lcs > span{width:1.9rem;height:1.9rem;margin-left:-.95rem;margin-top:-.95rem}}.icon-link{display:block;padding:1.4rem .9rem;}.icon-link .icon{display:block;width:1.2rem;height:1.2rem}@media screen and (max-width:1023px){.is-inverted .icon-link .icon path{fill:#fff}}@media screen and (min-width:1024px){.icon-link{padding:1.4rem}}.option{cursor:pointer;}.option:before{content:'';display:block;top:0;right:0;bottom:0;left:0;position:absolute;border-radius:50%;background:#ef9600;transition:opacity .2s ease,transform .3s cubic-bezier(.075,.82,.165,1);box-shadow:0 0 2px 0 rgba(0,0,0,0.25)}.option:after{content:'';top:0;right:0;bottom:0;left:0;position:absolute;background-position:center center;background-repeat:no-repeat;background-size:contain}.option-paint--lcs:before{background:#f3f9ed}.option-paint--cristal_white:before{background:#fcfcfc}.option-paint--quartz_white:before{background:#f3f9ed}.option-paint--grey:before{background:#626262}.option-paint--red:before{background:#ca2e32}.option-paint--black:before{background:#181818}.option-paint--green:before{background:#acc4b4}.option-paint--blue:before{background:#c6d3e3}.option-paint--yellow:before{background:#d89232}.option-wheels:before{background:#fff;opacity:0;transform:scale(1.27)}.option-wheels.is-active.options__option{transform:scale(1.8);}.option-wheels.is-active.options__option:before{opacity:1}.option-wheels--wheels-1:after{background-image:url("assets/images/wheels-1-28763603e4121930735f5afe2a472d6b.png")}.option-wheels--wheels-2:after{background-image:url("assets/images/wheels-2-568a06bc53b9d25f37f0bf36873a8363.png")}.option-wheels--wheels-lcs:after{background-image:url("assets/images/wheels-1-28763603e4121930735f5afe2a472d6b.png")}.option-stickers:before{background:#fff;opacity:0;transform:scale(1.27)}.option-stickers.is-active.options__option{transform:scale(1.8);}.option-stickers.is-active.options__option:before{opacity:1}.option-stickers--sticker-1-dark:after{background-image:url("assets/images/sticker-1-dark-2ab06d7642c307db5bcebe2e6001c2ba.png")}.option-stickers--sticker-1-light:after{background-image:url("assets/images/sticker-1-light-ea9a0d5d598d714f21ff7aaf837b5cfc.png")}.option-stickers--sticker-2-dark:after{background-image:url("assets/images/sticker-2-dark-2ab555271105f2a899c41014c360a1e3.png")}.option-stickers--sticker-2-light:after{background-image:url("assets/images/sticker-2-light-6012803d49dbc065d25db1f738c185af.png")}.option-stickers--sticker-3-dark:after{background-image:url("assets/images/sticker-3-dark-61c6a8d1d2f9de8c74d0990e7d2ebbf8.png")}.option-stickers--sticker-3-light:after{background-image:url("assets/images/sticker-3-light-c65b7d0535ed2fe456874e468b0bce0e.png")}.option-stickers--sticker-lcs:after{background-image:url("assets/images/sticker-1.png")}.option-left-enter-active,.option-right-enter-active{transition:all .3s cubic-bezier(.075,.82,.165,1)}.option-left-leave-active,.option-right-leave-active{transition:all .3s cubic-bezier(.6,.04,.98,.335)}.option-left-enter{transform:translate3d(-10px,0,0);opacity:0}.option-left-leave-to{transform:translate3d(10px,0,0);opacity:0}.option-right-enter{transform:translate3d(10px,0,0);opacity:0}.option-right-leave-to{transform:translate3d(-10px,0,0);opacity:0}.option-enter-active,.option-leave-active{transition:transform .2s cubic-bezier(.075,.82,.165,1),opacity .2s ease}.option-enter{transform:translate3d(0,6px,0);opacity:0}.breadcrumb{padding-top:6vh;margin:0 -15vw;transition:opacity .3s ease 1.8s;}.breadcrumb.is-in{opacity:1;transition:opacity .3s ease .3s}.landscape .breadcrumb{margin:0 -5vw}.breadcrumb__inner{position:relative;left:25%;width:35%}.breadcrumb__track{white-space:nowrap}.breadcrumb__part{display:inline-block;width:85%;opacity:0;transform:translate3d(0,-150px,0);transition:transform .8s cubic-bezier(.645,.045,.355,1),opacity .4s ease-in;}.breadcrumb__part:nth-child(1){transition-delay:0s}.breadcrumb__part:nth-child(2){transition-delay:.1s}.breadcrumb__part:nth-child(3){transition-delay:.2s}.breadcrumb__part:nth-child(4){transition-delay:.30000000000000004s}.breadcrumb__part:nth-child(5){transition-delay:.4s}.breadcrumb__part:nth-child(6){transition-delay:.5s}.is-in .breadcrumb__part{opacity:1;transform:none;transition:transform 1.4s cubic-bezier(.075,.82,.165,1) .1s,opacity 1s ease-out .1s;}.is-in .breadcrumb__part:nth-child(1){transition-delay:.13s}.is-in .breadcrumb__part:nth-child(2){transition-delay:.26s}.is-in .breadcrumb__part:nth-child(3){transition-delay:.39s}.is-in .breadcrumb__part:nth-child(4){transition-delay:.52s}.is-in .breadcrumb__part:nth-child(5){transition-delay:.65s}.is-in .breadcrumb__part:nth-child(6){transition-delay:.78s}.is-lcs .breadcrumb__part:nth-child(1){opacity:1;transform:none;transition:transform 1.4s cubic-bezier(.075,.82,.165,1) .1s,opacity 1s ease-out .1s}.breadcrumb__dot,.breadcrumb__dash{display:none;opacity:0;transition:opacity 1s ease-out;}.is-in .breadcrumb__dot,.is-in .breadcrumb__dash{opacity:1}@media screen and (min-width:768px){.breadcrumb__part{width:100%}}@media screen and (min-width:1024px){.breadcrumb{padding-top:0;margin:0}.breadcrumb__dot{display:block;position:absolute;top:.4rem;margin-left:-.15rem;width:.3rem;height:.3rem;border-radius:50%;background:#ef9600;transform:scale(0);transition:opacity .4s ease,transform .9s cubic-bezier(.645,.045,.355,1);}.is-in .breadcrumb__dot{transition:opacity .4s ease .6s,transform .9s cubic-bezier(.645,.045,.355,1)}.breadcrumb__dash{display:block;position:absolute;bottom:.65rem;width:100px;height:1px;background:#ef9600;transform-origin:0 0;transform:translate3d(1px,0,0) scale3d(0,1,1);transition:opacity .4s ease,transform 1s cubic-bezier(.645,.045,.355,1);}.is-in .breadcrumb__dash{transition:opacity .4s ease .6s,transform 1s cubic-bezier(.645,.045,.355,1)}.breadcrumb__inner{position:relative;left:0;width:90%}.breadcrumb__track{position:relative;display:flex;justify-content:space-between}.breadcrumb__part{flex-grow:1}.breadcrumb.is-unselected .breadcrumb__dot,.breadcrumb.is-unselected .breadcrumb__dash{opacity:0}}.counter{opacity:1;transition:opacity .3s ease;}.counter__char{display:inline-block;position:relative;}.counter__char:first-child div{transform-origin:100% 50%}.counter__char:last-child div{transform-origin:0 50%}.counter__char:first-child:nth-last-child(1) div{transform-origin:50% 50%}.counter__char div{position:relative;width:50px;height:50px;overflow:hidden}.counter__char div:before{content:'';position:absolute;top:0;left:0;width:1000%;height:100%;background-image:url("assets/images/counter-b6847008f701385f944715d05c98ed4f.svg");background-size:100%}.counter__char div[data-char='0']{animation:1s cubic-bezier(.785,.135,.15,.86) forwards;animation-name:pop-0;}.counter__char div[data-char='0']:before{transform:translate3d(0,0,0)}@-moz-keyframes pop-0{0%{transform:scale(1.16)}80%{transform:none}}@-webkit-keyframes pop-0{0%{transform:scale(1.16)}80%{transform:none}}@-o-keyframes pop-0{0%{transform:scale(1.16)}80%{transform:none}}@keyframes pop-0{0%{transform:scale(1.16)}80%{transform:none}}.counter__char div[data-char='1']{animation:1s cubic-bezier(.785,.135,.15,.86) forwards;animation-name:pop-1;}.counter__char div[data-char='1']:before{transform:translate3d(-50px,0,0)}@-moz-keyframes pop-1{0%{transform:scale(1.16)}80%{transform:none}}@-webkit-keyframes pop-1{0%{transform:scale(1.16)}80%{transform:none}}@-o-keyframes pop-1{0%{transform:scale(1.16)}80%{transform:none}}@keyframes pop-1{0%{transform:scale(1.16)}80%{transform:none}}.counter__char div[data-char='2']{animation:1s cubic-bezier(.785,.135,.15,.86) forwards;animation-name:pop-2;}.counter__char div[data-char='2']:before{transform:translate3d(-100px,0,0)}@-moz-keyframes pop-2{0%{transform:scale(1.16)}80%{transform:none}}@-webkit-keyframes pop-2{0%{transform:scale(1.16)}80%{transform:none}}@-o-keyframes pop-2{0%{transform:scale(1.16)}80%{transform:none}}@keyframes pop-2{0%{transform:scale(1.16)}80%{transform:none}}.counter__char div[data-char='3']{animation:1s cubic-bezier(.785,.135,.15,.86) forwards;animation-name:pop-3;}.counter__char div[data-char='3']:before{transform:translate3d(-150px,0,0)}@-moz-keyframes pop-3{0%{transform:scale(1.16)}80%{transform:none}}@-webkit-keyframes pop-3{0%{transform:scale(1.16)}80%{transform:none}}@-o-keyframes pop-3{0%{transform:scale(1.16)}80%{transform:none}}@keyframes pop-3{0%{transform:scale(1.16)}80%{transform:none}}.counter__char div[data-char='4']{animation:1s cubic-bezier(.785,.135,.15,.86) forwards;animation-name:pop-4;}.counter__char div[data-char='4']:before{transform:translate3d(-200px,0,0)}@-moz-keyframes pop-4{0%{transform:scale(1.16)}80%{transform:none}}@-webkit-keyframes pop-4{0%{transform:scale(1.16)}80%{transform:none}}@-o-keyframes pop-4{0%{transform:scale(1.16)}80%{transform:none}}@keyframes pop-4{0%{transform:scale(1.16)}80%{transform:none}}.counter__char div[data-char='5']{animation:1s cubic-bezier(.785,.135,.15,.86) forwards;animation-name:pop-5;}.counter__char div[data-char='5']:before{transform:translate3d(-250px,0,0)}@-moz-keyframes pop-5{0%{transform:scale(1.16)}80%{transform:none}}@-webkit-keyframes pop-5{0%{transform:scale(1.16)}80%{transform:none}}@-o-keyframes pop-5{0%{transform:scale(1.16)}80%{transform:none}}@keyframes pop-5{0%{transform:scale(1.16)}80%{transform:none}}.counter__char div[data-char='6']{animation:1s cubic-bezier(.785,.135,.15,.86) forwards;animation-name:pop-6;}.counter__char div[data-char='6']:before{transform:translate3d(-300px,0,0)}@-moz-keyframes pop-6{0%{transform:scale(1.16)}80%{transform:none}}@-webkit-keyframes pop-6{0%{transform:scale(1.16)}80%{transform:none}}@-o-keyframes pop-6{0%{transform:scale(1.16)}80%{transform:none}}@keyframes pop-6{0%{transform:scale(1.16)}80%{transform:none}}.counter__char div[data-char='7']{animation:1s cubic-bezier(.785,.135,.15,.86) forwards;animation-name:pop-7;}.counter__char div[data-char='7']:before{transform:translate3d(-350px,0,0)}@-moz-keyframes pop-7{0%{transform:scale(1.16)}80%{transform:none}}@-webkit-keyframes pop-7{0%{transform:scale(1.16)}80%{transform:none}}@-o-keyframes pop-7{0%{transform:scale(1.16)}80%{transform:none}}@keyframes pop-7{0%{transform:scale(1.16)}80%{transform:none}}.counter__char div[data-char='8']{animation:1s cubic-bezier(.785,.135,.15,.86) forwards;animation-name:pop-8;}.counter__char div[data-char='8']:before{transform:translate3d(-400px,0,0)}@-moz-keyframes pop-8{0%{transform:scale(1.16)}80%{transform:none}}@-webkit-keyframes pop-8{0%{transform:scale(1.16)}80%{transform:none}}@-o-keyframes pop-8{0%{transform:scale(1.16)}80%{transform:none}}@keyframes pop-8{0%{transform:scale(1.16)}80%{transform:none}}.counter__char div[data-char='9']{animation:1s cubic-bezier(.785,.135,.15,.86) forwards;animation-name:pop-9;}.counter__char div[data-char='9']:before{transform:translate3d(-450px,0,0)}@-moz-keyframes pop-9{0%{transform:scale(1.16)}80%{transform:none}}@-webkit-keyframes pop-9{0%{transform:scale(1.16)}80%{transform:none}}@-o-keyframes pop-9{0%{transform:scale(1.16)}80%{transform:none}}@keyframes pop-9{0%{transform:scale(1.16)}80%{transform:none}}.counter--hidden{opacity:0}@media screen and (min-width:768px){.counter{transform:none}.counter__char div{width:100px;height:100px}.counter__char div[data-char='0']:before{transform:translate3d(0,0,0)}.counter__char div[data-char='1']:before{transform:translate3d(-100px,0,0)}.counter__char div[data-char='2']:before{transform:translate3d(-200px,0,0)}.counter__char div[data-char='3']:before{transform:translate3d(-300px,0,0)}.counter__char div[data-char='4']:before{transform:translate3d(-400px,0,0)}.counter__char div[data-char='5']:before{transform:translate3d(-500px,0,0)}.counter__char div[data-char='6']:before{transform:translate3d(-600px,0,0)}.counter__char div[data-char='7']:before{transform:translate3d(-700px,0,0)}.counter__char div[data-char='8']:before{transform:translate3d(-800px,0,0)}.counter__char div[data-char='9']:before{transform:translate3d(-900px,0,0)}}.curved-title{position:relative;height:1em;margin-bottom:1.8rem;}.curved-title__inner{position:relative;width:100%;height:0;padding-top:100%;}.curved-title__inner svg{top:0;right:0;bottom:0;left:0;position:absolute;left:50%;transform:translate3d(-50%,0,0)}@media screen and (min-width:1024px){.curved-title{margin-bottom:3rem}}.disc-text > div{position:relative;overflow:hidden}.disc-text p{margin-bottom:3rem;font-family:'RenaultLife',sans-serif;font-weight:normal;font-size:1.3rem;line-height:1.2;font-weight:300;color:#fff;width:80%;margin:0 auto;padding-bottom:1rem}@media screen and (min-width:1024px){.disc-text p{font-size:1.5rem}}.disc-text__shape{width:40%;shape-margin:1rem;}.disc-text__shape--left{float:left;shape-outside:polygon(0 0,9% 30%,25% 64%,59% 85%,99% 100%,0% 100%)}.disc-text__shape--right{float:right;shape-outside:polygon(99% 0,91% 28%,71% 64%,36% 86%,0 100%,99% 100%)}@media screen and (min-width:1024px){.disc-text{width:80%;margin:0 auto}}.end{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}.end .spacer{display:none}.end__inner{display:flex;height:100%;flex-direction:column;justify-content:space-between;}.end__inner > div{pointer-events:all}.end__about-btn,.end__newsletter-btn{display:none}@media screen and (min-width:1024px){.end .spacer{display:block}.end__inner{flex-direction:row-reverse;align-items:flex-end}.end__buttons{display:flex;}.end__buttons .button + .button{margin-left:1.5rem}.end__about-btn,.end__newsletter-btn{display:inline-block}}.end-enter-active,.end-leave-active{transition:transform 1s cubic-bezier(.215,.61,.355,1),opacity .6s ease-out}.end-enter,.end-leave-to{opacity:0}.mobile .end__about-btn,.mobile .end__newsletter-btn{margin-bottom:10px}.gl{top:0;right:0;bottom:0;left:0;position:fixed;}.gl.hidden{display:none}.gl:after{content:'';position:absolute;top:0;left:-15%;width:130%;height:100%;background:radial-gradient(rgba(255,211,140,0) 55%,#ffd38c 120%);pointer-events:none}.gl__vignette-top,.gl__vignette-bottom{position:absolute;left:0;width:100%;height:50%;overflow:hidden;opacity:.3;transition:opacity .6s ease .2s;pointer-events:none;}.gl__vignette-top:after,.gl__vignette-bottom:after{content:'';position:absolute;left:0;width:100%;height:100%}.gl__vignette-top{top:0;}.gl__vignette-top:after{top:0;background:linear-gradient(180deg,rgba(252,235,205,0.4) 0%,rgba(252,234,205,0) 50%)}.gl__vignette-bottom{top:50%;}.gl__vignette-bottom:after{bottom:0;background:linear-gradient(180deg,rgba(253,239,218,0) 25%,rgba(253,239,218,0.5) 100%)}.app .lcs-push-enter-active,.app .lcs-push-leave-active{transition:opacity .3s ease,transform 1s}.app .lcs-push-enter,.app .lcs-push-leave-to{opacity:0}.app .lcs-push > div{display:none;}.app .lcs-push > div span{display:inline-block;font-family:'RenaultLife',sans-serif;font-weight:normal;font-size:1.3rem;line-height:1.2;margin-left:3.3rem;margin-right:2rem;white-space:nowrap;}@media screen and (min-width:1024px){.app .lcs-push > div span{font-size:1.5rem}}.is-inverted .app .lcs-push > div span{color:#fff}.app .lcs-push__btn-on path{transition:fill .2s}.is-inverted .app .lcs-push__btn-on:before{border-color:#fff}.is-inverted .app .lcs-push__btn-on path{fill:#fff}.app .lcs-push__btn-off{vertical-align:middle;}.app .lcs-push__btn-off:before{background:transparent;border:none;transition:transform .2s cubic-bezier(.075,.82,.165,1)}.app .lcs-push__btn-off .button{z-index:3}.app .lcs-push__btn-off .icon--btn-left svg{width:.6rem}.app .lcs-push__btn-off .icon--arrow{display:none}.app .lcs-push--off > div{display:block;position:absolute;left:0;top:0;line-height:4.5rem;width:100%;text-align:center}.app .lcs-push .button--lcs{cursor:pointer;pointer-events:auto;}.app .lcs-push .button--lcs:hover__btn-on:before{transform:scale(1.1)}.app .lcs-push .button--lcs:hover__btn-off:before{transform:scale(1.2)}.app .lcs-push .button--lcs:hover__btn-off svg{transform:none}.app .lcs-push.lcs-push-enter-active .button:before,.app .lcs-push.lcs-push-leave-active .button:before{transition:transform 1s cubic-bezier(.215,.61,.355,1)}.app .lcs-push.lcs-push-enter .button:before,.app .lcs-push.lcs-push-leave-to .button:before{transform:scale(0)}@media screen and (min-width:1024px){.app .lcs-push > div{display:block;transform-origin:100% 0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-90deg);}.app .lcs-push > div span{font-family:'RenaultLife',sans-serif;font-weight:700;font-size:1.3rem;line-height:1.2;line-height:5.5rem;margin-left:0}.app .lcs-push.lcs-push-enter-active > div span,.app .lcs-push.lcs-push-leave-active > div span{transition:transform 1s cubic-bezier(.215,.61,.355,1)}.app .lcs-push.lcs-push-enter > div span,.app .lcs-push.lcs-push-leave-to > div span{transform:translate3d(0,-50px,0)}.app .lcs-push__btn-off:before{background:#fff}.app .lcs-push__btn-off .icon--btn-left{display:none}.app .lcs-push__btn-off .icon--arrow{display:block;width:5.5rem;}.app .lcs-push__btn-off .icon--arrow svg{transform:translate3d(1rem,0,0);transition:transform .2s cubic-bezier(.075,.82,.165,1)}.app .lcs-push--off > div{position:relative}}@media screen and (min-width:1024px) and (min-width:1024px){.app .lcs-push span{font-size:1.5rem}}.options-enter-active,.options-leave-active{transition:opacity 1s ease,transform 2s ease-out}.options-enter,.options-leave-to{opacity:1}.options__list{display:flex;justify-content:center}.options__option{position:relative;z-index:3;width:1.2rem;height:1.2rem;margin:.7rem;transition:transform .6s cubic-bezier(.645,.045,.355,1);}.options-enter-active .options__option.is-before,.options-enter-active .options__option.is-after{transition:transform 1s cubic-bezier(.215,.61,.355,1),opacity .6s ease-out}.options-leave-active .options__option.is-before,.options-leave-active .options__option.is-after{transition:transform .6s cubic-bezier(.215,.61,.355,1),opacity .4s ease-out;}.options-leave-active .options__option.is-before.index-0,.options-leave-active .options__option.is-after.index-0{transition-delay:0s}.options-leave-active .options__option.is-before.index-1,.options-leave-active .options__option.is-after.index-1{transition-delay:.05s}.options-leave-active .options__option.is-before.index-2,.options-leave-active .options__option.is-after.index-2{transition-delay:.1s}.options-leave-active .options__option.is-before.index-3,.options-leave-active .options__option.is-after.index-3{transition-delay:.15000000000000002s}.options-leave-active .options__option.is-before.index-4,.options-leave-active .options__option.is-after.index-4{transition-delay:.2s}.options-leave-active .options__option.is-before.index-5,.options-leave-active .options__option.is-after.index-5{transition-delay:.25s}.options-leave-active .options__option.is-before.index-6,.options-leave-active .options__option.is-after.index-6{transition-delay:.30000000000000004s}.options-leave-active .options__option.is-before.index-7,.options-leave-active .options__option.is-after.index-7{transition-delay:.35000000000000003s}.options-leave-active .options__option.is-before.index-8,.options-leave-active .options__option.is-after.index-8{transition-delay:.4s}.options-leave-active .options__option.is-before.index-9,.options-leave-active .options__option.is-after.index-9{transition-delay:.45s}.options-leave-active .options__option.is-before.index-10,.options-leave-active .options__option.is-after.index-10{transition-delay:.5s}.options-leave-active .options__option.is-before.index-11,.options-leave-active .options__option.is-after.index-11{transition-delay:.55s}.options-leave-active .options__option.is-before.index-12,.options-leave-active .options__option.is-after.index-12{transition-delay:.6000000000000001s}.options-enter .options__option.is-before,.options-enter .options__option.is-after{opacity:0}.options-leave-to .options__option.is-before,.options-leave-to .options__option.is-after{transform:scale(0);opacity:0}.options__option.is-before{transform:translate3d(-.9rem,0,0);opacity:1;}.desktop .options__option.is-before:hover:before{transform:scale(1.2)}.options__option.is-after{transform:translate3d(.9rem,0,0);opacity:1;}.desktop .options__option.is-after:hover:before{transform:scale(1.2)}.options__option.is-active{position:relative;z-index:4;transform:scale(1.75);opacity:1;}.options-enter-active .options__option.is-active{transition:transform 1s cubic-bezier(.215,.61,.355,1),opacity .6s ease-out}.options-leave-active .options__option.is-active{transition:transform .6s cubic-bezier(.215,.61,.355,1) .3s,opacity .6s ease-out .5s}.options-enter .options__option.is-active{transform:scale(1);opacity:0}.options-leave-to .options__option.is-active{transform:scale(0);opacity:0}.options__choice{display:flex;justify-content:space-between;align-items:center}.options__arrow{display:block;width:auto;padding:2rem 2.5rem;transition:transform .2s ease;}.options__arrow .icon{display:block;width:.6rem;}.options__arrow .icon path{transition:all 1s cubic-bezier(.215,.61,.355,1);stroke-dashoffset:0;}.options-enter .options__arrow .icon path,.options-leave-to .options__arrow .icon path{stroke-dashoffset:10}.options__arrow:active,.desktop .options__arrow:hover{transform:scale(1.4)}.options__current{font-family:'RenaultLife',sans-serif;font-weight:700;font-size:1.3rem;line-height:1.2;}@media screen and (min-width:1024px){.options__current{font-size:1.5rem}}.options-enter-active .options__current,.options-leave-active .options__current{transition:transform .2s cubic-bezier(.075,.82,.165,1),opacity .2s ease}.options-enter .options__current,.options-leave-to .options__current{opacity:0}@media screen and (min-width:1024px){.options__option{position:relative;width:1.7rem;height:1.7rem;margin:.8rem;}.options__option.is-before{transform:translate3d(-2rem,0,0)}.options__option.is-after{transform:translate3d(2rem,0,0)}.options__option.is-active{transform:scale(2.17)}}.option-list-enter-active{transition:transform .3s cubic-bezier(.075,.82,.165,1) .3s,opacity .3s ease .3s}.option-list-leave-active{transition:all .3s ease-in}.option-list-enter,.option-list-leave-to{opacity:0;transform:scale(0)}.option-list-move{transition:transform .3s cubic-bezier(.075,.82,.165,1)}.part{position:relative;transition:transform .6s cubic-bezier(.075,.82,.165,1);padding:2rem;width:auto;margin:0 auto;}.part:before{content:'';width:.3rem;height:.3rem;border-radius:50%;background:#ef9600;position:absolute;bottom:-2.5rem;left:50%;margin-left:-.15rem;opacity:0;transform:translate3d(0,-1.5rem,0);transition:opacity .4s ease,transform .6s cubic-bezier(.075,.82,.165,1)}.part > span{display:block;text-align:center}.part__name{font-family:'RenaultLife',sans-serif;font-weight:normal;font-size:1.3rem;line-height:1.2;transition:color .2s;}@media screen and (min-width:1024px){.part__name{font-size:1.5rem}}.is-inverted .part__name{color:#fff}.part__value{position:absolute;left:0;width:100%;opacity:0;transition:opacity .3s ease;margin-top:.3rem;}.part__value > span > span{display:inline-block;position:relative;font-family:'RenaultLife',sans-serif;font-weight:700;font-size:1.3rem;line-height:1.2;transition:opacity .2s ease,color .8s ease;}@media screen and (min-width:1024px){.part__value > span > span{font-size:1.5rem}}.part__value > span > span.part-enter-active{transition:transform .6s cubic-bezier(.215,.61,.355,1),opacity .4s ease-out .2s}.part__value > span > span.part-leave-active{transition:transform .6s cubic-bezier(.55,.055,.675,.19),opacity .4s ease-in}.part__value > span > span.part-enter,.part__value > span > span.part-leave-to{opacity:0;transform:translate3d(0,-100%,0)}.is-inverted .part__value > span > span{color:#fff}.part.is-active{transform:translate3d(0,-8px,0);}.part.is-active .part__value{opacity:1}.part.is-current:before{opacity:1;transform:none}.part.is-current .part__value > span > span{color:#ef9600}.part.is-disabled{pointer-events:none}.part.part-versions{white-space:normal}.part:hover:before{opacity:1;transform:none}@media screen and (min-width:1024px){.part{margin:0}.part:before{display:none}.part__value{margin-top:0}}.path-drawer{top:0;right:0;bottom:0;left:0;position:fixed;}.path-drawer.hidden{display:none}.app .popup{position:absolute;z-index:5;width:100%;height:100%;}.app .popup:before{content:'';top:0;right:0;bottom:0;left:0;position:absolute;background:rgba(0,0,0,0.5)}.app .popup--pointer{cursor:pointer}.app .popup__scroll{height:100%}.app .popup__close-btn-medium{display:none}.landscape .app .popup__close-btn-small{position:absolute;z-index:4;top:0;left:5%}.app .popup__arrow:before{border:none}.app .popup__arrow .icon{width:.7rem;}.app .popup__arrow .icon svg{transition:transform .2s cubic-bezier(.075,.82,.165,1);}.app .popup__arrow .icon svg path{fill:#fff}.app .popup__arrow--medium{display:none}.landscape .app .popup__wrapper{padding:5.5rem 0}.app .popup__center{height:100%;display:flex;justify-content:center;align-items:center}.app .popup__col{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;}.landscape .app .popup__col{display:block}.landscape .app .popup__horizontal{height:100%;display:flex;flex-direction:row;padding:0 11%}.landscape .app .popup__vertical{display:flex;flex-direction:column;justify-content:center;width:50%;max-width:50%}.app .popup__spacer{height:3.5rem;}.landscape .app .popup__spacer{display:none}.app .popup__title,.app .popup__curved-title{font-family:'RenaultLife',sans-serif;font-weight:300;font-size:1.8rem;line-height:1.5;letter-spacing:.15em;color:#f1a018}.app .popup__curved-title text{fill:#ef9600;letter-spacing:.15em}.landscape .app .popup__curved-title{display:none}.app .popup__bubble{position:relative;font-size:0;margin:0 -1.5rem;}.landscape .app .popup__bubble{margin:0}.app .popup__picture{position:relative;width:75%;height:0;padding-top:75%;margin:0 auto 3rem auto;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:50%;overflow:hidden;}.landscape .app .popup__picture{margin:0}.app .popup__title{display:none;margin-bottom:3rem;}.landscape .app .popup__title{display:block}.app .popup__text{width:80%;margin:0 auto;text-align:center;font-family:'RenaultLife',sans-serif;font-weight:normal;font-size:1.3rem;line-height:1.2;font-weight:300;color:#fff;line-height:1.2;}@media screen and (min-width:1024px){.app .popup__text{font-size:1.5rem}}.landscape .app .popup__text{width:100%;text-align:left}.app .popup__button{margin-top:3.3rem;width:auto}.portrait .app .popup__panel{text-align:center}.landscape .app .popup__panel{padding-left:12%;}.landscape .app .popup__panel .button{width:auto;margin-left:-1.4rem}@media screen and (min-width:768px){.app .popup .wrapper{padding:5% 15%}.app .popup__btn-close{top:5.5%;left:5.5%}.app .popup__curved-title{display:none}.portrait .app .popup__bubble{margin:0 6rem}.landscape .app .popup__panel{padding-left:25%}}@media screen and (min-width:1024px){.app .popup__close-btn-medium{display:block;position:absolute;z-index:4;top:0;left:0}.app .popup__arrow{display:none;}.app .popup__arrow--medium{display:block;}.app .popup__arrow--medium .icon{width:5.5rem}.app .popup__center{padding:0 15%}.app .popup__horizontal,.landscape .app .popup__horizontal{padding:0}.app .popup__panel{padding-left:17%}.app .popup__picture{width:100%;padding-top:100%}.app .popup__title{font-size:2.5rem;margin-bottom:4.5rem}.app .popup__spacer{display:none}}@media screen and (min-width:1280px){.app .popup__center{padding:0 20%}}.popup-enter-active{transition:opacity .5s,transform 1s;}.popup-enter-active .popup__scroll,.popup-enter-active .popup__close-btn-medium{transition:opacity .7s ease .3s}.popup-leave-active{transition:opacity .6s ease .4s,transform 1s;}.popup-leave-active .popup__scroll,.popup-leave-active .popup__close-btn-medium{transition:opacity .5s ease}.popup-enter,.popup-leave-to{opacity:0;}.popup-enter .popup__scroll,.popup-leave-to .popup__scroll,.popup-enter .popup__close-btn-medium,.popup-leave-to .popup__close-btn-medium{opacity:0}.rotate-device{top:0;right:0;bottom:0;left:0;position:fixed;background-color:#fff;z-index:100;background-image:url("assets/images/rotate-device_background-a4c81b864ab1c80b67abdd60e1c5c83c.jpg");background-repeat:no-repeat;background-position:top;background-size:contain;}.rotate-device.hidden{display:none}.rotate-device .rotate-device__inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.rotate-device .rotate-device__icon{display:flex;align-items:center;justify-content:center;flex-direction:column;width:200px;height:200px;flex:0 0 auto;margin-bottom:35px}.rotate-device .rotate-device__phone,.rotate-device .rotate-device__arrows{position:absolute;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0;visibility:hidden}.rotate-device .rotate-device__phone{background-image:url("assets/images/phone-3a6a18f808419580b60e00cd6330ea08.png");width:100px;height:50px}.rotate-device .rotate-device__arrows{background-image:url("assets/images/arrows-2296ba28829aa3c4a32f2d697a2f6453.png");width:200px;height:200px}.rotate-device .rotate-device__text{text-transform:uppercase;color:#ef9600;font-family:'RenaultLife',sans-serif;font-size:1.8rem;}.rotate-device .rotate-device__text span{opacity:0;visibility:hidden}.tutorial{position:absolute;top:-25%;left:0;width:100%;height:100%;z-index:8;pointer-events:none;}.tutorial__headline{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translate3d(0,-60px,0);}.tutorial__headline span{font-family:'RenaultLife',sans-serif;font-weight:300;font-size:1.5rem;line-height:1;letter-spacing:.15em;color:#f1a018;}.tutorial__headline span span{display:inline-block;opacity:0}.tutorial__headline span.line{display:block;opacity:1}.tutorial__bodymovin{position:absolute;top:50%;left:-27%;right:-27%;height:100%;transform:translate3d(0,-51vw,0);margin:0 auto}.tutorial__bodymovin2{position:absolute;top:70%;left:50%;height:235px;transform:translate3d(-50%,-50%,0) scale(.5,.5);margin:0 auto;width:425px;opacity:0}.tutorial--2 .tutorial__bodymovin{width:65%;left:-18%;right:-18%;transform:translate3d(0,-25vw,0)}@media screen and (min-width:768px){.tutorial__bodymovin{transform:translate3d(0,-48vw,0)}.tutorial--2 .tutorial__bodymovin{transform:translate3d(0,-21.5vw,0)}}@media screen and (min-width:1024px){.tutorial__headline span{font-size:2rem}.tutorial__bodymovin{left:0;right:0;transform:translate3d(0,-31vw,0)}.tutorial--2 .tutorial__bodymovin{left:0;right:0;transform:translate3d(0,-21.5vw,0)}}.mobile .tutorial__bodymovin2{position:absolute;top:70%;left:50%;height:235px;transform:translate3d(-50%,-50%,0) scale(.3,.3);margin:0 auto;width:425px;opacity:0}#ui{pointer-events:none;}#ui.hidden{display:none}.ui{z-index:6;}.ui-enter-active,.ui-leave-active{transition:opacity .3s ease-in,transform .8s}.ui-enter,.ui-leave-to{opacity:0}.ui__logo{pointer-events:all;position:absolute;top:0;right:0;margin-top:.8rem;transform:none;overflow:hidden;width:9rem;}.ui-enter-active .ui__logo .logo:before,.ui-leave-active .ui__logo .logo:before{transition:transform .8s cubic-bezier(.215,.61,.355,1)}.ui-enter .ui__logo .logo:before,.ui-leave-to .ui__logo .logo:before{transform:translate3d(100px,0,0)}.ui__socials{position:absolute;left:50%;transform:translate3d(-50%,0%,0);pointer-events:all;top:0;}.ui__socials .icon-link{display:inline-block;}.ui-enter-active .ui__socials .icon-link,.ui-leave-active .ui__socials .icon-link{transition:transform 1s cubic-bezier(.215,.61,.355,1);}.ui-enter-active .ui__socials .icon-link:first-child,.ui-leave-active .ui__socials .icon-link:first-child{transition-delay:.1s}.ui-enter .ui__socials .icon-link,.ui-leave-to .ui__socials .icon-link{transform:translate3d(-50px,0,0)}@media screen and (min-width:1024px){.ui__logo{width:19.8rem;margin-top:.3rem;margin-right:1.8rem}.ui__socials{top:auto;right:auto;bottom:0;left:0;padding-bottom:1.6rem;padding-left:1rem;}.ui__socials .icon-link{display:block}}#app{width:100%;height:100%}.app__svg-filter{height:0 !important;overflow:hidden}.app__fade{position:absolute;z-index:9;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;pointer-events:none;transition:opacity .3s ease;}.app__fade.is-active{opacity:1}section#configurator.hidden{display:none}.configurator{pointer-events:none;}.configurator__lcs-push{position:relative;top:8px;width:4.5rem;pointer-events:none}.configurator__breadcrumb{width:100%;text-align:center;pointer-events:all}.configurator__exp-push{pointer-events:all;text-align:center}.configurator__options{pointer-events:all;margin:0 -2rem 3rem}.configurator__end{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width:1023px){.configurator__footer-small{position:absolute;width:100%;bottom:0;right:0}}@media screen and (min-width:1024px){.configurator__lcs-push{position:absolute;width:auto;z-index:4;left:0}.configurator__exp-push{position:absolute;bottom:0;right:0;width:auto}.configurator__breadcrumb{position:absolute;left:0;right:0;padding:10px 20% 0 20%}.configurator__options{position:absolute;bottom:0;left:50%;width:300px;margin:0 0 0 -150px}}@media screen and (min-width:1280px){.configurator__breadcrumb{padding:10px 15% 0 15%}}.app.is-minimal .configurator__breadcrumb{pointer-events:none}section#experience-1{pointer-events:none;}section#experience-1.hidden{display:none}section#experience-1 .white{position:absolute;background:#fff;width:100%;height:100%;top:0;left:0;opacity:0}.experience-1__counter{position:absolute;left:50%;transform:translate3d(-50%,0,0) scale(.7);bottom:70%}section#experience-2{pointer-events:none;}section#experience-2.hidden{display:none}section#experience-2 .white{position:absolute;background:#fff;width:100%;height:100%;top:0;left:0;opacity:0}.intro{z-index:7;background:#fff;overflow:hidden;}.intro__headline{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translate3d(0,-100px,0);}.intro__headline span{font-family:'RenaultLife',sans-serif;font-weight:300;font-size:1.8rem;line-height:1.3;letter-spacing:.15em;color:#f1a018;}.intro__headline span span{display:inline-block;opacity:0}.intro__headline span.line{display:block;opacity:1}.intro__overlay{top:0;right:0;bottom:0;left:0;position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:all;top:-20%;left:-20%;width:140%;height:140%}.intro__loader{position:absolute;left:0;bottom:0;width:100%;text-align:center}.intro__logo{position:absolute;top:40px;right:40px;width:8rem;margin-left:-3.5rem}.intro__loader{position:absolute;bottom:14vh;left:50%;width:4.5rem;margin-left:-2.25rem;transform:scale(0);opacity:0;}.intro__loader path{transition:all .3s ease}.intro__loader.is-active{transform:none;opacity:1;transition:transform .8s cubic-bezier(.215,.61,.355,1),opacity .6s ease-out}.intro__loader.is-loaded{transform:scale(0);opacity:0;transition:transform 1.2s cubic-bezier(.55,.055,.675,.19),opacity .2s ease-in 1s}.intro.hidden{display:none}@media screen and (min-width:768px){.intro__headline{transform:translate3d(0,-125px,0)}}@media screen and (min-width:1024px){.intro__headline{transform:translate3d(0,-145px,0);}.intro__headline span{font-size:2.5rem}.intro__overlay{top:-15%;left:-15%;right:0;width:130%;height:130%}.intro__logo{display:block;width:19.8rem;top:40px;right:40px}.intro__loader{width:5rem;bottom:11vh;margin-left:-2.5rem}}@media screen and (min-width:1600px){.intro__headline{transform:translate3d(0,-170px,0)}}#loading{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;}#loading.hidden{display:none}