/* FIELDS */
.field-block input[type=tel], .field-block input[type=text]{padding: 0px 16px; width: 100%; height: 58px; background: #FFFFFF; border-radius: 60px; font-weight: 300; font-size: 16px; border:none; color: #26292E;}
.field-block input[type=tel]{padding-left:44px; background:#fff url(/themes/images/phone.svg) no-repeat 16px center}
.field-block input::placeholder{opacity:1; color:#666}
.field-block input::-webkit-input-placeholder{opacity:1; color:#666}
.field-block input::-moz-placeholder{opacity:1; color:#666}
.field-block input:-moz-placeholder{opacity:1; color:#666}
.field-block input:-ms-input-placeholder{opacity:1; color:#666}
.field-block__agree{font-weight: 400;font-size: 12px;line-height: 17px;color: #797979;padding-top:12px}
.field-block__agree a:hover{color:#26292E}
.field-block__button button{border:none; padding:20px 40px; font-weight: 500;font-size: 18px;line-height: 18px;}
@media(max-width:1349px){
	.field-block input[type=tel], .field-block input[type=text]{padding: 0px 14px; height: 52px; font-size: 15px}
	.field-block input[type=tel]{padding-left:40px; background-position: 12px center}
	.field-block__button button{padding: 17px 30px; font-size: 17px;line-height: 17px;}
}
@media(max-width:991px){
	.field-block input[type=tel], .field-block input[type=text]{padding: 0px 12px;height: 48px;font-size: 14px;}
	.field-block input[type=tel]{padding-left:40px; background-position: 12px center}
	.field-block__button button{padding: 16px 28px;font-size: 16px;line-height: 16px;}
}
@media(max-width:575px){
	.field-block input[type=tel], .field-block input[type=text]{padding: 0px 12px;height: 44px}
	.field-block input[type=tel]{padding-left:40px; background-position: 12px center}
	.field-block__button button{padding: 15px 20px;font-size: 14px;line-height: 14px;}
}


/* QWIZ */
.qwiz__heading{margin-bottom:40px}
.qwiz__heading-title{font-weight: 600;font-size: 60px;line-height: 66px;color: #26292E}
.qwiz-fin-block{margin:20px 0 0}
.qwiz__block{padding: 25px 40px;background: #FFFFFF;border-radius: 6px;margin-bottom:10px;border: 1px solid #F7D2B2;background: rgba(224, 130, 48, 0.08);}
.qwiz__body{padding-top:30px}
.qwiz__title{font-weight: 500;font-size: 20px;line-height: 24px;color: #26292E}
.qwiz__change{display:flex; align-items:center; margin-left:auto; font-size: 16px;line-height: 22px;color: #797979;border-bottom: 1px dashed #C4B691;}
.qwiz__change svg{opacity: 0.6;}
.qwiz__change:hover{color:#26292E}
.qwiz__change:hover svg{opacity:1;}
.qwiz__title-step{white-space:nowrap; padding: 8px 16px;background: #E08230;border-radius: 3px;font-weight: 300;font-size: 18px;line-height: 22px;color: #FFFFFF}
.qwiz__title-step svg:nth-child(2){opacity:0.6}
.qwiz__select-side, .qwiz__select-size{transition:all 0.15s linear 0s; flex: 1 1 100%; cursor:pointer}
.qwiz__select-side input, .input-action-radio input{position: absolute;-webkit-appearance: none;-moz-appearance: none;appearance: none}
.select-sides__text{transition:all 0.15s linear 0s; gap: 20px;height: 120px;background: #fff;border-radius: 0;border:3px solid #F7D2B2;font-weight: 300;font-size: 20px;line-height: 24px;color: #26292E}
.select-sides__text img{transition:all 0.15s linear 0s; opacity:0.3}
.qwiz__select-side:hover .select-sides__text{border-color:#E08230;}
.qwiz__select-side input:checked ~ .select-sides__text{background: #fff; border-color:#E08230;}
.qwiz__select-side input:checked ~ .select-sides__text img{filter:brightness(1); opacity:1}
.qwiz__select-sizes{}
.qwiz__select-sizes label{font-size: 18px;line-height: 25px;color: #26292E;display:block;margin:0}
.select-size__input{width:100%}
.select-size__input input{width:100%; padding: 6px;height: 56px;border: 1px solid #F7D2B2;border-radius: 6px;text-align:center;font-weight: 300;font-size: 20px;color: #26292E}
.select-size__group{position:relative}
.select-size__button{position:absolute; top:50%; transform:translateY(-50%)}
.select-size__button button{padding: 0;width: 44px;height: 44px;background: #F7D2B2;border-radius: 3px;color: #fff;border: none;font-size: 32px;line-height: 1;font-family: arial;}
.select-size__button button:hover{background:#E08230; color:#fff}
.button-minus-qwiz{left:6px}
.button-plus-qwiz{right:6px}
.select-size__group:hover input{background: #FFFFFF;border-radius: 6px;border-color: #E08230;}
.qwiz__select-materials{gap:20px}
.qwiz__select-material{cursor:pointer}
.qwiz__select-material input{position: absolute;-webkit-appearance: none;-moz-appearance: none;appearance: none}
.select-material__text{transition:all 0.15s linear 0s; padding: 8px 16px; border-radius: 60px;font-size: 16px; line-height: 22px; color: #26292E; background:#fff;border: 2px solid #F7D2B2;}
.select-material__text svg{display:none}
.qwiz__select-material input:checked ~ .select-material__text{color:#26292E; background:#fff;border-color: #E08230;}
.qwiz__select-material input:checked ~ .select-material__text svg{display:block}
.btn-qwiz-fin{font-weight: 300;font-size: 24px;line-height: 24px;padding: 20px 40px;border-radius: 6px;text-align:center;margin-top:10px}
.qwiz__heading{position:relative}
.qwiz__heading-warning{font-size: 18px;line-height: 25px;color: #26292E}
.qwiz__heading-warning svg{width:38px; height:auto}
.qwiz__fin-price{border-bottom:1px dashed #DEDEDE}
.qwiz__action-title{font-size: 16px;line-height: 22px;color: #26292E;padding:20px 0 16px}
.input-action-radio{flex: 1 1 auto; cursor:pointer}
.input-action-custom{transition:all 0.15s linear 0s;min-width: 28px;width: 28px;height: 28px;display:flex; align-items:center;justify-content:center;border-radius:100%;background: #FFFFFF;border: 1px solid #E08230;}
.input-action-custom svg{transition:all 0.15s linear 0s; opacity:0}
.input-action-text{font-size: 16px;line-height: 22px;color: #666666}
.input-action-text span{font-weight: 600;font-size: 18px;line-height: 25px;color: #26292E;display:block}
.input-action-radio input:checked ~ .input-action-custom{background:#fff;}
.input-action-radio input:checked ~ .input-action-custom svg{opacity:1}
.qwiz__action-fin-price{background:#fff; padding:0 20px; border-radius:6px; font-weight: 500;font-size: 20px;line-height: 24px;color: #26292E;margin:20px 0}
.action-fin-price__price{font-weight: 600;font-size: 26px;line-height: 29px;color: #26292E;}
.qwiz__action-bottom-form{width:100%}
.qwiz__action-bottom-form form{display:flex}
.qwiz__action-bottom-form .action-bottom-form__title{width:100%}
.qwiz__action-bottom-form .field-block{padding:0 10px; width:320px}
.qwiz__action-bottom-form input[type=tel]{background-color:#F6F6F6; background-image:url(/templates/gradis/images/qwiz/phone.svg); border-radius:3px}
.qwiz__action-bottom-form .field-block__button{}
.qwiz__action-bottom-form .field-block__button button{white-space:nowrap; border-radius:3px; font-size:16px}
.qwiz__action-manager img{margin-right:20px}
.qwiz__action-manager{font-size: 14px;line-height:20px;color: #797979;margin-top:20px}

#calcmodal{max-width:820px; width:100%;  padding:60px 60px 40px;border-radius:6px;background: #fff url(/templates/gradis/images/qwiz/present-modal.png) no-repeat 40px bottom;}
.modal__actions{margin:-16px -20px;padding-bottom: 60px;}
.modal__action{padding:16px 20px; width:50%}
.main-calculator__radio{display:flex; gap:0 20px}
.main-calculator__radio label{cursor:pointer; }
.main-calculator__radio input{position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.modal__radio-custom{transition:background-color 0.15s linear 0s; min-width: 28px; width: 28px;height: 28px;background: #FFFFFF;border: 1px solid #E08230;border-radius:100%}
.main-calculator__radio input:checked ~ .modal__radio-custom{background:#fff url(/templates/gradis/images/qwiz/check-modal.svg) no-repeat center center;}
.modal__radio-text{font-size: 16px;line-height: 140%;color: #666666;}
.modal__radio-text strong{display:block; font-weight: 600;font-size: 18px;line-height: 140%;color: #E08230;}

#calcmodal2{max-width:720px; width:100%; padding:60px 60px 40px;border-radius:6px;background: #fff;}
.modal-download{position: relative;background:#EFEFEF;border-radius: 3px;height: 25px;margin-bottom:20px;overflow: hidden}
.modal-download__line{animation: download 10s linear;position: absolute;left: 0;width: 100%;top: 0;bottom: 0;background: url(/templates/gradis/images/qwiz/line-download.png) repeat-x left top}
@keyframes download {
	0% {width:0%}
	10% {width:10%}
	20% {width:20%}
	30% {width:30%}
	40% {width:40%}
	50% {width:50%}
	60% {width:60%}
	70% {width:70%}
	80% {width:80%}
	90% {width:90%}
	100% {width:100%}
}
.modtitle-small{font-weight: 400;font-size: 16px;line-height: 140%;color: #26292E;}
ul.fin-download{padding:20px 0; margin:0; display:flex; flex-direction:column; gap:20px 0}
ul.fin-download li{align-items:start; position:relative; padding:0; margin:0; list-style:none; gap:0 15px; display:flex; font-weight: 400;font-size: 16px;line-height: 140%;color: #666666;}
ul.fin-download li strong{display:block; font-weight: 600;font-size: 18px;line-height: 140%;color: #26292E;}
ul.fin-download li:last-child::before{content:"";background: url(/templates/gradis/images/qwiz/arrow-modal.svg) no-repeat 0 0;position:absolute;width: 109px;height: 110px;right: 100%;transform: translateX(40px);}
.modal-form__form .field-block{width:360px}
.qwiz__action-bottom-form form{position: relative}
.qwiz__action-bottom-form form .alert{position: absolute; left: 10px; bottom: -55px}




@media (min-width: 481px) {
	.qwiz__select-sides, .qwiz__select-sizes{gap:10px}
	.qwiz__select-side, .qwiz__select-size{flex-basis: calc((100% / 3) - 20px)}
}
@media (min-width: 768px) {
	.qwiz__heading-warning{position:absolute;right:0; bottom:0}
	.qwiz__select-sides, .qwiz__select-sizes{gap:10px}
	.qwiz__select-side, .qwiz__select-size{flex-basis: calc((100% / 3) - 20px)}
}
@media (min-width: 992px) {
	.qwiz__select-sides, .qwiz__select-sizes{gap:20px}
	.qwiz__select-side, .qwiz__select-size{flex-basis: calc((100% / 3) - 40px)}
}
@media (min-width: 1350px) {
	.qwiz__select-sides, .qwiz__select-sizes{gap:30px}
	.qwiz__select-side, .qwiz__select-size{flex-basis: calc((100% / 3) - 60px)}
	.qwiz__action-row{gap:60px}
	.input-action-radio{flex-basis: calc((100% / 3) - 120px)}
}
@media (max-width: 1349px) {
	#calcmodal{padding:50px 50px 40px; background-position:30px bottom}
	#calcmodal2{padding:50px 50px 40px}
	.qwiz__heading-title{font-size: 48px;line-height: 52px}
	.qwiz__heading-warning svg{width:32px; height:auto}
	.qwiz__heading-warning {font-size: 16px;line-height: 22px}
	.qwiz__title{font-size: 18px; line-height: 22px}
	.qwiz__block {padding: 20px 30px}
	.qwiz__body{padding-top:20px}
	.qwiz__title-step {padding: 6px 14px; font-size: 16px; line-height: 20px}
	.qwiz__select-side img{width:80px; height:auto}
	.select-sides__text{gap: 15px; height: 100px; font-size: 18px; line-height: 22px}
	.qwiz__select-sizes label {font-size: 16px;line-height: 22px}
	.select-size__input input {height: 52px;font-size: 18px; padding:4px}
	.select-size__button button {width: 42px; height: 42px}
	.qwiz__select-materials{gap:15px}
	.select-material__text {padding: 6px 14px;font-size: 15px;line-height: 20px}
	.btn-qwiz-fin {font-size: 20px; line-height: 22px; padding: 18px 30px}
	.input-action-custom{min-width: 24px;width: 24px;height: 24px}
	.input-action-text{font-size: 14px;line-height: 20px}
	.input-action-text span{font-size: 16px;line-height: 22px}
	.qwiz__action-fin-price{padding:0 15px; font-size: 18px;line-height: 22px; margin:15px 0}
	.action-fin-price__price{font-size: 24px;line-height: 26px}
	.qwiz__action-bottom-form .field-block{width:300px}
	.qwiz__action-manager{margin-top:15px}
	.qwiz__action-manager img {margin-right: 15px;width: 50px;height: auto}
	.modal-form__form .field-block{width:400px !important}
	.qwiz__action-bottom-form form .alert {left: 75px;bottom: -50px;width: 70%}
}
@media (max-width: 991px) {
	#calcmodal{max-width:750px; padding:40px; background-position:20px bottom}
	#calcmodal2{padding:40px}
	ul.fin-download li:last-child::before{background-size:contain; width: 90px; height: 91px; transform: translateX(35px) translateY(10px) rotate(-3deg)}
	.qwiz__heading {margin-bottom: 30px}
	.qwiz__heading-title{font-size: 36px;line-height: 40px;}
	.qwiz__heading-warning svg{width: 24px;height:auto}
	.qwiz__heading-warning {font-size: 14px;line-height: 20px;}
	.qwiz__title{font-size: 16px;line-height: 20px;}
	.qwiz__change {font-size: 14px;line-height: 20px;}
	.qwiz__block {padding: 20px;}
	.qwiz__title-step {padding: 4px 12px;font-size: 14px;line-height: 18px;}
	.qwiz__select-side img{width: 60px;height:auto}
	.select-sides__text{gap: 10px;height: 80px;font-size: 16px;line-height: 20px;}
	.qwiz__select-sizes label {font-size: 14px;line-height: 20px;}
	.select-size__input input {height: 48px;font-size: 16px;padding:4px}
	.select-size__button button {width: 38px;height: 38px;}
	.qwiz__select-materials{gap:10px}
	.qwiz__action-fin-price img{width:auto; height:50px}
	.select-material__text {padding: 4px 12px;font-size: 14px;line-height: 18px}
	.btn-qwiz-fin {font-size: 18px;line-height: 20px;padding: 16px 25px;}
	.input-action-custom{min-width: 20px;width: 20px;height: 20px;}
	.input-action-text{font-size: 12px;line-height: 18px;}
	.input-action-text span{font-size: 15px;line-height: 19px;}
	.qwiz__action-fin-price{padding: 0 10px;font-size: 16px;line-height: 20px}
	.action-fin-price__price{font-size: 20px;line-height: 22px}
	.qwiz__action-bottom-form{flex-wrap:wrap}
	.qwiz__action-bottom-form form{width:100%; flex-wrap:wrap}
	.qwiz__action-bottom-form form .d-flex.fields-row.flex-wrap{width:calc(100% - 220px)}
	.qwiz__action-bottom-form .field-block{width:100%; padding-left:0}
	.qwiz__action-bottom-form div:nth-child(2) div{width: 100%;padding: 0 10px 0 0}
	.qwiz__action-bottom-form .field-block__button {width: 220px}
	.qwiz__action-bottom-form .field-block__button button{width:100%; padding-left:0; padding-right:0}
	.action-bottom-form__title{padding-bottom:10px}
	.modal-form__form .field-block__button{width: calc(100% - 400px) !important}
	.qwiz__action-bottom-form form .alert {position:static; width: 100%}
}
@media (max-width: 767px) {
	#calcmodal, #calcmodal2{max-width:640px; padding:30px}
	ul.fin-download li:last-child::before{display:none}
	.modal__actions{margin:0 -15px -15px; padding-bottom: 50px;}
	.modal__action{padding:15px}
	.main-calculator__radio{gap:0 15px}
	.modal__radio-custom{min-width: 24px; width: 24px;height: 24px}
	.modal__radio-text{font-size: 14px;}
	.modal__radio-text strong{font-size: 16px}
	.button-last-modal.btn.btn-dark{padding:15px 30px; font-size:15px}
	.modtitle-small{font-size: 14px}
	ul.fin-download{padding:15px 0; gap:15px 0}
	ul.fin-download li{font-size: 14px}
	ul.fin-download li img{min-width: 24px; width: 24px;height: 24px; height:auto}
	ul.fin-download li strong{font-size: 16px;}
	.qwiz__heading {margin-bottom: 20px}
	.qwiz__heading-title{font-size: 32px;line-height: 38px;}
	.qwiz__heading-warning svg{width: 22px;height:auto}
	.qwiz__title{font-size: 14px;line-height: 18px;}
	.qwiz__block {padding: 15px;}
	.qwiz__body{padding-top: 15px;}
	.qwiz__title-step {padding: 4px 10px}
	.qwiz__select-side img{width: 40px;height:auto}
	.select-sides__text{height: 50px;font-size: 14px;line-height: 18px;}
	.select-size__input input {height: 44px;font-size: 14px;padding:4px}
	.select-size__button button {width: 34px;height: 34px;}
	.qwiz__select-materials{gap: 5px;}
	.qwiz__action-row{flex-wrap:wrap; gap:10px}
	.select-material__text {padding: 4px 8px}
	.btn-qwiz-fin {font-size: 16px;line-height: 18px;padding: 14px 20px;}
	.input-action-text span{font-size: 14px;line-height: 18px;}
	.qwiz__action-fin-price{margin: 15px 0;}
	.qwiz__action-bottom-form div:nth-child(2){width:calc(100% - 180px)}
	.qwiz__action-bottom-form .field-block__button {width: 180px}
	.qwiz__action-bottom-form .field-block__button button{font-size: 14px;}
	.modal-form__form > div:nth-child(1){width: calc(100% - 200px) !important}
	.modal-form__form .field-block__button{width:200px !important}
	.qwiz__action-bottom-form form .d-flex.fields-row.flex-wrap {width: calc(100% - 180px);}
}
@media (max-width: 575px) {
	#calcmodal, #calcmodal2{padding:20px; background:#fff}
	.modal__actions{margin:0; padding-bottom: 20px;}
	.modal__action{padding:10px 0}
	.modal__action{width:100%}
	.qwiz__heading-title{font-size: 28px;line-height: 32px;}
	.qwiz__block .h6, .qwiz__action-title, .qwiz__action-fin-price{font-size: 14px;line-height: 18px}
	.qwiz__action-title{padding:15px 0 10px}
	.qwiz__title-step{padding: 4px 8px;font-size: 12px;line-height: 16px}
	.qwiz__fin-price{padding-bottom:5px}
	.qwiz__action-fin-price{padding:10px}
	.qwiz__action-fin-price img{display:none}
	.qwiz__fin-price .h3, .action-fin-price__price {font-size:18px; line-height:20px; white-space:nowrap}
	.select-material__text{font-size:12px}
	.modal-form__form{gap:10px 0}
	.modal-form__form > div:nth-child(1), .modal-form__form .field-block, .modal-form__form .field-block__button{width:100% !important; padding:0}
}
@media (max-width: 480px) {
	.qwiz__select-sides, .qwiz__select-sizes{gap:10px; flex-wrap:wrap}
	.qwiz__select-side, .qwiz__select-size{flex-basis: calc((100% / 1) - 20px)}
	.qwiz__action-bottom-form div:nth-child(2){width:100%}
	.qwiz__action-bottom-form div:nth-child(2) div{padding:0 0 10px}
	.qwiz__action-bottom-form .field-block__button {width:100%}
	.qwiz__action-manager {font-size: 12px;line-height: 16px; margin-top:10px; justify-content:center}
	.qwiz__action-manager img {margin-right: 10px;width: 40px;height: auto}
	.qwiz__action-bottom-form form{display:block}
	.qwiz__action-bottom-form form .d-flex.fields-row.flex-wrap {width: 100%; margin-bottom:10px}
	.qwiz__action-bottom-form .field-block{padding:0}
}