/* Works on Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: #ABABAB #FFFAF7;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 12px;
}

*::-webkit-scrollbar-track {
	background: #FFFAF7;
}

*::-webkit-scrollbar-thumb {
	background-color: #ABABAB;
	border-radius: 20px;
	border: 3px solid #FFFAF7;
}



.qviz-modal {
	max-width: 930px;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #EFEFEF;
	padding: 40px 60px;
	overflow-x: auto;
}
.qviz-modal-first-outer{
	width:50%;
}
.qviz-modal-first{
	background: #FFFFFF;
	border: 1px solid #EFEFEF;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
	border-radius: 10px;
	padding:35px;
}
.qviz-modal-first-title{
	font-weight: 700;
	font-size: 25px;
	line-height: 120%;
	color: #202020;
	margin-bottom:15px;
}
.qviz-modal-first-stitle{
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #818181;
	margin-bottom:20px;
}
.qviz-modal-first-start-btn, .qviz-modal-first-start-btn:hover, .qviz-modal-first-start-btn:focus{
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color:#fff;
	text-align:center;
	padding:13px;
	display:flex;
	justify-content: center;
	align-items: center;
	background: #0B5AB9;
	border-radius: 5px;
	margin-bottom:30px;
	text-decoration: none;
}
.qviz-modal-first-start-btn::before{
	content:"";
	display:inline-block;
	background-image:url('../img/qviz/calc.svg');
	width:14px;
	height:14px;
	background-size:contain;
	background-repeat: no-repeat;
	margin-right:10px;
}



.qviz-modal-first-btitle{
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	color: #202020;
	margin-bottom:17px;
}
.qviz-modal-first-bblock{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.qviz-modal-first-bcol{
	width:33.3333333%;
	flex-grow: 0;
	flex-shrink: 0;
	text-align:center;
}
.qviz-modal2{
	border:none;
	background-image:url('../img/qviz/back.png');
	background-size:cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.qviz-modal2 .fancybox-close-small svg path{
	fill:#fff;
}
.qviz-modal-first-bimg{
	margin-bottom:7px;
}
.qviz-modal-first-bimg img{
	height:36px;
	width:auto;
	max-width:100%;
}
.qviz-modal-first-btext{
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: #202020;
}

.qviz-modal-first2{
	padding: 20px 15px;
}
.qviz-modal-mob{
	padding:0;
}
.qviz-modal-mob.qviz-modal2{
	background-image:none;
}
.qviz-modal-first-img{
	background-image:url('../img/qviz/back.png');
	background-size:cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width:100%;
	height:212px;
	border-radius: 10px;
	margin-bottom:20px;
}
.qviz-modal-step{
	display:none;
}
.qviz-modal-step.active{
	display:block;
}

.qviz-modal-title{
	font-weight: 500;
	font-size: 30px;
	line-height: 120%;
	color: #202020;
	margin-bottom:25px;
}
.qviz-modal-body{
	overflow-y:auto;
	overflow-x:hidden;
	height:400px;
}
.qviz-modal-fts{
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-left:-15px;
	margin-right:-15px;
}
.qviz-modal-ft-outer{
	width:50%;
}
.qviz-modal-mob .qviz-modal-ft-outer{
	width:100%;
}

.qviz-modal-ft-outer4{
	width:25%;
}
.qviz-modal-mob .qviz-modal-ft-outer4{
	width:50%;
}

.qviz-modal-ft-outer3{
	width:33.3333333%;
}
.qviz-modal-mob .qviz-modal-ft-outer3{
	width:100%;
}

.qviz-modal-ft{
	margin: 0 15px 24px 15px;
	cursor:pointer;
}
.qviz-modal-ft-img{
	border: 1px solid #D9D9D9;
	border-radius: 5px;
	margin-bottom:10px;
	height:260px;
	width:100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
.qviz-modal-ft-img-em{
	background:#F9F9F9;
}
.qviz-modal-ft-title{
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: #202020;
}
.qviz-modal-ft-sel{
	position:absolute;
	width:20px;
	height:20px;
	bottom:20px;
	left:20px;
	border-radius: 50%;
	border: 1px solid #fff;
	background:#fff;
}
.qviz-modal-ft.active .qviz-modal-ft-sel::after{
	content:"";
	display:block;
	position:absolute;
	width:14px;
	height:14px;
	background: #0B5AB9;
	border-radius: 50%;
	top:2px;
	left:2px;
}
.qviz-modal-bottom{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	padding-top:25px;
}
.qviz-modal-bottom-col1{
	width:58%;
}
.qviz-modal-bottom-col2{
	width:36%;
}
.qviz-modal-progress-title{
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #818181;
	margin-bottom:10px;
}
.qviz-modal-progress-title span{
	font-weight: 500;
	color: #202020;
}
.qviz-modal-progress{
	height:6px;
	background:#CEDEF1;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.qviz-modal-progress-col1{
	height:6px;
	border-radius: 5px;
	background:#0B5AB9;
	width:50%;
}
.qviz-modal-progress-col2{
	height:6px;
}
.qviz-modal-bottom-btns{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.qviz-modal-bottom-btn, .qviz-modal-bottom-btn:hover, .qviz-modal-bottom-btn:focus{
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color:#fff;
	padding:13px;
	display:block;
	text-align:center;
	text-decoration: none;
	background: #0B5AB9;
	border:1px solid #0B5AB9;
	border-radius: 5px;
	width:48%;
}
.qviz-modal-bottom-btn-prev, .qviz-modal-bottom-btn-prev:hover, .qviz-modal-bottom-btn-prev:focus{
	color: #D9D9D9;
	border:1px solid #D9D9D9;
	background:none;
}
.qviz-modal-step-in{
	padding:30px 15px;
}

.qviz-modal-mob .qviz-modal-title{
	font-size: 24px;
}
.qviz-modal-mob .qviz-modal-fts{
	margin-left:-10px;
	margin-right:-10px;
}
.qviz-modal-mob .qviz-modal-ft{
	margin: 0 10px 24px 10px;
}
.qviz-modal-mob .qviz-modal-ft-img{
	height:200px;
}
.qviz-modal-mob .qviz-modal-bottom{
	flex-wrap: wrap;
}
.qviz-modal-mob .qviz-modal-bottom-col1{
	width:100%;
	margin-bottom:15px;
}
.qviz-modal-mob .qviz-modal-bottom-col2{
	width:100%;
}

.qviz-modal-ssl{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-left:-15px;
	margin-right:-10px;
}
.qviz-modal-mob .qviz-modal-ssl{
	margin-left:-10px;
	margin-right:-10px;
}
.qviz-modal-ssl-item-outer{
	width:50%;
}
.qviz-modal-mob .qviz-modal-ssl-item-outer{
	width:100%;
}
.qviz-modal-ssl-item{
	margin: 0 15px 24px 15px;
	cursor:pointer;
	border: 1px solid #D9D9D9;
	border-radius: 5px;
	padding:15px;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: #202020;
}
.qviz-modal-mob .qviz-modal-ssl-item{
	margin: 0 10px 15px 10px;
}
.qviz-modal-ssl-item-in{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.qviz-modal-ssl-item-sel{
	position:relative;
	width:20px;
	height:20px;
	border-radius: 50%;
	border: 1px solid #D6D6D6;
	flex-grow: 0;
	flex-shrink: 0;
}
.qviz-modal-ssl-item.active .qviz-modal-ssl-item-sel::after{
	content:"";
	display:block;
	position:absolute;
	width:14px;
	height:14px;
	background: #FFA64B;
	border-radius: 50%;
	top:2px;
	left:2px;
}
.qviz-modal-ssl-item-title{
	margin-left:10px;
}

.qviz-modal-last{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
}
.qviz-modal-last-col{
	width:45%;
}
.qviz-modal-form-place{
	background: #0B5AB9;
	border: 1px solid #D9D9D9;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.08);
	border-radius: 15px;
	padding:30px;
}
.qviz-modal-form-title{
	color:#fff;
	font-weight: 700;
	font-size: 28px;
	line-height: 120%;
	text-align:center;
	margin-bottom:15px;
}

.qviz-modal .noUi-target{
	border:none;
	box-shadow:none;
	background:#FFEDDB;
}
.qviz-modal .noUi-connect{
	background:#FFA64B;
}
.qviz-modal .noUi-horizontal{
	height:6px;
	margin-bottom:20px;
}
.qviz-modal .noUi-horizontal .noUi-handle{
	top:-8px;
	width: 20px;
	height: 20px;
	right: -10px;
	border-radius: 50%;
	border:3px solid #FFA64B;
	background:#fff;
}
.qviz-modal .noUi-handle:after, .qviz-modal .noUi-handle:before{
	content:none;
	display:none;
}

.qviz-modal .noUi-pips-horizontal{
	height:30px;
	color:#909090;
	font-size:14px;
	font-weight:400;
	padding:0;
}
.qviz-modal .noUi-marker-horizontal.noUi-marker-large{
	height:0;
}
.qviz-modal-size-inp{
	width:220px;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap:nowrap;
}
.qviz-modal-size-inp-col1{
	width:50%;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #818181;
}
.qviz-modal-size-inp-col2{
	width:50%;
}
.qviz-modal-size-inp-inp{
	border: 1px solid #D9D9D9;
	border-radius: 5px;
	width:100%;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: #202020;
	padding:14px;
	text-align:center;
}

.qviz-modal-form-ct{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	margin-bottom:15px;
}
.qviz-modal-form-ct-col{
	width:25%;
}
.qviz-modal-form-ct-item{
	padding:10px 4px;
	text-align:center;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #FFFFFF;
	cursor:pointer;
}
.qviz-modal-form-ct-item.active{
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	color: #666666;
}
.qviz-modal-form-ct-item-icon{
	width:40px;
	height:40px;
	border-radius: 50%;
	margin-bottom:5px;
	display:inline-block;
	background: #FF4C00;
	position:relative;
}
.qviz-modal-form-ct-item-icon::after{
	content:"";
	display:inline-block;
	background-image:url('../img/qviz/icon1.svg');
	background-size:contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width:14px;
	height:14px;
	margin:13px;
}

.qviz-modal-form-ct-item-icon2{
	background: #FFFFFF;
}
.qviz-modal-form-ct-item-icon2::after{
	background-image:url('../img/qviz/icon2.svg');
	width:18px;
	height:16px;
	margin: 12px 11px;
}
.qviz-modal-form-ct-item.active .qviz-modal-form-ct-item-icon2{
	border: 1px solid #0B5AB9;
}
.qviz-modal-form-ct-item.active .qviz-modal-form-ct-item-icon2::after{
	margin: 11px 10px;
}

.qviz-modal-form-ct-item-icon3{
	background: #26D266;
}
.qviz-modal-form-ct-item-icon3::after{
	background-image:url('../img/qviz/icon3.svg');
	width:18px;
	height:18px;
	margin:11px;
}

.qviz-modal-form-ct-item-icon4{
	background: #7560F4;
}
.qviz-modal-form-ct-item-icon4::after{
	background-image:url('../img/qviz/icon4.svg');
	width:18px;
	height:18px;
	margin:11px;
}
.qviz-modal-form-btn{
	background: #FFCC18;
	border:1px solid #FFCC18;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: #202020;
	text-align:center;
	padding:13px;
	display:block;
	width:100%;
}
.qviz-modal-form-input{
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #818181;
	padding:12px 14px;
	background: #FFFFFF;
	border-radius:3px;
	border:1px solid #fff;
	margin-bottom:10px;
	width:100%;
}
.qviz-modal-form .invalid-feedback{
	margin-bottom:10px;
}

.qviz-modal-mob .qviz-modal-last{
	flex-wrap: wrap;
}
.qviz-modal-mob .qviz-modal-last-col{
	width:100%;
}
.qviz-modal-mob .qviz-modal-form-place{
	padding:0;
	background:none;
	border:none;
	box-shadow:none;
	border-radius: 0;
}
.qviz-modal-mob .qviz-modal-form-btn{
	background: #FFA64B;
	border:1px solid #FFA64B;
	border-radius: 5px;
	color:#fff;
}
.qviz-modal-mob .qviz-modal-form-input{
	border: 1px solid #D9D9D9;
	border-radius: 3px;
}
.qviz-modal-mob .qviz-modal-form-title{
	font-weight: 700;
	font-size: 20px;
	line-height: 120%;
	color: #202020;
	text-align:left;
}
.qviz-modal-mob .qviz-modal-first-stitle{
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
}
.qviz-modal-sel{
	width:100%;
	margin-bottom:10px;
}
.qviz-modal-sel.active{
	background:#f7f7f7;
	border-radius: 5px;
}
.qviz-modal-sel-title{
	background:#F7F7F7;
	border: 1px solid #D9D9D9;
	border-radius: 5px;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #202020;
	padding: 12px 14px;
	cursor:pointer;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.qviz-modal-sel-title::after{
	content:"";
	background-image:url('../img/qviz/icons/arrow.svg');
	width:16px;
	height:14px;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: 50% 50%;
	display:inline-block;
	flex-grow: 0;
	flex-shrink: 0;
}
.qviz-modal-sel-icon{
	display:inline-block;
	width:18px;
	height:18px;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: 50% 50%;
	margin-left:5px;
}
.qviz-modal-sel-icon1{
	background-image:url('../img/qviz/icons/icon1.svg');
}
.qviz-modal-sel-icon2{
	background-image:url('../img/qviz/icons/icon2.svg');
}
.qviz-modal-sel-icon3{
	background-image:url('../img/qviz/icons/icon3.svg');
}
.qviz-modal-sel-icon4{
	background-image:url('../img/qviz/icons/icon4.svg');
}
.qviz-modal-sel-list{
	display:none;
}
.qviz-modal-sel.active .qviz-modal-sel-list{
	display:block;
}
.qviz-modal-sel-item{
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #202020;
	padding: 13px 15px;
	cursor:pointer;
	display:flex;
	justify-content: flex-start;
	align-items: center;
}
.qviz-modal-sel-item .qviz-modal-sel-icon{
	flex-grow: 0;
	flex-shrink: 0;
	margin-right:10px;
	margin-left:0;
}
.qviz-modal-sel-title-in{
	display:flex;
	justify-content: flex-start;
	align-items: center;
}
.qviz-modal-sel-title-in .qviz-modal-sel-icon{
	flex-grow: 0;
	flex-shrink: 0;
	margin-right:5px;
	margin-left:5px;
}
.qviz-modal-cong{
	background: #FFFFFF;
	border: 1px solid #EFEFEF;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
	border-radius: 10px;
	padding:30px 40px;
	width:70%;
	margin: 0 auto;
}
.qviz-modal-cong-title{
	font-weight: 700;
	font-size: 30px;
	line-height: 120%;
	color: #202020;
	text-align:center;
	margin-bottom:10px;
}
.qviz-modal-cong-stitle{
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	text-align:center;
	color: #818181;
	margin-bottom:20px;
}
.qviz-modal-cong-btn, .qviz-modal-cong-btn:hover, .qviz-modal-cong-btn:focus{
	background: #0B5AB9;
	border-radius: 5px;
	color:#fff;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	padding:13px;
	width:70%;
	text-align:center;
	text-decoration: none;
	display:block;
	margin: 0 auto 25px auto;
}
.qviz-modal-cong .qviz-modal-first-btitle{
	text-align:center;
}

.qviz-modal-mob .qviz-modal-cong{
	background: #FFFFFF;
	border: none;
	box-shadow: none;
	border-radius: 0;
	padding:0;
	width:100%;
	margin: 0;
}
.qviz-modal-mob .qviz-modal-cong-btn{
	width:100%;
}
.qviz-modal-cong-bottom{
	width:70%;
	margin:0 auto;
}
.qviz-modal-mob .qviz-modal-cong-bottom{
	width:100%;
}

.qviz-modal .alert{
	display:none;
}
.qviz-modal-form-checkbox{
	margin-bottom:10px;
	color:#fff;
}
.qviz-modal-form-checkbox a, .qviz-modal-form-checkbox a:hover, .qviz-modal-form-checkbox a:focus{
	color:#fff;
}

.qviz-modal-mob .qviz-modal-form-checkbox{
	color:#202020;
}
.qviz-modal-mob .qviz-modal-form-checkbox a, .qviz-modal-mob .qviz-modal-form-checkbox a:hover, .qviz-modal-mob .qviz-modal-form-checkbox a:focus{
	color:#0B5AB9;
}

.qviz-modal-vsizes-title{
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	color: #27282E;
	margin-bottom:5px;
}
.qviz-modal-vsizes-input{
	border: 1px solid #F7F7F7;
	border-radius: 5px;
	background: #F7F7F7;
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: #202020;
	padding:14px 15px;
	width:100%;
	margin-bottom:15px;
}
.qviz-modal-form-checkbox a {
	text-decoration: underline;
	color: #ffcc18;
}