.quiz_wrap *{font-family:sans-serif}.quiz_wrap{position:relative;margin:20px auto;max-width:344px;width:100%;height:750px;border-radius:10px;background:linear-gradient(180deg,#fff5ec 0%,#f5e5d5 100%),#fff5ec;border:solid 1px;box-shadow: 1px 1px 11px #3d011f;overflow:hidden}.quiz_header{background:linear-gradient(180deg,#da056d 0%,#9f0041 71.67%);position:relative}.quiz_header:after{content:" ";display:block;position:absolute;bottom:-27px;background:0 0/100% 100% url(../img/form/quiz_header-bg.png) no-repeat;height:27px;width:100%}.quiz_title{padding-top: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:#870042}.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:#9f0041;height:14px;width:14px;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:#f6bfd9;border:1px solid #fff;color:#9f0041}.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:#f6bfd9;border:1px solid #9f0041}.quiz_num.active span{background:linear-gradient(180deg,#9f0041 0%,#c80460 100%),#9f0041;color:#fff}.quiz_nums:before{content:"";display:block;position:absolute;top:50%;width:calc(100% - 64px);height:1px;background:#9f0041}.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:#9f0041}.quiz_step,#prod_img{transition:.5s all;display:none;opacity:0;margin-top:-7px}.quiz_step.active{opacity:1;margin:40% 0}.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:#ff0000;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:#c90360}.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:#9f0041;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}}.imgformprod{ max-width: 150px; margin: 0 28%; margin-top: 30px; } .quiz_form{ margin: 0!important; } .quiz_prices{ display: flex; flex-wrap: wrap; justify-content: center; } .quiz_prices .quiz_oldprice { margin-top: 4px; font-style: normal; font-weight: 700; font-size: 28px; line-height: 27px; text-align: center; letter-spacing: .05em; text-transform: uppercase; color: #000; } .quiz_prices .quiz_newprice { font-size: 28px; }