.page-skin-quiz sticky-header.header-wrapper{border-bottom:1px solid #EAEAEA}.page-skin-quiz .field.field--custom select~label:not(.error){font-size:13px}.page-skin-quiz .field.field--custom select:focus~label,.page-skin-quiz .field.field--custom select.has-value~label{font-size:10px}.page-skin-quiz .field.field--custom select:not(:focus):not(.has-value)~label:not(.error){top:21px;left:21px;width:calc(100% - 60px)}.page-skin-quiz .left-section input[type=radio]{display:none}.section--skin-quiz{display:flex}.section--skin-quiz .quiz-image .image-mobile{display:none}.section--skin-quiz .quiz-image .image-desktop{display:block;height:100%;object-fit:cover}.section--skin-quiz .quiz-image,.section--skin-quiz .quiz-text{width:50%;display:flex}.section--skin-quiz .quiz-text{padding:60px}.section--skin-quiz .quiz-text .quiz-box{max-width:480px;margin:auto}.section--skin-quiz .quiz-text .quiz-box h1{margin:0 0 8px}.section--skin-quiz .quiz-text .quiz-box .description-quiz{margin:0 0 18px;padding:0 5px 0 0}.section--skin-quiz .quiz-text .quiz-box .description-quiz p{margin:0 0 10px}.section--skin-quiz .quiz-text .quiz-box .btn-hollow{padding:17px;width:166px}.section--skin-quiz img{width:100%}.section--step{display:none}.section--step .left-section .progress-bar li.active{border-bottom:4px solid #514747;color:#333033}.section--step .left-section{width:60%;padding:72px 20px 0;min-height:716px}.section--step .right-section{width:40%;display:flex;padding:90px 30px;background-color:#f7f7f7}.section--step img{width:150px;height:150px}.section--step .right-box{display:flex;margin:0 auto;height:fit-content}.section--step[data-section-step="6"] .right-box{display:none}.section--step .right-box .right-text{max-width:274px;margin-left:36px;align-self:center}.section--step .right-box .right-text h5{margin:0 0 8px;text-transform:uppercase}.section--step .right-box .right-text p{margin:0}.section--step .left-section .progress-bar{display:flex;overflow:auto}.section--step .left-section .progress-bar .list-menu{margin:auto;display:flex;flex-wrap:nowrap}.section--step .left-section .progress-bar::-webkit-scrollbar{height:0}.section--step.active .left-section .progress-bar li{border-bottom:4px solid #514747}.section--step .left-section .progress-bar li:last-child{margin:0}.quiz-question{display:none}.section--step .left-section .quiz-question h2{margin:90px 0 22px;text-align:center}.section--step .left-section .quiz-question h2:not(h2:first-child){margin:22px 0}.section--step .left-section .quiz-question .options{max-width:606px;margin:auto;display:flex;flex-wrap:wrap;position:relative}.section--step .left-section .quiz-question-1 .options{max-width:630px}.section--step .left-section .quiz-question-1 .options .option{cursor:pointer;width:31%;max-width:186px;border:1px solid #EAEAEA;display:flex;position:relative;height:138px;align-items:center;margin:0 12px 24px}.section--step .left-section .quiz-question .options .option:hover,.section--step .left-section .quiz-question .options .option.active{background-color:#f7f7f7}.section--step .left-section .quiz-question-1 .options .option:last-of-type{width:100%;max-width:unset;margin-bottom:30px}.section--step .left-section .quiz-question-1 .options .option:last-of-type .option-box{margin:47px auto;max-width:unset}.section--step .left-section .quiz-question-1 .options .option a{position:absolute;padding-right:100%;height:100%;display:block;transition:unset;background-image:unset}.section--step .left-section .quiz-question-1 .options a.btn-seconary{width:100%;margin:0 12px 90px}.section--step .left-section .quiz-question-1 .options .option .option-box{margin:0 auto;text-align:center;max-width:116px}.section--step .left-section .quiz-question-1 .options .option .option-box p{margin:3px 0 0;line-height:18px}.section--step .left-section .quiz-question-1 .options img{width:32px;height:auto}.section--step .left-section .quiz-question-2{margin-top:90px}.section--step .left-section .quiz-question-2 h2{margin:0 0 22px;text-align:center}.section--step .left-section .quiz-question:not(.quiz-question-1) .options .option{cursor:pointer;width:100%;border:1px solid #EAEAEA;min-height:60px;padding:19px;position:relative;font-size:13px}.section--step .left-section .quiz-question:not(.quiz-question-1) .options .option p{margin:0}.section--step .left-section .quiz-question:not(.quiz-question-1) .options .option:hover{background-size:unset;text-decoration:none;background-color:#f7f7f7}.section--step .left-section .quiz-question:not(.quiz-question-1) .options .option:not(:nth-last-child(2)){margin-bottom:12px}.section--step .left-section .quiz-question:not(.quiz-question-1) .options .option:nth-last-child(2){margin-bottom:24px}.section--step .left-section .quiz-question-2 .options .option a{position:absolute;padding-right:100%;height:100%;display:block;transition:unset;background-image:unset;top:0;left:0}.section--step .left-section .quiz-question .options .link{width:100%;position:relative;height:48px;text-transform:uppercase}.section--step .left-section .quiz-question .options .link .back{position:absolute;top:15px;font-size:11px;font-weight:500;letter-spacing:0;line-height:14px;padding-bottom:2px;border-bottom:1px solid #333033;background-size:unset;text-decoration:0;background-image:unset}.section--step .left-section .quiz-question .options .link .next{position:absolute;right:0;min-width:124px;line-height:14px;padding:17px 20px}.section--step .left-section .quiz-question-2 .options .link .next{min-width:128px}.section--step .left-section .quiz-question .options .btn-seconary:hover{color:#fff}.section--step .left-section .quiz-question-2 .options .option p{margin:0;font-size:13px}.section--step .left-section .quiz-question select{width:100%;font-size:13px;letter-spacing:0;line-height:20px;padding:19px;height:auto;background:url(../assets/arrow-down.svg) no-repeat right;margin-bottom:24px;background-position:calc(100% - 20px) center}.section--step .left-section .quiz-question select:focus{background:url(../assets/chevron-up-grey.svg) no-repeat right;background-size:12px;background-position:calc(100% - 20px) center}.section--step .left-section .quiz-question.quiz-question-3 .options:focus:after{content:"\f077"}.section--step .left-section .quiz-question-6 img{width:16px;height:10px;position:initial;top:25px;right:20px}.section--step .left-section .quiz-question-6 .input-group__btn{position:absolute;top:6px;right:0}.section--step .left-section .quiz-question-6 .input-group__btn .newsletter__submit{background:unset;min-width:55px;border:0}.section--step .left-section .quiz-question-6 h2{max-width:536px;margin:90px auto 10px}.section--step .left-section .quiz-question-6 p{text-align:center;font-weight:400;margin:0 0 24px;font-size:13px;letter-spacing:0;line-height:18px}.section--step .left-section .quiz-question-6 input[type=email]{height:60px}.quiz-question-6 input[type=email]~label:not(.error){top:21px;left:20px}.quiz-question-6 input[type=email]:not(:placeholder-shown)~label:not(.error),.quiz-question-6 input[type=email]:focus~label:not(.error){top:-6px;left:12px}.section--step .left-section .quiz-question-6 input[type=email]:not(:placeholder-shown)~label.error-label,.section--step .left-section .quiz-question-6 input[type=email]:focus~label.error-label{color:#df5c63;left:12px}.section--step .left-section .quiz-question-6 .sign-up{margin-top:18px}.section--step .left-section .quiz-question-6 .link{margin-top:29px}.section--step .left-section .quiz-question-6 .link .result{width:166px}.section--step .left-section .quiz-question-6 .contact-form{width:100%}.section--step .left-section .quiz-question-6 .contact-form .field{flex-direction:column}.full-width{width:100%}@media screen and (min-width: 769px){.section--step .left-section .quiz-question .options .link{height:100px}}@media screen and (max-width: 1050px){.section--step .left-section .quiz-question-1 .options .option{margin:0 auto 12px}.section--step .left-section{padding:72px 18px 0}.section--step .right-section{padding:90px 15px 0}.section--step .right-box{flex-direction:column}.section--step .right-box img{margin:0 auto 22px}.section--step .right-box .right-text{margin:auto;text-align:center}}@media screen and (max-width: 768px){.section--step{flex-wrap:wrap}.section--step .left-section,.section--step .right-section{width:100%}.section--skin-quiz{display:block}.section--skin-quiz .quiz-image .image-mobile{display:block;object-fit:cover}.section--skin-quiz .quiz-image .image-desktop{display:none}.section--skin-quiz .quiz-image,.section--skin-quiz .quiz-text{width:100%}.section--skin-quiz .quiz-text .quiz-box{max-width:unset}.section--skin-quiz .quiz-text{padding:18px 18px 30px}.section--skin-quiz .quiz-text .quiz-box{margin:0}.section--skin-quiz .quiz-text .quiz-box h1{font-size:30px;line-height:32px;margin:0 0 10px}.template-page .spaced-section:last-child{margin:0}.section--skin-quiz .quiz-text .quiz-box .description-quiz{margin:0 0 12px}.section--step .steps{margin-top:-4px}.section--step .left-section .progress-bar li{max-width:80px;padding-bottom:6px;letter-spacing:.46px;font-size:11px}.section--skin-quiz .quiz-text .quiz-box .btn-hollow{width:100%}.section--step .left-section{padding:24px 18px 0;min-height:unset}.section--step .left-section .quiz-question h2{max-width:314px;margin:30px auto 16px;font-size:24px;line-height:26px}.section--step .left-section .quiz-question-6 h2{margin:30px auto 10px}.section--step .left-section .quiz-question-1 .options .option{width:50%;max-width:calc(50% - 6px);margin-bottom:12px;height:120px}.section--step .left-section .quiz-question-1 .options img{margin-bottom:0}.section--step .left-section .quiz-question-1 .options a.btn-seconary{margin:0 0 36px}.section--step .right-box .right-text{max-width:308px}.section--step .right-box img{width:100px;height:100px}.section--step .right-section{padding:36px 34px}.section--step .right-box .right-text h5{margin-bottom:4px}.section--step .left-section .quiz-question-2{margin-top:0}.section--step .left-section .quiz-question .options .link{margin-bottom:36px}.section--step .left-section .quiz-question-2 .options .option{padding:18px 21px 16px 17px;min-height:auto}.section--step .left-section .quiz-question-2 .options .option:nth-last-child(2){margin-bottom:18px}.section--step .left-section .quiz-question select{margin-bottom:18px;padding-right:40px}.section--step .left-section .quiz-question-6 p{margin:0 0 18px}.section--step .left-section .quiz-question-6 .link{margin-top:17px}}@media screen and (max-width: 576px){.section--step .left-section .quiz-question-1 .options .option:nth-child(3n+2){margin-bottom:12px}.section--step .left-section .quiz-question-1 .options .option:last-of-type{margin-right:0;margin-bottom:18px}}.progress-bar{width:auto}.steps{overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;padding:5px 0}.steps::-webkit-scrollbar{height:0}.steps{text-align:justify;list-style-type:none;padding:0;width:100%;text-align:center;margin:-3px 0 0}.steps li{display:inline-block;width:calc(25% - 5px);max-width:123px;border-bottom:4px solid #eceae7;margin-right:3.5px;font-weight:600;letter-spacing:.5px;line-height:14px;text-align:center;text-transform:uppercase;padding-bottom:8px;color:#747272;font-size:13px}.steps li.active{border-bottom:4px solid #514747;color:#333033}.options .dropdown-skin-quiz{height:60px;cursor:pointer;margin-bottom:24px;background:url(../assets/arrow-down.svg) no-repeat right;background-position:calc(100% - 20px) center}.options .dropdown-skin-quiz:focus{background:url(../assets/chevron-up-grey.svg) no-repeat right;background-position:calc(100% - 20px) center}.dropdown-skin-quiz+.dropdown{display:none}.options .dropdown-skin-quiz+.dropdown+label{top:21px}.dropdown-skin-quiz.active+.dropdown{display:block;position:absolute;top:calc(100% - 24px);width:100%;background-color:#fff;z-index:2;margin:0;list-style:none;background:#fff;box-shadow:2px 2px 12px #0000001a;border:1px solid #eeeeee;right:0;padding:12px 24px}.dropdown-skin-quiz.active+.dropdown li{cursor:pointer}#quiz-subscribe{width:100%}
/*# sourceMappingURL=/cdn/shop/t/522/assets/syn-skin-quiz.css.map */