h3.subtitle{font-size:1rem;text-transform:uppercase;margin:0;margin-bottom:5px;color:#fff}h3.subtitle.lower{text-transform:none;margin-bottom:2.2em}.starter-page{overflow-x:hidden;overflow-y:auto;background:-webkit-gradient(linear,left top,right top,from(#91cbb7),color-stop(25%,#91cbb7),color-stop(25%,#2baade),color-stop(50%,#2baade),color-stop(50%,#f69783),color-stop(75%,#f69783),color-stop(75%,#fbb161),to(#fbb161));background:linear-gradient(90deg,#91cbb7,#91cbb7 25%,#2baade 0,#2baade 50%,#f69783 0,#f69783 75%,#fbb161 0,#fbb161);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.starter-page .intro{margin:10px 0 0 0}@media (min-width:375px){.starter-page .intro{margin:40px 0 0 0}}.starter-page h2.title{font-family:Zing,Clarins,Helvetica,Arial,sans-serif;font-size:2.6em;color:#fff;margin:-.15em 0;font-weight:400;position:relative}@media (min-width:375px){.starter-page h2.title{font-size:3em}}.starter-page h2.title .drop-shadow{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;font-weight:400;font-family:ZingDrop,Clarins,Helvetica,Arial,sans-serif;color:#fff}.starter-page p{font-weight:600;margin-top:0;font-size:.8rem}@media (min-width:375px){.starter-page p{font-size:.9rem}}.starter-page .animation-container{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.starter-page .frame{width:55%;max-width:300px;margin:auto;border:2px solid #b20e3a;border-radius:50%;background-color:#fff;position:absolute}.starter-page .frame .frame-content{padding-top:100%}.starter-page .frame img{position:absolute;width:100%;height:100%;left:0;top:0;-o-object-fit:contain;object-fit:contain}.starter-page .frame.girl{left:-50%;top:50%;-webkit-transform:translate(-85%,-50%);transform:translate(-85%,-50%);z-index:2;margin-left:-5px}.starter-page .frame.product{right:-50%;top:50%;-webkit-transform:translate(85%,-50%);transform:translate(85%,-50%);margin-right:-5px}.starter-page .frame.product img{height:80%;width:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}a.start-button{cursor:pointer;display:block;background-color:#fff;color:#000;width:200px;height:50px;line-height:50px;text-transform:uppercase;font-family:Gotham,Helvetica,Arial,sans-serif;font-weight:700;margin:auto;margin-bottom:1.5em;font-size:13px}.answer-card{border-radius:5px;position:relative;width:47%;min-width:145px;opacity:0;border:2px solid #b20e3a;margin:1.5px}@media only screen and (min-width:1024px){.answer-card{width:16%;max-width:180px;max-height:200px}}.answer-card:before{content:"";width:100%;display:block}.ipad-frame .answer-card{width:16%}.answer-card>*{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;margin:0}.answer-card:nth-child(6n+1){background-color:#f69783}.answer-card:nth-child(6n+2){background-color:#91cbb7}.answer-card:nth-child(6n+3){background-color:#2baade}.answer-card:nth-child(6n+4){background-color:#fbb161}.answer-card:nth-child(6n+5){background-color:#f7ba9b}.answer-card:nth-child(6n){background-color:#b20e3a}.answer-card .title{font-size:1.25em;font-family:Gotham,Helvetica,Arial,sans-serif;font-weight:400;color:#fff;display:block}.answer-card .icon{top:10px;right:10px;width:2.5em;height:2.5em;display:block;position:absolute;background-color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.answer-card .icon svg{height:60%;width:60%;fill:#b20e3a}.answer-card img{width:75%;height:auto}h2.title{font-size:1.25em;font-family:Gotham,Helvetica,Arial,sans-serif;font-weight:600;text-transform:uppercase;color:#000;margin:1em auto}@media (max-width:374px){h2.title{font-size:1em}}h2.title img.emojis{height:20px;position:relative;top:2px;margin-right:4px;margin-left:4px}.question-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto}.question-page .answer-popup{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.question-page .answer-popup .group{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.question-page .answer-popup svg{width:25%}.question-page .answer-popup .success,.question-page .answer-popup .title{opacity:0;color:#31da70;font-family:Gotham,Helvetica,Arial,sans-serif}.cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-bottom:10px}@media (max-width:374px){.cards{max-height:368px}}.img1,.img2{width:100%;height:100%;position:absolute;left:0;top:0}.img1{z-index:2}.thinking{position:absolute;width:100%;height:100%;left:0;top:0;z-index:100;background-color:#fff}.thinking img{width:84%;max-width:217px;height:auto}.thinking>*{overflow:hidden}.corner-0{position:absolute;width:50%;height:50%;left:0;top:0}.corner-0 img{bottom:0;-webkit-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%)}.corner-0 img,.corner-1{position:absolute;left:50%}.corner-1{width:50%;height:50%;top:0}.corner-1 img{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%) translateY(50%);transform:translateX(-50%) translateY(50%)}.corner-2{position:absolute;width:50%;height:50%;left:0;top:50%}.corner-2 img{top:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-o-object-position:bottom;object-position:bottom}.corner-2 img,.corner-3{position:absolute;left:50%}.corner-3{width:50%;height:50%;top:50%}.corner-3 img{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-o-object-position:center bottom;object-position:center bottom}.thinking-circle{z-index:5;background-color:#fff;width:50%;padding-top:50%;border-radius:50%}.thinking-circle,.thinking-circle .thinking-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.thinking-circle .thinking-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;color:#000}.thinking-circle .thinking-text .ellipsis{width:4px;height:4px;border-radius:50%;margin-left:3px;background-color:#000;display:block}.logo{width:143px;height:17px}.particule{position:absolute;top:45%;left:50%;width:1em;height:1em;margin:-.5em 0 0 -.5em;border-radius:50%;font-size:10px;opacity:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1);transform:scale(1);z-index:3}.particule svg{fill:#b20e3a}.circle{position:absolute;width:50%;padding-top:50%;padding-bottom:50%;border-radius:50%;border:1px solid #b20e3a;left:50%;top:50%;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transform-origin:center center;transform-origin:center center;background-color:#fff;z-index:2}#match-container{overflow:hidden;opacity:0}#match-container,#match-container .content-container{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#match-container .content-container{height:100%;padding-top:30px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3}#match-container .content-container .skin-solutions{margin:0;color:#fff;font-size:.8em;font-weight:600}#match-container .content-container .title{font-family:Zing,Clarins,Helvetica,Arial,sans-serif;font-size:3em;color:#fff;margin:0;font-weight:400;position:relative;line-height:1.25em}#match-container .content-container .title .drop-shadow{position:absolute;text-align:center;left:0;top:0;width:100%;font-weight:400;font-family:ZingDrop,Clarins,Helvetica,Arial,sans-serif;color:#fff}#match-container .content-container .title.is-3{margin:0;font-size:1.5em}#match-container .title{font-size:3em;margin-top:.25em;margin-bottom:.5em;color:#fff}#match-container .image-to-animate{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:400px}@media (max-width:376px){#match-container .image-to-animate{-webkit-transform:scale(.85);transform:scale(.85)}}@media (max-width:321px){#match-container .image-to-animate{-webkit-transform:scale(.75);transform:scale(.75)}}#match-container .content{width:100%;color:#fff}#match-container .content div{margin-top:1em;margin-bottom:1em;font-size:1.25em;font-weight:600}.bottle{z-index:4;width:90%;height:auto;position:absolute;-webkit-transform-origin:center center;transform-origin:center center;top:50%;left:50%}.start-button{cursor:pointer;display:block;background-color:#fff;color:#000;border:none;width:200px;height:50px;line-height:50px;text-transform:uppercase;font-family:Gotham,Helvetica,Arial,sans-serif;font-weight:700;margin:auto;margin-bottom:1.5em;font-size:13px;text-decoration:none}.background-bar{position:absolute;width:25%;height:100%;z-index:200}.background-bar:nth-child(4n+1){top:-100%;left:0;background-color:#91cbb7}.background-bar:nth-child(4n+2){top:100%;left:25%;background-color:#2baade}.background-bar:nth-child(4n+3){top:-100%;left:50%;background-color:#f69783}.background-bar:nth-child(4n){top:100%;left:75%;background-color:#fbb161}@media only screen and (max-width:767px){body{font-size:16px}}@media only screen and (min-width:768px) and (max-width:1023px){body{font-size:17px}}@media only screen and (min-width:1024px) and (max-width:1399px){body{font-size:18px}}@media only screen and (min-width:1400px) and (max-width:1799px){body{font-size:18px}}@media only screen and (min-width:1800px){body{font-size:22px}}body * :after,body * :before{-webkit-box-sizing:border-box;box-sizing:border-box}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}@font-face{font-family:Gotham;font-weight:400;src:url(../fonts/Gotham-Book.eot) format("eot"),url(../fonts/Gotham-Book.woff2) format("woff2"),url(../fonts/Gotham-Book.woff) format("woff"),url(../fonts/Gotham-Book.ttf) format("truetype")}@font-face{font-family:Zing;font-weight:400;src:url(../fonts/ZingRustDemo-Base.eot) format("eot"),url(../fonts/ZingRustDemo-Base.woff2) format("woff2"),url(../fonts/ZingRustDemo-Base.woff) format("woff"),url(../fonts/ZingRustDemo-Base.ttf) format("truetype")}@font-face{font-family:ZingDrop;font-weight:400;src:url(../fonts/ZingRustDemo-Sh1.eot) format("eot"),url(../fonts/ZingRustDemo-Sh1.woff2) format("woff2"),url(../fonts/ZingRustDemo-Sh1.woff) format("woff"),url(../fonts/ZingRustDemo-Sh1.ttf) format("truetype")}@font-face{font-family:Gotham;font-weight:600;src:url(../fonts/Gotham-Medium.eot) format("eot"),url(../fonts/Gotham-Medium.woff2) format("woff2"),url(../fonts/Gotham-Medium.woff) format("woff"),url(../fonts/Gotham-Medium.ttf) format("truetype")}body,html{height:100%;margin:0}body{font-size:16px}body *{-webkit-box-sizing:border-box;box-sizing:border-box}nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;margin:10px 0 60px 0;padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}nav ul li{margin:10px}nav ul li.active{font-weight:700}.header{z-index:500}.header img{width:100%;max-width:100%;display:block}#app{min-height:550px;font-family:Gotham,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;color:#b20e3a;background-color:#ddd;margin:auto;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait){#app{min-height:550px}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:portrait){#app{min-height:650px}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait){#app{min-height:480px}}.row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:100px}.row,.screen-frame{display:-webkit-box;display:-ms-flexbox;display:flex}.screen-frame{background-color:#fff;border:1px solid #efefef;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.finder-page{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px}