html { box-sizing: border-box; overflow-x: hidden;}
body { font-family: fbconstructor-regular, 'Arial', sans-serif; -webkit-font-smoothing: antialiased;}
.maintenance-templates, .maintenance-wrapper { font-size: 3.75vw; color: #3a3939;}
@media (min-width: 768px){ .maintenance-templates, .maintenance-wrapper { font-size: 2.083vw; }
}
.stages-wrapper { font-size: 3.75vw; font-family: fbconstructor-regular, Barlow-Regular, sans-serif; -webkit-font-smoothing: antialiased; color: #3a3939; }
@media (min-width: 768px){ .stages-wrapper { font-size: 2.083vw; }
}
.stages-wrapper input { display: block; font-family: fbconstructor-regular, 'Arial', sans-serif; border-width: 0 0 1px 0;}
.stages-wrapper input:focus { border-color: inherit;}
.stages-wrapper textarea { display: block; outline: none; resize: none; overflow: auto; border: 1px solid lightgray; border-radius: 4px; width: 100%;}
.stages-wrapper input:focus, .stages-wrapper textarea:focus { outline: none;}
.stages-wrapper button { display: flex; align-items: center; justify-content: center; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;}
.stages-wrapper button:focus { outline: none;}
.stages-wrapper button:hover { outline: none;}
.stages-wrapper :focus { outline: none;}
.stages-wrapper a, .stages-wrapper a:focus, .stages-wrapper a:active { color: inherit; text-decoration: none;}
.stages-wrapper ul { list-style: none; padding: 0; margin: 0;}
.stages-wrapper img { display: block; width: 100%;}
.stages-wrapper img[src=""] { display: none;}
.stages-wrapper h1, .stages-wrapper h2, .stages-wrapper h3, .stages-wrapper h4 { font-weight: normal; margin: 0;}
.stages-wrapper p { margin: 0; padding: 0;}
.stages-wrapper input:-webkit-autofill,.stages-wrapper input:-webkit-autofill:hover,.stages-wrapper input:-webkit-autofill:focus,.stages-wrapper input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s;}
.stages-wrapper input[type=number]::-webkit-inner-spin-button,.stages-wrapper input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
.stages-wrapper .error_text { color: red; font-size: 3.75vw; position: absolute; right: 0; bottom: -5vw;}
.stages-wrapper .input-wrapper { position: relative;}
.stages-wrapper .input-wrapper .input { width: 100%; font-size: 4.375vw;}
.stages-wrapper .input-wrapper label.error { position: absolute; width: 100%; bottom: -5vw; font-size: 3.75vw; margin: 0; right: 0; color: red; font-weight: normal; text-align: right;}
.stages-wrapper .checkbox-wrapper { position: relative; font-size: 4.375vw;}
.stages-wrapper .checkbox-wrapper .input { display: none;}
.stages-wrapper .checkbox-wrapper .label { display: flex; justify-content: flex-start; align-items: center; font-weight: normal; color: #3a3939; padding: 0; margin: 0; cursor: pointer;}
.stages-wrapper .checkbox-wrapper label.error { position: absolute; width: 100%; bottom: -5vw; font-size: 3.75vw; margin: 0; right: 0; color: red; font-weight: normal; text-align: right;}
.stages-wrapper .checkbox-wrapper .icon { display: inline-block; width: 4.375vw; margin-left: 1.562vw;}
.stages-wrapper .checkbox-wrapper .checked { display: none;}
.stages-wrapper .checkbox-wrapper .input:checked ~ .label .empty { display: none;}
.stages-wrapper .checkbox-wrapper .input:checked ~ .label .checked { display: inline-block;}
.stages-wrapper .textarea-wrapper { position: relative;}
.stages-wrapper .textarea-wrapper .textarea { width: 100%;}
@media (min-width: 768px){ .stages-wrapper .checkbox-wrapper .icon { width: 1.823vw; margin-left: 0.651vw; }
.stages-wrapper .checkbox-wrapper label.error { font-size: 1.562vw; bottom: -2.083vw; }
.stages-wrapper .input-wrapper .input { font-size: 1.823vw; }
.stages-wrapper .input-wrapper label.error { font-size: 1.562vw; bottom: -2.083vw; }
}
@media (min-width: 1200px){ .stages-wrapper .checkbox-wrapper .icon { width: 1.198vw; margin-left: 0.417vw; }
.stages-wrapper .checkbox-wrapper .input { font-size: 0.938vw; }
.stages-wrapper .checkbox-wrapper label.error { font-size: 12px; bottom: -16px; }
.stages-wrapper .input-wrapper label.error { font-size: 12px; bottom: -16px; }
}
@media (min-width: 1500px){ .stages-wrapper .checkbox-wrapper { font-size: 0.625vw; }
.stages-wrapper .checkbox-wrapper .icon { width: 1.146vw; margin-left: 0.417vw; }
.stages-wrapper .checkbox-wrapper label.error { bottom: -0.729vw; }
.stages-wrapper .input-wrapper label.error { bottom: -0.867vw; }
}
.stages-wrapper .animated { position: relative;}
.stages-wrapper .animated .placeholder { position: absolute; top: 0; right: 0; pointer-events: none; transition: all 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.stages-wrapper .animated .placeholder.animate { font-size: 3.75vw; transform: translate(0, -100%) scale(0.8); opacity: 0.7;}
.stages-wrapper .loader_wrapper { display: flex; align-items: center; justify-content: center;}
.stages-wrapper .loader_wrapper.hidden { display: none;}
.stages-wrapper .loader_wrapper .loader { content: " "; display: block; width: 20vw; height: 20vw; margin: 2.5vw; border-radius: 50%; border: 1.875vw solid lightgray; border-color: lightgray transparent lightgray transparent; -webkit-animation: loader 500ms linear infinite; animation: loader 500ms linear infinite;}
@-webkit-keyframes loader { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes loader { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@media (min-width: 768px){ .stages-wrapper { font-size: 1.823vw; }
}
@media (min-width: 1200px){ .stages-wrapper { font-size: 1vw; }
}
@media (min-width: 1500px){ .stages-wrapper { font-size: 0.8vw; }
}
.state-indicator { position: relative; z-index: 4;}
@media (min-width: 768px){ .state-indicator { z-index: 3; }
.error_text { font-size: 1.823vw; bottom: -2.344vw; }
}
@media (min-width: 1200px){ .state-indicator { z-index: 2; }
.error_text { font-size: 1.167vw; bottom: -1.5vw; }
}
@media (min-width: 1500px){ .state-indicator { z-index: 1; }
.error_text { font-size: 0.729vw; bottom: -0.938vw; }
}
@media (max-width: 1024px){ .maintenance-module .header .gray_theme { display: none; }
.maintenance-module .header { padding-top: 63px; margin-bottom: 0; }
.maintenance-module .white_theme { position: fixed; width: 100%; top: 0; right: 0; border-bottom: 2px dashed black; }
.maintenance-module .header.sticky { position: relative; }
.maintenance-module .header.sticky .search_sticky { display: none; }
.maintenance-module .sticky_header_place_holder { display: none; }
}
@media (min-width: 768px){ .maintenance-module .white_footer_top_images { pointer-events: none; }
.maintenance-module .footer { margin-top:0; position: relative; }
.maintenance-module .white_footer { position: absolute; width: 100%; top: -12.890625vw; height: auto; background: transparent; pointer-events: none; }
}
@media (min-width: 1200px){ .maintenance-module .white_footer { top: -135px; }
.maintenance-module .footer { z-index: 10; }
.maintenance-module .sticky_header_place_holder { height: 196px; }
}
@media (min-width: 1600px){ .contact_help_bussiness .connect_area { margin-top: 20px; }
}
.main_wrapper .input:focus { border-color: #facc0d;}
.main_wrapper .blue-title { font-size: 7.5vw; font-family: fbconstructor-bold; margin-bottom: 3.125vw;}
@media (min-width: 768px){ .main_wrapper .blue-title { font-size: 3.646vw; }
}
.main_wrapper .blue-title .blue-text { color: #0da3c8;}
.main_wrapper .radio-wrapper { margin-bottom: 3.125vw;}
.main_wrapper .radio-wrapper .radio-input { display: none;}
.main_wrapper .radio-wrapper .radio-input:checked ~ .radio-label .radio-circle .empty { display: none;}
.main_wrapper .radio-wrapper .radio-input:checked ~ .radio-label .radio-circle .full { display: block;}
.main_wrapper .radio-wrapper .radio-circle { position: relative; display: flex; justify-content: center; align-items: center; margin: 0 0 0 3.125vw; width: 5.312vw; height: 5.312vw; flex: 0 0 auto;}
.main_wrapper .radio-wrapper .radio-circle .full { display: none;}
.main_wrapper .radio-wrapper .radio-label { position: relative; display: flex; justify-content: flex-start; align-items: center; font-weight: normal; cursor: pointer; font-size: 4.375vw; margin-bottom: 0;}
@media (min-width: 768px){ .main_wrapper .radio-wrapper .radio-label { font-size: 1.823vw; }
}
.main_wrapper .stage-progress-bar { background: white; position: relative;}
.main_wrapper .stage-progress-bar .progress-stages-wrapper { display: flex; justify-content: space-between; height: 19.688vw; border-bottom: 2px dashed black; padding: 1.875vw 4.062vw;}
.main_wrapper .stage-progress-bar .progress-stage { display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
.main_wrapper .stage-progress-bar .progress-stage .complete-icon { display: none; width: 4.688vw; margin-bottom: 1.562vw;}
.main_wrapper .stage-progress-bar .progress-stage .car-icon { visibility: hidden; width: 13.125vw; margin-bottom: 1.562vw;}
.main_wrapper .stage-progress-bar .progress-stage .progress-label { color: #3a3939; opacity: 0.5;}
.main_wrapper .stage-progress-bar .progress-stage.active .car-icon { visibility: visible;}
.main_wrapper .stage-progress-bar .progress-stage.active .progress-label { font-family: fbconstructor-bold; opacity: 1;}
.main_wrapper .stage-progress-bar .progress-stage.complete .complete-icon { display: block;}
.main_wrapper .stage-progress-bar .progress-stage.complete .car-icon { display: none;}
.main_wrapper .stage-progress-bar .progress-stage.complete .progress-label { margin-top: inherit; opacity: 1;}
.main_wrapper .stage-progress-bar .controls-wrapper { padding: 3.125vw;}
.main_wrapper .stage-progress-bar .car-details { text-align: center;}
.main_wrapper .stage-progress-bar .back-button { display: flex; align-items: center; justify-content: flex-start; cursor: pointer; margin-bottom: 2.188vw;}
.main_wrapper .stage-progress-bar .back-button .icon { width: 7.187vw;}
.main_wrapper .stage-progress-bar .back-button .text { position: relative; top: 0.625vw; margin-right: 1.562vw;}
.main_wrapper .stage-progress-bar .service-type { color: #0da3c8; margin-bottom: 1.562vw;}
.main_wrapper .stage-progress-bar .change-car { color: #7c767c; text-decoration: underline; cursor: pointer;}
.main_wrapper .stages-wrapper { background: #facc0d;}
.main_wrapper .multi-options { position: absolute; top: calc(100% + 3.125vw); right: 50%; transform: translateX(50%); background: white; width: 93.75vw; border: 1px solid #7c767c; border-radius: 1.562vw; padding: 6.25vw 4.688vw 3.125vw; z-index: 1000; text-align: right; box-shadow: 12.6px 9.9px 8px 0 rgba(4, 4, 3, 0.15); opacity: 0; pointer-events: none; transition: all 100ms ease;}
.main_wrapper .multi-options.open { opacity: 1; pointer-events: all;}
.main_wrapper .multi-options:before { content: ''; position: absolute; top: 0; right: 50%; transform: translateY(-100%) translateX(50%); width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #7c767c; z-index: 2000;}
.main_wrapper .multi-options:after { content: ''; position: absolute; top: 0; right: 50%; transform: translateY(-100%) translateX(50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; z-index: 2000;}
.main_wrapper .multi-options .blue-btn { margin-top: 3.125vw; margin-right: auto; width: 55%;}
.main_wrapper .multi-options .your-car-title { font-size: 4.375vw; margin-bottom: 9.375vw;}
.main_wrapper .multi-options .your-car-title .multi-car-model-name{ unicode-bidi: embed;}
@media (min-width: 768px){ .main_wrapper .multi-options .your-car-title { font-size: 1.823vw; }
}
.main_wrapper .multi-options .your-car-title .bold { font-family: fbconstructor-bold;}
.main_wrapper .dual-ring-loader { width: 100%; height: 100%;}
.main_wrapper .dual-ring-loader:after { content: " "; display: block; width: 100%; height: 100%; border-radius: 50%; border: 1.562vw solid; border-color: #3a3939 transparent #3a3939 transparent; -webkit-animation: dual-ring-loader 500ms linear infinite; animation: dual-ring-loader 500ms linear infinite;}
@-webkit-keyframes dual-ring-loader { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes dual-ring-loader { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.main_wrapper .shekel { position: relative;}
.main_wrapper .shekel:before { content: '₪';}
@media (min-width: 768px){ .main_wrapper .blue-btn { height: 5.469vw; width: 22.786vw; padding-top: 0.391vw; border-radius: 3px; }
.main_wrapper .blue-btn .arrows { top: -0.26vw; margin-right: 1.302vw; width: 1.953vw; }
.main_wrapper .radio-wrapper { margin-bottom: 1.302vw; }
.main_wrapper .radio-wrapper .radio-input:checked ~ .radio-label .radio-circle:before { width: 1.172vw; height: 1.172vw; }
.main_wrapper .radio-wrapper .radio-circle { margin: 0 0 0 1.302vw; width: 2.214vw; height: 2.214vw; }
.main_wrapper .stage-progress-bar .progress-stages-wrapper { height: 10.807vw; padding: 1.953vw 10.417vw 0.651vw; }
.main_wrapper .stage-progress-bar .progress-stage .complete-icon { width: 2.604vw; margin-bottom: 0.651vw; }
.main_wrapper .stage-progress-bar .progress-stage .car-icon { width: 8.073vw; margin-bottom: 0.651vw; }
.main_wrapper .stage-progress-bar .controls-wrapper { padding: 1.302vw; }
.main_wrapper .stage-progress-bar .back-button { margin-bottom: 0.911vw; }
.main_wrapper .stage-progress-bar .back-button .icon { width: 2.995vw; }
.main_wrapper .stage-progress-bar .back-button .text { top: 0.26vw; margin-right: 0.651vw; }
.main_wrapper .stage-progress-bar .service-type { margin-bottom: 0.651vw; }
.main_wrapper .multi-options { width: 52.083vw; top: calc(100% + 1.042vw); border-radius: 0.651vw; padding: 2.604vw 1.953vw 1.302vw; }
.main_wrapper .multi-options .your-car-title { margin-bottom: 3.906vw; }
.main_wrapper .multi-options .blue-btn { margin-top: 1.302vw; }
.main_wrapper .dual-ring-loader:after { border: 0.651vw solid; border-color: #3a3939 transparent #3a3939 transparent; }
.main_wrapper #general_msg .msg { font-size: 2.083vw; margin: 3.906vw 0; }
}
@media (min-width: 1200px){ .main_wrapper .blue-btn { font-size: 1.953vw; height: 2.969vw; border-radius: 0.781vw; }
.main_wrapper .blue-btn .arrows { width: 1.823vw; top: -0.104vw; margin-right: 0.521vw; }
.main_wrapper .radio-wrapper { margin-bottom: 0.521vw; }
.main_wrapper .radio-wrapper .radio-input:checked ~ .radio-label .radio-circle:before { width: 0.625vw; height: 0.625vw; }
.main_wrapper .radio-wrapper .radio-circle { position: relative; top: -0.156vw; margin: 0 0 0 15px; width: 1.146vw; height: 1.146vw; }
.main_wrapper .radio-wrapper .radio-label { font-size: 1.302vw; }
.main_wrapper .stage-progress-bar { display: flex; align-items: center; padding: 0.312vw 7vw; border-bottom: 2px dashed black; }
.main_wrapper .stage-progress-bar .progress-stages-wrapper { height: 6.771vw; border-bottom: none; padding: 0 0 0.781vw; order: 2; width: 55%; flex: 0 0 auto; }
.main_wrapper .stage-progress-bar .progress-stage .complete-icon { width: 1.979vw; margin-bottom: 0.521vw; }
.main_wrapper .stage-progress-bar .progress-stage .car-icon { width: 3.698vw; margin-bottom: 0.521vw; }
.main_wrapper .stage-progress-bar .progress-stage .progress-label { font-size: 1.25vw; }
.main_wrapper .stage-progress-bar .controls-wrapper { display: flex; align-items: center; padding: 0; order: 1; width: 45%; flex: 0 0 auto; font-size: 1.042vw; }
.main_wrapper .stage-progress-bar .car-details { text-align: right; width: 72%; }
.main_wrapper .stage-progress-bar .back-button { margin: 0 0 0 2.083vw; }
.main_wrapper .stage-progress-bar .back-button .icon { width: 1.719vw; }
.main_wrapper .stage-progress-bar .back-button .text { top: 0.104vw; margin-right: 0.521vw; }
.main_wrapper .stage-progress-bar .service-type { margin-bottom: 0.26vw; }
.main_wrapper .stage-progress-bar .car-type { display: flex; justify-content: space-between; align-items: center; }
.main_wrapper .stage-progress-bar .change-car { font-size: 0.833vw; }
.main_wrapper .multi-options { width: 47.604vw; top: calc(100% + 0.417vw); border-radius: 0.26vw; padding: 1.042vw 0.781vw 0.521vw; }
.main_wrapper .multi-options .your-car-title { margin-bottom: 1.562vw; }
.main_wrapper .multi-options .blue-btn { font-size: 1.51vw; height: 2.969vw; width: 9.375vw; margin-top: 0.521vw; }
.main_wrapper .multi-options:before { border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #7c767c; }
.main_wrapper .dual-ring-loader:after { border: 0.26vw solid; border-color: #3a3939 transparent #3a3939 transparent; }
.main_wrapper #general_msg .msg { font-size: 1.146vw; margin: 2.083vw 0; }
}
.maintenance-module .blue-btn { position: relative; display: flex; justify-content: center; align-items: center; background: #0da3c8; color: white; height: 10vw; width: 51.562vw; padding-top: 0.938vw; font-size: 4.688vw; border-radius: 3px; cursor: pointer; border: 0;}
@media (min-width: 768px){ .maintenance-module .blue-btn { font-size: 2.083vw; }
}
.maintenance-module .blue-btn .arrows { position: relative; top: -0.625vw; margin-right: 3.125vw; width: 4.688vw;}
.maintenance-module .blue-btn:hover, .maintenance-module .blue-btn:active { background: #24BEEA;}
.maintenance-module .blue-btn.disabled { opacity: 0.3; pointer-events: none;}
.maintenance-module .blue-btn.yellow { background: #facc0d;}
.maintenance-module #general_msg .modal-body { display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.maintenance-module #general_msg .msg { font-size: 5vw; margin: 9.375vw 0;}
@media (min-width: 768px){ .maintenance-module .blue-btn { height: 5.469vw; width: 22.786vw; padding-top: 0.391vw; border-radius: 3px; }
.maintenance-module .blue-btn .arrows { top: -0.26vw; margin-right: 1.302vw; width: 1.953vw; }
.maintenance-module #general_msg .msg { font-size: 2.083vw; margin: 3.906vw 0; }
}
@media (min-width: 1200px){ .maintenance-module .blue-btn { font-size: 1.953vw; height: 2.969vw; border-radius: 0.781vw; }
.maintenance-module .blue-btn .arrows { width: 1.823vw; top: -0.104vw; margin-right: 0.521vw; }
.maintenance-module #general_msg .msg { font-size: 1.146vw; margin: 2.083vw 0; }
}
.autocomplete-wrapper { position: relative; }
.autocomplete-wrapper .auto_complete_drop { opacity: 0; pointer-events: none; position: absolute; top: calc(100% + 1.875vw); background: white; width: 100%; border-radius: 5px; border: 1px solid #7c767c; z-index: 1000; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15); }
.autocomplete-wrapper .auto_complete_drop.payments{ top: 7vw;}
.autocomplete-wrapper .auto_complete_drop:before { content: ''; position: absolute; top: 0; right: 50%; transform: translateY(-100%) translateX(50%); width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #7c767c; z-index: 2000; }
.autocomplete-wrapper .auto_complete_drop:after { content: ''; position: absolute; top: 0; right: 50%; transform: translateY(-100%) translateX(50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; z-index: 2000; }
.autocomplete-wrapper .autocomplete-list { max-height: 53.125vw; overflow: auto; }
.autocomplete-wrapper .auto-item { display: flex; justify-content: flex-start; align-items: center; text-align: right; padding: 1.25vw 8.75vw 0 0; font-size: 4.375vw; height: 8.125vw; cursor: pointer; }
.autocomplete-wrapper .auto-item.highlight, .autocomplete-wrapper .auto-item:hover { background: #facc0d; }
.autocomplete-wrapper .auto-msg { font-size: 4.375vw; }
.autocomplete-wrapper .arrow { pointer-events: none; position: absolute; top: 4.688vw; left: 4.688vw; width: 4.688vw; }
.autocomplete-wrapper.open .auto_complete_drop { opacity: 1; pointer-events: all; }
.autocomplete-wrapper .input { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.autocomplete-wrapper .input::-webkit-input-placeholder { color: #3a3939; }
.autocomplete-wrapper .input::-ms-input-placeholder { color: #3a3939; }
.autocomplete-wrapper .input::placeholder { color: #3a3939; }
.autocomplete-wrapper .input:disabled { background: white; }
.autocomplete-wrapper .input:disabled ~ .arrow { opacity: 0.5; }
.autocomplete-wrapper .input:disabled::-webkit-input-placeholder { color: #7c767c; }
.autocomplete-wrapper .input:disabled::-ms-input-placeholder { color: #7c767c; }
.autocomplete-wrapper .input:disabled::placeholder { color: #7c767c; }
@media (min-width: 768px){ .autocomplete-wrapper .arrow { top: 1.953vw; left: 1.953vw; width: 1.953vw; }
.autocomplete-wrapper .auto_complete_drop { top: calc(100% + 0.781vw); width: 110%; right: -5%; }
.autocomplete-wrapper .auto_complete_drop.payments{ top: 3vw; }
.autocomplete-wrapper .auto-item { height: 3.385vw; font-size: 1.823vw; padding: 0.521vw 3.646vw 0 0; }
.autocomplete-wrapper .auto-msg { font-size: 1.823vw; }
.autocomplete-wrapper .autocomplete-list { max-height: 22.135vw; }
}
@media (min-width: 1200px){ .autocomplete-wrapper .arrow { top: 1.771vw; left: 1.302vw; width: 1.094vw; }
.autocomplete-wrapper .auto_complete_drop { top: calc(100% + 0.938vw); }
.autocomplete-wrapper .auto_complete_drop.payments{ top: 3vw; }
.autocomplete-wrapper .auto_complete_drop:before { border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #7c767c; }
.autocomplete-wrapper .auto_complete_drop:after { border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid white; }
.autocomplete-wrapper .auto-item { height: 2.708vw; font-size: 1.302vw; padding: 0.417vw 1.458vw 0 0; }
.autocomplete-wrapper .auto-msg { font-size: 1.302vw; }
.autocomplete-wrapper .autocomplete-list { max-height: 17.708vw; }
}
.add-license-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.add-license-wrapper .license-input-wrapper { position: relative;}
.add-license-wrapper .license-input { width: 51.562vw; height: 11.562vw; border-radius: 2.188vw; border: 1px solid #7c767c; font-size: 6.25vw; font-family: fbconstructor-regular; color: #7c767c; direction: ltr; text-align: center; margin-bottom: 0.938vw; padding: 1.562vw 0 0 4.688vw;}
.add-license-wrapper .license-input::-webkit-input-placeholder { color:#cbcbcb;}
.add-license-wrapper .license-input:-ms-input-placeholder { color:#cbcbcb;}
.add-license-wrapper .license-input::placeholder { color:#cbcbcb;}
.buttons-container { display: flex; flex-direction: column;}
@media (min-width: 768px){ .add-license-wrapper .license-input { font-size: 2.734vw; }
}
.add-license-wrapper .license-image { width: 5.625vw; position: absolute; top: 0vw; left: 0vw;}
.add-license-wrapper .desktop-wrapper { display: flex; align-items: center; flex-direction: column; justify-content: center;}
.add-license-wrapper .blue-btn { margin-bottom: 2.5vw;}
.add-license-wrapper .license-err-box { height: 5.312vw; margin-bottom: 3.438vw; color: #ff3535;}
.add-license-wrapper .switch-search { text-decoration: underline; margin-bottom: 5.625vw;}
.add-license-wrapper .dual-ring-loader { width: 9.375vw; height: 9.375vw; margin: 3.125vw auto;}
.add-license-wrapper .radio-wrapper { display: flex; align-items: center; padding: 1.562vw 0; border-bottom: 1px solid lightgrey;}
.add-license-wrapper .user-saved-cars { position: relative;}
.add-license-wrapper .user-saved-cars .or-text { font-size: 4.375vw; font-family: fbconstructor-bold; margin-bottom: 5vw;}
@media (min-width: 768px){ .add-license-wrapper .user-saved-cars .or-text { font-size: 1.823vw; }
}
.add-license-wrapper .user-saved-cars .saved-cars-btn { position: relative; display: flex; align-items: center; justify-content: flex-start; width: 51.562vw; height: 11.562vw; border-radius: 2.188vw; border: 1px solid #7c767c; background: white; margin-bottom: 7.812vw; padding: 0 4.688vw 0 0;}
.add-license-wrapper .user-saved-cars .saved-cars-btn .text { position: relative; top: 0.938vw; font-size: 5vw; color: #7c767c; white-space: nowrap;}
@media (min-width: 768px){ .add-license-wrapper .user-saved-cars .saved-cars-btn .text { font-size: 2.083vw; }
}
.add-license-wrapper .user-saved-cars .saved-cars-btn .arrow { position: absolute; width: 4.688vw; top: 4.375vw; left: 3.125vw;}
.add-license-wrapper .user-saved-cars .button-wrapper { position: relative;}
.add-license-wrapper .user-saved-cars .open .arrow { transform: scaleY(-1);}
.add-license-wrapper .license-option-wrapper { flex:1 1 auto; padding-left:2vw;}
.add-license-wrapper .single-result .license-option-wrapper { flex:0 0;}
@media (min-width: 768px){ .add-license-wrapper .license-input { width: 21.484vw; height: 4.818vw; border-radius: 0.911vw; margin-bottom: 0.391vw; padding: 0.651vw 0 0 1.953vw; }
.add-license-wrapper .license-image { width: 2.344vw; position: absolute; top: 0vw; left: 0vw; }
.add-license-wrapper .switch-search { text-decoration: underline; margin-bottom: 2.344vw; }
.add-license-wrapper .blue-btn { margin-bottom: 1.042vw; }
.add-license-wrapper .license-err-box { color: red; }
.add-license-wrapper .your-car-title { margin-bottom: 2.604vw; }
.add-license-wrapper .dual-ring-loader { width: 5.208vw; height: 5.208vw; margin: 1.302vw auto; }
.add-license-wrapper .radio-wrapper { padding: 0.651vw 0; }
.add-license-wrapper .user-saved-cars .or-text { margin-bottom: 2.083vw; }
.add-license-wrapper .user-saved-cars .saved-cars-btn { width: 21.484vw; height: 4.818vw; border-radius: 0.911vw; margin-bottom: 3.255vw; padding: 0 1.953vw 0 0; }
.add-license-wrapper .user-saved-cars .saved-cars-btn .text { top: 0.391vw; }
.add-license-wrapper .user-saved-cars .saved-cars-btn .arrow { width: 1.953vw; top: 1.823vw; left: 1.302vw; }
.add-license-wrapper .user-saved-cars .multi-options { top: calc(100% + 1.302vw); }
}
@media (min-width: 1200px){ .add-license-wrapper { position: relative; flex-direction: row; justify-content: center; }
.add-license-wrapper .license-input { width: 18.333vw; height: 4.115vw; border-radius: 0.781vw; border-width: 2px; margin-bottom: 0; padding: 0.677vw 0 0 1.302vw; }
.add-license-wrapper .license-image { width: 1.979vw; top: 0vw; left: 0; }
.buttons-container { display: flex; flex-direction: row; justify-content: space-between; margin-top: 14px; }
.add-license-wrapper .switch-search { font-size: 1.302vw; margin-bottom: 0; justify-content: flex-start; }
.add-license-wrapper .continue-button { font-size: 1.302vw; padding: 0.5vw 0.75vw; color: white; }
.license-input-wrapper .buttons-container .continue-button { width: unset; height: unset; font-size: 1.302vw; }
.add-license-wrapper .desktop-wrapper { position: relative; flex-direction: row; margin-right: 2.083vw; }
.add-license-wrapper .license-err-box { position: absolute; top: calc(100% + 0.781vw); left: 50%; transform: translateX(-50%); font-size: 1.302vw; white-space: nowrap; }
.add-license-wrapper .your-car-title { margin-bottom: 1.562vw; font-size: 1.562vw; }
.add-license-wrapper .dual-ring-loader { position: absolute; width: 2.604vw; height: 2.604vw; margin: 0; left: 0.521vw; top: 4.688vw; }
.add-license-wrapper .user-saved-cars { display: flex; align-items: center; }
.add-license-wrapper .user-saved-cars .or-text { font-family: fbconstructor-regular; font-size: 2.083vw; margin-bottom: 0; margin-left: 1.927vw; }
.add-license-wrapper .user-saved-cars .saved-cars-btn { width: 18.333vw; height: 4.115vw; border-radius: 0.781vw; border-width: 2px; margin-bottom: 0; margin-left: 1.927vw; padding: 0 0.781vw 0 0; }
.add-license-wrapper .user-saved-cars .saved-cars-btn .text { top: 0.156vw; right: 1.667vw; }
.add-license-wrapper .user-saved-cars .saved-cars-btn .arrow { width: 1.094vw; top: 1.667vw; left: 1.823vw; }
.add-license-wrapper .multi-options { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: 40.625vw; border-width: 2px; top: calc(100% + 0.781vw); }
.add-license-wrapper .multi-options.single-result { padding: 0.781vw; }
.add-license-wrapper .multi-options.single-result .your-car-title { margin: 0; width: auto; flex: 1 1; }
.add-license-wrapper .multi-options.single-result .blue-btn { margin: 0; }
.add-license-wrapper .multi-options .your-car-title { width: 100%; flex: 0 0 auto; }
.add-license-wrapper .multi-options .blue-btn { width: 10.417vw; height: 2.969vw; font-size: 1.51vw; border-radius: 0.417vw; align-self: flex-end; }
.add-license-wrapper .blue-btn { width: 18.333vw; height: 4.115vw; font-size: 1.953vw; margin-bottom: 0; }
}
.user-saved-cars .vehicle-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1 1 auto;}
.user-saved-cars .save-cars-list { width: 100%; flex: 0 0 auto; max-height: 300px; overflow: scroll;}
.user-saved-cars .radio-wrapper { border-bottom: 1px solid lightgrey;}
.user-saved-cars .delete-saved-car { width: 4.688vw; flex: 0 0 auto; margin: 0 3.125vw;}
.user-saved-cars .radio-label { justify-content: space-between; width: 100%;}
.user-saved-cars .open .multi-options { opacity: 1; pointer-events: all;}
@media (min-width: 768px){ .user-saved-cars .delete-saved-car { width: 1.953vw; margin: 0 1.302vw; }
}
.manual-search-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.manual-search-wrapper .autocomplete-wrapper { position: relative; margin-bottom: 2.5vw;}
.manual-search-wrapper .inputs-wrapper { position: relative;}
.manual-search-wrapper .input { font-size: 5vw; width: 65.938vw; height: 11.562vw; padding: 0 4.062vw 0 10.938vw; border-radius: 2.188vw; border: 1px solid #7c767c;}
@media (min-width: 768px){ .manual-search-wrapper .input { font-size: 2.083vw; }
}
.manual-search-wrapper .question { position: absolute; top: 50%; left: -9.375vw; transform: translateY(-50%); width: 5.938vw; cursor: pointer;}
.manual-search-wrapper .switch-search { text-decoration: underline; margin-bottom: 5.625vw;}
.manual-search-wrapper > .blue-btn { margin-bottom: 2.5vw;}
.manual-search-wrapper .multi-options { top: calc(100% + 3.125vw);}
.license-preview { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000; display: flex; opacity: 0; pointer-events: none; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.6); padding: 0 5%; transition: all 200ms ease-out;}
.license-preview.open { opacity: 1; pointer-events: all;}
.license-preview .img { max-width: 700px;}
@media (min-width: 768px){ .manual-search-wrapper .autocomplete-wrapper { margin-bottom: 1.042vw; }
.manual-search-wrapper .input { width: 27.474vw; height: 4.818vw; border-radius: 0.911vw; padding: 0 1.693vw 0 4.557vw; }
.manual-search-wrapper .question { left: -3.906vw; transform: translateY(-50%); width: 2.474vw; }
.license-preview .img { max-width: 500px; }
}
@media (min-width: 1200px){ .manual-search-wrapper { position: relative; }
.manual-search-wrapper .inputs-wrapper { position: relative; display: flex; margin-bottom: 2.604vw; }
.manual-search-wrapper .autocomplete-wrapper { margin-bottom: 0; }
.manual-search-wrapper .autocomplete-wrapper:nth-child(n+1){ margin-left: 1.562vw; }
.manual-search-wrapper .input { width: 15.885vw; height: 4.115vw; font-size: 1.562vw; padding: 0 1.562vw 0 2.865vw; border-width: 2px; }
.manual-search-wrapper .question { left: -2.604vw; transform: translateY(-50%); width: 1.51vw; }
.manual-search-wrapper .switch-search { position: absolute; top: 5.052vw; right: 0; width: auto; font-size: 1.302vw; }
.manual-search-wrapper > .blue-btn { width: 18.333vw; height: 4.115vw; margin-bottom: 6.25vw; }
.license-preview .img { max-width: 50%; }
}
.package-review-modal .x-close{ width: 5.43vw; position: absolute; top: 2vw; left: 2vw; z-index: 100; cursor:pointer;}
.package-modal .package { position: relative; background: white; padding: 4.688vw 0; z-index: 10;}
.package-modal .blue-btn { display: none;}
.package-modal button { display: flex; align-items: center; justify-content: center; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;}
.package-modal .package .recommended { position: absolute; top: -4.688vw; left: -4.688vw; width: 27.187vw;}
.package-modal .package .most-users { display: none;}
.package-modal .package .top { padding: 0 4.688vw 0; margin: 0 10%; border-bottom: 1px solid rgba(0, 0, 0, 0.16); text-align: center;}
.package-modal .package .top .price { font-family: fbconstructor-bold; color: #0da3c8; font-size: 9.375vw;}
.package-modal .package .top .price .decimal{ font-size: 4vw;}
.package-modal .package .top .price:before { font-size: 6.25vw;}
.package-modal .package .title { font-size: 6.25vw;}
.package-modal .package .subtitle { font-family: fbconstructor-bold; font-size: 5vw;}
.package-modal .package .blue-btn { width: 51.562vw; margin: 0 auto 3.125vw;}
.package-modal .package .remarks { margin-top: 4.688vw; margin-bottom: 6.25vw;}
.package-modal .package .remarks-item { display: flex; justify-content: flex-start; align-items: center; padding-right: 3.125vw; font-size: 4.375vw; margin-bottom: 6.25vw;}
.package-modal .package .remarks-item .icon { position: relative; top: -0.938vw; width: 4.219vw; margin-left: 3.125vw;}
.package-modal .package .more-btn, .package-modal .package .less-btn { display: flex; justify-content: center; align-items: center; text-decoration: underline; margin: 0 auto; cursor: pointer; padding: 0.938vw 0;}
.package-modal .package .more-btn .icon, .package-modal .package .less-btn .icon { width: 3.75vw; margin-right: 1.25vw;}
.package-modal .package .less-btn .icon { position: relative; top: -0.938vw; transform: rotate(180deg);}
.package-modal .package .more-content-wrapper { height: 0; transition: height 200ms ease-out;}
.package-modal .package .more-content-wrapper.hide-overflow { overflow: hidden;}
.package-modal .package .more-section .title { display: flex; align-items: center; justify-content: center; background: rgba(237, 237, 237, 0.6); font-family: fbconstructor-bold; font-size: 5vw; padding: 1.875vw 0 0.938vw 0;}
.package-modal .package .more-section .icon { position: relative; top: -0.938vw; width: 5.188vw; margin-left: 4.688vw;}
.package-modal .package .parts .parts-item { display: flex; align-items: center; font-size: 4.375vw; padding: 4.062vw 5.938vw 3.125vw 3.125vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19);}
.package-modal .package .parts .name { width: 46%; flex: 0 0 auto; padding-left: 3.125vw;}
.package-modal .package .parts .question { width: 6%; flex: 0 0 auto;}
.package-modal .package .parts .original { width: 23%; flex: 0 0 auto; padding: 0 3.125vw;}
.package-modal .package .parts .price { width: 25%; flex: 0 0 auto; text-align: left;}
.package-modal .package .works-items { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.package-modal .package .works-item { position: relative; width: 50%; flex: 0 0 auto; font-size: 4.375vw; padding: 4.062vw 5.938vw 3.125vw 3.125vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19);}
.package-modal .package .works-item:nth-child(even) .divider, .package-modal .package .works-item.last .divider { display: none;}
.package-modal .package .works-item:nth-last-child(1), .package-modal .package .works-item:nth-last-child(2){ border: 0;}
.package-modal .package .test-item { display: flex; justify-content: space-between; align-items: center; font-size: 4.375vw; padding: 4.062vw 5.938vw 3.125vw 16.25vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19);}
.package-modal .package .test-item .question { width: 6%; flex: 0 0 auto;}
.package-modal .package .pass-item { padding: 4.062vw 5.938vw 3.125vw 16.25vw;}
.package-modal .package .divider { position: absolute; left: 0; top: 50%; height: 4.688vw; transform: translateY(-50%); width: 1px; background: #7c767c;}
.package-modal .package .icons { padding: 3.125vw 0 14.375vw;}
.package-modal .package .icons .item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 4.688vw;}
.package-modal .package .icons .icon-item { width: 14.062vw; margin-bottom: 3.125vw;}
.package-modal .package .icons .text { text-align: center;}
.package-modal .package .choose-package { margin: 4.688vw auto 9.375vw;}
.package-modal .message { position: relative; z-index: 10; padding: 6.25vw 3.125vw;}
.package-modal .packages-wrapper { position: relative; width: 100%; padding: 4.688vw 3.125vw;}
.package-modal .bold { font-family: fbconstructor-bold;}
.package-modal .question { position: relative; cursor: pointer;}
.package-modal .tooltip-wrapper { display: inline-block; position: absolute; width: 50vw; background: white; padding: 3.125vw; left: 50%; text-align: center; transform: translateX(-50%) translateY(-100%) translateY(-3.75vw); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); z-index: 20;}
.package-modal .tooltip-wrapper:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%) translateY(100%); bottom: 0; width: 0; height: 0; border-left: 3.125vw solid transparent; border-right: 3.125vw solid transparent; border-top: 3.125vw solid white;}
.package-modal .tooltip-wrapper:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%) translateY(100%); bottom: -1px; width: 0; height: 0; border-left: 3.125vw solid transparent; border-right: 3.125vw solid transparent; border-top: 3.125vw solid rgba(0, 0, 0, 0.2);}
.package-modal .for-test { position: relative; z-index: 20; font-size: 4.375vw; padding: 0 7.812vw 6.25vw;}
.package-modal .for-test .title { font-family: fbconstructor-bold; font-size: 6.562vw;}
.package-modal .for-test .blue-btn { margin: 4.688vw auto;}
.package-modal .for-test .back { text-decoration: underline; margin: 0 auto;}
.package-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: white; padding-top: 6.25vw;}
.package-wrapper .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 5; background-image: url("/_media/images/maintenance/tipulim-bg-mobile.svg"); background-repeat: repeat; background-color: #facc0d;}
.package-wrapper .top-wrapper { text-align: center; margin-bottom: 7.812vw;}
.package-wrapper .top-wrapper .title { font-size: 6.25vw; margin-bottom: 1.562vw;}
.package-wrapper .top-wrapper .car-name { opacity: 0.5;}
.package-wrapper .desktop-top-wrapper { display: none;}
.package-wrapper .mobile-tabs { display: flex; width: 100%;}
.package-wrapper .mobile-tab { display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; flex: 0 0 50%; cursor: pointer; min-height: 16.562vw; border: 1px solid #0da3c8; padding: 1.562vw;}
.package-wrapper .mobile-tab.active { background: #0da3c8; color: white;}
.package-wrapper .mobile-tab .text { font-size: 3.75vw;}
.package-wrapper .mobile-tab .price { font-family: fbconstructor-bold; font-size: 6.25vw;}
.package-wrapper .mobile-tab .price:before { font-size: 4.688vw;}
.package-wrapper .package-upgrades { position: relative; background: white; border-radius: 1.562vw; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); padding: 4.688vw 0; z-index: 10;}
.selected-package-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: white; padding-top: 6.25vw;}
.selected-package-wrapper .top-wrapper { text-align: center; margin-bottom: 4.688vw;}
.selected-package-wrapper .top-wrapper .title { font-size: 6.25vw; margin-bottom: 1.562vw;}
.selected-package-wrapper .selected-package { margin-bottom: 3.125vw;}
.selected-package-wrapper .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 5; background-image: url("/_media/images/maintenance/tipulim-bg-mobile.svg"); background-repeat: repeat; background-color: #facc0d;}
.selected-package-wrapper .desktop-top-wrapper { display: none;}
.selected-package-wrapper .upgrades { position: relative; background: white; border-radius: 1.562vw; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); padding: 4.688vw 0; z-index: 10;}
.selected-package-wrapper .upgrades .title { text-align: center; font-size: 6.25vw; border-bottom: 1px solid rgba(112, 112, 112, 0.4); padding-bottom: 3.125vw;}
.selected-package-wrapper .upgrades .upgrade-item { display: flex; align-items: center; height: 25vw; font-size: 4.375vw; padding: 4.062vw 5.938vw 3.125vw 5.938vw; border-bottom: 1px solid rgba(112, 112, 112, 0.4);}
.selected-package-wrapper .upgrades .flex-column { flex-direction: column; height: auto;}
.selected-package-wrapper .upgrades .border-bottom { border-bottom: 1px solid rgba(112, 112, 112, 0.19); padding: 4.062vw 5.938vw 3.125vw 5.938vw;}
.selected-package-wrapper .upgrades .flex-column .full-width { width: 100%;}
.selected-package-wrapper .upgrades .flex-column .no-bottom-border { border: unset; height: 17.5vw; padding: 0;}
.selected-package-wrapper .upgrades .flex-column .add-repair-textarea { margin-bottom: 10px; height: 0px; display: none;}
.selected-package-wrapper .upgrades .upgrade-item .name { width: 50%; flex: 0 0 auto; padding-left: 3.125vw; display: flex; flex-direction: column; align-items: flex-start;}
.selected-package-wrapper .upgrades .upgrade-item .type { font-size: 3.75vw;}
.selected-package-wrapper .upgrades .upgrade-item .question { width: 8%; flex: 0 0 auto;}
.selected-package-wrapper .upgrades .upgrade-item .price { width: 36%; flex: 0 0 auto; text-align: center;}
.selected-package-wrapper .upgrades .upgrade-item .checkbox-wrapper { width: 6%; flex: 0 0 auto;}
.selected-package-wrapper .upgrades .stick-right { margin-right: auto;}
.selected-package-wrapper .upgrades .back { text-decoration: underline; margin: 0 auto;}
.selected-package-wrapper .upgrades .summery-wrapper { display: flex; justify-content: flex-start; align-items: center; background: #0da3c8; color: white; height: 10vw; font-size: 5vw; padding: 1.875vw 1.562vw 0.625vw; margin-bottom: 3.125vw;}
.selected-package-wrapper .upgrades .summery-wrapper .icon { position: relative; width: 3.75vw; margin-right: 3.125vw; top: -0.625vw;}
.selected-package-wrapper .upgrades .summery-wrapper .divider { margin: 0 auto;}
.selected-package-wrapper .complete-btn-desktop { display: none;}
@media (min-width: 768px){ .package-modal .package { border-radius: 0.651vw; padding: 1.953vw 0; }
.package-review-modal .x-close{ width: 3.23vw; top: 1.2vw; left: 2vw; }
.package-modal .package .recommended { top: -1.953vw; left: -1.953vw; width: 11.328vw; }
.package-modal .package .top { padding: 0 1.953vw 0; }
.package-modal .package .top .price { font-size: 3.906vw; }
.package-modal .package .top .price .decimal{ font-size: 2vw; }
.package-modal .package .top .price:before { font-size: 2.604vw; }
.package-modal .package .title { font-size: 2.604vw; }
.package-modal .package .subtitle { font-size: 2.083vw; }
.package-modal .package .blue-btn { width: 21.484vw; margin: 0 auto 1.302vw; }
.package-modal .package .remarks { margin-top: 1.953vw; margin-bottom: 2.604vw; }
.package-modal .package .remarks-item { padding-right: 6.51vw; font-size: 1.823vw; margin-bottom: 2.604vw; }
.package-modal .package .remarks-item .icon { top: -0.391vw; width: 1.758vw; margin-left: 1.302vw; }
.package-modal .package .more-btn, .package-modal .package .less-btn { padding: 0.391vw 0; }
.package-modal .package .more-btn .icon, .package-modal .package .less-btn .icon { width: 1.562vw; margin-right: 0.521vw; }
.package-modal .package .more-section .title { font-size: 2.083vw; padding: 0.781vw 0 0.391vw 0; }
.package-modal .package .more-section .icon { top: -0.391vw; width: 2.161vw; margin-left: 1.953vw; }
.package-modal .package .less-btn .icon { top: -0.391vw; }
.package-modal .package .parts .parts-item { font-size: 1.823vw; padding: 1.693vw 6.51vw 1.302vw; }
.package-modal .package .parts .name { width: 49%; padding-left: 1.302vw; }
.package-modal .package .parts .question { width: 3%; }
.package-modal .package .parts .original { width: 23%; padding: 0 1.302vw; text-align: left; }
.package-modal .package .parts .price { width: 25%; }
.package-modal .package .works-item { font-size: 1.823vw; padding: 1.693vw 6.51vw 1.302vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19); }
.package-modal .package .test-item { font-size: 1.823vw; padding: 1.693vw 6.51vw 1.302vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19); }
.package-modal .package .test-item .question { width: 3%; flex: 0 0 auto; }
.package-modal .package .pass-item { padding: 1.693vw 6.51vw 1.302vw; }
.package-modal .package .divider { height: 1.953vw; }
.package-modal .package .icons { display: flex; justify-content: space-between; align-items: flex-start; padding: 1.302vw 15.625vw 5.99vw; }
.package-modal .package .icons .item { margin-bottom: 1.953vw; }
.package-modal .package .icons .icon-item { display: flex; align-items: flex-end; width: 5.859vw; height: 9.115vw; margin-bottom: 1.302vw; }
.package-modal .package .choose-package { margin: 1.953vw auto 3.906vw; }
.package-modal .message { padding: 2.604vw 1.302vw; }
.package-modal .packages-wrapper { padding: 6.51vw 13.021vw; }
.package-modal .tooltip-wrapper { width: 26.042vw; padding: 1.302vw; transform: translateX(-50%) translateY(-100%) translateY(-1.562vw); }
.package-modal .tooltip-wrapper:after { border-left: 1.302vw solid transparent; border-right: 1.302vw solid transparent; border-top: 1.302vw solid white; }
.package-modal .tooltip-wrapper:before { border-left: 1.302vw solid transparent; border-right: 1.302vw solid transparent; border-top: 1.302vw solid rgba(0, 0, 0, 0.2); }
.package-modal .for-test { font-size: 1.823vw; padding: 0 3.255vw 2.604vw; }
.package-modal .for-test .title { font-size: 2.734vw; }
.package-modal .for-test .blue-btn { margin: 1.953vw auto; }
.package-wrapper { padding-top: 2.604vw; }
.package-wrapper .top-wrapper { margin-bottom: 3.255vw; }
.package-wrapper .top-wrapper .title { font-size: 2.604vw; margin-bottom: 0.651vw; }
.package-wrapper .mobile-tab { min-height: 6.901vw; padding: 0.651vw; }
.package-wrapper .mobile-tab .text { font-size: 1.562vw; }
.package-wrapper .mobile-tab .price { font-size: 2.604vw; }
.package-wrapper .mobile-tab .price:before { font-size: 1.953vw; }
.selected-package-wrapper { padding-top: 2.604vw; }
.selected-package-wrapper .top-wrapper { margin-bottom: 1.953vw; }
.selected-package-wrapper .top-wrapper .title { font-size: 2.604vw; margin-bottom: 0.651vw; }
.selected-package-wrapper .selected-package { margin-bottom: 1.302vw; }
.selected-package-wrapper .upgrades { border-radius: 0.651vw; padding: 1.953vw 0; }
.selected-package-wrapper .upgrades .title { font-size: 2.604vw; padding-bottom: 1.302vw; }
.selected-package-wrapper .upgrades .border-bottom { padding: 1.693vw 2.474vw 1.302vw 2.474vw; }
.selected-package-wrapper .upgrades .flex-column .no-bottom-border { height: 7.3vw; }
.selected-package-wrapper .upgrades .upgrade-item { height: 10.417vw; font-size: 1.823vw; padding: 1.693vw 2.474vw 1.302vw 2.474vw; }
.selected-package-wrapper .upgrades .upgrade-item .name { width: 50%; padding-left: 1.302vw; }
.selected-package-wrapper .upgrades .upgrade-item .type { font-size: 1.562vw; }
.selected-package-wrapper .upgrades .upgrade-item .question { width: 4%; }
.selected-package-wrapper .upgrades .upgrade-item .price { width: 40%; }
.selected-package-wrapper .upgrades .upgrade-item .checkbox-wrapper { width: 6%; }
.selected-package-wrapper .upgrades .upgrade-item:last-child { border: 0; }
.selected-package-wrapper .upgrades .summery-wrapper { height: 4.167vw; font-size: 2.083vw; padding: 3.906vw 3.906vw 3.255vw; margin-bottom: 1.302vw; }
.selected-package-wrapper .upgrades .summery-wrapper .icon { width: 1.562vw; margin-right: 1.302vw; top: -0.26vw; }
}
@media (min-width: 1200px){ .package-review-modal .x-close{ width: 1.5vw; top: 1.7vw; left: 1.5vw; }
.package-review-modal .modal-dialog{ width: 730px; }
.package-modal .package { width: 36.979vw; border-radius: 0.26vw; padding: 0.781vw 0; margin:0 auto; }
.package-modal .package .recommended { top: -4.167vw; left: -4.167vw; width: 11.458vw; }
.package-modal .package .most-users { position: absolute; right: 0; top: -5.208vw; width: 27.396vw; background: white; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); display: flex; align-items: center; text-align: center; padding: 0.521vw; }
.package-modal .package .most-users .icon { width: 2.135vw; }
.package-modal .package .top { padding: 0 0.781vw 0; }
.package-modal .package .top .price { font-size: 5vw; }
.package-modal .package .top .price .decimal{ font-size: 2vw; }
.package-modal .package .top .price:before { font-size: 2.083vw; }
.package-modal .package .title { font-size: 1.771vw; }
.package-modal .package .subtitle { font-size: 1.25vw; }
.package-modal .package .blue-btn { width: 14.792vw; height: 2.552vw; font-size: 1.25vw; margin: 0 auto 0.521vw; }
.package-modal .package .remarks { margin-top: 0.781vw; margin-bottom: 1.042vw; }
.package-modal .package .remarks-item { padding-right: 2.604vw; font-size: 1.042vw; margin-bottom: 1.042vw; }
.package-modal .package .remarks-item .icon { top: -0.156vw; width: 0.703vw; margin-left: 0.521vw; }
.package-modal .package .more-btn, .package-modal .package .less-btn { font-size: 1.042vw; padding: 0.156vw 0; }
.package-modal .package .more-btn .icon, .package-modal .package .less-btn .icon { width: 0.625vw; margin-right: 0.208vw; }
.package-modal .package .less-btn .icon { top: -0.26vw; }
.package-modal .package .more-section .title { font-size: 1.25vw; padding: 0.833vw 0 0.417vw; }
.package-modal .package .more-section .icon { top: -0.156vw; width: 1.458vw; margin-left: 0.781vw; }
.package-modal .package .parts .parts-item { font-size: 1.042vw; padding: 0.677vw 2.604vw 0.521vw; }
.package-modal .package .parts .name { width: 49%; padding-left: 0.521vw; }
.package-modal .package .parts .question { width: 3%; }
.package-modal .package .parts .original { width: 23%; padding: 0 0.521vw; text-align: left; }
.package-modal .package .parts .price { width: 25%; }
.package-modal .package .works-item { font-size: 1.042vw; padding: 0.677vw 2.604vw 0.521vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19); }
.package-modal .package .test-item { font-size: 1.042vw; padding: 0.677vw 2.604vw 0.521vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19); }
.package-modal .package .test-item .question { width: 3%; flex: 0 0 auto; }
.package-modal .package .pass-item { font-size: 1.042vw; padding: 0.677vw 2.604vw 0.521vw; }
.package-modal .package .divider { height: 0.781vw; }
.package-modal .package .icons { display: flex; justify-content: space-between; align-items: flex-start; padding: 0.521vw 6.25vw 2.396vw; }
.package-modal .package .icons .item { margin-bottom: 0.781vw; }
.package-modal .package .icons .icon-item { display: flex; align-items: flex-end; width: 2.344vw; height: 3.646vw; margin-bottom: 0.521vw; }
.package-modal .package .choose-package { margin: 2.083vw auto 1.562vw; }
.package-modal .message { background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); width: 53.542vw; font-size: 1.562vw; padding: 1.25vw 3.438vw; margin: 0 auto; }
.package-modal .packages-wrapper { padding: 2.396vw 11.198vw 150px; }
.package-modal .tooltip-wrapper { width: 20.833vw; padding: 0.521vw; transform: translateX(-50%) translateY(-100%) translateY(-0.625vw); }
.package-modal .tooltip-wrapper:after { border-left: 0.521vw solid transparent; border-right: 0.521vw solid transparent; border-top: 0.521vw solid white; }
.package-modal .tooltip-wrapper:before { border-left: 0.521vw solid transparent; border-right: 0.521vw solid transparent; border-top: 0.521vw solid rgba(0, 0, 0, 0.2); }
.package-modal .for-test { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 0 0 50%; order: 2; font-size: 2.188vw; padding: 0 1.302vw 1.042vw; }
.package-modal .for-test .text { width: 39.896vw; margin-bottom: 2.448vw; }
.package-modal .for-test .title { font-size: 2.604vw; }
.package-modal .for-test .blue-btn { font-size: 1.25vw; margin: 0 auto 0.781vw; height: 2.552vw; width: 14.792vw; }
.package-modal .for-test .back { font-size: 1.042vw; }
.package-wrapper { padding-top: 0; }
.package-wrapper .top-wrapper { display: none; }
.package-wrapper .desktop-top-wrapper { position: relative; display: block; z-index: 10; margin-bottom: 1.562vw; }
.package-wrapper .desktop-top-wrapper .title { font-size: 1.875vw; margin-bottom: 0.26vw; }
.package-wrapper .desktop-top-wrapper .car-name { font-size: 3.229vw; }
.package-wrapper .mobile-tab { min-height: 2.76vw; padding: 0.26vw; }
.package-wrapper .mobile-tab .text { font-size: 0.625vw; }
.package-wrapper .mobile-tab .price { font-size: 1.042vw; }
.package-wrapper .mobile-tab .price:before { font-size: 0.781vw; }
.package-wrapper .packages { display: flex; justify-content: space-between; margin-bottom: 3.906vw; align-items: flex-start; }
.package-wrapper .packages .basic { order: 1; }
.package-wrapper .packages .recommended { order: 2; }
.package-wrapper .mobile-tabs, .package-wrapper .top-wrapper { display: none; }
.selected-package-wrapper { display: block; padding-top: 0; }
.selected-package-wrapper .top-wrapper { display: none; }
.selected-package-wrapper .message { display: none; }
.selected-package-wrapper .desktop-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative; background: white; flex: 0 0 50%; z-index: 10; padding: 6vw 2.708vw; }
.selected-package-wrapper .selected-upgrades { display: flex; align-items: center; justify-content: center; flex: 0 0 50%; }
.selected-package-wrapper .package { box-shadow: none; width: auto; padding: 0; }
.selected-package-wrapper .package .top { padding: 0; margin: 0; }
.selected-package-wrapper .packages-wrapper { display: flex; padding: 0; min-height: 37.5vw; }
.selected-package-wrapper .selected-package { display: inline-block; margin-bottom: 0.521vw; }
.selected-package-wrapper .desktop-top-wrapper { display: block; font-size: 3.229vw; margin-bottom: 2.135vw; }
.selected-package-wrapper .upgrades { width: 33.438vw; border-radius: 0.26vw; padding: 2.083vw 4.167vw 0.781vw; }
.selected-package-wrapper .upgrades .title { font-size: 1.771vw; padding-bottom: 0.521vw; }
.selected-package-wrapper .upgrades .upgrade-item { height: 4.167vw; font-size: 1.25vw; padding: 0.677vw 0 0.521vw; }
.selected-package-wrapper .upgrades .border-bottom { padding: 0.677vw 0 0.521vw; }
.selected-package-wrapper .upgrades .flex-column .no-bottom-border { height: 2.901vw; }
.selected-package-wrapper .upgrades .upgrade-item .name { width: 50%; padding-left: 0.521vw; }
.selected-package-wrapper .upgrades .upgrade-item .type { font-size: 0.833vw; }
.selected-package-wrapper .upgrades .upgrade-item .question { width: 4%; }
.selected-package-wrapper .upgrades .upgrade-item .price { width: 40%; }
.selected-package-wrapper .upgrades .upgrade-item .checkbox-wrapper { width: 6%; }
.selected-package-wrapper .upgrades .upgrade-item:last-child { border-bottom: 1px solid rgba(112, 112, 112, 0.4); }
.selected-package-wrapper .upgrades .summery-wrapper { justify-content: space-between; background: white; color: #3a3939; height: 4.167vw; font-size: 1.25vw; padding: 0.677vw 0 0.521vw; margin-bottom: 0.521vw; }
.selected-package-wrapper .upgrades .summery-wrapper .complete-btn, .selected-package-wrapper .upgrades .summery-wrapper .divider, .selected-package-wrapper .upgrades .summery-wrapper .icon { display: none; }
.selected-package-wrapper .complete-btn-desktop { display: block; font-size: 1.25vw; width: 14.792vw; height: 2.552vw; margin: 0 auto 1.042vw; border-radius: 0.365vw; }
}
.car-select { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;}
.car-select .title-icon { width: 18.75vw; margin-bottom: 1.562vw;}
.car-select .title { position: relative; z-index: 10; font-family: fbconstructor-bold; font-size: 5.625vw; line-height: 6.25vw; margin-bottom: 3.125vw;}
.car-search-container { display: flex; flex-direction: column; margin-bottom: 2.083vw;}
@media (min-width: 768px){ .car-select .title { font-size: 3.646vw; line-height: 3.385vw; }
}
.car-select .left-car { position: absolute; top: 16.562vw; left: -16.562vw; width: 37.188vw;}
.car-select .right-car { position: absolute; top: 16.562vw; right: 0; width: 22.5vw;}
.car-select .car-images-wrapper { pointer-events: none;}
.car-select .manual-search-wrapper { display: none;}
.car-select.manual .add-license-wrapper { display: none;}
.car-select.manual .manual-search-wrapper { display: flex;}
.how-it-works { position: relative; text-align: center;}
.how-it-works .title { font-family: fbconstructor-bold; font-size: 5.625vw; line-height: 6.25vw; margin-bottom: 3.125vw;}
@media (min-width: 768px){ .how-it-works .title { font-size: 3.646vw; line-height: 3.385vw; }
}
.how-it-works .title .blue-text { color: #0da3c8;}
.how-it-works .subtitle { margin-bottom: 5.312vw; padding: 0 12.188vw;}
.how-it-works .how-title { font-family: fbconstructor-bold; font-size: 5.625vw; line-height: 6.25vw; margin-bottom: 4.375vw; text-align: center;}
@media (min-width: 768px){ .how-it-works .how-title { font-size: 3.646vw; line-height: 3.385vw; }
}
.how-it-works .wrapper { margin: 0 1.875vw;}
.how-it-works .left { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background: white; padding: 5vw 18.75vw;}
.how-it-works .drive-instead { font-family: fbconstructor-bold; position: absolute; bottom: -1vw; left: -3.5vw; width: 58vw;}
.how-it-works .drive-instead .arrow { position: absolute; width: 8.75vw; top: -7vw; right: 35vw;}
.how-it-works .item { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 10.938vw;}
.how-it-works .item .step-num { position: absolute; color: #0da3c8; top: 1.562vw; right: 15.625vw; font-family: fbconstructor-bold; font-size: 5.625vw; line-height: 6.25vw;}
@media (min-width: 768px){ .how-it-works .item .step-num { font-size: 3.646vw; line-height: 3.385vw; }
}
.how-it-works .icon { height: 12.5vw; margin-bottom: 3.125vw;}
.how-it-works .icon img { max-width: 100%; max-height: 100%;}
.how-it-works .bold { font-family: fbconstructor-bold;}
.video-section .explain { position: relative; background: #7c767c; height: 10.938vw; text-align: left; padding: 0.938vw 0 0 6.25vw;}
.video-section .explain .text { color: white;}
.video-section .explain .arrow { position: absolute; bottom: 0; left: 37.5vw;}
.video-section .video-wrapper { position: relative; background: #3a3939; z-index: 75;}
.video-section .cover { position: absolute; top: 0; left: 0; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #3a3939; height: 100%; z-index: 15; transition: all 200ms ease-out; cursor: pointer;}
.video-section .cover.fade-out { opacity: 0; pointer-events: none;}
.video-section .cover .title { font-family: fbconstructor-bold; font-size: 4.375vw; color: white; margin-bottom: 4.375vw;}
@media (min-width: 768px){ .video-section .cover .title { font-size: 1.823vw; }
}
.video-section .cover .play { width: 8.75vw; cursor: pointer;}
.video-section .video { display: block; position: relative; width: 100%; z-index: 10;}
.video-section .design-lines-left, .video-section .design-lines-right { display: none;}
.why-section { position: relative; padding: 8.438vw 0 0; margin-bottom: 10.938vw; background: white;}
.why-section .wrapper { padding-bottom: 7.812vw;}
.why-section .blue-title { text-align: center;}
.why-section .desktop-left { display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.why-section .desktop-car, .why-section .desktop-right, .why-section .desktop-triangle { display: none;}
.why-section .why-lines { width: 23.438vw; position: absolute; left: -4.688vw; top: 9.375vw;}
.why-section .items { padding: 0 13.125vw; margin-bottom: 17.188vw;}
.why-section .item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; font-family: fbconstructor-bold; margin-bottom: 9.375vw;}
.why-section .item .title { font-size: 4.375vw; margin-bottom: 2.188vw;}
@media (min-width: 768px){ .why-section .item .title { font-size: 1.823vw; }
.video-section .video { max-height: 46vw; }
}
.why-section .item .icon { height: 12.5vw; margin-bottom: 1.562vw;}
.why-section .item .icon img { max-width: 100%; max-height: 100%;}
.why-section .item .text { text-align: center;}
.why-section .blue-btn { margin: 0 auto;}
.good-to-know-section { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 8.438vw 0 0; background: white;}
.good-to-know-section .mechanic { display: none;}
.good-to-know-section .items { padding: 0 13.125vw; margin-bottom: 17.188vw;}
.good-to-know-section .item { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; font-family: fbconstructor-bold; margin-bottom: 9.375vw; padding: 0 9.375vw;}
.good-to-know-section .item .icon { height: 12.5vw; margin-bottom: 1.562vw;}
.good-to-know-section .item .icon img { max-width: 100%; max-height: 100%;}
.good-to-know-section .item .text { text-align: center;}
.good-to-know-section .surprising { position: absolute; top: 26.875vw; left: 1.562vw;}
.good-to-know-section .surprising .arrow { width: 11.875vw; margin-bottom: 0.938vw;}
.footer-section { display: flex; flex-direction: column; align-items: center; text-align: center; background: #d6d6d5; padding: 16.875vw 10vw; font-size: 5vw;}
@media (min-width: 768px){ .footer-section { font-size: 2.083vw; }
}
.footer-section .manual-search-wrapper { display: none;}
.footer-section.manual .add-license-wrapper { display: none;}
.footer-section.manual .manual-search-wrapper { display: flex;}
.footer-section .title { margin-bottom: 6.25vw;}
.footer-section .design-lines { display: none;}
@media (max-width: 767px){ .footer-section .add-license-wrapper { display: none; }
}
@media (min-width: 768px){ .how-it-works .wrapper { margin: 0; padding: 1.953vw 1.302vw; }
.how-it-works .items { display: flex; justify-content: space-between; }
.how-it-works .item { margin-bottom: 0; }
.how-it-works .item:nth-child(2){ padding: 0 3.906vw; }
.how-it-works .item .step-num { position: absolute; color: #0da3c8; top: 0.651vw; right: 6.51vw; font-family: fbconstructor-bold; font-size: 5.625vw; line-height: 6.25vw; }
}
@media (min-width: 768px) and (min-width: 768px){ .how-it-works .item .step-num { font-size: 3.646vw; line-height: 3.385vw; }
}
@media (min-width: 768px){ .how-it-works .left { padding: 2.604vw 3.906vw 5.208vw; }
.how-it-works .title { margin-bottom: 1.302vw; }
.how-it-works .title .blue-text { color: #0da3c8; }
.how-it-works .subtitle { margin-bottom: 2.214vw; padding: 0 6.38vw; }
.how-it-works .how-title { margin-bottom: 1.823vw; }
.how-it-works .drive-instead { bottom: -2.214vw; left: -6.51vw; width: 54.688vw; z-index: 100; }
.how-it-works .drive-instead .arrow { width: 4.948vw; top: -5.469vw; right: 10.417vw; }
.how-it-works .icon { display: flex; align-items: flex-end; height: 7.812vw; margin-bottom: 1.953vw; }
.video-section { position: relative; background: #7c767c; padding: 5.859vw 0 7.812vw; }
.video-section .explain { height: 1.953vw; width: 60%; margin: 0 auto; padding: 0; }
.video-section .explain .arrow { width: 3.906vw; bottom: -3.906vw; left: 5.208vw; z-index: 90; }
.video-section .video-wrapper { width: 60%; margin: 0 auto; }
.video-section .cover .title { margin-bottom: 1.823vw; }
.video-section .cover .play { width: 3.646vw; }
.video-section .design-lines-left, .video-section .design-lines-right { display: block; position: absolute; width: 11.927vw; }
.video-section .design-lines-right { top: -7.812vw; right: -2.604vw; z-index: 100; }
.video-section .design-lines-left { bottom: 6.25vw; left: 9.896vw; z-index: 70; }
.why-section { padding: 1.953vw 1.302vw; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 3.516vw 0 0; }
.why-section .wrapper { padding-bottom: 0; }
.why-section .why-lines { width: 9.766vw; position: absolute; left: -1.953vw; top: 3.906vw; }
.why-section .items { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 13.021vw; margin-bottom: 3.255vw; }
.why-section .item { width: 45%; flex: 0 0 auto; margin-bottom: 3.906vw; }
.why-section .item .title { font-size: 2.865vw; margin-bottom: 0.911vw; }
.why-section .item .icon { height: 7.812vw; margin-bottom: 1.953vw; }
.why-section .item .text { text-align: center; }
.why-section .blue-btn { margin-bottom: 3.255vw; }
.good-to-know-section { padding: 0 3.906vw; padding: 3.516vw 0 0; }
.good-to-know-section .items { display: flex; justify-content: space-between; padding: 0 1.953vw; margin-bottom: 7.161vw; }
.good-to-know-section .item { margin-bottom: 3.906vw; width: 33%; padding: 0; }
.good-to-know-section .item .icon { height: 7.812vw; margin-bottom: 1.953vw; }
.good-to-know-section .surprising { top: 16.276vw; left: -0vw; }
.good-to-know-section .surprising .arrow { width: 4.948vw; margin-bottom: 0.391vw; }
.footer-section { padding: 7.031vw 4.167vw; }
.footer-section .title { margin-bottom: 7.161vw; }
.footer-section .user-saved-cars .saved-cars-btn .text { margin: 0; }
.footer-section .mobile-scroll-btn { display: none; }
}
@media (min-width: 1200px){ .car-select { text-align: center; min-height: 32.708vw; width: 100%; }
.car-select .title-icon { width: 11.667vw; margin-bottom: 1.562vw; }
.car-select .title { font-size: 3.229vw; margin-bottom: 3.438vw; }
.car-select .car-images-wrapper .left-car { top: 4.219vw; left: 0; width: 33.438vw; transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1); }
.car-select .car-images-wrapper .right-car { top: 4.219vw; right: 0; width: 29.01vw; transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1); }
.car-select.wide-mode .left-car { left: -13.438vw; }
.car-select.wide-mode .right-car { right: -13.333vw; }
.how-it-works .wrapper { display: flex; padding: 0.365vw 0.365vw; }
.how-it-works .right { width: 40%; flex: 0 0 auto; background: white; display: flex; flex-direction: column; justify-content: center; padding-right: 2.812vw; text-align: right; }
.how-it-works .left { width: 60%; flex: 0 0 auto; padding: 1.094vw 0 4.427vw 2.812vw; }
.how-it-works .title { margin-bottom: 0.521vw; font-size: 2.948vw; line-height: 2.76vw; }
.how-it-works .subtitle { margin-bottom: 0.885vw; font-size: 1.875vw; line-height: 1.901vw; padding: 0; }
.how-it-works .how-title { font-size: 2.5vw; line-height: 2.344vw; margin-bottom: 0.729vw; }
.how-it-works .item { margin-bottom: 0; }
.how-it-works .item:nth-child(2){ padding: 0 1.562vw; }
.how-it-works .item .step-num { top: 6.771vw; right: 1.562vw; font-size: 2.5vw; line-height: 2.37vw; }
.how-it-works .icon { width: 7.031vw; margin-bottom: 1.198vw; }
.how-it-works .text { font-size: 1.406vw; line-height: 1.901vw; }
.how-it-works .drive-instead { bottom: -3.125vw; left: -0.7vw; width: 45vw; z-index: 100; }
.how-it-works .drive-instead .text { top: 0.938vw; left: auto; right: 7.292vw; width: 30%; font-size: 1.875vw; line-height: 1.875vw; text-align: right; }
.how-it-works .drive-instead .arrow { width: 4.029vw; top: -2.246vw; right: 1.562vw; left: auto; transform: scaleX(-1) rotate(-45deg); }
.video-section { position: relative; padding: 8.75vw 0 5vw; }
.video-section:before { content: ''; width: 100%; position: absolute; bottom: 0; right: 0; height: 31%; background: #facc0d; }
.video-section .explain { font-size: 1.406vw; height: auto; line-height: 1.875vw; width: 60%; margin: 0 auto; padding: 0; }
.video-section .explain .arrow { width: 3.333vw; bottom: -3.125vw; left: 2.083vw; }
.video-section .video-wrapper { width: 60%; margin: 0 auto; }
.video-section .cover { padding-bottom: 5.208vw; }
.video-section .cover .title { font-size: 2.948vw; margin-bottom: 2.448vw; }
.video-section .cover .play { width: 3.75vw; }
.why-section { padding: 0; align-items: initial; flex-direction: row; justify-content: space-between; padding: 1.406vw 0 0; margin: 0; background: white; }
.why-section .wrapper { position: relative; width: 49.271vw; flex: 0 0 auto; background: white; z-index: 20; padding: 2.135vw 1.302vw 0 2.604vw; box-shadow: 12.6px 9.9px 8px 0 rgba(4, 4, 3, 0.15); }
.why-section .desktop-car { display: block; z-index: 100; width: 50.729vw; flex: 0 0 auto; overflow: hidden; position: relative; }
.why-section .desktop-car img { position: absolute; top: 0; right: 0; width: 67.76vw; z-index: 10; }
.why-section .desktop-right { display: block; }
.why-section .desktop-right .icon { width: 5.99vw; flex: 0 0 auto; margin-bottom: 0.26vw; }
.why-section .desktop-left { margin-right: 1.042vw; align-items: flex-start; }
.why-section .desktop-left .icon { display: none; }
.why-section .blue-title { position: absolute; top: 0; right: -31.771vw; font-size: 6.042vw; }
.why-section .items { flex-direction: column; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 1.302vw; padding: 0; }
.why-section .item { flex-direction: row; width: 100%; flex: 0 0 auto; margin-bottom: 3.281vw; }
.why-section .item:last-child { margin: 0; }
.why-section .item .title { font-size: 2.948vw; line-height: 2.786vw; margin-bottom: 0.938vw; flex: 0 0 auto; }
.why-section .item .text { font-family: fbconstructor-regular; font-size: 1.875vw; line-height: 1.901vw; text-align: right; }
.why-section .blue-btn { position: absolute; bottom: -6.771vw; right: 0; margin: 0; width: 19.375vw; height: 4.115vw; }
.why-section .why-lines { display: none; }
.why-section .desktop-triangle { pointer-events: none; display: block; position: absolute; width: 100%; top: -17.083vw; left: 0; z-index: 5; }
.good-to-know-section { align-items: flex-start; padding: 0 6.875vw 0 0; }
.good-to-know-section .blue-title { width: 16.667vw; font-size: 6.042vw; line-height: 5.677vw; margin-bottom: 2.083vw; }
.good-to-know-section .items { flex-direction: column; padding: 0 0.781vw; margin-bottom: 2.865vw; }
.good-to-know-section .item { font-family: fbconstructor-regular; font-size: 1.875vw; font-size: 1.901vw; flex-direction: row; align-items: initial; margin-bottom: 3.385vw; width: auto; padding: 0; }
.good-to-know-section .item:last-child { margin: 0; }
.good-to-know-section .item .text { display: flex; align-items: center; text-align: right; width: 35.156vw; padding-right: 2.292vw; }
.good-to-know-section .item .icon { display: flex; align-items: center; width: 7.187vw; flex: 0 0 auto; margin-bottom: 0; }
.good-to-know-section .surprising { display: inline-flex; align-items: center; height: 5.208vw; font-size: 2.396vw; top: auto; bottom: -5.208vw; left: -11.458vw; }
.good-to-know-section .surprising .arrow { position: relative; top: -1.042vw; right: -1.042vw; transform: scaleY(-1) rotate(60deg); width: 6.562vw; margin-bottom: 0.156vw; }
.good-to-know-section .mechanic { display: block; position: absolute; bottom: -2.344vw; left: 4.792vw; width: 22.812vw; z-index: 100; }
.footer-section { position: relative; background: #7c767c; padding: 3.177vw 8.958vw 16.667vw; font-size: 2.578vw; }
.footer-section .title { font-family: fbconstructor-bold; margin-bottom: 2.865vw; color: white; }
.footer-section .design-lines { display: block; position: absolute; top: -3.021vw; right: -3.021vw; width: 11.927vw; }
.footer-section .add-license-wrapper .blue-btn { background: #facc0d; color: #3a3939; }
.footer-section .add-license-wrapper .switch-search { color: white; }
.footer-section .add-license-wrapper .js-continue-button { color: white; }
.footer-section .add-license-wrapper .user-saved-cars .or-text { color: white; }
.footer-section .dual-ring-loader:after { border-color: white transparent white transparent; }
.footer-section .switch-search { color: white; }
.video-section .video { max-height: 33vw; }
.car-search-container { display: flex; flex-direction: row; margin-bottom: unset; gap: 2.083vw; }
}
.stage-2 .design { display: none;}
.stage-2 .right { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: white; text-align: center; padding-top: 6.25vw; padding-bottom: 7.5vw;}
.stage-2 .right .title { font-size: 6.25vw; margin-bottom: 1.562vw;}
.stage-2 .right .car-name { margin-bottom: 15.625vw; opacity: 0.5;}
.stage-2 .right .subtitle { font-size: 5.625vw; margin-bottom: 3.75vw;}
.stage-2 .right .bold { font-family: fbconstructor-bold;}
.stage-2 .km-wrapper .right{ padding-bottom: 20vw;}
.stage-2 .km-wrapper .km-input-wrapper { position: relative; padding-top: 4.688vw; width: 60.312vw; margin-bottom: 9vw;}
.stage-2 .km-wrapper .input { width: 100%; text-align: center; font-size: 5vw;}
.stage-2 .km-wrapper .icon { position: absolute; top: -1.3vw; left: 0; width: 9.375vw;}
.stage-2 .kit-wrapper .kit-btn { width: 65.625vw; height: 13.438vw; margin-bottom: 10.938vw; border-radius: 3.125vw; background: white; border: 1px solid #d6d6d5; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1); padding-top: 1.25vw; font-size: 4.375vw;}
.stage-2 .kit-wrapper .kit-btn.with-test { flex-direction: column;}
.stage-2 .kit-btn.with-test .test-text{ font-size: 3.575vw;}
.stage-2 .kit-wrapper .kit-btn:hover, .stage-2 .kit-wrapper .kit-btn:active { background: #0da3c8; color: white;}
.stage-2 .user-details-wrapper .form { display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.stage-2 .user-details-wrapper .input-wrapper { margin-bottom: 9.375vw; width: 64.688vw;}
.stage-2 .user-details-wrapper .input-wrapper .input::-webkit-input-placeholder { color: #3a3939; opacity: 0.5;}
.stage-2 .user-details-wrapper .input-wrapper .input::-ms-input-placeholder { color: #3a3939; opacity: 0.5;}
.stage-2 .user-details-wrapper .input-wrapper .input::placeholder { color: #3a3939; opacity: 0.5;}
.stage-2 .user-details-wrapper .comment { opacity: 0.5; margin-bottom: 3.125vw;}
.stage-2 .user-details-wrapper .login-btn { text-decoration: underline; margin-bottom: 7.812vw;}
.stage-2 .user-details-wrapper .checkbox-wrapper { margin-bottom: 9.375vw;}
.stage-2 .user-details-wrapper .checkbox-wrapper .label { font-family: fbconstructor-regular; font-size: 3.75vw; flex-wrap: wrap; justify-content: center; line-height: 7.5vw;}
.stage-2 .user-details-wrapper .terms-link { text-decoration: underline; cursor: pointer; margin-right: 1.562vw;}
.stage-2 .user-details-wrapper .input:disabled { background: white; color: #3a3939; opacity: 0.5;}
@media (min-width: 768px){ .stage-2 .right { padding-top: 2.604vw; padding-bottom: 18vw; }
.stage-2 .right .title { font-size: 2.604vw; margin-bottom: 0.651vw; }
.stage-2 .right .subtitle { font-size: 2.344vw; margin-bottom: 6.51vw; }
.stage-2 .right .car-name { display: none; }
.stage-2 .km-wrapper .km-input-wrapper { padding-top: 1.953vw; width: 25.13vw; margin-bottom: 9.115vw; }
.stage-2 .km-wrapper .right{ padding-bottom: 15vw; }
.stage-2 .km-wrapper .input { font-size: 2.083vw; }
.stage-2 .km-wrapper .icon { top:0; width: 3.906vw; }
.stage-2 .kit-wrapper .kits-list { display: flex; justify-content: center; width: 100%; padding: 0 6.51vw; }
.stage-2 .kit-wrapper .kit-btn { width: 27.344vw; height: 5.599vw; margin: 0 1.953vw 0; border-radius: 1.302vw; padding-top: 0.521vw; font-size: 1.823vw; }
.stage-2 .kit-btn.with-test .test-text { font-size: 1.523vw; }
.stage-2 .user-details-wrapper .input-wrapper { margin-bottom: 3.906vw; width: 26.953vw; }
.stage-2 .user-details-wrapper .comment { margin-bottom: 1.302vw; }
.stage-2 .user-details-wrapper .login-btn { margin-bottom: 5.208vw; }
.stage-2 .user-details-wrapper .checkbox-wrapper { margin-bottom: 3.906vw; }
.stage-2 .user-details-wrapper .checkbox-wrapper .label { font-size: 1.562vw; line-height: 3.5vw; }
.stage-2 .user-details-wrapper .terms-link { margin-right: 0.651vw; }
.stage-2 .user-details-wrapper .form { width: 40vw; }
}
@media (min-width: 1200px){ .stage-2 .stage { display: flex; min-height: 34.5vw; }
.stage-2 .top { display: flex; flex-direction: column; }
.stage-2 .top .title { order: 1; }
.stage-2 .top .car-name { order: 2; }
.stage-2 .top .subtitle { order: 3; }
.stage-2 .right { width: 55%; flex: 1 1 auto; padding-top: 2.5vw; padding-bottom: 0; }
.stage-2 .km-wrapper .right{ padding-bottom: 0; }
.stage-2 .right .title { font-size: 3.229vw; margin-bottom: 0.26vw; }
.stage-2 .right .car-name { display: block; font-size: 1.042vw; margin-bottom: 3.2vw; }
.stage-2 .right .subtitle { font-size: 1.667vw; margin-bottom: 2.604vw; }
.stage-2 .design { display: flex; align-items: center; justify-content: flex-end; position: relative; overflow: hidden; width: 45%; min-height: 31.25vw; flex: 0 0 auto; background: white; }
.stage-2 .design .background { position: absolute; top: 0; right: 1.562vw; z-index: 0; }
.stage-2 .design .car { position: relative; z-index: 1; }
.stage-2 .km-wrapper .km-input-wrapper { padding-top: 0; width: 17.083vw; margin-bottom: 3.646vw; }
.stage-2 .km-wrapper .input { font-size: 1.771vw; }
.stage-2 .km-wrapper .icon { width: 1.7vw; top:-0.2vw; }
.stage-2 .km-wrapper .blue-btn { width: 12.865vw; height: 2.969vw; font-size: 1.25vw; margin-bottom: 6.25vw; }
.stage-2 .kit-wrapper .kits-list { padding: 0 2vw; flex-wrap: wrap; }
.stage-2 .kit-wrapper .kit-btn { width: 14.583vw; height: 3.385vw; margin: 0 1.042vw 1.4vw; border-radius: 0.521vw; padding-top: 0.208vw; font-size: 1.25vw; }
.stage-2 .kit-btn.with-test .test-text { font-size: 1.05vw; }
.stage-2 .user-details-wrapper .input-wrapper { margin-bottom: 1.562vw; width: 29.167vw; }
.stage-2 .user-details-wrapper .input-wrapper .input { font-size: 1.042vw; }
.stage-2 .user-details-wrapper .comment { font-size: 0.938vw; margin-bottom: 0.521vw; align-self: flex-start; }
.stage-2 .user-details-wrapper .login-btn { font-size: 0.938vw; margin-bottom: 2.083vw; align-self: flex-end; }
.stage-2 .user-details-wrapper .checkbox-wrapper { margin-bottom: 1.562vw; }
.stage-2 .user-details-wrapper .checkbox-wrapper .label { font-size: 0.938vw; line-height: 1.5vw; }
.stage-2 .user-details-wrapper .terms-link { margin-right: 0.26vw; }
.stage-2 .user-details-wrapper .form { width: 29vw; }
}
.stage-3 .package { position: relative; background: white; border-radius: 1.562vw; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); padding: 4.688vw 0; z-index: 10; margin-bottom: 4vw;}
.stage-3 .package .recommended { position: absolute; top: -4.688vw; left: -4.688vw; width: 27.187vw;}
.stage-3 .package .most-users { display: none;}
.package .sale-bubble-wrapper { position: absolute; top: 0; width: 12%;}
.package .sale-bubble-wrapper img{ width: 100%;}
.package .sale-bubble-wrapper .sale-message { position: absolute; width: 100%; height: 100%; text-align: center; top: 0; right: 0; display: flex; justify-content: center; align-items: center;}
.stage-3 .package .top { padding: 0 4.688vw 0; margin: 0 10%; border-bottom: 1px solid rgba(0, 0, 0, 0.16); text-align: center;}
.stage-3 .package .top .price { font-family: fbconstructor-bold; color: #0da3c8; font-size: 9.375vw; height: 1em;}
.stage-3 .package .package-with-test { }
.stage-3 .package .package-with-test .price { order:2;}
.stage-3 .package .package-with-test .old-price { order:1; margin-left:2vw;}
.stage-3 .package .top .decimal{ font-size: 4vw;}
.stage-3 .package .top .old-price .decimal { font-size: 3.75vw;}
.stage-3 .package .top .old-price { font-family: fbconstructor-bold; font-size: 4.5vw;}
.old-price{ text-decoration: line-through;}
.stage-3 .package .top .price:before { font-size: 6.25vw;}
.stage-3 .package .title { font-size: 6.25vw;}
.stage-3 .package .with-test-text { font-family: fbconstructor-bold; font-size: 5vw; border: 1px solid lightgrey; border-radius: 6px; margin: 2vw 0 4vw; padding: 2vw 0;}
.stage-3 .package .subtitle { font-family: fbconstructor-bold; font-size: 5vw;}
.stage-3 .package .blue-btn { width: 51.562vw; margin: 0 auto 3.125vw;}
.stage-3 .package .remarks { margin-top: 4.688vw; margin-bottom: 6.25vw;}
.stage-3 .package .remarks-item { display: flex; justify-content: flex-start; align-items: center; padding-right: 3.125vw; font-size: 4.375vw; margin-bottom: 6.25vw;}
.stage-3 .package .remarks-item .icon { position: relative; top: -0.938vw; width: 4.219vw; margin-left: 3.125vw;}
.stage-3 .package .more-btn, .stage-3 .package .less-btn { display: flex; justify-content: center; align-items: center; text-decoration: underline; margin: 0 auto; cursor: pointer; padding: 0.938vw 0;}
.stage-3 .package .more-btn .icon, .stage-3 .package .less-btn .icon { width: 3.75vw; margin-right: 1.25vw;}
.stage-3 .package .less-btn .icon { position: relative; top: -0.938vw; transform: rotate(180deg);}
.stage-3 .package .more-content-wrapper { height: 0; transition: height 200ms ease-out;}
.stage-3 .package .more-content-wrapper.hide-overflow { overflow: hidden;}
.stage-3 .package .more-section .title { display: flex; align-items: center; justify-content: center; background: rgba(237, 237, 237, 0.6); font-family: fbconstructor-bold; font-size: 5vw; padding: 1.875vw 0 0.938vw 0;}
.stage-3 .package .more-section .icon { position: relative; top: -0.938vw; width: 5.188vw; margin-left: 4.688vw;}
.stage-3 .package .parts .parts-item { display: flex; align-items: center; font-size: 4.375vw; padding: 4.062vw 5.938vw 3.125vw 3.125vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19);}
.stage-3 .package .parts .name { width: 43%; flex: 0 0 auto; padding-left: 3.125vw;}
.stage-3 .package .parts .question { width: 6%; flex: 0 0 auto;}
.stage-3 .package .parts .original { width: 15%; flex: 0 0 auto; padding: 0 1.5625vw;}
.stage-3 .package .parts .quantity { width: 12%; flex: 0 0 auto; padding: 0 1.5625vw;}
.stage-3 .package .parts .quantity .quantity-text { font-size: 12px; margin-right: 5px;}
.stage-3 .package .parts .quantity.work-fee { opacity: 0;}
.stage-3 .package .parts .price { width: 21%; flex: 0 0 auto; text-align: left;}
.stage-3 .package .works-items { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.stage-3 .package .works-item { position: relative; width: 50%; flex: 0 0 auto; font-size: 4.375vw; padding: 4.062vw 5.938vw 3.125vw 3.125vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19);}
.stage-3 .package .works-item:nth-child(even) .divider, .stage-3 .package .works-item.last .divider { display: none;}
.stage-3 .package .works-item:nth-last-child(1), .stage-3 .package .works-item:nth-last-child(2){ border: 0;}
.stage-3 .package .test-item { display: flex; justify-content: space-between; align-items: center; font-size: 4.375vw; padding: 4.062vw 5.938vw 3.125vw 16.25vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19);}
.stage-3 .package .test-item .question { width: 6%; flex: 0 0 auto;}
.stage-3 .package .pass-item { padding: 4.062vw 5.938vw 3.125vw 16.25vw;}
.stage-3 .package .divider { position: absolute; left: 0; top: 50%; height: 4.688vw; transform: translateY(-50%); width: 1px; background: #7c767c;}
.stage-3 .package .icons { padding: 3.125vw 0 14.375vw;}
.stage-3 .package .icons .item { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-bottom: 4.688vw;}
.stage-3 .package .icons .icon-item { width: 14.062vw; margin-bottom: 3.125vw;}
.stage-3 .package .icons .text { text-align: center;}
.stage-3 .package .choose-package { margin: 4.688vw auto 9.375vw;}
.stage-3 .message { position: relative; z-index: 10; padding: 6.25vw 3.125vw; text-align: center;}
.stage-3 .packages-wrapper { position: relative; width: 100%; padding: 4.688vw 3.125vw;}
.stage-3 .bold { font-family: fbconstructor-bold;}
.stage-3 .question { position: relative; cursor: pointer;}
.stage-3 .tooltip-wrapper { display: inline-block; position: absolute; width: 50vw; background: white; padding: 3.125vw; left: 50%; text-align: center; transform: translateX(-50%) translateY(-100%) translateY(-3.75vw); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); z-index: 20;}
.stage-3 .tooltip-wrapper:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%) translateY(100%); bottom: 0; width: 0; height: 0; border-left: 3.125vw solid transparent; border-right: 3.125vw solid transparent; border-top: 3.125vw solid white;}
.stage-3 .tooltip-wrapper:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%) translateY(100%); bottom: -1px; width: 0; height: 0; border-left: 3.125vw solid transparent; border-right: 3.125vw solid transparent; border-top: 3.125vw solid rgba(0, 0, 0, 0.2);}
.stage-3 .for-test { position: relative; z-index: 20; font-size: 4.375vw; padding: 9.375vw 7.812vw 6.25vw;}
.stage-3 .for-test .title { font-family: fbconstructor-regular; font-size: 6.25vw; text-align: center; margin-bottom: 7.3125vw;}
.stage-3 .for-test .blue-btn { margin: 4.688vw auto;}
.stage-3 .for-test .back { text-decoration: underline; margin: 0 auto;}
.package-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: white; padding-top: 6.25vw;}
.package-wrapper .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 5; background-image: url("/_media/images/maintenance/tipulim-bg-mobile.svg"); background-repeat: repeat; background-color: #facc0d;}
.package-wrapper .top-wrapper { text-align: center; margin-bottom: 7.812vw;}
.package-wrapper .top-wrapper .title { font-size: 6.25vw; margin-bottom: 1.562vw;}
.package-wrapper .top-wrapper .car-name { opacity: 0.5;}
.package-wrapper .desktop-top-wrapper { display: none;}
.package-wrapper .mobile-tabs { display: flex; width: 100%;}
.package-wrapper .mobile-tab { display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; flex: 0 0 50%; cursor: pointer; min-height: 16.562vw; border: 1px solid #0da3c8; padding: 1.562vw;}
.package-wrapper .mobile-tab.active { background: #0da3c8; color: white;}
.package-wrapper .mobile-tabs .with-test-text{ font-family: fbconstructor-bold;}
.package-wrapper .mobile-tab .text { font-size: 3.75vw;}
.package-wrapper .mobile-tab .price { font-family: fbconstructor-bold; font-size: 6.25vw;}
.package-wrapper .mobile-tab .price .decimal{ font-size: 4vw;}
.package-wrapper .mobile-tab .price:before { font-size: 4.688vw;}
.package-wrapper .package-upgrades { position: relative; background: white; border-radius: 1.562vw; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); padding: 4.688vw 0; z-index: 10;}
.selected-package-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: white; padding-top: 6.25vw;}
.selected-package-wrapper .top-wrapper { text-align: center; margin-bottom: 4.688vw;}
.selected-package-wrapper .top-wrapper .title { font-size: 6.25vw; margin-bottom: 1.562vw;}
.selected-package-wrapper .top-wrapper .subtitle { white-space: nowrap;}
.selected-package-wrapper .selected-package { margin-bottom: 3.125vw;}
.selected-package-wrapper .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 5; background-image: url("/_media/images/maintenance/tipulim-bg-mobile.svg"); background-repeat: repeat; background-color: #facc0d;}
.selected-package-wrapper .desktop-top-wrapper { display: none;}
.selected-package-wrapper .upgrades { position: relative; background: white; border-radius: 1.562vw; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); padding: 4.688vw 0; z-index: 10;}
.selected-package-wrapper .upgrades .title { text-align: center; font-size: 6.25vw; border-bottom: 1px solid rgba(112, 112, 112, 0.4); padding-bottom: 3.125vw;}
.selected-package-wrapper .upgrades .upgrade-item { display: flex; align-items: center; height: 25vw; font-size: 4.375vw; padding: 4.062vw 5.938vw 3.125vw 5.938vw; border-bottom: 1px solid rgba(112, 112, 112, 0.4);}
.selected-package-wrapper .upgrades .upgrade-item.disabled .name,.selected-package-wrapper .upgrades .upgrade-item.disabled .price,.selected-package-wrapper .upgrades .upgrade-item.disabled .checkbox-wrapper { pointer-events: none; opacity: 0.5;}
.selected-package-wrapper .upgrades .upgrade-item .name { width: 50%; flex: 0 0 auto; padding-left: 3.125vw; display: flex; flex-direction: column; align-items: flex-start;}
.selected-package-wrapper .upgrades .upgrade-item .type { font-size: 3.75vw;}
.selected-package-wrapper .upgrades .upgrade-item .question { width: 8%; flex: 0 0 auto;}
.selected-package-wrapper .upgrades .upgrade-item .price { width: 36%; flex: 0 0 auto; text-align: center;}
.selected-package-wrapper .upgrades .upgrade-item .checkbox-wrapper { width: 6%; flex: 0 0 auto;}
.selected-package-wrapper .upgrades .back { text-decoration: underline; margin: 0 auto;}
.selected-package-wrapper .upgrades .summery-wrapper { display: flex; justify-content: flex-start; align-items: center; background: #0da3c8; color: white; height: 10vw; font-size: 5vw; padding: 1.875vw 1.562vw 0.625vw; margin-bottom: 3.125vw;}
.selected-package-wrapper .upgrades .summery-wrapper .icon { position: relative; width: 3.75vw; margin-right: 3.125vw; top: -0.625vw;}
.selected-package-wrapper .upgrades .summery-wrapper .divider { margin: 0 auto;}
.selected-package-wrapper .complete-btn-desktop { display: none;}
.stage-3 .pickup-type .input-wrapper { margin-bottom: 7.75vw;}
.stage-3 .pickup-type .place-autocomplete-input { width: 100%; height: 9.688vw; border-radius: 3.125vw; border: solid 1px #7c767c; padding: 0.938vw 4.688vw 0; font-size: 4.375vw;}
.stage-3 .pickup-type .error { color:red;}
.stage-3 .styled-input { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 9.688vw; border: 1px solid #7c767c; border-radius: 3.125vw; padding:0 2vw;}
.stage-3 .styled-input.disabled { opacity: 0.5; pointer-events: none;}
.stage-3 .styled-input .input { padding-top: 1.562vw; text-align: right; font-size: 4.375vw; border: 0; cursor: pointer; flex: 1 1;}
.stage-3 .styled-input .styled-input-divider { width: 1px; height: 70%; background: #7c767c; flex: 0 0 auto;}
.stage-3 .styled-input .icon { width: 6.875vw; margin-right: 1.562vw; flex: 0 0 auto;}
@media (min-width: 768px){ .stage-3 .package { border-radius: 0.651vw; padding: 1.953vw 0; margin-bottom: 0; }
.stage-3 .package .recommended { top: -1.953vw; left: -1.953vw; width: 11.328vw; }
.package .sale-bubble-wrapper .sale-message { font-size: 1.8vw; }
.stage-3 .package .top { padding: 0 1.953vw 0; }
.stage-3 .package .top .price { font-size: 3.906vw; }
.stage-3 .package .package-with-test .old-price { order:1; margin-left:1vw; }
.stage-3 .package .top .decimal{ font-size: 2vw; }
.stage-3 .package .top .old-price .decimal { font-size: 1.15vw; }
.stage-3 .package .top .old-price { font-size: 2vw; }
.stage-3 .package .top .price:before { font-size: 2.604vw; }
.stage-3 .package .title { font-size: 2.604vw; margin-bottom: 1.2vw; }
.stage-3 .package .with-test-text { font-size: 2vw; margin: 1vw 0 2vw; padding: 1.3vw 0 0.8vw; }
.stage-3 .package .subtitle { font-size: 2.083vw; }
.stage-3 .package .blue-btn { width: 21.484vw; margin: 0 auto 1.302vw; }
.stage-3 .package .remarks { margin-top: 1.953vw; margin-bottom: 2.604vw; }
.stage-3 .package .remarks-item { padding-right: 6.51vw; font-size: 1.823vw; margin-bottom: 2.604vw; }
.stage-3 .package .remarks-item .icon { top: -0.391vw; width: 1.758vw; margin-left: 1.302vw; }
.stage-3 .package .more-btn, .stage-3 .package .less-btn { padding: 0.391vw 0; }
.stage-3 .package .more-btn .icon, .stage-3 .package .less-btn .icon { width: 1.562vw; margin-right: 0.521vw; }
.stage-3 .package .more-section .title { font-size: 2.083vw; padding: 0.781vw 0 0.391vw 0; }
.stage-3 .package .more-section .icon { top: -0.391vw; width: 2.161vw; margin-left: 1.953vw; }
.stage-3 .package .less-btn .icon { top: -0.391vw; }
.stage-3 .package .parts .parts-item { font-size: 1.823vw; padding: 1.693vw 6.51vw 1.302vw; }
.stage-3 .package .parts .name { width: 46%; padding-left: 1.302vw; }
.stage-3 .package .parts .question { width: 3%; }
.stage-3 .package .parts .original { width: 25%; flex: 0 0 auto; padding: 0 1.302vw; text-align: left; }
.stage-3 .package .parts .price { width: 20%; }
.stage-3 .package .parts .quantity { width: 6%; }
.stage-3 .package .works-item { font-size: 1.823vw; padding: 1.693vw 6.51vw 1.302vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19); }
.stage-3 .package .test-item { font-size: 1.823vw; padding: 1.693vw 6.51vw 1.302vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19); }
.stage-3 .package .test-item .question { width: 3%; flex: 0 0 auto; }
.stage-3 .package .pass-item { padding: 1.693vw 6.51vw 1.302vw; }
.stage-3 .package .divider { height: 1.953vw; }
.stage-3 .package .icons { display: flex; justify-content: space-between; align-items: flex-start; padding: 1.302vw 15.625vw 5.99vw; }
.stage-3 .package .icons .item { margin-bottom: 1.953vw; }
.stage-3 .package .icons .icon-item { display: flex; align-items: flex-end; width: 5.859vw; height: 9.115vw; margin-bottom: 1.302vw; }
.stage-3 .package .choose-package { margin: 1.953vw auto 3.906vw; }
.stage-3 .message { padding: 2.604vw 1.302vw; }
.stage-3 .packages-wrapper { padding: 6.51vw 13.021vw; }
.stage-3 .tooltip-wrapper { width: 26.042vw; padding: 1.302vw; transform: translateX(-50%) translateY(-100%) translateY(-1.562vw); }
.stage-3 .tooltip-wrapper:after { border-left: 1.302vw solid transparent; border-right: 1.302vw solid transparent; border-top: 1.302vw solid white; }
.stage-3 .tooltip-wrapper:before { border-left: 1.302vw solid transparent; border-right: 1.302vw solid transparent; border-top: 1.302vw solid rgba(0, 0, 0, 0.2); }
.stage-3 .for-test { font-size: 1.823vw; padding: 3.255vw 2.604vw; }
.stage-3 .for-test .title { font-size: 2.734vw; }
.stage-3 .for-test .blue-btn { margin: 1.953vw auto; }
.package-wrapper { padding-top: 2.604vw; }
.package-wrapper .top-wrapper { margin-bottom: 3.255vw; }
.package-wrapper .top-wrapper .title { font-size: 2.604vw; margin-bottom: 0.651vw; }
.package-wrapper .mobile-tab { min-height: 6.901vw; padding: 0.651vw; }
.package-wrapper .mobile-tab .text { font-size: 1.562vw; }
.package-wrapper .mobile-tab .price { font-size: 2.604vw; }
.package-wrapper .mobile-tab .price .decimal{ font-size: 1.6vw; }
.package-wrapper .mobile-tab .price:before { font-size: 1.953vw; }
.selected-package-wrapper { padding-top: 2.604vw; }
.selected-package-wrapper .top-wrapper { margin-bottom: 1.953vw; }
.selected-package-wrapper .top-wrapper .title { font-size: 2.604vw; margin-bottom: 0.651vw; }
.selected-package-wrapper .selected-package { margin-bottom: 1.302vw; }
.selected-package-wrapper .upgrades { border-radius: 0.651vw; padding: 1.953vw 0; }
.selected-package-wrapper .upgrades .title { font-size: 2.604vw; padding-bottom: 1.302vw; }
.selected-package-wrapper .upgrades .upgrade-item { height: 10.417vw; font-size: 1.823vw; padding: 1.693vw 2.474vw 1.302vw 2.474vw; }
.selected-package-wrapper .upgrades .upgrade-item .name { width: 50%; padding-left: 1.302vw; }
.selected-package-wrapper .upgrades .upgrade-item .type { font-size: 1.562vw; }
.selected-package-wrapper .upgrades .upgrade-item .question { width: 4%; }
.selected-package-wrapper .upgrades .upgrade-item .price { width: 40%; }
.selected-package-wrapper .upgrades .upgrade-item .checkbox-wrapper { width: 6%; }
.selected-package-wrapper .upgrades .upgrade-item:last-child { border: 0; }
.selected-package-wrapper .upgrades .summery-wrapper { height: 4.167vw; font-size: 2.083vw; padding: 3.906vw 3.906vw 3.255vw; margin-bottom: 1.302vw; }
.selected-package-wrapper .upgrades .summery-wrapper .icon { width: 1.562vw; margin-right: 1.302vw; top: -0.26vw; }
.stage-3 .pickup-type { display: flex; flex-direction: column; align-items: center; }
.stage-3 .pickup-type .input-wrapper { margin-bottom: 3.25vw; }
.stage-3 .pickup-type .place-autocomplete-input { width: 40vw; height: 4.5vw; border-radius: 1.302vw; padding: 0 1.302vw; margin: 0; font-size: 1.823vw; }
.stage-3 .styled-input { width: 40vw; height: 4.5vw; border-radius: 1.302vw; padding: 0 1.302vw; margin: 0 0 1.432vw; }
.stage-3 .styled-input .input { padding-top: 0.651vw; font-size: 1.823vw; }
.stage-3 .styled-input .icon { width: 2.865vw; margin-right: 0.651vw; }
}
@media (min-width: 1200px){ .stage-3 { position: relative; }
.stage-3 .package { width: 36.979vw; border-radius: 0.26vw; padding: 0.781vw 0; }
.stage-3 .package .recommended { top: -4.167vw; left: -4.167vw; width: 11.458vw; }
.stage-3 .package .most-users { position: absolute; right: 0; top: -5.208vw; width: 27.396vw; background: white; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); display: flex; align-items: center; text-align: center; padding: 0.521vw; }
.stage-3 .package .most-users.fade-out { opacity: 0; }
.stage-3 .package .most-users .icon { width: 2.135vw; }
.stage-3 .package .top { padding: 0 0.781vw 0; }
.stage-3 .package .top .price { font-size: 5vw; }
.stage-3 .package .package-with-test .old-price { order:1; margin-left:1vw; font-size: 3vw; }
.stage-3 .package .package-with-test .old-price:before { font-size: 50%; }
.stage-3 .package .top .decimal{ font-size: 2vw; }
.stage-3 .package .top .old-price .decimal { font-size: 50%; }
.stage-3 .package .top .old-price { font-size: 2.5vw; }
.stage-3 .package .top .price:before { font-size: 2.083vw; }
.stage-3 .package .title { font-size: 1.771vw; }
.stage-3 .package .with-test-text { font-size: 1.2vw; margin: 0vw auto 1vw; padding: 0.8vw 1vw 0.5vw; max-width: 630px; }
.stage-3 .package .subtitle { font-size: 1.25vw; }
.stage-3 .package .blue-btn { width: 14.792vw; height: 2.552vw; font-size: 1.25vw; margin: 0 auto 0.521vw; }
.stage-3 .package .remarks { margin-top: 0.781vw; margin-bottom: 1.042vw; }
.stage-3 .package .remarks-item { padding-right: 2.604vw; font-size: 1.042vw; margin-bottom: 1.042vw; }
.stage-3 .package .remarks-item .icon { top: -0.156vw; width: 0.703vw; margin-left: 0.521vw; }
.stage-3 .package .more-btn, .stage-3 .package .less-btn { font-size: 1.042vw; padding: 0.156vw 0; }
.stage-3 .package .more-btn .icon, .stage-3 .package .less-btn .icon { width: 0.625vw; margin-right: 0.208vw; }
.stage-3 .package .less-btn .icon { top: -0.26vw; }
.stage-3 .package .more-section .title { font-size: 1.25vw; padding: 0.833vw 0 0.417vw; }
.stage-3 .package .more-section .icon { top: -0.156vw; width: 1.458vw; margin-left: 0.781vw; }
.stage-3 .package .parts .parts-item { font-size: 1.042vw; padding: 0.677vw 2.604vw 0.521vw; }
.stage-3 .package .parts .name { width: 46%; padding-left: 0.521vw; }
.stage-3 .package .parts .question { width: 3%; }
.stage-3 .package .parts .original { width: 20%; padding: 0 0.521vw; text-align: left; }
.stage-3 .package .parts .quantity { width: 9%; }
.stage-3 .package .works-item { font-size: 1.042vw; padding: 0.677vw 2.604vw 0.521vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19); }
.stage-3 .package .test-item { font-size: 1.042vw; padding: 0.677vw 2.604vw 0.521vw 7.604vw; border-bottom: 1px solid rgba(112, 112, 112, 0.19); }
.stage-3 .package .test-item .question { width: 3%; flex: 0 0 auto; }
.stage-3 .package .pass-item { font-size: 1.042vw; padding: 0.677vw 2.604vw 0.521vw; }
.stage-3 .package .divider { height: 0.781vw; }
.stage-3 .package .icons { display: flex; justify-content: space-between; align-items: flex-start; padding: 0.521vw 6.25vw 2.396vw; }
.stage-3 .package .icons .item { margin-bottom: 0.781vw; }
.stage-3 .package .icons .icon-item { display: flex; align-items: flex-end; width: 2.344vw; height: 3.646vw; margin-bottom: 0.521vw; }
.stage-3 .package .choose-package { margin: 2.083vw auto 1.562vw; }
.stage-3 .message { background: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); width: 53.542vw; font-size: 1.562vw; padding: 1.25vw 3.438vw; margin: 0 auto; }
.stage-3 .packages-wrapper { padding: 2.396vw 11.198vw 150px; }
.stage-3 .tooltip-wrapper { width: 20.833vw; padding: 0.521vw; transform: translateX(-50%) translateY(-100%) translateY(-0.625vw); }
.stage-3 .tooltip-wrapper:after { border-left: 0.521vw solid transparent; border-right: 0.521vw solid transparent; border-top: 0.521vw solid white; }
.stage-3 .tooltip-wrapper:before { border-left: 0.521vw solid transparent; border-right: 0.521vw solid transparent; border-top: 0.521vw solid rgba(0, 0, 0, 0.2); }
.stage-3 .for-test { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 0 0 50%; order: 2; font-size: 2.188vw; padding: 0 1.302vw 1.042vw; background: none; }
.stage-3 .for-test .error{ font-size: 0.9375vw; }
.stage-3 .for-test .text { width: 39.896vw; margin-bottom: 2.448vw; }
.stage-3 .for-test .title { font-size: 1.77vw; margin-bottom: 2.13vw; }
.stage-3 .for-test .blue-btn { font-size: 1.25vw; margin: 2.9vw auto 0; height: 2.552vw; width: 14.792vw; }
.stage-3 .for-test .back { font-size: 1.042vw; }
.package-wrapper { position: relative; padding-top: 0; z-index: 10; }
.package-wrapper .top-wrapper { display: none; }
.package-wrapper .desktop-top-wrapper { position: relative; display: block; z-index: 10; margin-bottom: 1.562vw; }
.package-wrapper .desktop-top-wrapper.fade-out { opacity: 0; }
.package-wrapper .desktop-top-wrapper .title { font-size: 1.875vw; margin-bottom: 0.26vw; }
.package-wrapper .desktop-top-wrapper .car-name { font-size: 3.229vw; }
.package-wrapper .mobile-tab { min-height: 2.76vw; padding: 0.26vw; }
.package-wrapper .mobile-tab .text { font-size: 0.625vw; }
.package-wrapper .mobile-tab .price { font-size: 1.042vw; }
.package-wrapper .mobile-tab .price:before { font-size: 0.781vw; }
.package-wrapper .packages { display: flex; position: relative; justify-content: space-between; margin-bottom: 3.906vw; align-items: flex-start; z-index: 10; min-height: 31.25vw; }
.package-wrapper .packages .basic { order: 1; }
.package-wrapper .packages .recommended { order: 2; }
.package-wrapper .mobile-tabs, .package-wrapper .top-wrapper { display: none; }
.selected-package-wrapper .top-wrapper { display: none; }
.selected-package-wrapper .message { display: none; }
.selected-package-wrapper .desktop-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: relative; background: white; flex: 0 0 50%; z-index: 10; padding: 2.396vw 2.708vw 150px; }
.selected-package-wrapper .selected-upgrades { display: flex; align-items: center; justify-content: center; flex: 0 0 50%; padding: 1vw 0 6vw; }
.selected-package-wrapper .package { box-shadow: none; width: auto; padding: 0; }
.selected-package-wrapper .package .top { padding: 0; margin: 0; }
.selected-package-wrapper .packages-wrapper { display: flex; padding: 0; min-height: 37.5vw; }
.selected-package-wrapper .selected-package { display: inline-block; margin-bottom: 0.521vw; }
.selected-package-wrapper .desktop-top-wrapper { display: block; font-size: 3.229vw; margin-bottom: 2.135vw; }
.selected-package-wrapper .upgrades { width: 33.438vw; border-radius: 0.26vw; padding: 2.083vw 4.167vw 0.781vw; }
.selected-package-wrapper .upgrades .title { font-size: 1.771vw; padding-bottom: 0.521vw; }
.selected-package-wrapper .upgrades .upgrade-item { height: 4.167vw; font-size: 1.25vw; padding: 0.677vw 0 0.521vw; }
.selected-package-wrapper .upgrades .upgrade-item .name { width: 50%; padding-left: 0.521vw; }
.selected-package-wrapper .upgrades .upgrade-item .type { font-size: 0.833vw; }
.selected-package-wrapper .upgrades .upgrade-item .question { width: 4%; }
.selected-package-wrapper .upgrades .upgrade-item .price { width: 40%; }
.selected-package-wrapper .upgrades .upgrade-item .checkbox-wrapper { width: 6%; }
.selected-package-wrapper .upgrades .upgrade-item:last-child { border-bottom: 1px solid rgba(112, 112, 112, 0.4); }
.selected-package-wrapper .upgrades .summery-wrapper { justify-content: space-between; background: white; color: #3a3939; height: 4.167vw; font-size: 1.25vw; padding: 0.677vw 0 0.521vw; margin-bottom: 0.521vw; }
.selected-package-wrapper .upgrades .summery-wrapper .complete-btn, .selected-package-wrapper .upgrades .summery-wrapper .divider, .selected-package-wrapper .upgrades .summery-wrapper .icon { display: none; }
.selected-package-wrapper .complete-btn-desktop { display: block; font-size: 1.25vw; width: 14.792vw; height: 2.552vw; margin: 0 auto 1.042vw; border-radius: 0.365vw; }
.stage-3 .white-transition-layer { width: 50%; height: 100%; background: white; position: absolute; z-index: 5; }
.stage-3 .package { opacity: 1; transition-property: opacity; }
.stage-3 .package .recommended, .stage-3 .package .most-users, .stage-3 .message, .package-wrapper .desktop-top-wrapper { opacity: 1; transition-duration: 100ms; transition-property: opacity; }
.stage-3 .white-transition-layer { right: -50%; top: 0; transition-property: right; transition-duration: 300ms; }
.stage-3 .package.out { opacity: 0; }
.stage-3 .out .package .recommended, .stage-3 .out .package .most-users, .stage-3 .out .message, .stage-3 .out .desktop-top-wrapper { opacity: 0; }
.stage-3 .out .white-transition-layer { right:0; }
.stage-3 .package.chosen { box-shadow: none; padding:0; width: initial; }
.stage-3 .package.chosen .more-details, .stage-3 .package.chosen .blue-btn { display: none; }
.stage-3 .package .top { transition: all 100ms ease-out; }
.stage-3 .package.chosen .top { margin:0; padding:0; }
.stage-3 .package .recommended { transition-delay: 0ms; }
.stage-3 .package .most-users { transition-delay: 50ms; }
.package-wrapper .desktop-top-wrapper { transition-delay: 150ms; }
.stage-3 .package { transition-delay: 200ms; }
.stage-3 .message { transition-delay: 250ms; }
.stage-3 .white-transition-layer { transition-delay: 300ms; }
.selected-package-wrapper { position: absolute; top:0; right:0; opacity: 0; display: block; padding-top: 0; z-index: 10; width: 100%; height: 100%; transition: all 300ms ease-out; }
.selected-package-wrapper.in { position: relative; opacity: 1; }
.selected-package-wrapper .upgrades, .selected-package-wrapper .desktop-top-wrapper { opacity: 0; transition: opacity 300ms ease-out; }
.selected-package-wrapper .upgrades { transition-delay: 400ms; }
.selected-package-wrapper .desktop-top-wrapper { transition-delay: 300ms; }
.selected-package-wrapper.in .upgrades, .selected-package-wrapper.in .desktop-top-wrapper { opacity: 1; }
.stage-3 .pickup-type { background: white; width: 33.4375vw; padding:2.64375vw 4.609375vw; }
.stage-3 .pickup-type .input-wrapper { width: 100%; margin-bottom: 1.66vw; }
.stage-3 .pickup-type .place-autocomplete-input { width: 100%; height: 2.135vw; border-radius: 5px; padding: 0 1.302vw; margin:0; font-size: 0.9375vw; }
.stage-3 .styled-input { width: 100%; height: 2.135vw; border-radius: 5px; padding: 0 1.302vw; margin: 0 0 1.432vw; }
.stage-3 .styled-input .input { padding-top: 0; height: 100%; font-size: 0.9375vw; }
.stage-3 .styled-input .icon { width: 1.833vw; margin-right: 1.25vw; }
.package .sale-bubble-wrapper .sale-message { font-size: 1.3vw; }
}
.stage-4 { background: white; padding: 0 3.125vw;}
.stage-4 .top-wrapper { text-align: center; margin-bottom: 6.875vw;}
.stage-4 .top-wrapper .title { font-size: 7.5vw;}
.stage-4 .bold { font-family: fbconstructor-bold;}
.stage-4 .background { display: none;}
.stage-4 .selection-wrapper { display: flex; flex-direction: column; align-items: center; margin-bottom: 6.25vw;}
.stage-4 .selection-wrapper .icon { width: 17.812vw; margin-bottom: 3.125vw;}
.stage-4 .method-button { display: flex; justify-content: space-between; width: 100%; font-size: 5.625vw; height: 16.562vw; padding: 0.938vw 8.125vw 0; border: solid 2px rgba(124, 118, 124, 0.22); border-radius: 4.688vw; margin-bottom: 3.125vw;}
.stage-4 .method-button .price { color: #0da3c8;}
.stage-4 .text { font-size: 4.375vw; text-align: center;}
.stage-4 .collapse-wrapper { width: 100%; padding-top: 6.25vw; height: 0; overflow: hidden;}
.stage-4 .collapse-wrapper .title { text-align: center; font-size: 4.375vw; margin-bottom: 3.125vw;}
.stage-4 .collapse-wrapper .input-wrapper { padding-bottom: 6.25vw; margin-bottom: 3.125vw;}
.stage-4 .place-autocomplete-input { width: 100%; height: 9.688vw; border-radius: 3.125vw; border: solid 1px #7c767c; padding: 0.938vw 4.688vw 0; font-size: 4.375vw;}
.stage-4 .open .collapse-wrapper { height: 51.875vw; overflow: visible;}
.stage-4 .open .pickup-type { height: 97vw;}
.stage-4 .open .method-button { background: #0da3c8; color: white; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.stage-4 .open .method-button .price { color: white;}
.stage-4 .error { position: absolute; top: 10.938vw; right: 1.562vw; color: red;}
.stage-4 .blue-btn { width: 100%; height: 10.312vw; border-radius: 2.188vw;}
.stage-4 .autocomplete-wrapper .input { width: 100%; height: 9.688vw; border-radius: 3.125vw; border: solid 1px #7c767c; padding: 0.938vw 4.688vw 0; font-size: 4.375vw;}
.stage-4 .autocomplete-wrapper .arrow { top: 3.75vw;}
.stage-4 .autocomplete-wrapper .auto_complete_drop { top: calc(100%);}
.stage-4 .pickup-type .input-wrapper { padding:0; margin-bottom: 7.75vw;}
.stage-4 .pickup-type .place-autocomplete-input { width: 100%; height: 9.688vw; border-radius: 3.125vw; border: solid 1px #7c767c; padding: 0.938vw 4.688vw 0; font-size: 4.375vw;}
.stage-4 .pickup-type .error { color:red;}
.stage-4 .pickup-type .styled-input { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 9.688vw; border: 1px solid #7c767c; border-radius: 3.125vw; padding:0 2vw;}
.stage-4 .pickup-type .styled-input.disabled { opacity: 0.5; pointer-events: none;}
.stage-4 .pickup-type .styled-input .input { padding-top: 1.562vw; text-align: right; font-size: 4.375vw; border: 0; cursor: pointer; flex: 1 1;}
.stage-4 .pickup-type .styled-input .styled-input-divider { width: 1px; height: 70%; background: #7c767c; flex: 0 0 auto;}
.stage-4 .pickup-type .styled-input .icon { width: 6.875vw; margin: 0 1.562vw 0 0; flex: 0 0 auto;}
.stage-4 .pickup-type .autocomplete-wrapper .input { height: auto;}
.stage-4 .pickup-type .blue-btn { margin: 7.75vw auto;}
.stage-4 .regular-maintenance-pickup-datepicker-wrapper{ z-index:10000;}
@media (min-width: 768px){ .stage-4 { padding: 0 6.51vw; }
.stage-4 .top-wrapper { margin-bottom: 2.865vw; }
.stage-4 .top-wrapper .title { font-size: 3.125vw; }
.stage-4 .selections-wrapper { display: flex; justify-content: space-between; padding-bottom: 12vw; }
.stage-4 .selection-wrapper { flex: 0 0 45%; margin-bottom: 2.604vw; }
.stage-4 .selection-wrapper .icon { width: 7.422vw; margin-bottom: 2.604vw; }
.stage-4 .method-button { font-size: 2.344vw; height: 6.901vw; padding: 0.391vw 3.385vw 0; border: solid 2px rgba(124, 118, 124, 0.22); border-radius: 1.953vw; margin-bottom: 2.604vw; }
.stage-4 .text { font-size: 1.823vw; }
.stage-4 .collapse-wrapper { padding-top: 2.604vw; }
.stage-4 .collapse-wrapper .title { font-size: 1.823vw; margin-bottom: 1.302vw; }
.stage-4 .collapse-wrapper .input-wrapper { padding-bottom: 2.604vw; margin-bottom: 1.302vw; }
.stage-4 .place-autocomplete-input { height: 4.036vw; border-radius: 1.302vw; margin-bottom: 1.302vw; padding: 0.391vw 1.953vw 0; font-size: 1.823vw; }
.stage-4 .open .collapse-wrapper { height: 45vw; }
.stage-4 .error { top: 4.557vw; right: 0.651vw; }
.stage-4 .blue-btn { height: 4.297vw; border-radius: 0.911vw; }
.stage-4 .autocomplete-wrapper .input { height: 4.036vw; border-radius: 1.302vw; margin-bottom: 1.302vw; padding: 0.391vw 1.953vw 0; font-size: 1.823vw; }
.stage-4 .autocomplete-wrapper .arrow { top: 1.562vw; }
.stage-4 .autocomplete-wrapper .auto_complete_drop { width: 100%; right: 0; }
.stage-4 .pickup-type { display: flex; flex-direction: column; align-items: center; }
.stage-4 .pickup-type .input-wrapper { padding:0; margin-bottom: 3.25vw; }
.stage-4 .pickup-type .place-autocomplete-input { width: 40vw; height: 4.5vw; border-radius: 1.302vw; padding: 0 1.302vw; margin: 0; font-size: 1.823vw; }
.stage-4 .pickup-type .styled-input { width: 40vw; height: 4.5vw; border-radius: 1.302vw; padding: 0 1.302vw; margin: 0 0 3.25vw; flex: 0 0 auto; }
.stage-4 .pickup-type .styled-input .input { padding-top: 0.651vw; font-size: 1.823vw; margin: 0; }
.stage-4 .pickup-type .styled-input .icon { width: 2.865vw; margin-right: 0.651vw; }
.stage-4 .pickup-type .blue-btn { margin: 0 1.953vw auto; }
}
@media (min-width: 1200px){ .stage-4 { padding: 0; }
.stage-4 .top-wrapper { margin-bottom: 2.344vw; }
.stage-4 .top-wrapper .title { font-size: 3.229vw; }
.stage-4 .selections-wrapper { display: flex; justify-content: space-between; padding-bottom: 0; }
.stage-4 .selection-wrapper { flex: 0 0 45%; margin-bottom: 1.042vw; }
.stage-4 .selection-wrapper .icon { width: 4.948vw; margin-bottom: 1.615vw; }
.stage-4 .method-button { width: 19.167vw; flex: 0 0 auto; font-size: 1.25vw; height: 3.594vw; padding: 0.365vw 1.562vw 0; border: solid 2px rgba(124, 118, 124, 0.22); border-radius: 0.781vw; margin-bottom: 1.042vw; }
.stage-4 .method-button .price { padding-top: 0.365vw; font-size: 2.5vw; }
.stage-4 .method-button .price:before { font-size: 1.771vw; }
.stage-4 .text { font-size: 1vw; }
.stage-4 .collapse-wrapper { padding-top: 1.042vw; }
.stage-4 .collapse-wrapper .title { font-size: 1.25vw; margin-bottom: 0.521vw; }
.stage-4 .collapse-wrapper .input-wrapper { padding-bottom: 1.042vw; margin-bottom: 0.521vw; }
.stage-4 .place-autocomplete-input { height: 2.135vw; border-radius: 0.521vw; margin-bottom: 1.042vw; padding: 0.156vw 0.781vw 0; font-size: 0.938vw; }
.stage-4 .open .collapse-wrapper { height: auto; overflow: visible; }
.stage-4 .error { top: 2.344vw; right: 0.26vw; }
.stage-4 .blue-btn { height: 2.969vw; border-radius: 0.781vw; font-size: 1.25vw; }
.stage-4 .autocomplete-wrapper .input { height: 2.135vw; border-radius: 0.521vw; margin-bottom: 1.042vw; padding: 0.156vw 0.781vw 0; font-size: 0.938vw; }
.stage-4 .autocomplete-wrapper .arrow { top: 0.781vw; }
.stage-4 .autocomplete-wrapper .auto_complete_drop { width: 100%; right: 0; top:calc(100% + 1vw); }
.stage-4 .select-pickup-method { display: flex; }
.stage-4 .form { padding: 2.344vw 4.844vw 1vw; flex: 0 0 50%; }
.stage-4 .background { display: block; flex: 0 0 50%; background-image: url("/_media/images/maintenance/tipulim-bg-mobile.svg"); background-repeat: repeat; background-color: #facc0d; overflow: hidden; }
.stage-4 .background .design-img { }
.stage-4 .pickup-type { background: white; padding:1.042vw 0 0; }
.stage-4 .pickup-type .input-wrapper { width: 100%; margin-bottom: 1.66vw; padding:0; height: 2.135vw; }
.stage-4 .pickup-type .place-autocomplete-input { width: 100%; height: 2.135vw; border-radius: 5px; padding: 0 1.302vw; margin:0; font-size: 0.9375vw; }
.stage-4 .pickup-type .styled-input { width: 100%; height: 2.135vw; border-radius: 5px; padding: 0 1.302vw; margin: 0 0 1.432vw; }
.stage-4 .pickup-type .styled-input .input { padding-top: 0; height: 100%; font-size: 0.9375vw; }
.stage-4 .pickup-type .styled-input .icon { width: 1.833vw; margin-right: 1.25vw; }
}
@media (min-width: 1500px){ .stage-4 .text { font-size: 0.833vw; }
}
.stage-5 { background: white; }
.stage-5 .stage { padding-bottom: 10vw;}
.stage-5 .desktop-results { display: none;}
.stage-5 .top .results { margin: 0 3.125vw; border-bottom: 1px solid #CAC8CA;}
.stage-5 .title { font-size: 6.25vw; text-align: center; margin-bottom: 2.5vw;}
.stage-5 .top-address { text-align: center; font-size: 4.375vw;}
.stage-5 .top-address .change-address { display: inline-flex; text-decoration: underline; font-family: FbConstructor-Bold;}
.stage-5 .styled-input { display: flex; justify-content: space-between; align-items: center; width: 51.25vw; height: 9.688vw; border: 1px solid #7c767c; border-radius: 3.125vw; padding: 0 3.125vw; margin: 0 auto 3.438vw;}
.stage-5 .styled-input .input { padding-top: 1.562vw; text-align: center; font-size: 4.375vw; border: 0; cursor: pointer;}
.stage-5 .styled-input .divider { width: 1px; height: 70%; background: #7c767c; flex: 0 0 auto;}
.stage-5 .styled-input .icon { width: 6.875vw; margin-right: 1.562vw; flex: 0 0 auto;}
.stage-5 .filters-wrapper { margin-bottom: 10.625vw;}
.stage-5 .filters-wrapper .title { font-size: 4.375vw; margin-bottom: 2.5vw; margin-top: 7.812vw;}
.stage-5 .auto-item { padding-right: 0; justify-content: center;}
.stage-5 .name { display: flex; align-items: center; justify-content: space-between; font-family: fbconstructor-bold, Barlow-Bold;}
.stage-5 .name .icon { width: 7.5vw; flex: 0 0 auto;}
.stage-5 .visited { color: red; white-space: nowrap;}
.stage-5 .garage-list-wrapper { font-size: 4.375vw; padding: 0 3.125vw; margin-bottom: 6.25vw;}
.stage-5 .garage-list-wrapper .garage-item { display: flex; align-items: center; padding: 9.375vw 0; border-bottom: 1px solid #CAC8CA;}
.stage-5 .garage-list-wrapper .left { position: relative; width: 39%; flex: 0 0 auto;}
.stage-5 .garage-list-wrapper .right { width: 61%; flex: 0 0 auto;}
.stage-5 .garage-list-wrapper .blue-btn { width: 100%;}
.stage-5 .garage-list-wrapper .visited { position: absolute; top: -6.25vw; right: 50%; transform: translateX(50%);}
.stage-5 .garage-list-wrapper .visited.desktop { display: none;}
.stage-5 .garage-details { font-size: 4.375vw; padding: 0 3.125vw 15.625vw;}
.stage-5 .garage-details .details { margin-bottom: 6.562vw; border-bottom: 1px solid #CAC8CA;}
.stage-5 .garage-details .address { margin-bottom: 7.812vw;}
.stage-5 .garage-details .text { font-size: 3.75vw;}
.stage-5 .garage-details .text:last-child { margin-bottom: 7.812vw;}
.stage-5 .garage-details .when .title { text-align: right;}
.stage-5 .garage-details .info-list { margin-bottom: 7.812vw;}
.stage-5 .garage-details .info-item { display: flex; align-items: flex-start; font-size: 3.75vw; margin-bottom: 3.125vw;}
.stage-5 .garage-details .info-item:before { content: ''; position: relative; top: 0.625vw; display: block; width: 3.125vw; height: 3.125vw; flex: 0 0 auto; border-radius: 50%; background: #0da3c8; margin-left: 2.188vw;}
.stage-5 .garage-details .blue-btn { margin-bottom: 3.125vw;}
.stage-5 .garage-details .controls { display: flex; flex-direction: column; align-items: center;}
.stage-5 .garage-details .error { width: 48.75vw; color: red; font-size: 3.75vw; text-align: center;}
.stage-5 .map-btn { width: 148px; height: 42px; border-radius: 6.562vw; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); border: 1px solid #0da3c8; font-size: 6.25vw; position: fixed; z-index: 1000; bottom: 42px; background: white; margin-right: 50%; transform: translateX(40%);}
.stage-5 .map-btn .text { font-size: 20px; padding-top: 5px;}
.stage-5 .map-btn .icon { width: 24px; margin-right: 24px;}
.stage-5 .to-list-btn { position: absolute; bottom: 9.375vw; right: 50%; transform: translateX(50%); width: 67.812vw; height: 13.125vw; border-radius: 6.562vw; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: 1px solid #0da3c8; background: white; margin: 0 auto; font-size: 6.25vw;}
.stage-5 .to-list-btn .text { padding-top: 1.562vw;}
.stage-5 .to-list-btn .icon { width: 7.812vw; margin-right: 7.5vw;}
.stage-5 .datepicker { float: none; width: 68.75vw; right: 50% !important; transform: translateX(50%);}
.stage-5 .datepicker:before, .stage-5 .datepicker:after { right: 50% !important; transform: translateX(50%);}
.stage-5 #map { height: 100vh;}
.stage-5 .infowindow { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 4.688vw;}
.stage-5 .infowindow .details { padding: 0 3.125vw; margin-bottom: 4.688vw;}
.stage-5 .infowindow .name { font-family: fbconstructor-bold, Barlow-Bold !important; font-size: 5.625vw;}
.stage-5 .infowindow .address { font-family: fbconstructor-regular, Barlow-Regular !important; font-size: 3.75vw;}
.stage-5 .infowindow .info-btn { font-family: fbconstructor-regular, Barlow-Regular !important; width: 100%; height: 7.812vw; font-size: 5vw; color: white; background: #0da3c8;}
.stage-5 .input::-webkit-input-placeholder { color: #7c767c;}
.stage-5 .input::-ms-input-placeholder { color: #7c767c;}
.stage-5 .input::placeholder { color: #7c767c;}
.stage-5 .map-wrapper, .stage-5 .garage-details { display: none;}
.stage-5.map-mode { padding: 0;}
.stage-5.map-mode .map-wrapper { display: block; position: relative;}
.stage-5.map-mode .search-wrapper { display: none;}
.stage-5.garage-mode .garage-list-wrapper, .stage-5.garage-mode .top, .stage-5.garage-mode .map-btn, .stage-5.garage-mode .map-wrapper { display: none;}
.stage-5.garage-mode .garage-details, .stage-5.garage-mode .search-wrapper { display: block !important;}
.stage .autocomplete-wrapper .auto_complete_drop { right: 0;}
.stage .autocomplete-wrapper .autocomplete-list { max-height: 50vw;}
.gm-style-iw.gm-style-iw-c { border-radius: 0px !important; border: 2px solid #0da3c8 !important; padding: 0 !important;}
.gm-style-iw-d { padding: 0 !important; overflow: hidden !important; max-height: auto !important;}
.gm-style .gm-style-iw-t::after { background: #0da3c8 !important;}
.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active { border: 0; background: #facc0d; color: #3a3939;}
@media (min-width: 768px){ .stage-5 { padding: 0; }
.stage-5 .stage { padding-bottom: 0; }
.stage-5 .desktop-results { display: block; }
.stage-5 .select-garage-wrapper { display: flex; height: 87.24vw; }
.stage-5 .map-wrapper { display: block !important; width: 60%; flex: 0 0 auto; }
.stage-5 .search-wrapper { display: flex; flex-direction: column; width: 40%; flex: 0 0 auto; box-shadow: -3px 0 8px 0 rgba(0, 0, 0, 0.16); }
.stage-5 .top { flex: 0 0; padding-right: 1.953vw; }
.stage-5 .top .results { margin: 0 0 0 1.302vw; text-align: left; }
.stage-5 .to-list-btn, .stage-5 .map-btn { display: none; }
.stage-5 .title { font-size: 2.604vw; margin-bottom: 1.042vw; text-align: right; }
.stage-5 .top-address { text-align: right; }
.stage-5 .top-address { font-size: 1.823vw; }
.stage-5 .styled-input { width: 21.354vw; height: 4.036vw; border-radius: 1.302vw; padding: 0 1.302vw; margin: 0 0 1.432vw; }
.stage-5 .styled-input .input { padding-top: 0.651vw; font-size: 1.823vw; }
.stage-5 .styled-input .icon { width: 2.865vw; margin-right: 0.651vw; }
.stage-5 .filters-wrapper { margin-bottom: 0.651vw; }
.stage-5 .filters-wrapper .title { font-size: 1.823vw; margin-bottom: 1.042vw; margin-top: 3.255vw; padding: 0; }
.stage-5 .filters-wrapper .autocomplete-wrapper { margin: 0 0 1.432vw; }
.stage-5 .name .icon { width: 3.125vw; }
.stage-5 .garage-list-wrapper { font-size: 1.823vw; padding: 0 1.953vw 0 1.302vw; flex: 1 1; overflow: auto; margin: 0; }
.stage-5 .garage-list-wrapper .garage-item { flex-wrap: wrap; padding: 1.953vw 0; }
.stage-5 .garage-list-wrapper .garage-item:last-child { border: 0; }
.stage-5 .garage-list-wrapper .left { width: 35%; }
.stage-5 .garage-list-wrapper .right { width: 65%; padding-left: 0.651vw; }
.stage-5 .garage-list-wrapper .blue-btn { font-size: 1.562vw; }
.stage-5 .garage-list-wrapper .visited { display: none; }
.stage-5 .garage-list-wrapper .visited.desktop { display: block; position: static; top: 0; left: 0; transform: none; flex: 0 0 100%; padding: 0.651vw; text-align: center; }
.stage-5 .garage-details { font-size: 1.823vw; padding: 1.953vw; }
.stage-5 .garage-details .visited { text-align: center; margin-bottom: 0.651vw; }
.stage-5 .garage-details .details { margin-bottom: 2.734vw; border-bottom: 0; }
.stage-5 .garage-details .address { margin-bottom: 3.255vw; }
.stage-5 .garage-details .text { font-size: 1.562vw; }
.stage-5 .garage-details .text:last-child { margin-bottom: 3.255vw; }
.stage-5 .garage-details .info-list { margin-bottom: 3.255vw; }
.stage-5 .garage-details .info-item { font-size: 1.562vw; margin-bottom: 1.302vw; }
.stage-5 .garage-details .info-item:before { top: 0.26vw; width: 1.302vw; height: 1.302vw; margin-left: 0.911vw; }
.stage-5 .garage-details .blue-btn { margin-bottom: 1.302vw; }
.stage-5 .garage-details .error { width: 20.312vw; font-size: 1.562vw; }
.stage-5 .datepicker { width: 28.646vw; right: 0 !important; transform: none; }
.stage-5 .datepicker:before, .stage-5 .datepicker:after { right: 25% !important; transform: translateX(50%); }
.stage-5 #map { height: 100%; }
.stage-5 .infowindow { padding-top: 3.255vw; }
.stage-5 .infowindow .details { padding: 0 3.255vw; margin-bottom: 1.953vw; }
.stage-5 .infowindow .name { font-size: 2.344vw; }
.stage-5 .infowindow .address { font-size: 1.562vw; }
.stage-5 .infowindow .info-btn { height: 3.255vw; font-size: 2.083vw; }
.stage-5.garage-mode .filters-wrapper { display: none; }
.stage-5.garage-mode .top { display: block !important; }
.stage .autocomplete-wrapper .autocomplete-list { max-height: 20.833vw; }
.stage .autocomplete-wrapper .auto_complete_drop { width: 100%; }
}
@media (min-width: 1200px){ .stage-5 .select-garage-wrapper { height: 65.885vw; }
.stage-5 .map-wrapper { width: 70%; }
.stage-5 .search-wrapper { width: 30%; }
.stage-5 .desktop-results { display: none; }
.stage-5 .top { padding: 1.615vw 2.135vw 0 0; border-bottom: 1px solid #CAC8CA; }
.stage-5 .top .results { margin: 0; border: 0; padding: 0 1.562vw; }
.stage-5 .title { font-size: 2.604vw; line-height: 3.021vw; width: 17.708vw; margin-bottom: 0; }
.stage-5 .top-address { font-size: 1.5vw; }
.stage-5 .styled-input { width: 13.667vw; height: 2.583vw; border-radius: 0.521vw; padding: 0 0.521vw; margin: 0 0 0.573vw; }
.stage-5 .styled-input .input { padding-top: 0.26vw; font-size: 1.167vw; }
.stage-5 .styled-input .icon { width: 1.833vw; margin-right: 1.25vw; }
.stage-5 .filters-wrapper { margin-bottom: 0.26vw; }
.stage-5 .filters-wrapper .title { font-size: 1.167vw; margin-bottom: 0.521vw; margin-top: 1.823vw; }
.stage-5 .filters-wrapper .autocomplete-wrapper { margin: 0; }
.stage-5 .name .icon { width: 1.25vw; }
.stage-5 .garage-list-wrapper { font-size: 1.333vw; padding: 0 2.135vw 0 1.562vw; }
.stage-5 .garage-list-wrapper .garage-item { padding: 2.396vw 0; }
.stage-5 .garage-list-wrapper .left { width: 35%; }
.stage-5 .garage-list-wrapper .right { width: 65%; padding-left: 0.781vw; }
.stage-5 .garage-list-wrapper .blue-btn { font-size: 1.167vw; }
.stage-5 .garage-list-wrapper .visited.desktop { padding: 0.651vw; }
.stage-5 .garage-details { font-size: 1.25vw; padding: 0.781vw; }
.stage-5 .garage-details .styled-input { width: 100%; }
.stage-5 .garage-details .desktop-wrapper { display: flex; margin-bottom: 1.302vw; }
.stage-5 .garage-details .desktop-wrapper .inputs-wrapper { width: 40%; flex: 0 0 auto; }
.stage-5 .garage-details .desktop-wrapper .info-list { width: 60%; flex: 0 0 auto; }
.stage-5 .garage-details .visited { font-size: 1.25vw; margin-bottom: 0.781vw; }
.stage-5 .garage-details .details { margin-bottom: 1.094vw; border-bottom: 0; }
.stage-5 .garage-details .address { margin-bottom: 1.302vw; }
.stage-5 .garage-details .text { font-size: 0.938vw; }
.stage-5 .garage-details .text:last-child { margin-bottom: 2.031vw; }
.stage-5 .garage-details .when .title { font-size: 1.25vw; margin-bottom: 1.562vw; }
.stage-5 .garage-details .info-list { padding-right: 0.833vw; margin-bottom: 0; }
.stage-5 .garage-details .info-item { font-size: 1.167vw; margin-bottom: 0.521vw; }
.stage-5 .garage-details .info-item:before { top: 0.104vw; width: 0.521vw; height: 0.521vw; margin-left: 0.365vw; }
.stage-5 .garage-details .controls { flex-direction: row; align-items: flex-start; }
.stage-5 .garage-details .blue-btn { font-size: 1.167vw; width: 9.219vw; flex: 0 0 auto; height: 2.552vw; margin-bottom: 0.521vw; }
.stage-5 .garage-details .error { text-align: right; width: 10.417vw; font-size: 1vw; padding-right: 1.667vw; }
.stage-5 .datepicker { width: 220px; }
.stage-5 #map { height: 100%; }
.stage-5 .infowindow { padding-top: 2.083vw; }
.stage-5 .infowindow .details { padding: 0 2.083vw; margin-bottom: 1.25vw; }
.stage-5 .infowindow .name { font-size: 1.5vw; }
.stage-5 .infowindow .address { font-size: 1vw; }
.stage-5 .infowindow .info-btn { height: 2.083vw; font-size: 1.333vw; }
.stage-5.garage-mode .filters-wrapper { display: none; }
.stage-5.garage-mode .top { display: block !important; }
.stage .autocomplete-wrapper .auto-item { font-size: 1.167vw; }
.stage .autocomplete-wrapper .auto-msg { font-size: 1.167vw; }
.stage .autocomplete-wrapper .autocomplete-list { max-height: 16.667vw; }
.stage .for-test .autocomplete-wrapper .autocomplete-list { max-height: 9.5vw; }
}
@media (min-width: 1500px){ .stage-5 .top { padding: 1.615vw 3.698vw 0 0; }
.stage-5 .top-address { font-size: 1.25vw; }
.stage-5 .filters-wrapper .title { font-size: 1.042vw; }
.stage-5 .styled-input { width: 11.667vw; height: 2.135vw; }
.stage-5 .styled-input .input { font-size: 0.938vw; }
.stage-5 .styled-input .icon { width: 1.146vw; margin-right: 0.26vw; }
.stage-5 .garage-list-wrapper { padding: 0 3.698vw 0 1.562vw; font-size: 1.25vw; }
.stage-5 .garage-details { padding: 0.781vw 3.698vw 0.781vw 0.521vw; }
.stage-5 .garage-details .info-list { padding-right: 1.719vw; }
.stage-5 .garage-details .info-item { font-size: 0.833vw; }
.stage-5 .garage-details .blue-btn { font-size: 1.042vw; }
.stage-5 .garage-details .error { font-size: 12px; padding-right: 1.333vw; }
.stage-5 .infowindow { padding-top: 25px; }
.stage-5 .infowindow .details { padding: 0 25px; margin-bottom: 15px; }
.stage-5 .infowindow .name { font-size: 18px; }
.stage-5 .infowindow .address { font-size: 12px; }
.stage-5 .infowindow .info-btn { height: 30px; font-size: 16px; }
.stage .autocomplete-wrapper .auto-item { height: 1.562vw; font-size: 0.833vw; }
.stage .autocomplete-wrapper .auto-msg { height: 1.562vw; font-size: 0.833vw; }
.stage .autocomplete-wrapper .autocomplete-list { max-height: 16.667vw; }
.stage .for-test .autocomplete-wrapper .autocomplete-list { max-height: 8.9vw; }
}
.stage-6 .design { display: none;}
.stage-6 .right { background-image: url("/_media/images/maintenance/tipulim-bg-mobile.svg"); background-repeat: repeat; background-color: #facc0d; padding: 0 3.125vw 16.875vw;}
.stage-6 .right .title { text-align: center; font-size: 6.25vw; padding: 5.625vw 7.812vw 0; margin-bottom: 3.125vw;}
.stage-6 .dialog-wrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: white; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); border-radius: 1.562vw; padding-top: 4vw;}
.stage-6 .dialog-wrapper .subtitle { display: inline; position: relative; text-align: center; font-size: 5vw; margin-bottom: 16.25vw;}
.stage-6 .dialog-wrapper .subtitle .link { display: inline; text-decoration: underline;}
.stage-6 .dialog-wrapper .signup-tip { position: absolute; left: 3.125vw; top: 0; transform: translateX(-100%) translateY(-100%); width: 21.875vw; height: 15.625vw; font-size: 3.75vw;}
.stage-6 .dialog-wrapper .signup-tip .text { white-space: nowrap; transform-origin: top right; transform: rotate(-45deg);}
.stage-6 .dialog-wrapper .signup-tip .arrow { position: absolute; right: 0; bottom: 0; width: 4.375vw;}
.stage-6 .dialog-wrapper .form { width: 100%; padding: 0 11.875vw 11.875vw;}
.stage-6 .dialog-wrapper .input-wrapper { margin-bottom: 4.062vw;}
.stage-6 .dialog-wrapper .input-wrapper:first-child { margin-bottom: 10.625vw;}
.stage-6 .dialog-wrapper .input { font-size: 4.375vw; padding-bottom: 2.5vw;}
.stage-6 .dialog-wrapper .forgot { text-decoration: underline; margin-bottom: 10.312vw; margin-right: auto;}
.stage-6 .dialog-wrapper .checkbox-wrapper { width: 45.625vw; margin: 0 auto 3.125vw;}
.stage-6 .dialog-wrapper .checkbox-wrapper .label { font-size: 3.75vw;}
.stage-6 .dialog-wrapper .or { font-size: 5vw; opacity: 0.5; margin: 6.25vw 0 5vw;}
.stage-6 .dialog-wrapper .blue-btn { width: 45.625vw; height: 11.875vw; border-radius: 2.188vw; margin: 0 auto;}
.stage-6 .dialog-wrapper .fb-login { position: relative; width: 79.375vw; height: 8.438vw; padding-top: 0.938vw; margin-bottom: 15.313vw; background: #3b5998; font-size: 5vw; color: white;}
.stage-6 .dialog-wrapper .fb-login .logo { position: absolute; right: 2.5vw; bottom: 0; width: 4.062vw;}
.stage-6 .signup-wrapper .input-wrapper { font-size: 4.375vw; margin-bottom: 10.625vw;}
.stage-6 .signup-wrapper .input-wrapper:first-child { margin-bottom: 10.625vw;}
.stage-6 .signup-wrapper .checkbox-wrapper { width: 100%;}
.stage-6 .signup-wrapper .terms_link { text-decoration: underline;}
.stage-6 .signup-wrapper .terms-checkbox { margin-bottom: 9.375vw;}
.stage-6 .bold { font-family: fbconstructor-bold;}
@media (min-width: 768px){ .stage-6 .right { padding: 0 13.021vw 7.031vw; }
.stage-6 .right .title { font-size: 3.906vw; padding: 2.344vw 3.255vw 0; margin-bottom: 2.604vw; }
.stage-6 .dialog-wrapper { border-radius: 1.953vw; }
.stage-6 .dialog-wrapper .subtitle { font-size: 3.385vw; margin-bottom: 6.771vw; }
.stage-6 .dialog-wrapper .signup-tip { left: 1.302vw; top: 0; width: 15.625vw; height: 9.115vw; font-size: 2.344vw; }
.stage-6 .dialog-wrapper .signup-tip .text { font-size: 2.083vw; }
.stage-6 .dialog-wrapper .signup-tip .arrow { width: 3.125vw; }
.stage-6 .dialog-wrapper .form { padding: 0 15.625vw; }
.stage-6 .dialog-wrapper .input-wrapper { margin-bottom: 1.693vw; }
.stage-6 .dialog-wrapper .input-wrapper:first-child { margin-bottom: 4.427vw; }
.stage-6 .dialog-wrapper .input { font-size: 3.125vw; padding-bottom: 1.042vw; }
.stage-6 .dialog-wrapper .forgot { font-size: 2.083vw; margin-bottom: 4.297vw; }
.stage-6 .dialog-wrapper .checkbox-wrapper { width: 24.74vw; margin: 0 auto 1.302vw; }
.stage-6 .dialog-wrapper .checkbox-wrapper .label { font-size: 2.083vw; }
.stage-6 .dialog-wrapper .or { font-size: 3.385vw; margin: 2.604vw 0 2.083vw; }
.stage-6 .dialog-wrapper .blue-btn { font-size: 3.385vw; width: 24.74vw; height: 5.469vw; border-radius: 0.911vw; }
.stage-6 .dialog-wrapper .fb-login { width: 33.073vw; height: 4.688vw; padding-top: 0.391vw; margin-bottom: 6.38vw; background: #3b5998; font-size: 2.083vw; color: white; }
.stage-6 .dialog-wrapper .fb-login .logo { position: absolute; right: 1.042vw; bottom: 0; width: 1.693vw; }
.stage-6 .signup-wrapper .input-wrapper { font-size: 1.823vw; margin-bottom: 4.427vw; }
.stage-6 .signup-wrapper .input-wrapper:first-child { margin-bottom: 4.427vw; }
.stage-6 .signup-wrapper .checkbox-wrapper { width: 100%; }
.stage-6 .signup-wrapper .terms_link { text-decoration: underline; }
.stage-6 .signup-wrapper .terms-checkbox { margin-bottom: 3.906vw; }
}
@media (min-width: 1200px){ .stage-6 .login-signup-wrapper { display: flex; }
.stage-6 .right { position: relative; background: white; width: 50%; flex: 0 0 auto; padding: 2.604vw 4.844vw; }
.stage-6 .right .title { text-align: right; font-size: 3.229vw; padding: 0; margin-bottom: 3.021vw; }
.stage-6 .design { position: relative; display: block; width: 50%; flex: 0 0 auto; background-image: url("/_media/images/maintenance/tipulim-bg-mobile.svg"); background-repeat: repeat; background-color: #facc0d; }
.stage-6 .design .sign { position: absolute; right: 50%; bottom: 0; width: 66.302vw; transform: translateX(50%); }
.stage-6 .dialog-wrapper { box-shadow: none; }
.stage-6 .dialog-wrapper .title { margin-bottom: 0.833vw; }
.stage-6 .dialog-wrapper .subtitle { font-size: 1.042vw; margin-bottom: 4.115vw; }
.stage-6 .dialog-wrapper .signup-tip { left: -1.562vw; bottom: 0.521vw; top: auto; width: 11.979vw; height: 7.812vw; font-size: 0.938vw; transform: translateX(-100%) translateY(0); }
.stage-6 .dialog-wrapper .signup-tip .text { font-size: 1.042vw; }
.stage-6 .dialog-wrapper .signup-tip .arrow { width: 3.281vw; }
.stage-6 .dialog-wrapper .form { padding: 0 6.25vw; }
.stage-6 .dialog-wrapper .input-wrapper { margin-bottom: 1.458vw; }
.stage-6 .dialog-wrapper .input-wrapper:first-child { margin-bottom: 1.771vw; }
.stage-6 .dialog-wrapper .input { font-size: 1.042vw; padding-bottom: 0.417vw; }
.stage-6 .dialog-wrapper .forgot { font-size: 0.833vw; margin-bottom: 0; }
.stage-6 .dialog-wrapper .checkbox-wrapper { width: 100%; margin: 0 auto 1.25vw; }
.stage-6 .dialog-wrapper .checkbox-wrapper .label { font-size: 0.833vw; }
.stage-6 .dialog-wrapper .or { font-size: 1.25vw; margin: 1.042vw 0 0.833vw; }
.stage-6 .dialog-wrapper .blue-btn { font-size: 1.25vw; width: 12.865vw; height: 3.005vw; border-radius: 0.365vw; }
.stage-6 .dialog-wrapper .fb-login { width: 19.062vw; height: 2.031vw; padding-top: 0.156vw; margin-bottom: 2.552vw; font-size: 1.25vw; }
.stage-6 .dialog-wrapper .fb-login .logo { right: 0.417vw; width: 0.99vw; }
.stage-6 .signup-wrapper .input-wrapper { font-size: 0.729vw; margin-bottom: 1.771vw; }
.stage-6 .signup-wrapper .input-wrapper:first-child { margin-bottom: 1.771vw; }
.stage-6 .signup-wrapper .checkbox-wrapper { width: 100%; }
.stage-6 .signup-wrapper .terms_link { text-decoration: underline; }
.stage-6 .signup-wrapper .terms-checkbox { margin-bottom: 1.562vw; }
.stage-6 .design-lines { position: absolute; right: 0; bottom: 0; width: 13.698vw; height: 12.917vw; pointer-events: none; }
}
.stage-7 .stage { background-image: url("/_media/images/maintenance/tipulim-bg-mobile.svg"); background-repeat: repeat; background-color: #facc0d; padding: 0 3.125vw 16.875vw;}
.stage-7 .title { text-align: center; font-size: 6.25vw; padding: 3.125vw 0 2.188vw; font-family: fbconstructor-bold;}
.stage-7 .summery-wrapper, .stage-7 .credit, .stage-7 .payment-wrapper { background: white; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.16); border-radius: 1.562vw; padding: 5vw 3.125vw; margin-bottom: 3.125vw;}
.stage-7 .credit, .stage-7 .payment-wrapper { display: flex; flex-wrap: wrap; justify-content: center;}
.stage-7 .payment-wrapper .coupon-wrapper { width: 100%; position: relative; margin-block: 1rem 4rem;}
.stage-7 .payment-wrapper .coupon-wrapper .coupon-input { position: relative; margin: auto; text-align: center; width: 60%; border: none; z-index: 10; padding-left: 26px;}
.stage-7 .payment-wrapper .coupon-wrapper .coupon-input:focus::placeholder { color: transparent;}
.stage-7 .payment-wrapper .coupon-wrapper .coupon-input-bottom { width: 60%; border-bottom: solid 1px black; position: absolute; padding-block-start: 0.5rem; left: 0; right: 0; margin: 0 auto;}
.stage-7 .payment-wrapper .coupon-wrapper .coupon-error,.stage-7 .payment-wrapper .coupon-wrapper .coupon-success { position: absolute; left: 0; right: 0; margin: 0 auto; padding-top: 1rem; text-align: center;}
.stage-7 .payment-wrapper .coupon-wrapper .coupon-error { color: #f00;}
.stage-7 .payment-wrapper .coupon-wrapper .coupon-success { color: #008000;}
.stage-7 .payment-wrapper .coupon-wrapper .coupon-btn { position: absolute; left: 20%; top: -10%; object-fit: contain; width: 6%; cursor: pointer; z-index: 11;}
.stage-7 .payment-wrapper .coupon-wrapper::after { content: ""; width: 100%; opacity: 0.4; border-bottom: solid 1px #707070; position: absolute; padding-block-start: 4rem;}
.stage-7 .payment-wrapper .call-to-action-text { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; flex: 0 0 auto; margin-bottom: 4vw; padding-bottom: 4vw; border-bottom: solid 1px #70707055;}
.stage-7 .call-to-action-text .subtitle{ font-family: fbconstructor-bold;}
.stage-7 .license-input-wrapper.disabled { pointer-events: none; opacity: 0.5;}
.stage-7 .license-input-wrapper .error-text { color:red; opacity: 0; position: absolute; top: 100%; right: 0;}
.stage-7 .license-input-wrapper .license-input{ margin:0;}
.stage-7 .license-input-wrapper.error .license-input{ border-color: red;}
.stage-7 .license-input-wrapper.error .error-text { opacity: 1;}
.stage-7 .payment-wrapper .input-license-plate-wrapper { display: flex; justify-content: center; width: 100%; flex: 0 0 auto;}
.stage-7 .input-license-plate-wrapper .blue-btn { height: 100%; padding:0; border-radius: 2.188vw; margin-right: 3vw;}
.stage-7 .summery-wrapper .title { display: none;}
.stage-7 .subtitle { font-size: 5.625vw;}
.stage-7 .collapse-btn { width: 100%; padding: 5vw 0 0;}
.stage-7 .collapse-btn .arrow { width: 5.625vw;}
.stage-7 .mobile-collapse { height: 0; overflow: hidden; transition: height 200ms ease-out;}
.stage-7 .mobile-collapse.open + .collapse-btn { transform-origin: center center; transform: rotate(180deg); padding: 0 0 5vw;}
.stage-7 .garage-details { padding-bottom: 2.5vw; border-bottom: 1px solid #CAC8CA; margin-bottom: 2.5vw;}
.stage-7 .package-details { font-size: 5vw;}
.stage-7 .package-details .subtitle { font-size: 5vw; font-family: fbconstructor-bold;}
.stage-7 .package-details .item { margin-bottom: 4.688vw;}
.stage-7 .package-details .price { font-family: fbconstructor-bold; font-size: 6.25vw; color: #0da3c8;}
.stage-7 .package-details-btn { font-size: 3.75vw; text-decoration: underline; cursor: pointer;}
.stage-7 .credit { padding: 5vw 11.875vw; flex-direction: column;}
.stage-7 .credit .title { margin-bottom: 8.125vw;}
.stage-7 .credit .hint { text-align: center; font-size: 4.375vw; color: red;}
.stage-7 .price-wrapper { display: flex; justify-content: center; align-items: center; font-size: 6.25vw; font-family: fbconstructor-bold; padding-top: 1rem;}
.stage-7 .price-wrapper .price { font-size: 12.812vw; color: #0da3c8; padding-right: 3vw;}
.stage-7 .price-wrapper .price .decimal { font-size: 6vw;}
.stage-7 .price-wrapper .price:before { font-size: 8.438vw;}
.stage-7 .autocomplete-wrapper .input { width: 100%; height: 10vw; font-size: 4.375vw; padding: 0 4vw;}
.stage-7 .autocomplete-wrapper .input::-webkit-input-placeholder { color:white !important; }
.stage-7 .autocomplete-wrapper .input::-moz-placeholder { color:white !important;}
.stage-7 .autocomplete-wrapper .input:-ms-input-placeholder { color:white !important;}
.stage-7 .autocomplete-wrapper .arrow { top: 3.862vw; left: 1.5vw;}
.stage-7 .autocomplete-wrapper .auto_complete_drop.payments { top: 11vw;}
.stage-7 .iframe-wrapper { position: relative; padding: 12.5vw 0;}
.stage-7 .iframe-wrapper .iframe { position: relative; z-index: 10; border: 0; width: 100%; height: 156.25vw;}
.stage-7 .iframe-wrapper .iframe.closed { height: 0;}
.stage-7 .iframe-wrapper .dual-ring-loader { position: absolute; z-index: 5; top: 50%; right: 50%; transform: translateX(50%) translateY(-50%); width: 9.375vw; height: 9.375vw; margin: 0 auto;}
.stage-7 .saved-wrapper { padding: 10vw 0; font-size: 4.375vw;}
.stage-7 .saved-wrapper .saved_card { display: flex; justify-content: space-between; align-items: center; border: 1px solid black; padding: 0 1vw; margin-bottom: 3vw; cursor: pointer;}
.add_new_card { text-align: center; cursor: pointer; font-size: 4.375vw;}
@media (min-width: 628px){ .stage-7 .credit { padding: 5vw 21.875vw; }
.stage-7 .iframe-wrapper { padding: 10.35vw 0; }
}
@media (min-width: 768px){ .stage-7 .stage { display: flex; justify-content: space-between; padding: 3.906vw 1.953vw 7.031vw; }
.stage-7 .title { display: none; }
.stage-7 .summery-wrapper, .stage-7 .payment-wrapper, .stage-7 .credit { border-radius: 0.651vw; padding: 2.083vw 1.302vw; margin-bottom: 0; }
.stage-7 .pay, .stage-7 .summery-wrapper { width: 33.854vw; flex: 0 0 auto; }
.stage-7 .payment-wrapper .coupon-wrapper .coupon-btn { width: 5%; }
.stage-7 .pay { flex: 1 1 auto; margin-right: 2.344vw; }
.stage-7 .summery-wrapper .title { display: block; text-align: right; font-size: 3.229vw; padding: 0; }
.stage-7 .payment-wrapper { margin-bottom: 2.344vw; }
.stage-7 .credit .title { display: none; }
.stage-7 .subtitle { font-size: 2.344vw; }
.stage-7 .collapse-btn { display: none; }
.stage-7 .mobile-collapse { height: auto; }
.stage-7 .garage-details { padding-bottom: 1.042vw; margin-bottom: 1.042vw; }
.stage-7 .package-details { font-size: 2.083vw; }
.stage-7 .package-details .subtitle { font-size: 2.083vw; }
.stage-7 .package-details .item { margin-bottom: 1.953vw; }
.stage-7 .package-details .price { font-size: 2.604vw; }
.stage-7 .package-details-btn { font-size: 1.562vw; }
.stage-7 .credit .hint { font-size: 1.823vw; }
.stage-7 .credit .iframe { height: 23.958vw; }
.stage-7 .price-wrapper { width: 100%; right:0; font-size: 2.604vw; font-family: fbconstructor-bold; }
.stage-7 .price-wrapper .price { font-size: 5.339vw; }
.stage-7 .price-wrapper .price .decimal { font-size: 3vw; }
.stage-7 .price-wrapper .price:before { font-size: 3.516vw; }
.stage-7 .autocomplete-wrapper .input { height: 3.06vw; font-size: 1.823vw; }
.stage-7 .autocomplete-wrapper .arrow { top: 0.651vw; }
.stage-7 .iframe-wrapper { padding: 5.208vw 0; }
.stage-7 .iframe-wrapper .iframe { height: 44.271vw; }
.stage-7 .iframe-wrapper .dual-ring-loader { width: 2vw; height: 2vw; }
.stage-7 .saved-wrapper { padding: 4vw; font-size: 1.823vw; }
.stage-7 .saved-wrapper .saved_card { padding: 0 1vw; margin-bottom: 3vw; }
.add_new_card { text-align: center; cursor: pointer; font-size: 1.823vw; }
}
@media (min-width: 1200px){ .stage-7 .stage { padding: 2.5vw 5.625vw 8.906vw; }
.stage-7 .title { display: none; }
.stage-7 .summery-wrapper, .stage-7 .payment-wrapper, .stage-7 .credit { border-radius: 0.26vw; }
.stage-7 .summery-wrapper { padding: 1.875vw 2.865vw; }
.stage-7 .summery-wrapper .title { font-size: 3.229vw; }
.stage-7 .pay { display: flex; flex-direction: column; width: 49.635vw; flex: 1 1 auto; margin-right: 1.458vw; }
.stage-7 .summery-wrapper { font-size: 1.25vw; width: 36.979vw; }
.stage-7 .payment-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 7.5vw; flex: 0 0 auto; padding: 0; margin-bottom: 1.458vw; }
.stage-7 .payment-wrapper { flex-direction: row; }
.stage-7 .payment-wrapper .coupon-wrapper { flex-basis: 50%; top: 30%; height: 100%; margin: unset; }
.stage-7 .payment-wrapper .price-solo-wrapper { flex-basis: 50%; }
.stage-7 .payment-wrapper .coupon-wrapper .coupon-input { font-size: 18px; }
.stage-7 .payment-wrapper .coupon-wrapper .coupon-input-bottom { padding-block-start: 0.3rem; }
.stage-7 .payment-wrapper .coupon-wrapper .coupon-btn { width: 2.5rem; top: -2px; }
.stage-7 .payment-wrapper .coupon-wrapper::after { top: -15%; border-bottom: none; border-left: 1px solid #707070; height: 72.5%; }
.stage-7 .payment-wrapper .price-solo-wrapper .price-wrapper { padding: unset; }
.stage-7 .payment-wrapper .price-solo-wrapper .solo_money_wrapper { padding-inline-start: 14%; }
.stage-7 .credit { flex: 1 1; padding: 1.875vw 5.354vw; }
.stage-7 .credit .title { display: none; }
.stage-7 .subtitle { font-size: 2.083vw; }
.stage-7 .service-type { margin-bottom: 2.292vw; }
.stage-7 .collapse-btn { display: none; }
.stage-7 .mobile-collapse { height: auto; }
.stage-7 .garage-details { padding-bottom: 0.781vw; margin-bottom: 1.198vw; }
.stage-7 .package-details { font-size: 1.25vw; }
.stage-7 .package-details .subtitle { font-size: 1.25vw; }
.stage-7 .package-details .item { margin-bottom: 0.781vw; }
.stage-7 .package-details .price { font-size: 1.25vw; }
.stage-7 .package-details-btn { font-size: 0.625vw; }
.stage-7 .credit .hint { font-size: 1.35vw; }
.stage-7 .credit .iframe { height: 38vw; }
.stage-7 .price-wrapper { font-size: 1.562vw; }
.stage-7 .price-wrapper .price { font-size: 3.125vw; }
.stage-7 .price-wrapper .price .decimal { font-size: 1.6vw; }
.stage-7 .price-wrapper .price:before { font-size: 2.083vw; }
.stage-7 .autocomplete-wrapper { width: 25vw; margin:0 auto; }
.stage-7 .autocomplete-wrapper .input { height: 3vw; font-size: 1.5vw; padding-bottom: 0; }
.stage-7 .autocomplete-wrapper .auto_complete_drop.payments { top:4vw; }
.stage-7 .autocomplete-wrapper .arrow { top: 1.26vw; }
.stage-7 .iframe-wrapper { padding: 3.708vw 0 0; }
.stage-7 .saved-wrapper { padding: 4vw 4vw 0; font-size: 1.5vw; }
.stage-7 .saved-wrapper .saved_card { padding: 0.7vw 1vw; margin-bottom: 2vw; }
.add_new_card { font-size: 1.5vw; }
.stage-7 .payment-wrapper .call-to-action-text { width: 35%; position: relative; margin-bottom: 0; padding-bottom: 0; border:0; }
.stage-7 .payment-wrapper .call-to-action-text::after { content: ""; width: 0; left:0; opacity: 0.4; position: absolute; padding-block-start: 4rem; border-left: 1px solid #707070; height: 150%; }
.stage-7 .payment-wrapper .input-license-plate-wrapper { width: 65%; padding: 0 1.5vw; }
.stage-7 .input-license-plate-wrapper .blue-btn { height: unset; margin-right: 1vw; border-radius: 0.781vw; }
}
@media (min-width: 1500px){ .stage-7 .credit .iframe { height: 30vw; }
.stage-7 .package-details-btn { font-size: 0.833vw; }
.stage-7 .autocomplete-wrapper .input { font-size: 1.45vw; }
}
.stage-8 .thanks-wrapper { background-image: url("/_media/images/maintenance/tipulim-bg-mobile.svg"); background-repeat: repeat; background-color: #facc0d; padding: 1vw 0;}
.stage-8 .mobile-collapse { height: 0; overflow: hidden; transition: height 200ms ease-out;}
.stage-8 .collapse-btn { width: 100%; padding: 3vw 0;}
.stage-8 .collapse-btn .arrow { width: 5.625vw;}
.stage-8 .mobile-collapse.open + .collapse-btn { transform-origin: center center; transform: rotate(180deg); padding: 0 0 5vw;}
.stage-8 .collapse-btn .arrow { width: 5.625vw;}
.stage-8 .thanks-wrapper .top-text-wrapper-desktop { display: none;}
.stage-8 .thanks-wrapper .white-bg { position: relative; margin: 5.312vw auto; background-color: white; width: 93.75vw; height: auto; border-radius: 1.562vw; direction: rtl;}
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile { display: flex; flex-direction: column;}
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile .v-check-icon { width: 13.438vw; margin: 3.125vw auto;}
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile .big-title { font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 6.25vw; text-align: center;}
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile .title-text-black { text-align: center; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 4.375vw; width: 75vw; margin: auto;}
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile .title-text-bold-black { text-align: center; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 4.375vw;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper { border: 0.625vw solid #f2f2f2; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 90.625vw; margin: 0 auto; padding: 0.938vw;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .small-title, .stage-8 .thanks-wrapper .white-bg .inner-wrapper .order-small-title { font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 5vw; margin-top: 4.688vw;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .text-blue { color: #0da3c8; font-size: 3.75vw;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .text-black { font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 3.75vw;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .text-black-mobile { font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 3.75vw;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper { display: flex; flex-direction: column; width: 87.5vw;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper .text-black-desktop { display: none;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper .small-title { font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 5vw; margin-top: 4.688vw;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper .text-black { font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 3.75vw; width: 71.875vw;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper { text-align: center; display: flex; flex-direction: column; justify-content: center;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .text-red { color: #ff0000; font-size: 3.75vw; font-family: FbConstructor-Regular, Barlow-Regular; margin: 0; padding: 0; font-weight: 600;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .payment-div { display: flex; flex-direction: column; justify-content: center; margin: auto;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .payment-div .small-title-center { display: flex; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-size: 5.625vw; margin: 0; padding: 0; text-align: center;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .payment-div .big-text-blue { display: flex; font-family: FbConstructor-Regular, Barlow-Regular; color: #0da3c8; font-size: 6.25vw; text-align: center; margin: 0;}
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .arrow-up-icon { width: 4.688vw; height: 3.125vw; align-items: center; margin: 0.938vw auto;}
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper { display: flex; flex-direction: column; padding-top: 3.125vw;}
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .explanation-title { margin-top: 9.375vw; margin-bottom: 4.688vw; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-size: 6.25vw; text-align: center;}
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .bottom-each-line-wrapper { display: flex; flex-direction: row; margin: 6.25vw 4.688vw; width: 71.875vw;}
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .bottom-each-line-wrapper .explanation-text { display: flex; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 5vw;}
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .bottom-each-line-wrapper .blue-dot-icon { display: flex; margin: 1.562vw; width: 2.188vw; height: 2.188vw;}
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .footer-text-wrapper { display: flex; flex-direction: row; justify-content: center; margin-bottom: 5.312vw; margin-top: 7.812vw;}
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .footer-text-wrapper .footer-text { font-size: 5.625vw; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; padding-left: 1.25vw;}
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .footer-text-wrapper .footer-underline-text { font-size: 5.625vw; text-decoration: underline; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939;}
@media (min-width: 768px){ .stage-8 .thanks-wrapper { position: relative; background-image: url("/_media/images/maintenance/tipulim-bg.svg"); background-repeat: repeat; background-color: #facc0d; padding: 1vw 0 8vw; }
.stage-8 .thanks-wrapper .top-text-wrapper-desktop { display: none; }
.stage-8 .thanks-wrapper .white-bg { background-color: white; width: 65.104vw; border-radius: 0.651vw; direction: rtl; }
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile { display: flex; flex-direction: column; }
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile .v-check-icon { width: 5.599vw; margin: 1.302vw auto; }
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile .big-title { font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 2.604vw; text-align: center; }
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile .title-text-black { text-align: center; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 1.823vw; width: 31.25vw; margin: auto; }
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile .title-text-bold-black { text-align: center; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 1.823vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper { border: 0.26vw solid #f2f2f2; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 45.573vw; margin: 0 auto; padding: 0.391vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .small-title, .stage-8 .thanks-wrapper .white-bg .inner-wrapper .order-small-title { font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 2.083vw; margin-top: 1.953vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .text-blue { color: #0da3c8; font-size: 1.562vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .text-black { font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 1.562vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .text-black-mobile { font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 1.562vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper { display: flex; flex-direction: column; width: 36.458vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper .small-title { font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 2.083vw; margin-top: 1.953vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper .text-black { font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 1.562vw; width: 29.948vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper { text-align: center; display: flex; flex-direction: column; justify-content: center; padding-top: 2vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .text-red { color: #ff0000; font-size: 1.562vw; font-family: FbConstructor-Regular, Barlow-Regular; margin: 0; padding: 0; font-weight: 600; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .payment-div { display: flex; flex-direction: column; justify-content: center; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .payment-div .small-title-center { display: flex; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-size: 2.344vw; margin: 0; text-align: center; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .payment-div .big-text-blue { display: flex; font-family: FbConstructor-Regular, Barlow-Regular; color: #0da3c8; font-size: 2.604vw; text-align: center; margin: 0; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .arrow-up-icon { width: 1.953vw; height: 1.302vw; align-items: center; margin: 0.391vw auto; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper { display: flex; flex-direction: column; padding-top: 1.302vw; padding-right: 5.208vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .explanation-title { margin-top: 3.906vw; margin-bottom: 1.953vw; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-size: 2.604vw; text-align: center; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .bottom-each-line-wrapper { display: flex; flex-direction: row; margin: 2.604vw 3.906vw; width: 29.948vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .bottom-each-line-wrapper .explanation-text { display: flex; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 2.083vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .bottom-each-line-wrapper .blue-dot-icon { display: flex; margin: 0.651vw; width: 0.911vw; height: 0.911vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .footer-text-wrapper { display: flex; flex-direction: row; justify-content: center; margin-bottom: 2.214vw; margin-top: 3.255vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .footer-text-wrapper .footer-text { font-size: 2.344vw; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; padding-left: 0.521vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .footer-text-wrapper .footer-underline-text { font-size: 2.344vw; text-decoration: underline; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; }
.stage-8 .mobile-collapse { height: auto; overflow: visible; }
.stage-8 .collapse-btn { display: none; }
}
@media (min-width: 1200px){ .stage-8 .thanks-wrapper { background-image: url("/_media/images/maintenance/tipulim-bg.svg"); background-repeat: repeat; background-color: #facc0d; padding-bottom: 2.917vw; }
.stage-8 .thanks-wrapper .top-text-wrapper-desktop { display: flex; flex-direction: column; justify-content: center; }
.stage-8 .thanks-wrapper .top-text-wrapper-desktop .v-check-icon { width: 6.667vw; margin: 1.667vw auto; }
.stage-8 .thanks-wrapper .top-text-wrapper-desktop .big-title { font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 3.75vw; text-align: center; }
.stage-8 .thanks-wrapper .top-text-wrapper-desktop .title-text-black { text-align: center; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 1.667vw; width: 58.333vw; margin: 0.833vw auto; }
.stage-8 .thanks-wrapper .top-text-wrapper-desktop .title-text-bold-black { text-align: center; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 1.667vw; }
.stage-8 .thanks-wrapper .white-bg { position: relative; display: flex; flex-direction: row; background-color: white; width: 75vw; min-height: 45.833vw; border-radius: 0.417vw; direction: rtl; margin: 2.917vw auto 0; }
.stage-8 .thanks-wrapper .white-bg .top-text-wrapper-mobile { display: none; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper { display: flex; flex-direction: column; border: none; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 49%; margin: 0.833vw 0.583vw; padding: 0.25vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .order-small-title { font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 2.083vw; margin-top: 1.25vw; margin-right: 3.333vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .small-title { font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 1.333vw; margin-top: 1.25vw; margin-right: 3.333vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .text-blue { color: #3a3939; font-size: 1vw; margin-right: 3.333vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .text-black { font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 1vw; margin-right: 3.333vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .text-black-mobile { display: none; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper { display: flex; flex-direction: column; width: 25.833vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper .small-title { font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-weight: bold; font-size: 1.333vw; margin-top: 1.25vw; margin-right: 3.333vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper .text-black { font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 1vw; margin-right: 3.333vw; line-height: 1.4; display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .inner-each-line-wrapper .text-black-desktop { display: inline-block; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; margin-right: 3.333vw; font-size: 1vw; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper { text-align: center; display: flex; justify-content: center; text-align: center; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .text-red { color: #ff0000; font-size: 1.5vw; font-family: FbConstructor-Regular, Barlow-Regular; margin: 0; padding: 0; font-weight: 600; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .payment-div { display: flex; flex-direction: row; justify-content: center; align-items: baseline; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .payment-div .small-title-center { display: flex; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 2.083vw; margin: 0; text-align: center; padding-left: 0.583vw; padding-bottom: 0.417vw; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .payment-div .big-text-blue { display: flex; font-family: FbConstructor-Regular, Barlow-Regular; color: #0da3c8; font-size: 2.25vw; text-align: center; margin: 0; direction: ltr; }
.stage-8 .thanks-wrapper .white-bg .inner-wrapper .bottom-payment-wrapper .arrow-up-icon { display: none; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper { display: flex; flex-direction: column; width: 49%; height: 35.833vw; border-right: 0.083vw solid #707070; vertical-align: middle; position: absolute; top: 50%; left: 25%; transform: translate(-50%, -50%); padding-right: 2.5vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .explanation-title { margin-top: 2.5vw; margin-bottom: 0.583vw; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; font-size: 2.083vw; text-align: right; padding-right: 5vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .bottom-each-line-wrapper { display: flex; flex-direction: row; margin: 1vw 1.667vw; width: 26.667vw; padding-right: 1.667vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .bottom-each-line-wrapper .explanation-text { display: flex; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; font-size: 1.167vw; line-height: 1.4; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .bottom-each-line-wrapper .blue-dot-icon { display: flex; margin: 0.417vw; width: 0.583vw; height: 0.583vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .footer-text-wrapper { display: flex; flex-direction: row; justify-content: center; margin-bottom: 1.417vw; margin-top: 2.083vw; padding-left: 2.5vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .footer-text-wrapper .footer-text { font-size: 1.333vw; font-family: FbConstructor-Regular, Barlow-Regular; color: #3a3939; padding-left: 0.333vw; }
.stage-8 .thanks-wrapper .white-bg .bottom-wrapper .footer-text-wrapper .footer-underline-text { font-size: 1.333vw; text-decoration: underline; font-family: FbConstructor-Bold, Barlow-Regular; color: #3a3939; }
}