.indecativequotecalculator{background:#f2f2f8;padding-top:32px;padding-bottom:32px}
.indecativequotecalculator .indicative-title{margin-top:35px;margin-bottom:50px}
.indecativequotecalculator .indicative-title .header_title_description{padding-top:20px;display:block;width:100%;margin:0;padding-bottom:0;float:none}
.indecativequotecalculator .cta-container .cta{padding:0}
.indecativequotecalculator form{margin:0}
.indecativequotecalculator form .input-label{color:#333}
.indecativequotecalculator form#indicative-calculator .min-max-value-container{color:#333}
.indecativequotecalculator form#indicative-calculator .min-max-value-container .ic-max-value{float:right}
.indecativequotecalculator .indicative-left-container .title-wrapper{margin-bottom:32px;position:relative}
.indecativequotecalculator .indicative-left-container .title-wrapper.text-container{margin-bottom:10px}
.indecativequotecalculator .indicative-left-container .text-container .title-comp{color:#333;line-height:32px}
.indecativequotecalculator .indicative-left-container .slider-container .slider-wrapper{margin-top:10px;margin-bottom:10px}
.indecativequotecalculator .indicative-left-container .indicative-term{margin-bottom:50px}
.indecativequotecalculator .indicative-results .rep-block{background:#fff;padding:32px;border-radius:8px}
.indecativequotecalculator .indicative-results .rep-block .rep-heading{margin-bottom:20px}
.indecativequotecalculator .indicative-results .rep-block .rep-heading h3{font-family:"RNHouseSansRegular",sans-serif;color:#333;font-weight:normal}
.indecativequotecalculator .indicative-results .rep-block .rep-results{margin-bottom:35px}
.indecativequotecalculator .indicative-results .rep-block .rep-results .rep-text-block .rep-text-heading{margin-bottom:5px;color:#333;font-size:14px}
.indecativequotecalculator .indicative-results .rep-block .rep-results .rep-text-block .h3{margin-bottom:20px}
.indecativequotecalculator .indicative-results .rep-block .rep-results .rep-text-block .rep-dyn-txt{color:#333}
.indecativequotecalculator .indicative-results .rep-block .rep-results .cta-container a:focus .cta-text{color:#fff;outline:2px solid #5e10b1}
.indecativequotecalculator .indicative-results .rep-block .rep-results .rep-itr-block p{font-size:16px;line-height:26px;margin:0}
.indecativequotecalculator .indicative-results .rep-block .rep-results:after{height:2px;position:relative;display:block;background:#fff;margin-left:-38px;margin-right:-37px}
.indecativequotecalculator .indicative-results .rep-block .cta-container{margin-top:0;margin-bottom:0}
.indecativequotecalculator .indicative-results .rep-block .cta-container .cta{padding-bottom:20px}
.indecativequotecalculator .indicative-results .rep-block .cta-container .cta.cta-secondary{text-decoration:none;position:relative;line-height:26px}
.indecativequotecalculator .indicative-results .rep-block .cta-container .cta.cta-secondary span{line-height:26px}
.indecativequotecalculator .indicative-results .rep-block .cta-container .cta.cta-secondary:focus{outline:2px solid #5e10b1}
.indecativequotecalculator .indicative-results .h3{line-height:40px;font-size:30px}
.indecativequotecalculator .notify{display:none;margin-bottom:39px;position:relative;background:#5e10b1;color:white;font-size:20px;line-height:24px;padding:30px 57px 30px 26px;letter-spacing:.3px}
.indecativequotecalculator .notify .close{position:absolute;width:14px;height:14px;right:15px;top:15px;background:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/indecativequotecalculator/clientlibs/clientlib_indicative_quote_calc_base/resources/images/icon-close.png");background-size:100%;background-repeat:no-repeat;cursor:pointer}
.indecativequotecalculator .notify:after{content:" ";position:absolute;bottom:-18px;left:26px;border-width:19px 19px 0 19px;border-style:solid;border-color:#5e10b1 transparent;display:block}
.indecativequotecalculator .notify p{margin:0}
.indecativequotecalculator .notify a{position:relative}
.indecativequotecalculator .notify a:after{content:"";position:absolute;height:2px;width:100%;left:0;bottom:0;background:#fff;margin-bottom:-4px}
.indecativequotecalculator .text-field-comp{margin-top:32px;max-width:471px}
.indecativequotecalculator .od_period{color:#333;padding-bottom:32px;display:block;padding-top:32px}
.indecativequotecalculator .od_period p{margin:0}
.indecativequotecalculator .error-container{color:#e60303;background:0;padding-top:10px;padding:0;margin-top:10px}
.indecativequotecalculator .error-container .error-arrow{display:none}
.indecativequotecalculator .error-container .error-text{font-size:14px;line-height:18px}
.indecativequotecalculator .text-field-comp input{box-shadow:none;border-radius:0;border:1px solid #646068;background-color:#fff}
.indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button{box-shadow:none}
.indecativequotecalculator .custom-tooltip{width:103%}
.indecativequotecalculator .rep-text-block .cta.cta-primary .cta-text{width:259px;min-width:207px;line-height:22px;background-color:#5e10b1;border-radius:100px;box-shadow:none;color:#fff}
.indecativequotecalculator .rep-text-block .cta.cta-primary:hover .cta-text{color:#fff;background-color:#3c1053}
.indecativequotecalculator .rep-text-block .cta.cta-secondary .cta-text{background-image:linear-gradient(transparent calc(100% - 1px),#5e10b1 10px,#5e10b1);color:#5e10b1}
.indecativequotecalculator #indicative-calculator .slider-wrapper .slider{width:calc(100% - 118px);height:9px;margin:13px 35px;border-radius:9px}
.indecativequotecalculator #indicative-calculator .slider-wrapper .slider .ui-slider-range{height:9px;margin:0;background:#5a287d}
.indecativequotecalculator #indicative-calculator .slider-wrapper .slider.ui-slider-horizontal .ui-slider-handle{top:-0.8em;height:35px;width:35px;background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/indecativequotecalculator/clientlibs/clientlib_iqc_calc_base/resources/images/Icon.svg")}
.eligibilitycheck .indecativequotecalculator #indicative-calculator .slider-wrapper .ui-widget.ui-widget-content{background-color:#be99e6}
.indecativequotecalculator #indicative-calculator .slider-wrapper .decrement_slider,.indecativequotecalculator #indicative-calculator .slider-wrapper .increment_slider{margin-top:6px;height:24px;width:24px}
.indecativequotecalculator #indicative-calculator .slider-wrapper .decrement_slider{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/indecativequotecalculator/clientlibs/clientlib_iqc_calc_base/resources/images/icon-minus_gb.svg")}
.indecativequotecalculator #indicative-calculator .slider-wrapper .increment_slider{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/indecativequotecalculator/clientlibs/clientlib_iqc_calc_base/resources/images/icon-plus_gb.svg")}
.indecativequotecalculator .title-comp{display:inline;vertical-align:top}
.indecativequotecalculator .title-comp+.tooltip{display:inline-block;vertical-align:top;width:28px;height:28px;margin:5px 0 1px 15px;background-size:contain;background-repeat:no-repeat}
.indecativequotecalculator .errorState .text-field-comp:after,.indecativequotecalculator .errorState.focussed .text-field-comp:after{content:" "}
.indecativequotecalculator .cta.cta-primary:hover .cta-text:after{content:" "}
.indecativequotecalculator .focussed .text-field-comp:after{content:" "}
.indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button-open .ui-icon{width:20px;height:9px;padding:22px 0 0 0}
.indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button-open:hover .ui-icon,.indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button-open:focus .ui-icon{width:20px;height:9px;padding:22px 0 0 0;background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/indecativequotecalculator/clientlibs/clientlib_iqc_calc_base/resources/images/dropdown_expanded_champion.svg")}
.indecativequotecalculator .dropdown-select+.ui-button{border-radius:0}
.indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button{padding:16px 20px 16px 20px}
.indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button:after{top:10px}
.indecativequotecalculator .dropdown-select+.ui-button .ui-icon{width:20px;height:9px;padding:22px 0 0 0;background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/indecativequotecalculator/clientlibs/clientlib_iqc_calc_base/resources/images/dropdown_champion.svg")}
.indecativequotecalculator .dropdown-select+.ui-button:hover .ui-icon,.indecativequotecalculator .dropdown-select+.ui-button:focus .ui-icon{width:20px;height:9px;padding:22px 0 0 0}
.indecativequotecalculator .ui-selectmenu-text{line-height:22px;margin-right:20px;color:#333}
.indecativequotecalculator .text-field-comp input{padding:17px;border-radius:8px;line-height:26px}
.indecativequotecalculator .clearfix:after{content:"";display:table;clear:both}
.indecativequotecalculator .indicative-amt{display:inline-block}
.indecativequotecalculator .indicative-amt .title-comp{float:left}
.eligibilitycheck .indecativequotecalculator{margin-top:0;margin-bottom:0;padding-bottom:0;padding-top:0}
.eligibilitycheck .indecativequotecalculator .elc-borrowDetails-cta{margin-top:50px}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block{padding:50px 49px 30px 50px;background:#f2eaf9}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block .rep-results{margin-bottom:0}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block .rep-results:after{display:none}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block .speech-text{margin-bottom:20px;width:calc(100% - 48px);margin-right:0}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block .speech-text p{color:#5a287d}
.eligibilitycheck .indecativequotecalculator .cta.cta-primary{padding:0}
.eligibilitycheck .indecativequotecalculator .pl-textfield .text-field-comp input{padding:12px 20px 12px 20px}
.eligibilitycheck .indecativequotecalculator .pl-textfield.focussed .text-field-comp input{color:#646068}
.eligibilitycheck .indecativequotecalculator .indicative-results h3{font-size:30px;line-height:40px}
.eligibilitycheck .indecativequotecalculator .slider-wrapper .slider{border-radius:4px}
.eligibilitycheck .indecativequotecalculator .slider-wrapper .slider .ui-slider-range{border-radius:4px}
.eligibilitycheck .indecativequotecalculator .comp-rich-text p{color:#333}
.eligibilitycheck .indecativequotecalculator .speech-text{padding-bottom:0}
.eligibilitycheck .indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button:after{top:4px}
.elc-section .cta.cta-primary .cta-text{min-width:273px;padding:15px 20px;line-height:30px;box-shadow:none;background-color:#5e10b1;margin:0}
.result-section .cta.cta-primary .cta-text{background-color:#fff;color:#5e10b1}
.result-section .cta.cta-primary .cta-text:focus{outline:1px solid #fff;outline-offset:2px}
.result-section .cta.cta-primary:focus:hover .cta-text,.result-section .cta.cta-primary:hover .cta-text{background-color:rgba(255,255,255,0.85);color:#3c1053}
.result-section .cta.cta-primary:focus .cta-text{outline:2px solid #fff;background-color:#fff;color:#5e10b1}
@media(min-width:1255px){.eligibilitycheck .indecativequotecalculator .pl-textfield .text-field-comp{width:273px}
.eligibilitycheck .indecativequotecalculator .pl-textfield .text-field-comp input{padding:12px 20px 12px 20px;font-size:18px;line-height:26px}
.eligibilitycheck .indecativequotecalculator .years-menu,.eligibilitycheck .indecativequotecalculator .months-menu{width:198px}
.eligibilitycheck .indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button{padding:14px 20px 14px 20px}
.eligibilitycheck .indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button.ui-selectmenu-button-open .ui-icon{background-image:url("https://www.natwest.com/etc.clientlibs/responsive/components/tool/indecativequotecalculator/clientlibs/clientlib_iqc_calc_base/resources/images/dropdown_expanded_champion.svg")}
.eligibilitycheck .indecativequotecalculator .ui-selectmenu-text{line-height:26px}
.eligibilitycheck .indecativequotecalculator .slider-wrapper .slider{width:254px}
.eligibilitycheck .indecativequotecalculator .speech-text{width:calc(100% - 96px);margin-right:36px}
.eligibilitycheck .indicative-left-container>div{margin-right:37px}
.eligibilitycheck .indicative-left-container>div:last-child{margin-right:0}
}
@media(min-width:1024px) and (max-width:1255px){.indecativequotecalculator{margin-bottom:70px}
.indecativequotecalculator .indicative-results .rep-block .rep-results:after{margin-left:-24px;margin-right:-24px}
.indecativequotecalculator .indicative-results .h3{line-height:36px;font-size:26px}
.indecativequotecalculator .notify{padding-left:25px}
.indecativequotecalculator .notify .close{height:14px;width:14px}
.indecativequotecalculator .notify:after{left:25px}
.indecativequotecalculator .error-container{padding-right:25px}
.indecativequotecalculator .slider-wrapper .slider{width:calc(100% - 166px)}
.indecativequotecalculator .title-comp+.tooltip{width:28px;height:28px}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block{padding:35px 35px 15px 35px}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block .rep-results .rep-text-block .rep-text-heading{margin-bottom:2px}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block .speech-text{margin-bottom:20px;width:calc(100% - 41px)}
.eligibilitycheck .indecativequotecalculator .indicative-results h3{font-size:26px;line-height:36px}
.eligibilitycheck .indecativequotecalculator .pl-textfield .text-field-comp{width:213px}
.eligibilitycheck .indecativequotecalculator .pl-textfield .text-field-comp input{padding:12px 20px 12px 20px;font-size:18px;line-height:26px}
.eligibilitycheck .indecativequotecalculator .years-menu,.eligibilitycheck .indecativequotecalculator .months-menu{width:237px}
.eligibilitycheck .indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button{padding:12px 20px 12px 20px}
.eligibilitycheck .indecativequotecalculator .slider-wrapper .slider{width:284px}
.eligibilitycheck .indecativequotecalculator h3{font-size:26px;line-height:36px}
.eligibilitycheck .indecativequotecalculator .ui-selectmenu-text{line-height:26px}
}
@media(min-width:768px) and (max-width:1023px){.indecativequotecalculator .indicative-title{margin-top:15px;margin-bottom:30px}
.indecativequotecalculator .indicative-title .header_title{margin-bottom:30px}
.indecativequotecalculator .text-field-comp{max-width:450px}
.indecativequotecalculator .od_period{padding-bottom:56px}
.indecativequotecalculator .indicative-left-container .indicative-term{margin-bottom:50px}
.indecativequotecalculator .indicative-results .rep-block .rep-heading{width:341px}
.indecativequotecalculator .indicative-results .rep-block .rep-results{margin-bottom:30px}
.indecativequotecalculator .indicative-results .rep-block .rep-results:after{margin-left:-50px;margin-right:0}
.indecativequotecalculator .indicative-results .rep-block .rep-results .rep-text-heading,.indecativequotecalculator .indicative-results .rep-block .rep-results .h3,.indecativequotecalculator .indicative-results .rep-block .rep-results .rep-itr-block{width:341px}
.indecativequotecalculator .indicative-results .rep-block .rep-results .rep-itr-block p{line-height:28px}
.indecativequotecalculator .indicative-results .rep-block .cta-container{width:301px}
.indecativequotecalculator .indicative-results .h3{line-height:32px;font-size:24px}
.indecativequotecalculator .notify{padding:30px 57px 30px 25px}
.indecativequotecalculator .notify .close{height:14px;width:14px}
.indecativequotecalculator .notify:after{left:25px}
.indecativequotecalculator .error-container{padding-right:26px}
.indecativequotecalculator .title-comp+.tooltip{width:28px;height:28px;margin:2px 0 2px 15px}
.indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button{padding:16px 20px 16px 20px}
.indecativequotecalculator .text-field-comp input{padding:16px 20px 16px 20px}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block{padding:50px 0 30px 62px}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block .rep-results .rep-text-block .rep-text-heading{margin-bottom:2px}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block .speech-text{margin-left:16px;width:356px}
.eligibilitycheck .indecativequotecalculator .indicative-results h3{font-size:24px;line-height:32px}
.eligibilitycheck .indecativequotecalculator .ui-selectmenu-text{line-height:26px}
.eligibilitycheck .indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button{padding:14px 20px 14px 20px}
}
@media(max-width:767px){.indecativequotecalculator{margin-top:30px}
.indecativequotecalculator .indicative-title{margin-top:0;margin-bottom:30px}
.indecativequotecalculator .indicative-title .header_title{margin-bottom:30px}
.indecativequotecalculator .indicative-title{margin-bottom:30px}
.indecativequotecalculator .indicative-left-container .indicative-term{margin-bottom:30px}
.indecativequotecalculator .indicative-results .rep-block .rep-results{margin-bottom:30px}
.indecativequotecalculator .indicative-results .rep-block .rep-results:after{margin-left:-11px;margin-right:-10px}
.indecativequotecalculator .indicative-results .rep-block .rep-results .rep-itr-block p{line-height:28px}
.indecativequotecalculator .indicative-results .h3{line-height:32px;font-size:24px}
.indecativequotecalculator .notify{padding:30px 60px 30px 20px}
.indecativequotecalculator .notify .close{height:13px;width:13px}
.indecativequotecalculator .notify:after{left:calc(50% - 19px)}
.indecativequotecalculator .error-container{padding-right:26px}
.indecativequotecalculator .cta.cta-primary .cta-text{width:280px;margin-left:0;margin-right:0}
.indecativequotecalculator .title-comp+.tooltip{width:20px;height:20px;margin-top:5px}
.indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button{padding:16px 15px 16px 15px}
.indecativequotecalculator .text-field-comp input{padding:16px 15px 16px 15px;line-height:22px}
.indecativequotecalculator .indicative-amt .title-comp{float:none}
.indecativequotecalculator .custom-tooltip{width:100%;padding:30px 21px 30px 20px}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block{padding:50px 20px 30px 20px;margin-bottom:30px}
.eligibilitycheck .indecativequotecalculator .indicative-results .rep-block .speech-text{width:calc(100% - 51px)}
.eligibilitycheck .indecativequotecalculator .indicative-results h3{font-size:24px;line-height:32px}
.eligibilitycheck .indecativequotecalculator .text-field-comp input{padding:14px 15px 14px 15px;line-height:26px}
.eligibilitycheck .indecativequotecalculator .dropdown-select+.ui-button.ui-selectmenu-button{padding:14px 15px 14px 15px}
.eligibilitycheck .indecativequotecalculator .ui-selectmenu-text{line-height:26px}
.eligibilitycheck .indecativequotecalculator .rep-heading h3{font-size:24px;line-height:32px}
.eligibilitycheck .indecativequotecalculator .notify:after{left:25px}
}