#experience{position:relative;margin:0 auto;background-color:#fff}#experience .background-container{min-height:88vh!important;background:url(https://guerlain-econsulting-preprod.jcloud.ik-server.com/public/img/shade_finder/home_desktop/fond_desktop.jpg) no-repeat 50% fixed;background-size:cover;background-attachment:scroll!important;background-color:#d4ab90}#experience .background-container.exp-launched{background:transparent}#experience .btn,#experience div,#experience h1,#experience h2,#experience h3,#experience h4,#experience h5,#experience h6,#experience span{font-family:futurabook}#experience .no-decoration{text-decoration:none}#experience .text-center{text-align:center!important}#experience .bottom-previous button{cursor:pointer;display:inline-block;min-width:170px}#experience template{display:none!important}#experience .sub-container{max-width:1500px;background-color:#fff}#experience .img-container{z-index:1;width:100%;height:100%;z-index:0;background-size:cover!important;display:block;z-index:20;opacity:1;overflow:hidden;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#experience .exp-begin-container{position:absolute;left:50%;top:50%;margin:0!important;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}#experience .exp-begin-container .exp_begin_title{font-family:futurtbolbold;font-size:2.8em;letter-spacing:25px;line-height:1.56;text-transform:uppercase;color:#000;font-weight:700}#experience .exp-begin-container button{margin:20px auto 0;display:block;width:200px}#experience .experiences-container{height:100%;max-width:1300px;margin:0 auto}#experience .experiences-container .question-container .currentQuestion span{z-index:20}#experience .experiences-container .currentQuestion h1{-webkit-box-sizing:border-box;box-sizing:border-box;color:#212529;display:inline;font-family:futurabook;font-size:16px;font-weight:400;height:auto;line-height:24px;text-align:center;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;width:auto;z-index:20;-webkit-tap-highlight-color:rgba(0,0,0,0)}#experience .experiences-container .suggestion-head .suggest-text{font-family:futurabook;font-size:1.25rem;letter-spacing:7px;line-height:1.56;text-transform:uppercase;color:#4a4a4a}#experience .experiences-container .suggestion-head .suggest-desc{margin-bottom:20px;font-size:20px;font-family:futurabook;font-size:1rem;line-height:1.56;word-break:break-word}#experience .experiences-container .suggestion-head .img-container:hover:after{display:none}#experience .experiences-container .suggestion-head .img-container img{height:100%;width:auto;max-height:300px}#experience .experiences-container .question-container{margin-top:10px;padding:10px}#experience .experiences-container .question-container .multiple-questions{margin-top:10px;padding:10px;min-height:40vh;max-height:60vh;position:relative}#experience .experiences-container .question-container .multiple-questions ul{min-height:100%!important;list-style:none;text-indent:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0}#experience .experiences-container .question-container .multiple-questions ul .option-choice{margin-right:10px;height:100%;max-width:100%;width:auto!important;position:relative;background-size:cover;cursor:pointer}#experience .experiences-container .question-container .multiple-questions ul .option-choice>button{border:none;padding:0;background:transparent;background-color:transparent;width:100%}#experience .experiences-container .question-container .multiple-questions ul .option-choice .choice-text{-webkit-transition:all .3s;transition:all .3s;position:absolute;bottom:20px;color:#131313;font-family:futurtbolbold;left:50%;font-size:1rem;letter-spacing:3px;text-transform:uppercase;-webkit-transform:translate(-50%);transform:translate(-50%)}#experience .experiences-container .question-container .multiple-questions ul .option-choice img{max-width:100%;-webkit-transition:all .3s;transition:all .3s;width:auto;max-height:55vh}#experience .experiences-container .question-container .multiple-questions ul .option-choice img.mobile{display:none}#experience .experiences-container .question-container .multiple-questions ul .option-choice.active img{opacity:.5}#experience .experiences-container .question-container .multiple-questions ul .option-choice.unselected .choice-text{color:#908072}#experience .experiences-container .question-container .multiple-questions ul .option-choice:last-child{margin-right:0}#experience .experiences-container .question-container.question_finish{max-height:100%}#experience .experiences-container .question-container.question_finish .option-choice{max-width:50%!important}#experience .experiences-container .question-container.question_coverage{max-height:100%}#experience .experiences-container .question-container.question_coverage .option-choice{max-width:50%!important}#experience .experiences-container .question-container.question_texture{max-height:100%}#experience .experiences-container .question-container.question_texture .option-choice{max-width:50%}#experience .experiences-container .results-screen .results-cta .btn{width:100%}#experience .experiences-container .results-screen .all-shades{padding-left:0}#experience .experiences-container .results-screen .recommandation-title{margin-bottom:50px;margin-top:10px;display:block}#experience .experiences-container .results-screen .recommandation-title h1{font-family:futuralight;color:#131313;text-transform:uppercase;letter-spacing:6px;font-weight:700;font-size:20px}#experience .experiences-container .results-screen .product-title{font-family:futurtbolbold;color:#131313;text-transform:uppercase;margin:5px 0;font-size:14px;letter-spacing:2px}#experience .experiences-container .results-screen .product-desc{font-size:26px;letter-spacing:2px;font-family:futurabook;font-weight:300;font-style:normal;font-stretch:normal;letter-spacing:normal;color:#4a4a4a;text-transform:uppercase;margin-top:14px;color:#131313}#experience .experiences-container .results-screen .product-price{text-transform:uppercase;font-size:23px;color:#131313}#experience .experiences-container .results-screen .our-suggestions{font-size:16px;color:#131313}#experience .experiences-container .results-screen .packshot{width:100%}#experience .experiences-container .results-screen .packshot img{width:85%;max-width:430px;padding-bottom:20px;height:auto}#experience .experiences-container .results-screen .shade-container{display:inline-block;text-align:left;padding-bottom:10px;width:auto;margin-right:20px;text-align:center}#experience .experiences-container .results-screen .shade-container .rgb-shade{width:26px;height:26px;border-radius:50%;border:2px #000;margin:10px auto;-webkit-box-shadow:rgba(159,164,169,.141) 0 8px 24px;box-shadow:0 8px 24px rgba(159,164,169,.141)}#experience .experiences-container .results-screen .shade-container .shade-txt{font-size:12.5px}#experience .experiences-container .results-screen .shade-container img{width:55px;margin-bottom:10px}@media (min-width:0px) and (max-width:639px){#experience .background-container{min-height:88vh!important;background:url(https://guerlain-econsulting-preprod.jcloud.ik-server.com/public/img/shade_finder/home_mobile/fond_mobile2x.png) no-repeat 50% fixed;background-size:cover}#experience .shade-container img{margin-right:12px}#experience .shade-container .rgb-shade{width:40px;height:40px;border-radius:50%;border:2px #000;margin:10px 10px 10px 0!important;display:block;-webkit-box-shadow:rgba(159,164,169,.141) 0 8px 24px;box-shadow:0 8px 24px rgba(159,164,169,.141)}#experience .exp-begin-container .exp_begin_title{padding-left:1rem!important;padding-right:1rem!important;font-family:futurtbolbold;font-size:1.8em;margin-left:8px;letter-spacing:8px;line-height:1.56;text-transform:uppercase;color:#000;font-weight:700}#experience .results-screen .packshot .img{width:100%}#experience .question-container.question_carnation .multiple-questions{max-height:none!important}#experience .question-container.question_carnation .multiple-questions ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%!important}#experience .question-container.question_carnation .multiple-questions ul .option-choice{margin-right:0;margin-bottom:10px;width:100%;max-width:100%!important}#experience .question-container.question_carnation .multiple-questions ul .option-choice .choice-text-container{width:100%;height:100%;position:absolute;right:0;width:80%;top:50%;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right;padding-right:5%}#experience .question-container.question_carnation .multiple-questions ul .option-choice .choice-text-container .choice-text{left:auto;-webkit-transform:none;transform:none;top:auto;bottom:auto;position:relative;text-align:right}#experience .question-container.question_carnation .multiple-questions ul .option-choice img{width:100%}#experience .question-container.question_carnation .multiple-questions ul .option-choice img.mobile{display:block}#experience .question-container.question_carnation .multiple-questions ul .option-choice img.desktop{display:none}#experience .question-container.question_tone .multiple-questions{height:auto!important;min-height:auto!important;max-height:none!important}#experience .question-container.question_tone .multiple-questions ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%!important;width:100%}#experience .question-container.question_tone .multiple-questions ul .option-choice{margin-right:0;margin-bottom:10px;max-width:100%!important;position:relative;width:100%!important}#experience .question-container.question_tone .multiple-questions ul .option-choice button{width:100%}#experience .question-container.question_tone .multiple-questions ul .option-choice .choice-text-container{width:100%;height:100%;position:absolute;right:0;width:70%;max-width:250px;top:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:5%}#experience .question-container.question_tone .multiple-questions ul .option-choice .choice-text-container .choice-text{width:100%;left:auto;-webkit-transform:none;transform:none;top:auto;bottom:auto;position:relative;text-align:right!important;line-height:30px}#experience .question-container.question_tone .multiple-questions ul .option-choice img{min-height:22vh!important;height:150px!important;width:100%}#experience .question-container.question_tone .multiple-questions ul .option-choice img.mobile{display:block}#experience .question-container.question_tone .multiple-questions ul .option-choice img.desktop{display:none}#experience .question-container.question_finish,#experience .question-container.question_finish .multiple-questions{width:100%}#experience .question-container.question_finish .multiple-questions ul{max-width:none;width:100%}#experience .question-container.question_finish .multiple-questions ul .option-choice{display:inline-block}#experience .question-container.question_finish .multiple-questions ul .option-choice .choice-text-container{height:100%;position:absolute;right:0;width:100%;top:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#experience .question-container.question_finish .multiple-questions ul .option-choice .choice-text-container .choice-text{margin-top:20px;width:100%;left:auto;-webkit-transform:none;transform:none;top:auto;bottom:auto;position:relative;text-align:center!important;line-height:30px}#experience .question-container.question_finish .multiple-questions ul .option-choice img{max-width:100%;height:auto}#experience .question-container.question_finish .multiple-questions ul .option-choice img.mobile{display:-webkit-box;display:-ms-flexbox;display:flex}#experience .question-container.question_finish .multiple-questions ul .option-choice img.desktop{display:none}#experience .question-container.question_coverage{width:100%}#experience .question-container.question_coverage .multiple-questions{width:100%;max-height:none}#experience .question-container.question_coverage .multiple-questions ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:none;width:100%}#experience .question-container.question_coverage .multiple-questions ul .option-choice{display:inline-block;margin-bottom:15px;width:100%;max-width:none!important;margin-right:0}#experience .question-container.question_coverage .multiple-questions ul .option-choice .choice-text-container{height:100%;position:absolute;left:0;top:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin:0 auto}#experience .question-container.question_coverage .multiple-questions ul .option-choice .choice-text-container .choice-text{max-width:100px;left:auto;-webkit-transform:none;transform:none;top:auto;bottom:auto;position:relative;text-align:center!important;line-height:30px}#experience .question-container.question_coverage .multiple-questions ul .option-choice img{max-width:100%;width:100%;height:auto}#experience .question-container.question_coverage .multiple-questions ul .option-choice img.mobile{display:block}#experience .question-container.question_coverage .multiple-questions ul .option-choice img.desktop{display:none}#experience .question-container.question_texture .multiple-questions{max-height:none!important}#experience .question-container.question_texture .multiple-questions ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:none;width:100%}#experience .question-container.question_texture .multiple-questions ul .option-choice{width:100%;margin-right:0;margin-bottom:20px;max-width:100%!important}#experience .question-container.question_texture .multiple-questions ul .option-choice .choice-text-container{width:100%;height:100%;position:absolute;right:0;width:80%;top:50%;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right;padding-right:5%}#experience .question-container.question_texture .multiple-questions ul .option-choice .choice-text-container .choice-text{left:auto;-webkit-transform:none;transform:none;top:auto;bottom:auto;position:relative;text-align:right}#experience .question-container.question_texture .multiple-questions ul .option-choice img{width:100%}#experience .question-container.question_texture .multiple-questions ul .option-choice img.mobile{display:block}#experience .question-container.question_texture .multiple-questions ul .option-choice img.desktop{display:none}#experience .question-container .multiple-questions{max-height:auto!important;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}#experience .question-container .multiple-questions ul li:last-child{margin-bottom:0!important}}@media (min-width:640px) and (max-width:1023px){#experience .results-screen .results-cta .btn{width:235px!important}#experience .experiences-container .question-container.question_carnation .multiple-questions ul .option-choice .choice-text{width:100%;background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,hsla(0,0%,100%,.48)),color-stop(55%,hsla(0,0%,100%,.28)),color-stop(78%,hsla(0,0%,100%,.12)),to(transparent));background:linear-gradient(0deg,hsla(0,0%,100%,.48) 20%,hsla(0,0%,100%,.28) 55%,hsla(0,0%,100%,.12) 78%,transparent);-webkit-transition:all .3s;transition:all .3s;position:absolute;bottom:0;padding-top:17%;padding-bottom:17px;margin:0;color:#131313;font-family:futurtbolbold;left:50%;font-size:1rem;letter-spacing:3px;text-transform:uppercase;-webkit-transform:translate(-50%);transform:translate(-50%)}}@media (min-width:1024px){#experience .results-screen .results-cta .btn{width:235px!important}#experience .experiences-container .question-container.question_carnation .multiple-questions ul .option-choice .choice-text{width:100%;background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,hsla(0,0%,100%,.48)),color-stop(55%,hsla(0,0%,100%,.28)),color-stop(78%,hsla(0,0%,100%,.12)),to(transparent));background:linear-gradient(0deg,hsla(0,0%,100%,.48) 20%,hsla(0,0%,100%,.28) 55%,hsla(0,0%,100%,.12) 78%,transparent);-webkit-transition:all .3s;transition:all .3s;position:absolute;bottom:0;padding-top:17%;padding-bottom:17px;margin:0;color:#131313;font-family:futurtbolbold;left:50%;font-size:1rem;letter-spacing:3px;text-transform:uppercase;-webkit-transform:translate(-50%);transform:translate(-50%)}#experience .experiences-container .question-container.question_tone{max-height:100%}#experience .experiences-container .question-container.question_tone .option-choice img{min-width:25vw}#experience .experiences-container .question-container.question_texture{max-height:100%}#experience .experiences-container .question-container.question_texture .option-choice{max-width:30%!important}}