.gfmdext-error { color: red; } .online-mortgage-form-intro li#field_5_7 {color: #d92227;} .gform_next_button {background: #d92227 !important;} .online-mortgage-form_wrapper .online-mortgage-form {overflow: hidden;} body img.gform_ajax_spinner {display: none !important;} .submit_page {text-align: center;} /*Global css*/ #gravity__form--main .gform_wrapper .gform_body { width: 100%; position: relative; } #gravity__form--main .gform_wrapper ul.gform_fields { min-height: 250px; list-style: none; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gf_progressbar_percentage { background: #2ecb71 !important; height: 5px; position: relative; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gf_progressbar { border: 1px solid #686e86; padding: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 2px 0px rgba(0, 0, 0, .1); } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gf_progressbar:after { background: none; box-shadow: none; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gf_progressbar_percentage span { margin-right: 0px; margin-left: 0px; line-height: 32px; position: absolute; top: -40px; left: auto; background-color: #686e86; border-radius: 3px; right: -25px; z-index: 1; transition: all 0.5s ease-out 0s; width: 50px; text-align: center; height: 30px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gf_progressbar_percentage span::after { background-color: #686e86; border-right: 0 none; border-top: 0 none; bottom: -6px; content: ""; display: block; height: 12px; left: 19px; position: absolute; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 12px; content: ""; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gf_progressbar_wrapper h3.gf_progressbar_title { display: none; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form label.gfield_label { margin-bottom: 35px; text-align: center; display: block; color: #7a7a7a; font-size: 26px; font-weight: 400; line-height: 1.4 !important; } #gravity__form--main .gform_wrapper div.validation_error { display: none; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form li.continue .gfield_radio li label { background-color: #2ecb71 !important; border: 1px solid #2ecb71 !important; color: #fff !important; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form li.continue .gfield_radio li input[type=radio] + label:after, #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form li.continue .gfield_radio li input[type=radio] + label:before { display: none !important; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html { text-align: center; display: block; color: #7a7a7a; font-size: 26px; font-weight: 400; line-height: 1.4 !important; padding-right: 0; } #gravity__form--main#gravity__form--main .gfmdext-postalcode-form .check-length { display: inline-block; position: relative; width: 15px; height: 15px; left: 12px; } #gravity__form--main#gravity__form--main .gfmdext-postalcode-form .check-length img.cross-checked { padding-left: 0; position: absolute; left: 0; } /*radio button*/ /*.ginput_container_radio ul.gfield_radio {}*/ #gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container_radio ul.gfield_radio { /*max-height: 270px;*/ overflow: auto; text-align: center; display: block; width: 334px; max-width: 100%; margin: 0 auto; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield_radio li { overflow: visible; margin-bottom: 10px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield_radio li label { padding: 10px 25px; margin: 0px; top: 0; line-height: 28px; background-color: #2ecb71; border: 1px solid #2ecb71; display: inline-block; width: 100%; max-width: 100%; height: auto; border-radius: 6px; position: relative; box-shadow: 1px 1px 1px rgba(0, 0, 0, .15); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #fff; z-index: 1; font-size: 20px; text-align: center; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield_radio li label:hover, #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield_radio li label:focus { box-shadow: 5px 5px 5px rgba(0, 0, 0, .3); color: #fff; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form ul.gfield_checkbox li input[type=checkbox], #gravity__form--main .gform_wrapper .custom-mortgage-application-form ul.gfield_radio li input[type=radio] { width: auto !important; position: absolute; right: 30px; top: 50%; margin: -6px 0 0 !important; opacity: 0; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form ul.gfield_radio li input[type=radio]:checked + label { background-color: #fff; color: #2ecb71; } /*#gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield_radio li*/ /*#gravity__form--main .gform_wrapper .custom-mortgage-application-form ul.gfield_radio li input[type=radio]:checked + label:before {content: ""; border: 2px solid #2ecb71; display: block; border-radius: 50%; position: absolute; top: 50%; right: 25px; width: 18px; height: 18px; margin-top: -9px; background: #fff; }*/ /*#gravity__form--main .gform_wrapper .custom-mortgage-application-form ul.gfield_radio li input[type=radio]:checked + label:after {content: ""; display: block; border-radius: 50%; position: absolute; top: 50%; right: 25px; width: 10px; height: 10px; margin-top: -5px; background: #2ecb71; z-index: 1; margin-right: 4px; }*/ /*next previous buttons*/ #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gform_page_footer { text-align: center; display: block; margin: 0px 0; width: 100%; border-top: 0px dotted #CCC; padding: 50px 0; clear: both; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input.button { border-radius: 50%; left: 10px; bottom: 40px; padding: 0; width: 42px !important; height: 42px; line-height: 42px; color: #fff; float: left; text-align: center; display: block; text-decoration: none; z-index: 2; font-size: 0 !important; margin-right: 0; background-color: transparent; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input.button:focus { outline: 0 none; } #gravity__form--main .custom-mortgage-application-form a.gform_previous_button { background-image: url(../images/next-btn.png); background-position: -4px -4px; background-size: 103px auto; background-repeat: repeat; width: 42px; font-size: 0; height: 42px; display: block; position: absolute; color: transparent; text-decoration: none; bottom: 0; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input.button.gform_next_button { opacity: 0; visibility: hidden; background-image: url(../images/next-btn.png); background-position: -4px -4px; background-size: 103px auto; background-repeat: repeat; transform: rotate(180deg); background-color: transparent; float: right; cursor: pointer; } #gravity__form--main .custom-mortgage-application-form a.gform_previous_button:hover { background-position: -53px -4px; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input.button.gform_next_button:hover { background-position: 50px -4px; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input.button.gform_previous_button { background-image: url(../images/next-btn.png); background-position: -7px -7px; background-size: 106px auto; background-repeat: repeat; border: 0 none; cursor: pointer; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer .gform_ajax_spinner { display: none !important; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form li.gfield.gfield_error.gfield_contains_required div.gfield_description { font-size: 16px; padding-right: 0; text-align: center; padding-bottom: 15px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form li.gfield.gfield_error, #gravity__form--main .gform_wrapper .custom-mortgage-application-form li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background: transparent !important; border: 0 none; padding-bottom: 6px; } /*range slider*/ #gravity__form--main .gform_wrapper .custom-mortgage-application-form .noUi-horizontal { height: 10px; border-color: #2ecb71; max-width: 80%; margin: 40px auto 10px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .noUi-horizontal .noUi-handle { border: 0 none; width: 18px; height: 18px; left: -9px; top: 4px; background: #2ecb71; border-radius: 50px; box-shadow: none; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .noUi-connect { background: #2ecb71; box-shadow: none; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .noUi-handle:after, #gravity__form--main .gform_wrapper .custom-mortgage-application-form .noUi-handle:before { display: none; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .noUi-horizontal .noUi-handle:hover { box-shadow: 0px 0px 0px 6px #2ecb71b3 !important; background: #2ecb71; border-color: #2ecb71; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .noUi-horizontal .noUi-handle { border-radius: 50%; box-shadow: none; height: 18px; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 18px; cursor: pointer; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container .rangeslider_display { font-size: 44px; font-weight: 300; line-height: 100%; margin-bottom: 30px; padding: 20px 0 0 0; position: static; text-align: center; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); color: #2ecb71; } /*first name field*/ #gravity__form--main .gform_wrapper .custom-mortgage-application-form .fullname_field .ginput_container .name_first { width: 334px; margin: 0 auto; float: none; display: block; padding-right: 0; max-width: 100%; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .fullname_field .ginput_container .name_first label { display: none; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .fullname_field .ginput_container { text-align: center; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .fullname_field .ginput_container .name_first input[type=text], #gravity__form--main .gform_wrapper .custom-mortgage-application-form .fullname_field .ginput_container input[type=text] { padding: 0 15px !important; color: #7a7a7a; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important; border-radius: 4px !important; border-color: #2ecb71 !important; border-width: 4px !important; border-style: solid; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important; border-radius: 4px !important; height: 62px; font-weight: 600; text-align: left; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .fullname_field .ginput_container input[type=text]::-webkit-input-placeholder { color: #7a7a7a; font-weight: 600; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .fullname_field .ginput_container input[type=text]::-moz-placeholder { color: #7a7a7a; font-weight: 600; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .fullname_field .ginput_container input[type=text]:-ms-input-placeholder { color: #7a7a7a; font-weight: 600; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .fullname_field .ginput_container input[type=text]:-moz-placeholder { color: #7a7a7a; font-weight: 600; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container.ginput_container_email { max-width: 100%; width: 334px; margin: 0 auto; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container.ginput_container_email input[type=text] { width: 100%; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container.ginput_container_phone { width: 334px; max-width: 100%; margin: 0 auto; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container.ginput_container_phone input[type=text] { width: 100%; } /*Zip code page*/ #gravity__form--main .gfmdext-postalcode-form { padding: 30px 220px 35px 0; text-align: center; } #gravity__form--main .gfmdext-first-page-content .gfmdext-postalcode-form label.zip-code-text { font-size: 18px; font-weight: 600; color: #767676; margin-right: 10px; } #gravity__form--main .gfmdext-first-page-content .girl--image { float: right; width: 194px; padding-bottom: 0px; display: inline-block; right: 0; position: absolute; bottom: 0px; } #gravity__form--main .gfmdext-postalcode-form input[name="gfmdext-postal-code"] {height: 64px; width: 122px; text-align: center; background-color: #fff; color: #767676; cursor: pointer; font-size: 18px; font-weight: 600; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important; border-radius: 4px !important; padding: 4px 10px; border-color: #CA2030; border-width: 4px; } #gravity__form--main .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"]:focus { background-color: #ff7e00; } #gravity__form--main .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"] { -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; margin-left: 40px; box-sizing: content-box !important; background-color: #ff7e00; border: 0 solid #000; border-radius: 4px; color: #fff; display: inline-block; /* float: left; */ font-size: 65px; font-weight: 700; height: auto; margin-right: 0; margin-top: 5px; overflow: hidden; padding: 30px 50px 30px 8px; position: relative; text-align: center; text-decoration: none; width: 162px; vertical-align: middle; } #gravity__form--main .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"]:focus { outline: 0 none; } #gravity__form--main .go--buttons-design { display: inline-block; position: relative; vertical-align: middle; } /* #gravity__form--main .go--buttons-design span{pointer-events: none;background-color: #e56500; border-bottom-right-radius: 4px; border-top-right-radius: 4px; box-shadow: 1px 1px 1px #ccc; color: #fff; display: inline-block; font-size: 58px; font-weight: 600; height: 124px; margin: 0; position: absolute; right: 0; text-align: center; top: 5px; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; transition: all .6s ease 0s; vertical-align: top; width: 50px; padding: 0; bottom: 0;} */ /* #gravity__form--main .go--buttons-design span i.fa{line-height: 123px; padding: 0; margin: 0;} */ #gravity__form--main .go--buttons-design:hover input[name="gfmdext-submit-postalcode"] { background: #E56500; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; } #gravity__form--main .go--buttons-design:hover span { transition: all .6s ease 0s; width: 75px; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gform_page_footer img { position: absolute; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; opacity: 1; box-shadow: none; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; opacity: 1; box-shadow: none; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #2ecb71; width: 8px; height: 50px; border-radius: 3px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #444; background-color: rgba(68, 68, 68, .95); } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .mCSB_scrollTools .mCSB_dragger { height: 50px !important; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #2ecb71 !important; width: 4px; } .gfmdext-first-page-content h2.form--title { font-size: 44px; color: rgb(202, 32, 48); line-height: 49px; font-weight: 400; margin-bottom: 20px; margin-top: 35px; text-align: center; } .gfmdext-first-page-content .tag--content { margin-bottom: 30px; text-align: center; display: block; font-size: 20px; color: rgb(102, 102, 102); line-height: 25px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form li.custom-last-step-html { text-align: center; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form li.custom-last-step-html img { margin: 0 auto; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form li.custom-last-step-html h2.mortgage_tcpa_text { margin: 10px 0 0; font-size: 10px; color: #000; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form li.custom-last-step-html .gf-custom-html { display: block; } /* For Firefox */ #gravity__form--main .gform_wrapper .custom-mortgage-application-form input[type='number'] { -moz-appearance: textfield !important; } /* Webkit browsers like Safari and Chrome */ #gravity__form--main input[type=number]::-webkit-inner-spin-button, #gravity__form--main input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0 !important; } /*page design outer*/ div#gravity__form--main { max-width: 100%; margin: 40px auto; width: 1070px; border-radius: 5px; /*background-color: #d3d7db;*/ /* overflow: hidden; */ padding: 5px; } #gravity__form--main .gravity__form--main--inner .gform_wrapper .gf_progressbar_wrapper { clear: both; width: 100%; margin: 0 0 16px 0; padding: 16px 0 16px 16px; -moz-border-bottom-color: none; -moz-border-left-color: none; -moz-border-right-color: none; -moz-border-top-color: none; background-color: #fff; border-color: #dedfdf #dedfdf transparent; border-image: none; border-style: solid solid none; border-top-left-radius: 20px; border-top-right-radius: 20px; border-width: 1px 1px medium; height: 39px; margin-bottom: 0; box-sizing: border-box; overflow: visible; position: absolute; right: 0; top: -38px; width: 470px; } #gravity__form--main .gravity__form--main--inner { padding: 20px; background-color: transparent; /*border-radius: 4px;*/ /*border: 1px solid #b5b9bc;*/ position: relative; min-height: 425px; } #gravity__form--main .gravity__form--main--inner .progress-line--blank { -moz-border-bottom-color: none; -moz-border-left-color: none; -moz-border-right-color: none; -moz-border-top-color: none; background-color: #fff; border-color: #dedfdf #dedfdf transparent; border-image: none; border-style: solid solid none; border-top-left-radius: 20px; border-top-right-radius: 20px; border-width: 1px 1px medium; height: 39px; margin-bottom: 0; box-sizing: border-box; overflow: visible; position: absolute; right: 0; top: -38px; width: 470px; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html img { display: block; margin: 0 auto; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input[type=submit] { margin-left: -78px !important; min-width: 334px; vertical-align: middle; top: -208px !important; position: relative; background-color: #ff7f01; border: 1px solid #ff7f01; width: auto !important; border-radius: 5px !important; height: 60px; box-shadow: 1px 1px 1px rgba(0, 0, 0, .15); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #fff; z-index: 1; font-size: 20px !important; text-align: center; max-width: 100%; display: inline-block !important; float: none; } #gravity__form--main div#inner_text.confirmation-page br { display: none; text-align: center; } #gravity__form--main .gform_confirmation_message br { display: none; } #gravity__form--main div#inner_text.confirmation-page p, div#inner_text.confirmation-page p img { text-align: center; margin-bottom: 7px; } #gravity__form--main div#inner_text.confirmation-page p img { margin: 0 auto; max-width: 100% !important; } #gravity__form--main .check-wrapp img.hidden { display: none !important; } #gravity__form--main .check-wrapp img.visible { display: block !important; } #gravity__form--main .gravity__form--main--inner .gfmdext-postalcode-form .check-wrapp img { transition: all 0.2s; margin-left: 8px; position: absolute; margin-top: -12px; } #gravity__form--main .gravity__form--main--inner .gfmdext-postalcode-form .check-wrapp { display: inline-block; } /*span.name_first .check-wrapp*/ #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .icon--image--added--none .check-wrapp img { opacity: 0 !important; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form span.name_first .check-wrapp img { display: inline-block; position: absolute; top: 50%; right: -30px; margin-top: -7px; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form span.name_first .check-wrapp img.cross-checked { opacity: 0; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form span.name_first { position: relative; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate-full-name-field .check-wrapp img:not(.cross-checked) { opacity: 0; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate__field--done .check-wrapp img.checked { opacity: 1; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form span.name_first.icon--image--added .check-wrapp img.cross-checked { opacity: 1; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate__field--done .check-wrapp img.cross-checked { opacity: 0; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield_description.validation_message { text-align: center; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate-continue .gfield_radio li.disabled { pointer-events: none; background: #ccc; overflow: hidden; border-radius: 5px; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate-continue .gfield_radio li.disabled label { background: #ccc !important; border-color: #ccc !important; transition: all 0.2s; color: #000 !important; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate-continue { padding-right: 0; } /*Email validation*/ #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .icon--image--added--none .check-wrapp img { opacity: 0 !important; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .email_validation_first .check-wrapp img { display: inline-block; position: absolute; top: 50%; right: -30px; margin-top: -7px; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .email_validation_first .check-wrapp img.cross-checked { opacity: 0; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .email_validation_first .ginput_container_email { position: relative; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .email_validation_first .check-wrapp img:not(.cross-checked) { opacity: 0; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate__field--done .check-wrapp img.checked { opacity: 1; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .email_validation_first .ginput_container_email.icon--image--added .check-wrapp img.cross-checked { opacity: 1; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate__field--done .check-wrapp img.cross-checked { opacity: 0; } /*Email Validaton*/ /*phone validation*/ #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate-phone-first .check-wrapp img { display: inline-block; position: absolute; top: 50%; right: -30px; margin-top: -7px; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate-phone-first .check-wrapp img.cross-checked { opacity: 0; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate-phone-field .ginput_container_phone { position: relative; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate-phone-field .check-wrapp img:not(.cross-checked) { opacity: 0; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate__field--done .check-wrapp img.checked { opacity: 1; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate-phone-field .ginput_container_phone.icon--image--added .check-wrapp img.cross-checked { opacity: 1; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate__field--done .check-wrapp img.cross-checked { opacity: 0; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .icon--image--added--none .check-wrapp img { opacity: 0 !important; } #gravity__form--main#gravity__form--main .gform_wrapper .custom-mortgage-application-form .validate-phone-field { padding-right: 0; } /*phone Validaton*/ .gf-final-form-submit.disable-field-input { pointer-events: none; } .gfield.gf-final-form-submit .ginput_container_radio .gfield_radio .gchoice_19_61_0 #label_19_61_0, .gfield.gf-final-form-submit .ginput_container_radio .gfield_radio .gchoice_19_61_0 #label_19_61_0:focus, .gfield.gf-final-form-submit .ginput_container_radio .gfield_radio .gchoice_19_61_0 #label_19_61_0:active { min-width: 334px; position: relative; background-color: #2ecb71; border: 1px solid #2ecb71; width: auto !important; border-radius: 5px !important; height: 60px; box-shadow: 1px 1px 1px rgba(0, 0, 0, .15); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #fff; font-size: 20px !important; text-align: center; max-width: 100%; display: inline-block !important; float: none; letter-spacing: 0.046875em; font-weight: 700; text-transform: uppercase; } .gfield.gf-final-form-submit .ginput_container_radio .gfield_radio .gchoice_19_61_0 #label_19_61_0:hover { box-shadow: none; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input[type=submit] { display: none !important; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield.gf-final-form-submit ul.gfield_radio li input[type=radio]:checked + label { background-color: #2ecb71 !important; color: #fff !important; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield.gf-final-form-submit ul.gfield_radio li input[type=radio]:checked + label:after { background: #2ecb71 !important; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield.gf-final-form-submit ul.gfield_radio li input[type=radio]:checked + label:before { border: 2px solid #2ecb71 !important; background: #2ecb71 !important; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield.gf-final-form-submit.hide-label-radio ul.gfield_radio li input[type=radio]:checked + label:before { opacity: 0; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield.gf-final-form-submit.hide-label-radio ul.gfield_radio li input[type=radio]:checked + label:after { opacity: 0; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield.fullname_field .gfield_required { display: none; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form li.email_validation_first { padding-right: 0; } /* 13-11-2018 */ div#gravity__form--main.gravity_form-banner-design { padding: 0; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner, #gravity__form--main.purchase-first-page .gravity__form--main--inner, #gravity__form--main.refine-first-page .gravity__form--main--inner { /*background-color: transparent; border-color: transparent;*/ background-image: url(../images/hero-femily.jpg); background-position: center; background-size: cover; position: relative; padding: 0; display: table; width: 100%; height: 425px; } #gravity__form--main.purchase-first-page .gravity__form--main--inner { background-image: url(../images/purchase-hero.jpg); } #gravity__form--main.refine-first-page .gravity__form--main--inner { background-image: url(../images/refinance-hero.jpg); } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content, #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-first-page-content, #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-first-page-content { position: relative; display: table-cell; vertical-align: middle; padding: 0 15%; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner::before, #gravity__form--main.purchase-first-page .gravity__form--main--inner::before, #gravity__form--main.refine-first-page .gravity__form--main--inner::before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; background: black; background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.58))); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.58)); background: -o-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.58)); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.58)); } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content p, #gravity__form--main.purchase-first-page .gravity__form--main--inner .form--title, #gravity__form--main.refine-first-page .gravity__form--main--inner .form--title { font-weight: 800; font-size: 30px; color: #fff; letter-spacing: -0.4px; line-height: 40px; margin: 0 auto 30px; position: relative; text-align: left; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .form--title, #gravity__form--main.refine-first-page .gravity__form--main--inner .form--title { margin: 0 auto 10px; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content form { margin: 0 auto; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner form .gfmdext-select-tool-btn { color: #fff; background-color: #2ecb71; display: inline-block; padding: 15px 30px; font-size: 18px; font-weight: 800; margin: 0 12px 0 0; height: auto; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; word-break: break-word; text-transform: capitalize; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner form .gfmdext-select-tool-btn:hover { background-color: #34b169; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .progress-line--blank, #gravity__form--main.refine-first-page .gravity__form--main--inner .progress-line--blank { display: none; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .tag--content, #gravity__form--main.refine-first-page .gravity__form--main--inner .tag--content { font-weight: 800; color: #fff; letter-spacing: -0.4px; line-height: 30px; margin: 0 auto 30px; position: relative; text-align: left; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form, #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form, #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner form { margin: 0 auto; text-align: left; padding: 30px 0 35px 0; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-postal-code"], #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-postal-code"] { width: 145px; height: 50px; border-color: transparent; border-width: 2px; border-radius: 0 !important; appearance: none; -webkit-appearance: none !important; -moz-appearance: textfield; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"], #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"] { font-size: 23px; margin-left: 20px; padding: 15px 20px 15px 20px; width: auto; background-color: #2ecb71; margin-top: 0; border-radius: 2px; text-transform: capitalize; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .go--buttons-design:hover input[name="gfmdext-submit-postalcode"], #gravity__form--main.refine-first-page .gravity__form--main--inner .go--buttons-design:hover input[name="gfmdext-submit-postalcode"] { background-color: #34b169; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form label.zip-code-text, #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form label.zip-code-text { font-size: 22px; color: #fff; } /* 20-03-2020 */ .disable-footer .gform_next_button { display: none; } .gform_wrapper.online-mortgage-form_wrapper.with-border-background_wrapper { background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 4px; margin: 0 auto 60px !important; max-width: 900px !important; } .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form .gf_progressbar_wrapper { border-radius: 4px 4px 0 0; overflow: hidden; padding: 0; margin: 0 } .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form .gf_progressbar_wrapper .gf_progressbar_title, .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form > .gform_heading { display: none; } .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form .gf_progressbar { padding: 0; border-radius: 0; width: 100%; box-shadow: unset; background: #ccc } .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form .gf_progressbar:after { display: none; } .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form .gf_progressbar .gf_progressbar_percentage span { display: none; } .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form .gf_progressbar .gf_progressbar_percentage { background: #d92228; height: 5px; } .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form .gform_body { padding: 40px 25px; max-width: 680px; margin: 0 auto; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html { text-align: left; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro .gform_page_fields > ul.gform_fields li:nth-child(2) label, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:first-child { font-size: 32px; font-weight: normal; text-align: center; margin-bottom: 0 } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2) { margin-top: 0; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2) .gfield_radio .mCSB_container li { display: inline-block; margin: 0 20px !important; width: calc(50% - 40px); max-width: 100% } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2) .gfield_radio .mCSB_container li > label::before { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; content: ""; display: block; left: 50%; position: absolute; height: 200px; margin-left: -120px; top: -240px; width: 240px; background-size: contain } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2) .gfield_radio .mCSB_container li > input { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; height: 1px !important; opacity: 0 !important; overflow: hidden !important; position: absolute !important; width: 1px !important; z-index: -1 !important; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2) .gfield_radio .mCSB_container li > label { background: #d92228; border-radius: 2px; color: #333; cursor: pointer; display: block; font-size: 16px; font-weight: 400; line-height: 1.1em; margin: 0 auto 15px auto; outline: 0 none; padding: 15px 0 !important; position: relative; text-align: center; color: #fff; margin-top: 250px; border-color: transparent; } ul.gfield_radio.mCustomScrollbar._mCS_94.mCS_no_scrollbar { overflow: hidden !important; } /*.gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro > .gform_page_footer { display: none }*/ .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-location .gform_page_fields ul.gform_fields li:first-child { font-size: 34px; color: #333; text-align: center; margin-bottom: 0; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-location .gform_page_fields ul.gform_fields li:first-child small { text-align: left; font-size: 14px; color: #666; font-weight: normal; max-width: 330px; margin: 0 auto; display: inline-block; width: 100%; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-location .gform_page_fields { min-height: 350px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-location .gform_page_fields ul.gform_fields li:nth-child(2) { margin-top: 0; padding-right: 0 } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-location .gform_page_fields ul.gform_fields li:nth-child(2) label { display: none; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-location .gform_page_fields ul.gform_fields li:nth-child(2) .ginput_container { margin-top: 0; text-align: center; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_footer input.gform_button[type="submit"], .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_footer input.gform_next_button { border-radius: 2px; cursor: pointer; display: block; font-size: 16px; font-weight: 400; line-height: 1.1em; margin: 0 auto 15px auto; outline: 0 none; padding: 15px 0; position: relative; text-align: center; max-width: 330px; width: 100%; text-transform: capitalize; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_footer { display: flex; flex-direction: column; border-top: 0; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .ginput_container input:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { margin: 0 auto; border: 1px solid #999; border-radius: 2px; box-shadow: none; color: #333; font-size: 16px; line-height: 1em; margin: 0; outline: 0 none; padding: 1em 1em; width: 100%; -webkit-appearance: none !important; max-width: 330px; margin: 0 auto; display: block; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .ginput_container input:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-internal-autofill-selected { background: #fff; color: #333; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body>.gform_page:not(.centre-start-next-button) .gform_page_footer input:not(.centre-start-next-button):first-child{ order: 1; background: none; border: 0 none; color: #09c; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 1em; margin: 0 auto; outline: 0 none; padding: 0; position: relative; width: auto; text-align: center; text-transform: capitalize; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_container_radio input[type="radio"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; height: 1px !important; opacity: 0 !important; overflow: hidden !important; position: absolute !important; width: 1px !important; z-index: -1 !important; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_container_radio label { border: 1px solid #333; background: #fff; border-radius: 2px; color: #333; cursor: pointer; display: block; font-size: 16px; font-weight: 400; line-height: 1.1em; margin: 0 auto 15px auto; outline: 0 none; padding: 15px 0; position: relative; text-align: center; max-width: 330px; width: 100% } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_container_radio input[type="radio"]:checked + label { background-color: #d92228; color:#fff } .gform_wrapper.online-mortgage-form_wrapper form .gform_body .gform_page_footer { border-top: 0; } .gform_wrapper.online-mortgage-form_wrapper form .gform_body .gform_page_footer .make_visible.gform_previous_button { background: none; border: 0 none; color: #09c; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 400; line-height: 1em; margin: 0 auto; outline: 0 none; padding: 0; position: relative; width: auto; text-align: center; -webkit-appearance: none !important; width: 100% } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields > ul.gform_fields li.field_description_below > label { font-size: 34px; text-align: center; font-weight: normal; margin-bottom: 20px; color: #333; width: 100% } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider > .gfield_description { color: #333; display: block; font-size: 18px; font-weight: 400; line-height: 1.4em; padding: 0 25px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gfield_description { color: #333; display: block; font-size: 18px; font-weight: 400; line-height: 1.4em; text-align: center; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider .noUi-horizontal { height: 8px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider .noUi-horizontal .noUi-connect { background: #d92228; border-radius: 4px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider .noUi-horizontal .noUi-handle { box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.35); touch-action: none; transition: all .2s ease-in-out; background: #fff; border: 1px solid #ccc; border-radius: 50%; cursor: grab; position: absolute; height: 40px; width: 40px; right: -20px; top: -16px; border: 1px solid #999; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider .noUi-horizontal:hover .noUi-handle, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider .noUi-horizontal .noUi-handle:hover, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider .noUi-horizontal .noUi-handle:focus { transform: scale(1.25) } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider .noUi-horizontal .noUi-handle:after, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider .noUi-horizontal .noUi-handle:before { display: none } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider .noUi-horizontal .noUi-base { background: #ccc; height: 8px; border-radius: 4px; cursor: grab; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider .rangeslider_display { color: #000; font-size: 18px; font-weight: 700; margin: 25px 0 0; text-align: center } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .two-column .ginput_container_radio .mCSB_container > li { width: calc(50% - 20px); display: inline-block; margin: 0 10px !important; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .two-column .ginput_container_radio > .gfield_radio .mCSB_container { text-align: center; } .ui-menu.ui-widget.ui-autocomplete { background-color: #fff; border: 1px solid #c4c4c4; font-size: 12px; margin-top: 20px; padding: 30px 0 10px; position: relative; text-align: left; width: 330px !important; list-style-type: none; font-size: 12px; margin-top: 40px; max-height: 200px; border-top: 0; overflow-x: hidden; overflow-y: auto; z-index: 99999999999999999999; } .ui-menu.ui-widget.ui-autocomplete li { cursor: pointer; padding: 3px 30px; color: #09c; display: block; font-size: 12px; line-height: 1.4em; } .ui-menu.ui-widget.ui-autocomplete li:hover { background: #f7f7f7; color: #d92228; } .ui-menu.ui-widget.ui-autocomplete::before { content: 'Places'; position: absolute; top: 7px; left: 30px; font-size: 12px; color: #333; } .ui-menu.ui-widget.ui-autocomplete::after { content: ''; position: absolute; top: 7px; left: 13px; height: 18px; width: 14px; background-image: url(../images/loc.png); background-repeat: no-repeat; transform: scale(0.8); } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2) .ginput_container .mCustomScrollBox { height: auto; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_complex .name_first label, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_complex .name_last label { color: #666; display: block; font-size: 14px; font-weight: 400; line-height: 18px; text-align: left; order: 1; margin-bottom: 3px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_complex input[type="text"] { background: #fff; border: 1px solid #999; border-radius: 2px; box-shadow: none; color: #333; font-size: 16px; line-height: 1em; margin: 0; outline: 0 none; padding: 1em 1em; width: 100%; -webkit-appearance: none !important; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_complex .name_first, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_complex .name_last { display: inline-flex; flex-direction: column; width: 100%; max-width: 330px; width: 100%; margin: 0 auto 20px; padding: 0; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_complex .name_first input, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_complex .name_last input { order: 2; background: #fff; border: 1px solid #999; border-radius: 2px; box-shadow: none; color: #333; font-size: 16px !important; line-height: 1em; margin: 0; outline: 0 none; padding: 1em 1em !important; width: 100%; -webkit-appearance: none !important; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_complex { text-align: center } .gform_wrapper.online-mortgage-form_wrapper .gform_page_footer .gform_ajax_spinner { margin: 15px auto; display: block; padding: 0 } .gform_wrapper.online-mortgage-form_wrapper div.gform_body .gfield_description.validation_message { color: #ea4b35; display: block; font-size: 13px; font-weight: 400; margin: 5px 0 10px; padding: 0 !important;} .gform_wrapper.online-mortgage-form_wrapper.gform_wrapper div.validation_error { border-top: 0; } /*.gform_wrapper.online-mortgage-form_wrapper .gform_page { transform:translateX(600px); transition: all ease 0.3s; } .gform_wrapper.online-mortgage-form_wrapper .gform_page.online-mortgage-form-intro {transform: translateX(0px); } .gform_wrapper.online-mortgage-form_wrapper .gform_page.online-mortgage-form-intro.complete {transform: translateX(-600px); } .gform_wrapper.online-mortgage-form_wrapper .gform_page.active { transform:translateX(0px) } .gform_wrapper.online-mortgage-form_wrapper .gform_page.complete { transform:translateX(-600px) }*/ .gform_wrapper.online-mortgage-form_wrapper .slider-display.slider-initialized {margin-top: 15px !important; margin-bottom: 60px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .ginput_container .rangeslider_display {color: #000 !important; font-size: 18px !important; font-weight: 700; margin: 0 auto 30px !important; text-align: center; border: 0 !important; max-width: 100% !important; padding: 0 !IMPORTANT; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .ginput_container .slider-display {background: #ccc; border: 0; height: 8px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .ginput_container .slider-display .noUi-base .noUi-origin {background: red !important; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .ginput_container .slider-display .noUi-base .noUi-origin .noUi-handle {box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.35); touch-action: none; transition: all .2s ease-in-out; background: #fff; border: 1px solid #ccc; border-radius: 50%; cursor: grab; position: absolute; height: 40px; width: 40px; right: -20px; top: -16px; border: 1px solid #999; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .ginput_container .slider-display .noUi-base .noUi-origin .noUi-handle:before {content: none; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .ginput_container .slider-display .noUi-base .noUi-origin .noUi-handle:after {content: no-close-quote; content: none; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .ginput_container .slider-display .noUi-base .noUi-origin .noUi-handle:hover,.gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .ginput_container .slider-display .noUi-base .noUi-origin .noUi-handle:focus {transform: scale(1.25); } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .gform_fields li .gfield_label { font-size: 34px; color: #333; text-align: center; margin-bottom: 15px; } /*15-04-2020*/ .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2) .gfield_radio .mCSB_container li > label { background: transparent !important; } .image-choices-admin-field.image-choices-use-images.image-choices-show-labels .image-choices-choice-text, .image-choices-field.image-choices-show-labels .image-choices-choice-text { border-radius: 2px !important; color: #333; cursor: pointer; display: block; font-size: 16px !important; font-weight: 400 !important; line-height: 1.1em !important; margin: 0 auto 15px auto !important; outline: 0 none; padding: 15px 0 !important; position: relative; text-align: center; border-color: transparent; } .image-choices-admin-field.image-choices-use-images .image-choices-choice-image-wrap, .image-choices-field .image-choices-choice-image-wrap { display: inline-block !important; background-repeat: no-repeat !important; line-height: 0 !important; text-align: center !important; transition: all 0.3s !important; background-position: 50% 50% !important; height: 200px !important; width: 240px !important; background-size: contain !important; margin-bottom: 30px; } .image-choices-admin-field.image-choices-use-images .image-choices-choice-selected, .image-choices-field .image-choices-choice-selected { border-color: transparent !important; } @media screen and (max-width:1150px) { #gravity__form--main .gfmdext-first-page-content .girl--image { display: none; } #gravity__form--main .gfmdext-first-page-content .gfmdext-postalcode-form { padding-right: 0px; } /*13-11-2018*/ #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content p { margin: 0 auto 30px; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content form { margin: 30px auto 30px; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner form .gfmdext-select-tool-btn { margin: 0 12px 20px 0; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content, #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-first-page-content, #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-first-page-content { padding: 0 10%; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner, #gravity__form--main.purchase-first-page .gravity__form--main--inner, #gravity__form--main.refine-first-page .gravity__form--main--inner { height: auto; } } @media screen and (max-width:1024px) { #gravity__form--main .gform_wrapper .custom-mortgage-application-form label.gfield_label, #gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container .rangeslider_display { font-size: 21px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gform_page_footer { padding: 20px 0 50px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield_radio li label { font-size: 17px; } #gravity__form--main .gform_wrapper div.validation_error { margin-bottom: 20px; padding: 7px 0; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input[type=submit] { margin-top: -225px !important; } #gravity__form--main .gravity__form--main--inner .gform_wrapper .gf_progressbar_wrapper { max-width: 96%; left: 2%; right: 0; padding-left: 0; margin: 10px 0 16px 0; width: 100%; background-color: transparent; border-color: transparent; top: 0; } #gravity__form--main .gravity__form--main--inner .progress-line--blank { display: none; top: 0; } #gravity__form--main .gravity__form--main--inner { min-height: 375px; padding: 40px 20px 20px; } #gravity__form--main .gfmdext-first-page-content h2.form--title { font-size: 30px; line-height: 40px; margin-top: 5px; } #gravity__form--main .gfmdext-first-page-content .girl--image { display: none; } #gravity__form--main .gfmdext-first-page-content .gfmdext-postalcode-form { padding-right: 0px; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input[type=submit] { margin-top: -215px !important; } /*13-11-2018*/ #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content, #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-first-page-content, #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-first-page-content { padding: 0 5%; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form, #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form, #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner form { width: 100%; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form, #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form, #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner form { padding: 0 0 20px 0; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form label.zip-code-text, #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form label.zip-code-text { font-size: 18px; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"], #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"] { font-size: 18px; padding: 10px 15px 10px 15px; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-postal-code"], #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-postal-code"] { height: 42px; } } @media screen and (max-width:992px) { #gravity__form--main .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"] { width: 126px; margin-left: 10px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2) .gfield_radio .mCSB_container li > label::before { width: 200px; margin-left: -100px; height: 140px; top: -160px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2) .gfield_radio .mCSB_container li > label { margin-top: 180px; width: 100% } .gform_wrapper.online-mortgage-form_wrapper { max-width: 100% !important; margin: 0 auto !important } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .two-column .ginput_container_radio .mCSB_container > li { width: 100%; margin: 0 0 10px 0 !important; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_container_radio label { margin-bottom: 15px; padding: 15px 10px; line-height: 1.2; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_container_radio li { margin-bottom: 0; } } @media screen and (max-width:767px) { #gravity__form--main .gfmdext-postalcode-form input[name="gfmdext-postal-code"] { font-size: 18px; width: 222px; padding: 4px 10px; display: block; margin: 0 auto 20px; } #gravity__form--main .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"] { margin-left: 0; font-size: 41px; height: auto; margin-right: 0; margin-top: 5px; overflow: hidden; padding: 15px 50px 15px 8px; } /* #gravity__form--main .go--buttons-design span {font-size: 40px; height: 71px; padding: 0; bottom: 0; } */ /* #gravity__form--main .go--buttons-design span i.fa {line-height: 78px; padding: 0; margin: 0; } */ #gravity__form--main .gfmdext-postalcode-form { padding: 10px 0 30px; } /*#gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container_radio ul.gfield_radio {max-height: 210px;}*/ #gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container_radio .mCSB_outside+.mCSB_scrollTools { right: -18px; } #gravity__form--main .gfmdext-first-page-content .gfmdext-postalcode-form { padding: 10px 0 30px 0; } #gravity__form--main .gfmdext-first-page-content .gfmdext-postalcode-form label.zip-code-text { display: block; margin: 0 0 10px; } #gravity__form--main .gfmdext-postalcode-form input[name="gfmdext-postal-code"] { display: block; width: 100%; margin-bottom: 15px; } #gravity__form--main .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"] { margin-left: 0; } #gravity__form--main .gfmdext-first-page-content .gfmdext-postalcode-form { padding-right: 0px; padding: 10px 0 30px 0; width: 250px; margin: 0 auto; max-width: 100%; } #gravity__form--main .gfmdext-first-page-content .tag--content { margin-bottom: 0px; } body #gravity__form--main .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input[type=submit] { margin-left: -58px !important; } /* 13-11-2018 */ #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content p { font-size: 25px; line-height: 35px; margin: 0 auto 15px; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content form { margin: 10px auto 30px; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content p, #gravity__form--main.purchase-first-page .gravity__form--main--inner .form--title, #gravity__form--main.refine-first-page .gravity__form--main--inner .form--title { font-size: 25px; line-height: 35px; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .tag--content, #gravity__form--main.refine-first-page .gravity__form--main--inner .tag--content { margin: 0 auto 15px; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"], #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-submit-postalcode"] { margin-left: 0; font-size: 18px; padding: 10px 15px 10px 15px; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form label.zip-code-text, #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form label.zip-code-text { font-size: 18px; } #gravity__form--main.purchase-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-postal-code"], #gravity__form--main.refine-first-page .gravity__form--main--inner .gfmdext-postalcode-form input[name="gfmdext-postal-code"] { width: 100%; } } @media screen and (max-width:640px) { #gravity__form--main .gfmdext-first-page-content .tag--content { font-size: 16px; } body #gravity__form--main .custom-mortgage-application-form .gform_page_footer input[type=submit] { margin-left: -42px !important; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield_radio li label { font-size: 15px; } #gravity__form--main .gfmdext-first-page-content h2.form--title { font-size: 24px; line-height: 34px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form ul.gfield_radio li input[type=radio]:checked + label:after, #gravity__form--main .gform_wrapper .custom-mortgage-application-form ul.gfield_radio li input[type=radio]:checked + label:before { right: 10px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form label.gfield_label, #gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container .rangeslider_display { font-size: 17px; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form label.gfield_label { margin-bottom: 20px; } #gravity__form--main .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } #gravity__form--main .custom-mortgage-application-form .gform_page_footer input[type=submit] { margin-top: -200px !important; min-width: auto !important; width: 344px !important; max-width: 100%; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form li .check-wrapp img { right: 10px !important; } #gravity__form--main .gform_wrapper .custom-mortgage-application-form .ginput_container.icon--image--added input[type=text], #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gform_page_fields .gfield.validate-full-name-field input[type=text] { padding-right: 30px !important; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2) .gfield_radio .mCSB_container li { display: block; margin: 0 auto !important; width: 280px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro .gform_page_fields > ul.gform_fields li:nth-child(2) label, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:first-child { font-size: 28px; } .ui-menu.ui-widget.ui-autocomplete { max-height: 120px } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-location .gform_page_fields { min-height: 240px } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_rangeslider > .gfield_description { padding: 0; font-size: 15px; margin-top: 15px; } } @media screen and (max-width:500px) { #gravity__form--main .gform_wrapper .custom-mortgage-application-form .gfield_radio li label { height: auto; min-height: 48px; line-height: 25px; font-size: 14px; } #gravity__form--main .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { font-size: 13px; } .gfield.gf-final-form-submit .ginput_container_radio .gfield_radio .gchoice_19_61_0 #label_19_61_0 { line-height: 60px; min-width: 100%; } /*13-11-2018*/ #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content p { margin: 0 auto 15px; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner .gfmdext-first-page-content form { margin: 10px auto 30px; } #gravity__form--main.gravity_form-banner-design .gravity__form--main--inner form .gfmdext-select-tool-btn { padding: 10px 8px; font-size: 13px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields .gform_fields li .gfield_label, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro .gform_page_fields > ul.gform_fields li:nth-child(2) label, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:first-child { font-size: 24px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-location .gform_page_fields ul.gform_fields li:first-child { font-size: 23px; text-align: left; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .gform_page_fields > ul.gform_fields li.field_description_below > label { font-size: 25px; text-align: left; } } @media screen and (max-width:375px) { .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro .gform_page_fields > ul.gform_fields li:nth-child(2) label, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:first-child { font-size: 20px; } } /*31-05-2021*/ li.inline-options, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro ul.gform_fields li:nth-child(2){font-size: 0;} /*13-09-2021*/ .gform_wrapper.online-mortgage-form_wrapper div.gform_body>.gform_page.online-mortgage-form-intro ul.gform_fields li.gfield.centre-start { margin-left: auto !important; margin-right: auto; } /*01-10-2021*/ .online-mortgage-form_wrapper .online-mortgage-form .mCSB_scrollTools_vertical { display: none !important; } /* 03-12-2021 */ .center-start-next-button .gform_next_button { border-radius: 2px !important; cursor: pointer !important; display: block !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.1em !important; margin: 0 auto 15px auto !important; outline: 0 none !important; padding: 15px 0 !important; position: relative !important; text-align: center !important; max-width: 330px !important; width: 100% !important; text-transform: capitalize !important; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body>.gform_page.online-mortgage-form-intro ul.gform_fields li.gfield.center-start { margin-left: auto !important; margin-right: auto; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body>.gform_page.online-mortgage-form-intro ul.gform_fields li.gfield.centre-start { margin-left: auto !important; margin-right: auto; } .gform_legacy_markup_wrapper .centre-start-next-button ul.gform_fields li.gfield { padding-right: 0px; } .gform_legacy_markup_wrapper ul.gform_fields li.centre-start { padding-right: 0px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body>.gform_page.online-mortgage-form-intro ul.gform_fields li.gfield.center-start { margin-left: auto !important; margin-right: auto; } .gform_legacy_markup_wrapper .center-start-next-button ul.gform_fields li.gfield { padding-right: 0px; } .gform_legacy_markup_wrapper ul.gform_fields li.center-start { padding-right: 0px; } /* 15-12-2021 */ @media only screen and (max-width: 1200px) and (min-width: 768px) { .online-mortgage-form-intro .image-choices-field .image-choices-choice-image-wrap { height: 128px !important; width: 100% !important; } .online-mortgage-form-intro .image-choices-field .image-choices-choice-text { padding: 10px !important; } } /** CSS update for legacy html withdrawal **/ .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form-location .gform_fields { grid-row-gap: 0px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body >.gform_page.online-mortgage-form-intro .ginput_container_radio .gchoice label { background: transparent!important; border: none; padding: 0 !important; } .gform_wrapper.online-mortgage-form_wrapper .gfield:first-child { font-size: 34px; color: #333; margin-bottom: 0; font-weight: 400; } .gform_wrapper.online-mortgage-form_wrapper .gfield:first-child { text-align: center; } .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form-intro .gfield { font-size: 32px; } .gform_wrapper.online-mortgage-form_wrapper .gfield:first-child:first-child small { text-align: left; font-size: 14px; color: #666; font-weight: normal; max-width: 330px; margin: 0 auto; display: inline-block; width: 100%; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .field_description_above .gfield_label, .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .field_description_below .gfield_label { font-size: 34px; color: #333; text-align: center; margin-bottom: 15px; font-weight: normal; display: block; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .field_description_above.gform_rangeslider .gfield_label { font-weight: 700; } .gform_wrapper.online-mortgage-form_wrapper .gf-mdext-zip-code .ginput_container_text { text-align: center; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page .ginput_container_radio label { max-width: 266px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body > .gform_page.online-mortgage-form-intro .ginput_container_radio input[type="radio"]:checked + label { background-color: transparent!important; color: initial !important; } .gform_wrapper.online-mortgage-form_wrapper .gfield_required { color: #790000 !important; font-size: inherit !important; margin-left: 4px; padding-inline-start: 0; } .gform_wrapper.online-mortgage-form_wrapper .image-choices-field .gchoice.image-choices-choice { margin: 0 20px !important; width: calc(50% - 45px); } .gform_legacy_markup_wrapper .gform_validation_errors { width: 100%; border: 1px solid #790000; box-shadow: 0 0 0 #ff6d6d; border-radius: 5px; padding: 1.0625rem 1.375rem; margin-top: .5rem; margin-bottom: .5rem; } .gform_wrapper.online-mortgage-form_wrapper .gform_validation_errors { color: #790000; font-size: 1em; font-weight: 700; margin-bottom: 25px; border-top: 2px solid #790000; border-bottom: 2px solid #790000; padding: 16px 0 16px 0; clear: both; width: 100%; text-align: center; } .gform_wrapper.online-mortgage-form_wrapper .gform_validation_errors>h2 { font-size: 16px; font-weight: 700; color: #790000; margin: 0; display: flex; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body .field_description_below .gfield_description.validation_message { border: none; background-color: transparent; } .gform_wrapper.online-mortgage-form_wrapper .gform_validation_errors>h2.gform_submission_error .gform-icon { font-size: inherit !important; position: inherit; margin-left: 10px; } .gform_wrapper.online-mortgage-form_wrapper .gfield.field_description_below .ginput_container_text input { text-align: left; } @media only screen and (max-width: 640px) { .gform_wrapper.online-mortgage-form_wrapper .gfield:first-child{ font-size: 28px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body >.gform_page .field_description_above .gfield_label, .gform_wrapper.online-mortgage-form_wrapper div.gform_body >.gform_page .field_description_below .gfield_label { font-size: 28px; } .gform_wrapper.online-mortgage-form_wrapper .image-choices-field .image-choices-choice { margin: 0 auto !important; width: 280px; display: block; } } @media only screen and (max-width: 500px) { .gform_wrapper.online-mortgage-form_wrapper .online-mortgage-form-intro .gfield { font-size: 23px; text-align: left; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body >.gform_page .field_description_above .gfield_label, .gform_wrapper.online-mortgage-form_wrapper div.gform_body >.gform_page .field_description_below .gfield_label { font-size: 24px; } .gform_wrapper.online-mortgage-form_wrapper .gfield:first-child { font-size: 24px; text-align: center; } } @media only screen and (max-width: 375px) { .gform_wrapper.online-mortgage-form_wrapper .gfield:first-child { font-size: 20px; } .gform_wrapper.online-mortgage-form_wrapper div.gform_body >.gform_page .field_description_above .gfield_label, .gform_wrapper.online-mortgage-form_wrapper div.gform_body >.gform_page .field_description_below .gfield_label { font-size: 20px; } }