.input{-webkit-box-shadow: 0 0 30px rgba(183, 193, 199, 0.1); box-shadow: 0 0 30px rgba(183, 193, 199, 0.1); border-radius: 25px; border: 1px solid #676767; background-color: #ffffff; font-size: 14px; font-weight: 300; color: #000; width: 100%; padding: 10px 20px; min-height: 40px}
.input:focus{border: 1px solid #ff9c00}
.input.input-qw2{box-shadow: none;border-radius: 20px; width: 50%;margin: 0 6px}
.test{padding-bottom: 2.5vw}
.test-wrapper{-webkit-box-shadow: 0px 10px 35px -5px rgba(109, 100, 130, 0.35); box-shadow: 0px 10px 35px -5px rgba(109, 100, 130, 0.35); border-radius: 10px; background-color: #fff; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%}
.test-wrapper.predfinals{overflow: unset}
.test__main{width: 77%; padding: 40px 30px; position: relative}
.test__main.final{width: 100%}
.left-block{width: 23%; -ms-flex-negative: 0; flex-shrink: 0; padding: 60px 40px; background: url(/templates/potolki/widgets/html/newquiz_v2/img/quiz/test-bg.png) no-repeat center; background-size: cover; min-height: 560px; text-align: center; border-radius: 10px 0 0 10px}
.left-block-subtitle{color: #6d7779; font-size: 12px; font-weight: 400; text-transform: uppercase; margin-bottom: 15px}
.left-block-title{color: #2a2a2a; font-size: 18px; font-weight: 700; text-transform: uppercase}
.left-block-title .trigger{color: #ff9c00; font-style: italic; font-weight: 700}
.left-block.no-show{overflow: hidden; width: 0; padding: 0}
.center{text-align: center}
.right{text-align: right}
.test{padding: 1.5vw 0 40px}
.progress-bar{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 75%; margin: 0 auto; margin-bottom: 40px; float: none; background-color: transparent; height: auto}
.progress-bar__title{color: #a8a3a1; font-size: 14px; font-weight: 500; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 15px}
.progress-bar__line{position: absolute; left: 0; top: 0; height: 100%; width: 19%; 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; -webkit-box-shadow: inset 0 0 20px rgba(233, 184, 49, 0.2); box-shadow: inset 0 0 20px rgba(233, 184, 49, 0.2); background-color: #fbd806; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 194, 0, 0.8)), to(rgba(255, 194, 0, 0))), repeating-linear-gradient(-55deg, #edbd36, transparent 6px, #edbd36 5px, #edbd36 5px); background-image: -webkit-linear-gradient(left, rgba(255, 194, 0, 0.8) 0%, rgba(255, 194, 0, 0) 100%), -webkit-repeating-linear-gradient(145deg, #edbd36, transparent 6px, #edbd36 5px, #edbd36 5px); background-image: -o-linear-gradient(left, rgba(255, 194, 0, 0.8) 0%, rgba(255, 194, 0, 0) 100%), -o-repeating-linear-gradient(145deg, #edbd36, transparent 6px, #edbd36 5px, #edbd36 5px); background-image: linear-gradient(to right, rgba(255, 194, 0, 0.8) 0%, rgba(255, 194, 0, 0) 100%), repeating-linear-gradient(-55deg, #edbd36, transparent 6px, #edbd36 5px, #edbd36 5px); -webkit-animation: progres 2.8s linear infinite; animation: progres 2.8s linear infinite; -webkit-transition: width 0.4s; -o-transition: width 0.4s; transition: width 0.4s}
.progress-bar__line-wrap{height: 8px; -webkit-box-shadow: 0 0 30px rgba(183, 193, 199, 0.1); box-shadow: 0 0 30px rgba(183, 193, 199, 0.1); border-radius: 5px; background-color: #e7e7e7; width: 100%; overflow: hidden; position: relative}
@-webkit-keyframes progres{from{background-position: 0 0, 0 0}
	to{background-position: 0 0, 60px 30px}
}
@keyframes progres{from{background-position: 0 0, 0 0}
	to{background-position: 0 0, 60px 30px}
}
.checkbox-psevdo{width: 20px; height: 20px; border-radius: 3px; border: 1px solid #a8a3a1; background-color: #ffffff; padding: 4px; 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; margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0}
.checkbox-psevdo-active{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; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s}
.checkbox-psevdo-active img{width: 140%; max-width: 140%; -ms-flex-item-align: center; align-self: center}
.checkbox-inp:checked~.radio-label{color: #2a2a2a}
.checkbox-inp:checked~label .checkbox-psevdo-active{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
.radio-wrap{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-top: 2vh; margin-bottom: 3vh; width: 100%; font-weight: 500}
.radio-item{width: 45%; text-align: left}
.radio-label{margin:0; color: #000000;font-size: 14px;display: inline-block;margin-left: 0px;position: relative;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;line-height: 1.2}
.radio-psevdo{border: 1px solid #a8a3a1; background-color: #ffffff; width: 12px; height: 12px; border-radius: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; 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; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0}
.radio-psevdo-active{width: 6px; height: 6px; background-color: #f00; border-radius: 100%; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s}
.radio-block{width: 100%}
.radio-btn{display: none}
.radio-btn:checked~.radio-label{color: #2a2a2a}
.radio-btn:checked~label .radio-psevdo-active{opacity: 1}
.test-item-block{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap}
.test-item__title{color: #212121; font-size: 1.2vw; font-weight: 700; margin-bottom: 1.7vw}
.test-item__title span{color: #ffd535}
.img-label{height: 85px; width: 100%; display: inline-block; border-radius: 10px 10px 0 0; cursor: pointer}
.test_elem{-webkit-transform: all 0.4s; -ms-transform: all 0.4s; transform: all 0.4s; border-radius: 6px; padding: 10px 10px 10px 15px; width: 30%; margin: 0 1.5% 1.5vw 1.5%; display: block; position: relative; cursor: pointer; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s}
.test_elem-t2{padding: 0; border-radius: 10px; text-align: center; display: block}
.test_elem-t2 .bg-qw1{border-radius: 10px; background: transparent}
.test_elem-t2 .checkbox-wrap{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0}
.test_elem:hover .bg-qw1{border: 1px solid #f00 !important; -webkit-box-shadow: 0 0 40px rgba(250, 185, 21, 0.2); box-shadow: 0 0 40px rgba(250, 0, 0, 0.2)}
.bg-qw1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); border-radius: 4px; border: 1px solid #ccc; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s}
.checkbox-inp:checked+.bg-qw1{border: 1px solid #f00 !important; -webkit-box-shadow: 0 0 30px rgba(255, 0, 0, 0.15); box-shadow: 0 0 30px rgba(255, 0, 0, 0.15)}
.test-elem-big{display: flex;align-items: center;justify-content: center;margin: 10px auto;width: 50%;}
.test-elem-big span{color: #000000;font-size: 16px;font-weight: 500}
.test-elem-4{border-radius: 10px; min-height: 85px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 36%}
.test-elem-4 .bg-qw1{border-radius: 10px; background: transparent}
.test-elem-5{min-height: 70px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px}
.test-elem-5 .bg-qw1{border-radius: 6px; background: transparent}
.test-elem-6{position: relative;min-height: 85px;width: 45%;margin: 15px 1.5%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex}
.test-elem-6 .bg-qw1{border-radius: 10px; background: transparent}
.qw6-img-1{position: absolute;right: -30px;top: -20px;width: 120px;max-height: none;z-index: 33}
.qw6-img-2{position: absolute; right: -1.2vw; top: -1.7vw; width: 5vw; max-height: none; z-index: 44}
.name-inp{width: 50%;text-align: right;-ms-flex-negative: 0;flex-shrink: 0;display: inline-block}
.checkbox-wrap{padding: 15px 10px}
.test-text-wrap{width: 100%; text-align: center; margin-bottom: 30px}
.text-price{color: #166aac; font-size: 1vw; font-weight: 900; white-space: nowrap}
.btn-test{border-radius: 50px; width: 200px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; min-height: 30px}
.btn-test:disabled{opacity: 0.4}
.test__btn-block{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 35px; position: relative; z-index: 1}
.test__numbers{pointer-events:none; position: absolute; bottom: -100px; left: 2vw; color: #f3f3f3; font-size: 180px; font-weight: 700; /*-webkit-transform: translateY(-38%); -ms-transform: translateY(-38%); transform: translateY(-38%)*/}
.gift-block{background: url(/templates/potolki/widgets/html/newquiz_v2/img/quiz/gift-border.png) no-repeat center; background-size: 100% 100%; padding: 80px 10px 20px 10px; width: 100%; position: relative; margin-top: 255px; border: 1px solid red; background: rgba(255, 255, 255, 1)}
.gift-img{height: 130px; position: absolute; left: 50%; top: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none; max-height: none}
.gift-block-title{color: #6d7779; font-size: 12px; font-weight: 400; text-transform: uppercase}
.test-elem-7{width: 100%;margin: 0;height: auto;min-height: 20px;line-height: 10px;padding: 0;}
.predfinal{width: 65%;padding-left: 30px}
.predfinal .test-text-wrap{text-align: left}
.predfinal .left-block-title{color: #a8a3a1}
.big-title-test{color: #424242; font-size: 20px; font-weight: 400; margin-bottom: 10px}
.predfinal__block{margin-bottom: 20px}
.predfinal__form{width: 80%;}
.predfinal__form input[name="phone"]{background-position: 16px 12px;font-size: 20px;border-radius: 30px;color: #000;height: 50px;font-weight: 700;border-color: #ccc;}
.btn-predfinal{margin-top: 16px;margin-bottom: 10px;width: 100%;min-height: 40px;position: relative;z-index: 2;border: none;}
.predfinal__img{position: absolute; right: 0; bottom: 30px; max-width: 420px}
.predfinal__img img{width: 95%; position: relative; right: 10px; top: 20px}
.predfinal__img:before{position: absolute; left: 0; top: 100%; content: ''; width: 350px; height: 70px; background: url(/templates/potolki/widgets/html/newquiz_v2/img/quiz/shape.png) no-repeat center; background-size: 100% 100%; -webkit-transform: translate(-200px, -70px) rotate(10deg); -ms-transform: translate(-200px, -70px) rotate(10deg); transform: translate(-200px, -70px) rotate(10deg)}
.final{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.finaltw{background: url(/templates/potolki/widgets/html/newquiz_v2/img/quiz/final-bg.jpg) no-repeat center; background-size: cover}
.qw-2-block{-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.mob-show{display: none}
.qwiz-container .h3{margin-top: 0;}
.gift-garant2{margin-left: 0; text-align: right; margin-top: 26px; font-size: inherit; text-align: right}
.gift-garant2{color: #333; line-height: 1.2; display: block; position: relative; margin-top: 16px; text-align: right}
.gift-garant2::before{left: 50%; top: -21px; font-size: 20px; margin-left: -10px}
.gift-garant2::before{position: initial; content: "+"; left: -22px; top: -3px; font-size: 20px; color: red; padding-right: 10px}
.qwiz-container .h3, .qwiz-container .h3 span{font-size: 28px;line-height: 36px;color: #666;margin-bottom: 20px !important; width:100% !important}
.qwiz-container .h3 span{display:inline !important}
.btn-test.btn-red{width:100%; max-width:300px; border:none}
.btn-test.btn-red:disabled{opacity: 0.8;background: #ccc;box-shadow: inset 0 -4px 0 rgb(0 0 0 / 12%)}
.btn.btn-green{background: #13c300;background: linear-gradient(180deg,rgb(19 195 0) 0, #11ae00 100%);box-shadow: 0 7px 20px -5px rgb(18 134 5 / 90%), inset 0 -4px 0 rgb(0 0 0 / 12%);}
.btn.btn-green:hover{background: #11ae00;background: linear-gradient(180deg,#11a300  0,#13a802 100%);box-shadow: 0 7px 20px -5px rgb(18 134 5 ), inset 0 -4px 0 rgb(0 0 0 / 10%);text-decoration: none;color: #fff}
@media (max-width: 991px) {
	.subtitle{font-size: 1.8rem; margin-bottom: 1.4rem}
	.btn-text{/* font-size: 1.2rem; */}
	.left-block{padding: 2.5rem 1rem; min-height: 30rem}
	.left-block-subtitle{font-size: 14px;margin-bottom: 1rem}
	.left-block-title{font-size: 16px;line-height: 25px;}
	.progress-bar__title{font-size: 14px;margin-bottom: 10px;}
	.progress-bar{width: 100%;margin-bottom: 20px;}
	.test__main{padding: 2rem 1.5rem}
	.test-text-wrap{margin-bottom: 10px;}
	.test_elem{/* width: 100%; */margin: 0 1.5% 0.8rem 1.5%;min-height: 6rem}
	.checkbox-psevdo{width: 15px; height: 15px; margin-right: 0.7rem; padding: 2px}
	.bg-qw1{border-radius: 6px}
	.btn-test{width: 100%;min-height: 40px;max-width: 250px;}
	.test__numbers{left: 2rem; font-size: 11rem}
	.test__btn-block{margin-top: 10px;}
	.test-elem-big span{font-size: 16px;}
	.test-elem-big{width: 100%}
	.input.input-qw2{margin: 0 0.4rem}
	.img-label{height: 9.5vw}
	.radio-psevdo{width: 1.5rem; height: 1.5rem; margin-right: 0.6rem}
	.radio-psevdo-active{width: 1rem; height: 1rem}
	.test_elem-t2 .checkbox-wrap{padding: 0.5rem 0}
	.qw6-img-1{width: 100px;top: -42px;right: -38px;}
	.test-elem-6{margin: 1.5rem 1.5%;padding-right: 0;}
	.qw6-img-2{width: 7rem;top: -2.7rem;right: -2.7rem}
	.gift-block{padding: 7rem 1rem 3rem 1rem}
	.gift-img{height: 12rem}
	.gift-block-title{font-size: 14px;}
	.predfinal__img{display: none; width: 0}
	.predfinal{width: 100%;padding-left: 0;}
	.predfinal .test_elem{min-height: auto;}
	.predfinal .checkbox-wrap{padding: 0;}
	.predfinal__block{margin-bottom: 30px;}
	.btn-predfinal{/* margin-top: 1.9rem; */}
	.btn-predfinal{/* min-height: 5rem; *//* margin-bottom: 1rem; */}
	.qwiz-container .h3, .qwiz-container .h3 span{font-size: 22px; line-height: 26px; margin-top:50px}
}
@media (max-width: 767px){
	.qw6-img-1{width: 90px; right: -25px; top: -30px}
	.test_elem{/* padding: 0; */}
	.top-qwiz{padding-top: 60px}
	.gift-garant2{font-size: large}
	.btn-wrap{margin: 0 auto; margin-top: 6rem}
	.left-block{display: none; width: 0}
	.test__main{width: 100%}
	.name-inp{width: 14rem}
	.img-label{height: 13vw}
	.predfinal .test_elem{width: 95%;}
	.predfinal__form{width: 100%;}
	.big-title-test{font-size: 22px;line-height: 32px;}
	.mob-show{display: block; margin: 1rem auto}
	.mb-1{width: 100%;}
	.qwiz-container .h3, .qwiz-container .h3 span{font-size: 20px; line-height: 24px; margin-top:0; text-align:center}
	.predfinal{padding:0}
	.gift-block-title {font-size: 12px}
	.predfinal .test-text-wrap{text-align:center}
}
@media (max-width: 575px){
	.btn-wrap{width: 27rem; margin-top: 7rem}
	.btn-wrap .btn{padding-right: 1rem}
	.btn-wrap img{left: 8rem; top: -8rem}
	.predfinal{padding-left: 0}
	.test_elem{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
	.test_elem{min-height: 5rem;width: 47%;padding: 0;margin-bottom: 10px;}
	.test-elem-big{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
	.input.input-qw2{width: 80%;box-shadow: none;border-radius: 20px;}
	.name-inp{text-align: center; margin-bottom: 0.5rem}
	.test-item:nth-child(3) .test_elem{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%}
	.test-item:nth-child(3) .img-label{height: 25vw}
	.test-elem-4, .test-elem-5{width: 100%}
	.test-elem-6{width: 90%;min-height: 4rem;margin: 8px 0;}
}
@media (max-width: 375px){
	.big-title-test {font-size: 20px;line-height: 28px;font-weight: 700}
	.test-elem-big span{font-size:14px}
	.left-block-title {font-size: 14px;line-height: 22px}
	.mob-show.mb-1{
    max-width: 90%;
    margin: 0 auto 15px !important;
}
	.predfinal__form input[name="phone"]{font-size: 16px;height: 45px;border-color: #bcbcbc;box-shadow: none;}
	.predfinal .test_elem {width: 85%}
}