.quiz_form{background-color:#fff;margin:100px auto;font-family:Raleway;padding:40px;width:70%;min-width:300px}.quiz_form input{padding:10px;width:100%;font-size:17px;font-family:Raleway;border:1px solid #aaaaaa}.quiz_form input.invalid{background-color:#fdd}.quiz_form .tab{display:none}.quiz_form button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;font-size:17px;font-family:Raleway;cursor:pointer}.quiz_form button:hover{opacity:.8}.quiz_form #prevBtn{background-color:#bbb}.quiz_form .step{height:15px;width:15px;margin:0 2px;background-color:#bbb;border:none;border-radius:50%;display:inline-block;opacity:.5}.quiz_form .step.active{opacity:1}.quiz_form .step.finish{background-color:#4caf50}.iradio{position:relative}.iradio input[type=radio]{position:absolute;opacity:0}.iCheck-helper{position:absolute;top:0%;left:0%;display:block;width:100%;height:100%;margin:0;padding:0;background:#fff none repeat scroll 0% 0%;border:0px none;opacity:0}.iradio:before{content:"";display:block;width:5px;height:5px;background-color:#3b2331;position:absolute;top:3px;left:3px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.iradio.checked:before{opacity:1}.beauty-profile .quiz_form{background-color:#fff;margin:0 auto;font-family:Raleway;padding:0;width:100%;min-width:300px}.beauty-profile .road-line{display:flex;width:100%;background:#b9b0b5;height:5px;margin-top:50px;justify-content:space-between;margin-left:0;margin-bottom:50px}.beauty-profile .road-line li{display:block;height:5px;width:16.67%;position:relative;margin:0;border-radius:0}.beauty-profile .road-line li:last-child{width:0}.beauty-profile .road-line li:last-child b{background:0 0}.beauty-profile .road-line li b{display:block;position:absolute;background:#2c2c2c;width:2px;height:4px;line-height:22px;margin-top:0;text-align:center;top:50%;left:0;transform:translateY(-50%)}.beauty-profile .road-line li.active b{border:3px solid #2c2c2c;width:28px;height:28px;border-radius:50%;background:#fff}.beauty-profile .road-line li b span{display:none}.beauty-profile .road-line li:nth-child(1) b{left:0;right:initial}.beauty-profile .road-line li.step.active:nth-child(7){background-color:#2c2c2c;opacity:1}.beauty-profile .road-line li.step.active:nth-child(7) b{left:initial;right:0}.beauty-profile .road-line li.step.active:nth-child(1){background-color:transparent}.beauty-profile .quiz_form .step.done.active{background-color:transparent}.beauty-profile .quiz_form .step.done{opacity:1;background-color:#2c2c2c}.beauty-profile .road-line li.step.done.active b,.beauty-profile .quiz_form .step.active b span{display:block}.beauty-profile .quiz_form .step.done.active~.step{background-color:transparent}.beauty-profile .left-part{display:block;width:60%;float:left;padding-left:20px;margin:35px 0}.beauty-profile h2{font-family:var(--typeBasePrimary),var(--typeBaseFallback);letter-spacing:0}.beauty-profile h3{width:65%;font-weight:100;font-family:CaudalieItalic,Arial,sans-serif;font-size:24px;font-family:var(--typeBasePrimary),var(--typeBaseFallback);letter-spacing:0;font-style:italic}.beauty-profile .right-part{display:block;width:auto;float:right;position:relative;top:-75px;max-width:300px}.beauty-profile .quiz_form .nextbtnDiv{clear:both}.beauty-profile .quiz_form .nextbtnDiv .inner{display:flex;justify-content:space-between}.beauty-profile .quiz_form .nextbtnDiv button{background-color:transparent;color:#2c2c2c;border:2px solid #2c2c2c;padding:10px 20px;min-width:150px;font-size:18px}.beauty-profile .quiz_form .nextbtnDiv button:hover{background-color:#2c2c2c;color:#fff}.beauty-profile .quiz_form .nextbtnDiv button.prev{background-color:transparent!important;border:none}.beauty-profile .quiz_form .nextbtnDiv button.prev:hover{color:#2c2c2c}.iradio{width:15px;height:15px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border:2px solid #d8d3d6;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;-ms-transition:border-color .2s;-o-transition:border-color .2s;transition:border-color .2s;z-index:2}.iradio.checked{border-color:#3b2331}.beauty-profile .icheckbox,.beauty-profile .iradio{vertical-align:baseline;top:5px;margin-right:8px;z-index:1}.beauty-profile .left-part{list-style:none}.beauty-profile .left-part li{margin-bottom:10px}.beauty-profile .left-part li label.checkBoxClick{display:inline-block;margin-bottom:0;display:flex;align-items:flex-start}.beauty-profile .left-part li label.checkBoxClick span{text-transform:initial;letter-spacing:0px;font-size:17px!important;font-weight:100!important;font-family:var(--typeBasePrimary),var(--typeBaseFallback);line-height:25px;padding-left:0}.recommended-product a{width:100%}.q-result{display:inline-block;width:100%}.recommended-product img{height:auto}.recommended-product{width:32%}.chatBor_wrapper{position:relative}.chatBor_wrapper iframe{position:absolute;border:none;background:transparent;bottom:0}.take-theQuix-page #shopify-section-featured-collections{margin:40px 0 80px}.take-theQuix-page .redirectTo-quiz{text-align:center;max-width:250px;display:block;margin:20px auto;background:#241f21;color:#fff}.take-theQuix-page .redirectTo-quiz a{color:#fff;padding:10px 50px;display:block}.show-beautyResult{display:none;margin-top:40px}.show-beautyResult h2{text-align:center;padding:0 0 40px}.recommended-product{display:none;text-align:center}.recommended-product p{text-align:left}.recommended-product a{display:inline-block;vertical-align:top}.recommended-product img{height:200px;width:100%;object-fit:contain}#finalSubmit{display:none}.show-beautyResult h3{width:100%!important}.show-beautyResult #result{padding-bottom:30px}.recommended-product a h3{font-size:18px;display:block;text-align:center;width:100%!important}.show-beautyResult .right-part{top:0!important}.add-all-cart{margin-top:65px}#AddToCart-4709216747609 a{color:#fff;font-size:14px}.add-all-cart{max-width:600px;margin:65px auto 0}.recommended-product form{max-width:160px;margin:0 auto}.recommended-product form button.add-to-cart{font-size:12px;padding:8px}@media only screen and (max-width: 1100px){.beauty-profile .right-part{top:50%;width:40%}}@media only screen and (max-width: 800px){.beauty-profile .right-part{display:none}.beauty-profile .left-part{width:100%}.recommended-product{width:48%}.beauty-profile .left-part{padding-left:0}}@media only screen and (max-width: 540px){.recommended-product{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/quiz.css.map */