.mortgage-input-field{-webkit-transform:translateY(0);transform:translateY(0);transition:transform .2s ease-out}
.mortgage-input-field .comp-rich-text{padding-top:5px;width:570px}
.mortgage-input-field .col-xs-12.col-sm-12.col-md-12.col-lg-12{padding-left:0}
.mortgage-input-field .error-container{display:none}
.mortgage-input-field.row{margin-left:0;margin-right:0}
.mortgage-input-field.errorState .input-field[isvalid="false"]{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/mortgage/hmcib-mrf/mortgage-input-textfield/clientlibs/clientlibs_images/resources/images/icon-wrong.png");background-repeat:no-repeat;background-position:100% 21px;animation:shake .4s;animation-iteration-count:1}
.mortgage-input-field.errorState.focus .mortgage__input-wrap{border-color:#e60303}
.mortgage-input-field.errorState .mortgage__input-wrap{border-color:#e60303}
.mortgage-input-field.errorState .error-container{color:#e60303;font-size:14px;line-height:18px;display:block}
.mortgage-input-field.errorState .error-container .error-arrow{display:none}
.mortgage-input-field .mortgage-field-wrap--large .mortgage__input-wrap{width:471px}
.mortgage-input-field .mortgage-field-wrap--large .form-field-label{max-width:432px}
.mortgage-input-field .mortgage-field-wrap--medium .mortgage__input-wrap{width:372px}
.mortgage-input-field .mortgage-field-wrap--medium .form-field-label{max-width:372px}
.mortgage-input-field .mortgage-field-wrap--small .mortgage__input-wrap{width:273px}
.mortgage-input-field .mortgage-field-wrap--small .form-field-label{max-width:273px}
.mortgage-input-field .form-field-label{font-size:16px;max-height:26px;font-weight:normal;overflow:hidden;display:block;margin-bottom:5px;color:#333}
.mortgage-input-field .form-field-label.labelinfo-comp{float:left}
.mortgage-input-field .comp-rich-text p{font-size:14px;line-height:18px}
.mortgage-input-field.focus .form-field-label{color:#5e10b1}
.mortgage-input-field.errorState .form-field-label,.mortgage-input-field.errorState.focus .form-field-label{color:#e60303}
.mortgage-input-field .mortgage__input-wrap{position:relative;border:1px solid #646068;height:66px;padding:0 20px 20px 20px;background-color:#fff;border-radius:8px}
.mortgage-input-field .mortgage__input-wrap .text-field-comp{float:left;padding:0;width:100%}
.mortgage-input-field .mortgage__input-wrap .text-field-comp input{background-color:transparent;color:#333}
.mortgage-input-field .mortgage__input-wrap .input-field{border:0;padding:20px 24px 0 0;width:100%;outline:0;background-color:transparent;float:right}
.mortgage-input-field .mortgage__input-wrap .input-field[isvalid="true"]{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/mortgage/hmcib-mrf/mortgage-input-textfield/clientlibs/clientlibs_images/resources/images/icon-right-champion.svg");background-repeat:no-repeat;background-position:100% 21px}
.mortgage-input-field .mortgage__input-wrap .input-field::-ms-clear{display:none}
.mortgage-input-field.focus .mortgage__input-wrap .text-field-comp input{color:#646068}
.mortgage-input-field.errorState .error-container{padding-top:15px}
.mortgage-input-field.focus .mortgage__input-wrap{border-color:#5e10b1}
@keyframes shake{0{background-position:100% 21px}
30%{background-position:calc(100% + 7px) 21px}
40%{background-position:calc(100% + 5px) 21px}
50%{background-position:100% 21px}
60%{background-position:calc(100% - 5px) 21px}
70%{background-position:calc(100% - 7px) 21px}
100%{background-position:100% 21px}
}
@media(min-width:1024px) and (max-width:1255px){.mortgage-input-field .comp-rich-text{width:450px}
.mortgage-input-field .mortgage-field-wrap--large .mortgage__input-wrap{width:371px}
.mortgage-input-field .mortgage-field-wrap--large .form-field-label{max-width:332px}
.mortgage-input-field .mortgage-field-wrap--medium .form-field-label{max-width:333px}
.mortgage-input-field .mortgage-field-wrap--small .mortgage__input-wrap{width:292px}
.mortgage-input-field .mortgage-field-wrap--small .form-field-label{max-width:292px}
}
@media(min-width:768px) and (max-width:1023px){.mortgage-input-field .comp-rich-text{width:402px}
.mortgage-input-field .mortgage-field-wrap--large .mortgage__input-wrap{width:403px}
.mortgage-input-field .mortgage-field-wrap--large .form-field-label{max-width:364px}
.mortgage-input-field .mortgage-field-wrap--medium .mortgage__input-wrap{width:342px}
.mortgage-input-field .mortgage-field-wrap--medium .form-field-label{max-width:342px}
.mortgage-input-field .mortgage-field-wrap--small .mortgage__input-wrap{width:281px}
.mortgage-input-field .mortgage-field-wrap--small .form-field-label{max-width:281px}
}
@media(max-width:767px){.mortgage-input-field .comp-rich-text{width:100%}
.mortgage-input-field .mortgage-field-wrap--large .mortgage__input-wrap,.mortgage-input-field .mortgage-field-wrap--medium .mortgage__input-wrap{width:100%}
.mortgage-input-field .mortgage-field-wrap--large .form-field-label,.mortgage-input-field .mortgage-field-wrap--medium .form-field-label{max-width:calc(100% - 39px)}
.mortgage-input-field .mortgage-field-wrap--small .mortgage__input-wrap{width:75%}
.mortgage-input-field .mortgage-field-wrap--small .form-field-label{max-width:75%}
}
.aip-toggle-roadblock.disable,.aip-incdec-roadblock.disable,.aip-dropdown-roadblock.disable{display:none}
.cq-wcm-edit .aip-toggle-roadblock.disable,.aem-AuthorLayer-Edit .aip-toggle-roadblock.disable,.cq-wcm-edit .aip-incdec-roadblock.disable,.aem-AuthorLayer-Edit .aip-incdec-roadblock.disable,.cq-wcm-edit .aip-dropdown-roadblock.disable,.aem-AuthorLayer-Edit .aip-dropdown-roadblock.disable{display:block}
.aip-toggle-roadblock .eligibility-toggle,.aip-incdec-roadblock .eligibility-toggle,.aip-dropdown-roadblock .eligibility-toggle{padding-bottom:0}
.aip-toggle-roadblock .aip-roadblock-message,.aip-incdec-roadblock .aip-roadblock-message,.aip-dropdown-roadblock .aip-roadblock-message{background-color:#5a287d;padding:35px 30px 29px 30px;color:#fff;display:none;margin-bottom:20px;position:relative;margin-top:31px;border-radius:8px}
.aip-toggle-roadblock .aip-roadblock-message .labelinfo-cone,.aip-incdec-roadblock .aip-roadblock-message .labelinfo-cone,.aip-dropdown-roadblock .aip-roadblock-message .labelinfo-cone{position:absolute;top:-11px;border-width:0 12px 14px 12px;border-style:solid;border-color:#5a287d transparent;display:block;width:0;height:0}
.cq-wcm-edit .aip-toggle-roadblock .aip-roadblock-message,.aem-AuthorLayer-Edit .aip-toggle-roadblock .aip-roadblock-message,.aip-toggle-roadblock .aip-roadblock-message.active,.cq-wcm-edit .aip-incdec-roadblock .aip-roadblock-message,.aem-AuthorLayer-Edit .aip-incdec-roadblock .aip-roadblock-message,.aip-incdec-roadblock .aip-roadblock-message.active,.cq-wcm-edit .aip-dropdown-roadblock .aip-roadblock-message,.aem-AuthorLayer-Edit .aip-dropdown-roadblock .aip-roadblock-message,.aip-dropdown-roadblock .aip-roadblock-message.active{display:block}
.aip-toggle-roadblock .aip-roadblock-message .aip-roadblock-message--title,.aip-incdec-roadblock .aip-roadblock-message .aip-roadblock-message--title,.aip-dropdown-roadblock .aip-roadblock-message .aip-roadblock-message--title{color:#fff;font-size:22px;line-height:32px;padding-bottom:25px}
.aip-toggle-roadblock .aip-roadblock-message .aip-roadblock-message--text,.aip-incdec-roadblock .aip-roadblock-message .aip-roadblock-message--text,.aip-dropdown-roadblock .aip-roadblock-message .aip-roadblock-message--text{color:#fff;padding-bottom:19px}
.aip-toggle-roadblock .aip-roadblock-message .aip-roadblock-message--text a,.aip-incdec-roadblock .aip-roadblock-message .aip-roadblock-message--text a,.aip-dropdown-roadblock .aip-roadblock-message .aip-roadblock-message--text a{color:#fff;background-image:linear-gradient(transparent calc(100% - 1px),#fff 10px,#fff)}
.aip-toggle-roadblock .aip-roadblock-message .aip-roadblock-message--text p a,.aip-incdec-roadblock .aip-roadblock-message .aip-roadblock-message--text p a,.aip-dropdown-roadblock .aip-roadblock-message .aip-roadblock-message--text p a{color:#fff;text-decoration:none;width:100%;width:-moz-calc(100%);width:-webkit-calc(100%);width:-o-calc(100%);width:calc(100%);background-image:-webkit-linear-gradient(transparent 95%,#fff 10px,#fff);background-image:-moz-linear-gradient(transparent -moz-calc(100% - 1px),#fff 10px,#fff);background-image:-o-linear-gradient(transparent -o-calc(100% - 1px),#fff 10px,#fff);background-image:linear-gradient(transparent calc(100% - 1px),#fff 10px,#fff);background-repeat:no-repeat;background-size:100% 100%;-webkit-transition:background-size ease-in-out 180ms;-moz-transition:background-size ease-in-out 180ms;-o-transition:background-size ease-in-out 180ms;transition:background-size ease-in-out 180ms;padding-bottom:3px}
.aip-toggle-roadblock .aip-roadblock-message .aip-roadblock-message--text p a:hover,.aip-incdec-roadblock .aip-roadblock-message .aip-roadblock-message--text p a:hover,.aip-dropdown-roadblock .aip-roadblock-message .aip-roadblock-message--text p a:hover{background-size:0 100%}
.aip-toggle-roadblock .aip-roadblock-message .cta.cta-primary .cta-text,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-primary .cta-text,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-primary .cta-text{background-color:#fff;color:#5e10b1}
.aip-toggle-roadblock .aip-roadblock-message .cta.cta-primary:hover .cta-text,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-primary:hover .cta-text,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-primary:hover .cta-text{color:#3c1053;background-color:rgba(255,255,255,0.85)}
.aip-toggle-roadblock .aip-roadblock-message .cta.cta-primary:focus .cta-text,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-primary:focus .cta-text,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-primary:focus .cta-text{color:#3c1053;outline:2px solid #fff;outline-offset:2px}
html:not(.firefox) .aip-toggle-roadblock .aip-roadblock-message .cta.cta-primary:focus,html:not(.firefox) .aip-incdec-roadblock .aip-roadblock-message .cta.cta-primary:focus,html:not(.firefox) .aip-dropdown-roadblock .aip-roadblock-message .cta.cta-primary:focus{outline:0}
html:not(.firefox) .aip-toggle-roadblock .aip-roadblock-message .cta.cta-primary:focus:hover,html:not(.firefox) .aip-incdec-roadblock .aip-roadblock-message .cta.cta-primary:focus:hover,html:not(.firefox) .aip-dropdown-roadblock .aip-roadblock-message .cta.cta-primary:focus:hover{outline:0}
.aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary,.aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary-small,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary-small,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary-small{color:#fff}
.aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary:hover .cta-text,.aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary-small:hover .cta-text,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary:hover .cta-text,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary-small:hover .cta-text,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary:hover .cta-text,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary-small:hover .cta-text{background-size:0 100%}
.aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary .cta-text,.aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary-small .cta-text,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary .cta-text,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary-small .cta-text,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary .cta-text,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary-small .cta-text{width:100%;width:-moz-calc(100%);width:-webkit-calc(100%);width:-o-calc(100%);width:calc(100%);background-image:-webkit-linear-gradient(transparent 95%,#fff 10px,#fff);background-image:-moz-linear-gradient(transparent -moz-calc(100% - 1px),#fff 10px,#fff);background-image:-o-linear-gradient(transparent -o-calc(100% - 1px),#fff 10px,#fff);background-image:linear-gradient(transparent calc(100% - 1px),#fff 10px,#fff);background-repeat:no-repeat;background-size:100% 100%;-webkit-transition:background-size ease-in-out 180ms;-moz-transition:background-size ease-in-out 180ms;-o-transition:background-size ease-in-out 180ms;transition:background-size ease-in-out 180ms;padding-bottom:3px;color:#fff}
.aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary:focus,.aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary-small:focus,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary:focus,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary-small:focus,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary:focus,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary-small:focus{background-image:none}
html:not(.firefox) .aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary:focus,html:not(.firefox) .aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary-small:focus,html:not(.firefox) .aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary:focus,html:not(.firefox) .aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary-small:focus,html:not(.firefox) .aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary:focus,html:not(.firefox) .aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary-small:focus{outline:1px auto #fff}
html:not(.firefox) .aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary:focus:hover,html:not(.firefox) .aip-toggle-roadblock .aip-roadblock-message .cta.cta-secondary-small:focus:hover,html:not(.firefox) .aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary:focus:hover,html:not(.firefox) .aip-incdec-roadblock .aip-roadblock-message .cta.cta-secondary-small:focus:hover,html:not(.firefox) .aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary:focus:hover,html:not(.firefox) .aip-dropdown-roadblock .aip-roadblock-message .cta.cta-secondary-small:focus:hover{outline:1px auto #fff}
.aip-toggle-roadblock .aip-roadblock-message .comp-rich-text a,.aip-incdec-roadblock .aip-roadblock-message .comp-rich-text a,.aip-dropdown-roadblock .aip-roadblock-message .comp-rich-text a{color:#fff;background-image:linear-gradient(transparent calc(100% - 1px),#fff 10px,#fff)}
.aip-incdec-roadblock .inced-roadblock-message{margin-left:61px}
@media(max-width:767px){.aip-toggle-roadblock .aip-roadblock-message .cta.cta-primary .cta-text,.aip-incdec-roadblock .aip-roadblock-message .cta.cta-primary .cta-text,.aip-dropdown-roadblock .aip-roadblock-message .cta.cta-primary .cta-text{min-width:auto}
}
.incrementdecrement-wrap{display:flex}
.incrementdecrement-wrap .inputaction{line-height:46px;display:inline-block;margin:4px 0;width:46px;height:58px;padding:6px 0}
.incrementdecrement-wrap .inputaction span{display:block;background:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/mortgage/hmcib-mrf/mortgage-input-textfield/clientlibs/clientlibs_images/resources/images/mrc-plus-champ.svg");font-size:0;border-radius:8px}
.incrementdecrement-wrap .inputaction.decrement span{background:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/mortgage/hmcib-mrf/mortgage-input-textfield/clientlibs/clientlibs_images/resources/images/mrc-minus-champ.svg");border-radius:8px}
.mortgage-input-field .mortgage-field-wrap--large .incrementdecrement-wrap .mortgage__input-wrap{width:213px;margin:0 15px}
@media(max-width:767px){.mortgage-input-field .mortgage-field-wrap.mortgage-field-wrap--large .incrementdecrement-wrap .mortgage__input-wrap{width:calc(100% - 122px)}
}
#ratechange-calculator .mortgage-input-field .incrementdecrement-wrap .inputaction.decrement{line-height:46px !important;background:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/mortgage/hmcib-mrf/mortgage-input-textfield/clientlibs/clientlibs_images/resources/images/mrc-minus-champ.svg");background-position:center;background-repeat:no-repeat}
#ratechange-calculator .mortgage-input-field .incrementdecrement-wrap .inputaction.increment{line-height:46px !important;background:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/mortgage/hmcib-mrf/mortgage-input-textfield/clientlibs/clientlibs_images/resources/images/mrc-plus-champ.svg");background-position:center;background-repeat:no-repeat}