.wrapper.general-layer.top-layer.component .monthly-savings-calculator-outer{max-width:400px;font-size:1rem;padding:16px 24px 24px}
.wrapper.general-layer.top-layer.component .monthly-savings-calculator-outer header{min-height:36px}
.component.monthly-savings-calculator{background-color:#fdf6ee;padding:16px}
.component.monthly-savings-calculator .results-wrapper{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-align-items:center;align-items:center;margin-bottom:16px}
.component.monthly-savings-calculator .results-wrapper .period-help-text{font-size:1rem}
.component.monthly-savings-calculator .results-wrapper .additional-results{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin-top:32px;font-size:1rem;line-height:1.375rem}
.component.monthly-savings-calculator .results-wrapper .additional-results div{text-align:center}
.component.monthly-savings-calculator .results-wrapper .result{color:#fb4f00;font-family:SwedbankHeadlineBlack,Arial,sans-serif;font-size:1.875rem;line-height:1.75rem;margin:12px 0}
.component.monthly-savings-calculator .results-wrapper a.button-link{cursor:pointer;border:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;min-width:80px;min-height:38px;padding:8px 24px;font-family:SwedbankHeadlineBold,Arial,sans-serif;font-size:1rem;line-height:1.375rem;color:#fff;background-color:#31a3ae;outline:0;max-height:38px;min-height:unset}
.component.monthly-savings-calculator .results-wrapper a.button-link:focus,.component.monthly-savings-calculator .results-wrapper a.button-link:hover{background:#257886}
.component.monthly-savings-calculator .results-wrapper a.button-link:focus,.component.monthly-savings-calculator .results-wrapper a.button-link:hover{background-color:#31a3ae}
.component.monthly-savings-calculator .results-wrapper button.fake-link{background:0;border:0;color:#257886;font-size:1rem;line-height:1.375rem;text-decoration:underline;font-family:Arial,Helvetica,sans-serif}
.component.monthly-savings-calculator form{margin-bottom:40px}
.component.monthly-savings-calculator form .error-container{position:relative;min-height:72px;background-color:#f9ded3;min-width:100%;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);border-top:2px solid #c5131c}
.component.monthly-savings-calculator form .error-container .error-icon{position:absolute;min-width:40px;border-radius:0 20px 20px 0;background-color:#c5131c;height:32px;width:40px}
.component.monthly-savings-calculator form .error-container .error-icon::before{position:absolute;content:"";background-image:url("../../../../../etc/designs/wcms/images/icons.svg#alert-view");width:16px;height:16px;top:8px;left:16px}
.component.monthly-savings-calculator form .error-container .error{padding:8px 24px 12px 56px;color:#512b2b;font-size:.875rem;line-height:1.375rem}
.component.monthly-savings-calculator form form{padding:16px}
.component.monthly-savings-calculator form label,.component.monthly-savings-calculator form .label{display:block;font-size:.875rem;line-height:1rem;color:#512b2b;padding-bottom:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.component.monthly-savings-calculator form .field .error-container,.component.monthly-savings-calculator form .fields .error-container{color:#c5131c;padding-top:8px;line-height:1rem}
.component.monthly-savings-calculator form .field .error-container .error,.component.monthly-savings-calculator form .fields .error-container .error{pointer-events:none}
.component.monthly-savings-calculator form .fields.error legend.label{color:#c5131c}
.component.monthly-savings-calculator form .field{position:relative}
.component.monthly-savings-calculator form .field.error.combobox input{border-bottom-color:#c5131c}
.component.monthly-savings-calculator form .field.error select,.component.monthly-savings-calculator form .field.error textarea,.component.monthly-savings-calculator form .field.error input.form-textfield,.component.monthly-savings-calculator form .field.error .fancy-select{border-bottom-color:#c5131c}
.component.monthly-savings-calculator form .field.error label{color:#c5131c}
.component.monthly-savings-calculator form .field input:not([type=button]):not([type=range]){-webkit-box-shadow:0 0 0 1000px #fff inset;-moz-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset}
.component.monthly-savings-calculator form .field input,.component.monthly-savings-calculator form .field input[type="number"]::-webkit-inner-spin-button,.component.monthly-savings-calculator form .field input[type="date"]::-webkit-inner-spin-button,.component.monthly-savings-calculator form .field button,.component.monthly-savings-calculator form .field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.component.monthly-savings-calculator form .field input[type="number"]{-moz-appearance:textfield}
.component.monthly-savings-calculator form .field textarea,.component.monthly-savings-calculator form .field input.form-textfield{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.component.monthly-savings-calculator form .field input[type="text"]::-ms-clear{display:none}
.component.monthly-savings-calculator form .field input[type="text"],.component.monthly-savings-calculator form .field input[type="number"],.component.monthly-savings-calculator form .field input[type="password"],.component.monthly-savings-calculator form .field textarea,.component.monthly-savings-calculator form .field select,.component.monthly-savings-calculator form .field input.form-textfield,.component.monthly-savings-calculator form .field .fancy-select{height:48px;line-height:3rem;outline:0;background:#fff;border:0;display:block;width:100%;border-bottom:2px solid #d4c4bc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 8px;font-size:1rem;font-family:SwedbankSansRegular,Arial,sans-serif;color:#512b2b}
.component.monthly-savings-calculator form .field input[type="text"]::-webkit-input-placeholder,.component.monthly-savings-calculator form .field input[type="number"]::-webkit-input-placeholder,.component.monthly-savings-calculator form .field input[type="password"]::-webkit-input-placeholder,.component.monthly-savings-calculator form .field textarea::-webkit-input-placeholder,.component.monthly-savings-calculator form .field select::-webkit-input-placeholder,.component.monthly-savings-calculator form .field input.form-textfield::-webkit-input-placeholder,.component.monthly-savings-calculator form .field .fancy-select::-webkit-input-placeholder{line-height:3rem;color:#72605e}
.component.monthly-savings-calculator form .field input[type="text"]:-moz-placeholder,.component.monthly-savings-calculator form .field input[type="number"]:-moz-placeholder,.component.monthly-savings-calculator form .field input[type="password"]:-moz-placeholder,.component.monthly-savings-calculator form .field textarea:-moz-placeholder,.component.monthly-savings-calculator form .field select:-moz-placeholder,.component.monthly-savings-calculator form .field input.form-textfield:-moz-placeholder,.component.monthly-savings-calculator form .field .fancy-select:-moz-placeholder{line-height:3rem;color:#72605e}
.component.monthly-savings-calculator form .field input[type="text"]::-moz-placeholder,.component.monthly-savings-calculator form .field input[type="number"]::-moz-placeholder,.component.monthly-savings-calculator form .field input[type="password"]::-moz-placeholder,.component.monthly-savings-calculator form .field textarea::-moz-placeholder,.component.monthly-savings-calculator form .field select::-moz-placeholder,.component.monthly-savings-calculator form .field input.form-textfield::-moz-placeholder,.component.monthly-savings-calculator form .field .fancy-select::-moz-placeholder{line-height:3rem;color:#72605e}
.component.monthly-savings-calculator form .field input[type="text"]:-ms-input-placeholder,.component.monthly-savings-calculator form .field input[type="number"]:-ms-input-placeholder,.component.monthly-savings-calculator form .field input[type="password"]:-ms-input-placeholder,.component.monthly-savings-calculator form .field textarea:-ms-input-placeholder,.component.monthly-savings-calculator form .field select:-ms-input-placeholder,.component.monthly-savings-calculator form .field input.form-textfield:-ms-input-placeholder,.component.monthly-savings-calculator form .field .fancy-select:-ms-input-placeholder{line-height:3rem;color:#72605e}
.component.monthly-savings-calculator form .field input[type="text"] ::placeholder,.component.monthly-savings-calculator form .field input[type="number"] ::placeholder,.component.monthly-savings-calculator form .field input[type="password"] ::placeholder,.component.monthly-savings-calculator form .field textarea ::placeholder,.component.monthly-savings-calculator form .field select ::placeholder,.component.monthly-savings-calculator form .field input.form-textfield ::placeholder,.component.monthly-savings-calculator form .field .fancy-select ::placeholder{line-height:3rem;color:#72605e}
.component.monthly-savings-calculator form .field textarea{min-height:80px;resize:vertical;font-size:1.125rem;line-height:1.375rem;padding:10px 8px}
.component.monthly-savings-calculator form .field.checkbox,.component.monthly-savings-calculator form .field.radio{position:relative;cursor:pointer}
.component.monthly-savings-calculator form .field.checkbox label,.component.monthly-savings-calculator form .field.radio label{position:relative;padding-left:28px;padding-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;font-family:SwedbankSansRegular,Arial,sans-serif;font-size:1.125rem;line-height:1.375rem;min-height:22px}
.component.monthly-savings-calculator form .field.checkbox label::before,.component.monthly-savings-calculator form .field.radio label::before{content:'';position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:2px solid #999;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
.component.monthly-savings-calculator form .field.checkbox input,.component.monthly-savings-calculator form .field.radio input{position:absolute;opacity:0;left:0;top:0}
.component.monthly-savings-calculator form .field.checkbox input.selected ~ label:before,.component.monthly-savings-calculator form .field.radio input.selected ~ label:before,.component.monthly-savings-calculator form .field.checkbox input:checked ~ label:before,.component.monthly-savings-calculator form .field.radio input:checked ~ label:before{border-color:#72605e}
.component.monthly-savings-calculator form .field.checkbox input.selected ~ label::before,.component.monthly-savings-calculator form .field.radio input.selected ~ label::before,.component.monthly-savings-calculator form .field.checkbox input:checked ~ label::before,.component.monthly-savings-calculator form .field.radio input:checked ~ label::before{border-width:6px}
.component.monthly-savings-calculator form .field.checkbox input[type="radio"].selected ~ label::before,.component.monthly-savings-calculator form .field.radio input[type="radio"].selected ~ label::before,.component.monthly-savings-calculator form .field.checkbox input[type="radio"]:checked ~ label::before,.component.monthly-savings-calculator form .field.radio input[type="radio"]:checked ~ label::before{background:#fff}
.component.monthly-savings-calculator form .field.checkbox.disabled input ~ label::before,.component.monthly-savings-calculator form .field.radio.disabled input ~ label::before{border-color:#929293;background:#ece7e2}
.component.monthly-savings-calculator form .field.checkbox.disabled input[type="radio"]:checked ~ label::before,.component.monthly-savings-calculator form .field.radio.disabled input[type="radio"]:checked ~ label::before,.component.monthly-savings-calculator form .field.checkbox.disabled input[type="radio"].selected ~ label::before,.component.monthly-savings-calculator form .field.radio.disabled input[type="radio"].selected ~ label::before{border-color:#929293;background:#fff}
.component.monthly-savings-calculator form .field.checkbox input[type="radio"] ~ label::before,.component.monthly-savings-calculator form .field.radio input[type="radio"] ~ label::before{top:0;width:20px;height:20px}
.component.monthly-savings-calculator form .field.checkbox label:before{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.component.monthly-savings-calculator form .field.checkbox svg{position:absolute;z-index:1;width:13px;left:4px;top:4px;height:13px;visibility:hidden;opacity:0;color:#fff;pointer-events:none}
.component.monthly-savings-calculator form .field.checkbox input[type="checkbox"]:checked+svg{visibility:visible;opacity:1}
.component.monthly-savings-calculator form .field.checkbox input[type="checkbox"]:checked ~ label:before{background:#72605e;border-color:#72605e}
.component.monthly-savings-calculator form .field.checkbox.disabled input[type="checkbox"]:checked ~ label:before{border-color:#929293;background:#929293}
.component.monthly-savings-calculator form .field.checkbox input[type="checkbox"] ~ label::before{width:20px;height:20px}
.component.monthly-savings-calculator form .field .fancy-select{padding-right:48px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative}
.component.monthly-savings-calculator form .field .fancy-select::before{content:"";position:absolute;width:9px;height:6px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:17px;background:url("../../../../../etc/designs/wcms/images/icons.svg#arrow-triangle-turquoise-down-view");background-size:cover}
.component.monthly-savings-calculator form .field .fancy-select.combo{padding-left:0}
.component.monthly-savings-calculator form .field .fancy-select.combo input{padding:0 0 0 12px}
.component.monthly-savings-calculator form .field .fancy-select.combo .fancy-select-dropdown{border:0;box-shadow:0 3px 5px rgba(0,0,0,0.25)}
.component.monthly-savings-calculator form .field .fancy-select.combo .fancy-select-dropdown li{height:48px;padding-left:12px;line-height:48px}
.component.monthly-savings-calculator form .field .fancy-select.combo .fancy-select-dropdown li span.combobox-match{color:#31a3ae}
.component.monthly-savings-calculator form .field .fancy-select.combo .fancy-select-dropdown li:hover,.component.monthly-savings-calculator form .field .fancy-select.combo .fancy-select-dropdown li.active{background-color:#ebe7e2;color:#512b2b}
.component.monthly-savings-calculator form .field .fancy-select::before{z-index:2;width:12px;height:9px}
.component.monthly-savings-calculator form .field .fancy-select .fancy-select-value{pointer-events:none;overflow:hidden}
.component.monthly-savings-calculator form .field .fancy-select input.fancy-select-value{pointer-events:all}
.component.monthly-savings-calculator form .field .fancy-select .fancy-select-dropdown{position:absolute;z-index:5;left:0;top:48px;width:100%;background:#fff;border:1px solid #797979;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;max-height:240px;overflow:auto}
.component.monthly-savings-calculator form .field .fancy-select .fancy-select-dropdown li{line-height:1.5rem;height:24px;padding:0 8px}
.component.monthly-savings-calculator form .field .fancy-select .fancy-select-dropdown li.active,.component.monthly-savings-calculator form .field .fancy-select .fancy-select-dropdown li:hover{background:#1e90ff;color:#fff}
.component.monthly-savings-calculator form .field .fancy-select .fancy-select-dropdown li[data-disabled]{background:#faf9f6;color:#767676;cursor:default}
.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio):not(.error):not(.disabled):not(.combobox) label{color:#257886}
.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio):not(.disabled) input[type="text"],.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio):not(.disabled) input[type="number"],.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio):not(.disabled) input[type="email"],.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio):not(.disabled) input[type="password"],.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio):not(.disabled) textarea,.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio):not(.disabled) select,.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio):not(.disabled) .fancy-select{border-color:#31a3ae}
.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio) .fancy-select::after{content:'';position:absolute;width:calc(48px - 2px);height:calc(48px - 2px);top:0;right:0;background:#f2f2f2;z-index:1}
.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio) .fancy-select-dropdown{display:block}
.component.monthly-savings-calculator form .field.active.radio label:before{background:#fbf2ea;border-color:#a38b80}
.component.monthly-savings-calculator form .field.active.checkbox label:before,.component.monthly-savings-calculator form .field.hover.checkbox label:before,.component.monthly-savings-calculator form .field.active.radio label:before,.component.monthly-savings-calculator form .field.hover.radio label:before{background:#fbf2ea;border-color:#a38b80}
.component.monthly-savings-calculator form .field.disabled textarea,.component.monthly-savings-calculator form .field.disabled select,.component.monthly-savings-calculator form .field.disabled input[type="text"],.component.monthly-savings-calculator form .field.disabled input[type="number"],.component.monthly-savings-calculator form .field.disabled input.form-textfield{background:#faf9f6}
.component.monthly-savings-calculator form .field.disabled .fancy-select{background:#f9f8f6}
.component.monthly-savings-calculator form .field.field-with-help .field-container{position:relative;padding-right:36px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.component.monthly-savings-calculator form .field.field-with-help .field-container .field-help-button{position:absolute;right:0;top:0;bottom:0;width:36px;cursor:pointer}
.component.monthly-savings-calculator form .field.field-with-help .field-container .field-help-button svg{color:#ee7023;height:24px;width:24px;cursor:pointer;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
.component.monthly-savings-calculator form .field.field-with-help .field-help{line-height:1.25rem;color:#512b2b;background-color:#f9f8f6;margin-top:8px;padding:12px;border:2px solid #ee7023;border-left:0;border-right:0}
.component.monthly-savings-calculator form .cmp ~ .cmp>.field,.component.monthly-savings-calculator form .cmp ~ .cmp>.fields{margin-top:24px}
.component.monthly-savings-calculator form .captcha.field{margin:24px 0}
.component.monthly-savings-calculator form .captcha.field .captcha-error{border:3px solid #c5131c;position:absolute;top:22px;left:12px;width:23px;height:23px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer;pointer-events:none}
.component.monthly-savings-calculator form .checkbox-list:after,.component.monthly-savings-calculator form .radio-list:after{content:"";display:table;clear:both}
.component.monthly-savings-calculator form .checkbox-list.horizontal,.component.monthly-savings-calculator form .radio-list.horizontal{margin:-8px -12px;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.component.monthly-savings-calculator form .checkbox-list.horizontal li,.component.monthly-savings-calculator form .radio-list.horizontal li{margin:8px 12px}
.component.monthly-savings-calculator form .checkbox-list.vertical,.component.monthly-savings-calculator form .radio-list.vertical{margin:-4px -12px}
.component.monthly-savings-calculator form .checkbox-list.vertical li,.component.monthly-savings-calculator form .radio-list.vertical li{float:left;clear:both;margin:8px 12px}
.component.monthly-savings-calculator form fieldset{margin-bottom:8px;border:0}
.component.monthly-savings-calculator form fieldset legend{font-family:SwedbankHeadlineBold,Arial,sans-serif}
.component.monthly-savings-calculator form .options-help{margin-bottom:8px}
@media screen and (max-width:37.4375em){.component.monthly-savings-calculator form .field label,.component.monthly-savings-calculator form .field .label{font-size:.75rem}
.component.monthly-savings-calculator form .field input[type="text"],.component.monthly-savings-calculator form .field input[type="password"],.component.monthly-savings-calculator form .field input[type="date"],.component.monthly-savings-calculator form .field input[type="number"],.component.monthly-savings-calculator form .field select,.component.monthly-savings-calculator form .field .fancy-select{height:40px;line-height:2.5rem}
.component.monthly-savings-calculator form .field .fancy-select{padding-right:40px}
.component.monthly-savings-calculator form .field .fancy-select svg{right:calc((40px - 2px)/2 - 6px)}
.component.monthly-savings-calculator form .field.active:not(.checkbox):not(.radio) .fancy-select::after{width:calc(40px - 2px);height:calc(40px - 2px)}
.component.monthly-savings-calculator form .field.field-with-help .field-container .field-help-button{height:40px}
.component.monthly-savings-calculator form .field.checkbox label,.component.monthly-savings-calculator form .field.radio label{font-size:.875rem;line-height:1.125rem}
.component.monthly-savings-calculator form .fields>.label{font-size:.75rem;line-height:1rem}
}
.component.monthly-savings-calculator form .form-row{margin-top:12px;margin-bottom:35px}
.component.monthly-savings-calculator form .form-row .error-container{min-height:unset;padding-top:0;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)}
.component.monthly-savings-calculator form .form-row .error-container .error{padding:16px 24px 16px 64px}
.component.monthly-savings-calculator form .form-row .error-container .error-icon{min-width:40px;height:32px;border-radius:0 20px 20px 0;background-color:#c5131c;border-radius:0 0 32px 32px;left:16px;height:40px;min-width:32px;width:32px}
.component.monthly-savings-calculator form .form-row .error-container .error-icon::before{position:absolute;content:"";background-image:url("../../../../../etc/designs/wcms/images/icons.svg#error-view");width:16px;height:16px;top:8px;left:16px}
.component.monthly-savings-calculator form .form-row .error-container .error-icon::before{left:8px;top:16px}
.component.monthly-savings-calculator form .form-row .row-label{line-height:1.375rem;font-size:1rem;font-family:SwedbankHeadlineBold,Arial,sans-serif;padding-bottom:16px}
.component.monthly-savings-calculator form .form-row .row-label .field-help-button{display:inline;color:#ff5f00}
.component.monthly-savings-calculator form .form-row .row-label .field-help-button svg{width:20px;height:20px;position:absolute;padding-left:4px;cursor:pointer}
.component.monthly-savings-calculator form .form-row .row-label .field-help{display:none;color:#512b2b;background-color:#f9f8f6;margin-top:8px;padding:12px;border:2px solid #ee7023;border-left:0;border-right:0;line-height:1.375rem;font-family:Arial,Helvetica,sans-serif;margin-bottom:16px}
.component.monthly-savings-calculator form .form-row.show-help .field-help{display:block}
.component.monthly-savings-calculator form .form-row .row-inputs{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.component.monthly-savings-calculator form .form-row .slider{width:100%;padding-right:32px}
.component.monthly-savings-calculator form .form-row .slider .label-wrapper{display:none}
.component.monthly-savings-calculator form .form-row .input-wrapper{position:relative;margin-top:-16px;max-width:180px;width:100%}
.component.monthly-savings-calculator form .form-row .input-wrapper .inside-label{position:absolute;text-align:right;right:12px;font-size:1rem;font-family:SwedbankSansRegular,Arial,sans-serif;bottom:12px}
.component.monthly-savings-calculator form .form-row .input-wrapper input[type=text]{position:relative;padding-left:12px;height:50px}
@media screen and (max-width:56.5em){.wrapper .component.monthly-savings-calculator .results-wrapper a.button-link{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}
.wrapper .component.monthly-savings-calculator .results-wrapper .additional-results{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.wrapper .component.monthly-savings-calculator form .form-row{margin-bottom:24px}
.wrapper .component.monthly-savings-calculator form .form-row .row-inputs .input-wrapper{max-width:114px}
.wrapper .component.monthly-savings-calculator form .form-row .row-inputs .input-wrapper input[type=text]{height:48px;margin-top:4px}
.wrapper .component.monthly-savings-calculator form .form-row .row-inputs .slider{padding-right:16px}
}