homeomorph

Back Back Up Advanced Editor

.quiz_wrap *{font-family:sans-serif}.quiz_wrap{position:relative;margin:20px auto;max-width:400px;width:100%;border-radius:10px;background:linear-gradient(180deg,#adfbb9 0%,#e4fbad 100%),#e4fbad;overflow:hidden}.quiz_header{background:linear-gradient(180deg,#8840c0 0%,#5a1784 71.67%);position:relative}.quiz_header:after{content:" ";display:block;position:absolute;bottom:-27px;background:0 0/100% 100% url(../images/quiz_header-bg.png) no-repeat;height:27px;width:100%}.quiz_title{padding:30px 20px 10px 20px;font-style:normal;font-weight:700;font-size:20px;line-height:135%;text-align:center;color:#fff}.order_title{display:none;font-style:normal;font-weight:700;font-size:18px;line-height:135%;text-align:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.7);padding-top:17px}.order_title span{color:#e4fbad;font-size:20px;display:block;margin-top:4px}.quiz_question{display:flex;align-items:center;height:48px;margin:48px 38px 20px;font-style:normal;font-weight:700;font-size:18px;line-height:133%;color:#000}.quiz_question div{display:flex}.quiz_question div span{display:block;padding-right:8px}.quiz_options{margin:0 34px}.quiz_option{position:relative;padding-left:40px;font-style:normal;font-weight:600;font-size:21px;margin-bottom:21px;line-height:135%;cursor:pointer;color:#7931b1}.quiz_option:before{-webkit-transition:.2s all;transition:.2s all;content:" ";display:block;background:#fff;width:24px;height:24px;border-radius:50%;border:1px solid #959595;position:absolute;left:0;top:-2px}.quiz_option:after{-webkit-transition:.2s all;transition:.2s all;content:" ";display:block;background:#7931b1;height:16px;width:16px;border-radius:50%;position:absolute;left:5px;top:3px;opacity:0}.quiz_option:hover:before{border:1px solid #7931b1}.quiz_option:hover:after{opacity:1}.quiz_nums{padding:0 32px;width:100%;display:flex;justify-content:space-between;position:absolute;bottom:65px}.quiz_num{-webkit-transition:1s all;transition:1s all;font-style:normal;font-weight:600;font-size:20px;line-height:100%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;width:44px;height:44px;background:#e5d2f2;border:1px solid #fff;color:#9747ff}.quiz_num span{-webkit-transition:1s all;transition:1s all;display:flex;align-items:center;justify-content:center;height:34px;width:34px;background:#fff;border-radius:50%}.quiz_num.active{background:#e5d2f2;border:1px solid #a260d4}.quiz_num.active span{background:linear-gradient(180deg,#962dd8 0%,#ad74da 100%),#f64777;color:#fff}.quiz_nums:before{content:"";display:block;position:absolute;top:50%;width:calc(100% - 64px);height:1px;background:#a260d4}.quiz_footer{width:100%;position:absolute;bottom:20px;color:#000;text-align:center;font-weight:400;font-size:14px;line-height:17px}.quiz_footer span{font-weight:700;color:#5a1784}.quiz_step,#prod_img{transition:.5s all;display:none;opacity:0;margin-top:-7px}.quiz_step.active{opacity:1;margin:20% 0 30% 0; height: 360px;}.quiz_timer{margin-top:0px;text-align:center;font-style:normal;font-weight:400;font-size:16px;line-height:20px;text-align:center;color:#000}.quiz_timer div{margin-top:15px;font-style:normal;font-weight:600;font-size:32px;line-height:27px;text-align:center;color:#f64777;text-align:center}.quiz_timer span{display:inline-block;width:32px}.quiz_prices{margin-top:16px;margin-bottom:12px;text-align:center}.quiz_prices .quiz_oldprice{font-style:normal;font-weight:600;font-size:18px;line-height:22px;text-align:center;text-decoration-line:line-through;color:#000}.quiz_prices .quiz_newprice{margin-top:4px;font-style:normal;font-weight:700;font-size:22px;line-height:27px;text-align:center;letter-spacing:.05em;text-transform:uppercase;color:#5a1784}.quiz_form form{width:280px;margin:0 auto}.quiz_form form input{line-height:48px;padding-left:24px;font-style:normal;font-weight:400;font-size:18px;display:block;background:#fff;border:1px solid #5a1784;border-radius:24px;width:100%;margin-bottom:16px;position:relative}.quiz_form form button{text-transform:uppercase;margin-top:24px;border-radius:24px;height:48px;display:block;text-align:center;width:100%;background:#f64777;font-style:normal;font-weight:700;font-size:16px;line-height:48px;letter-spacing:.03em;border:none;color:#fff;cursor:pointer}@media(max-width:360px){.quiz_question{margin:48px 18px 20px}.quiz_options{margin:0 14px}}.quiz_form {height: 650px !important;}