mod-build 4.0.64 → 4.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/package.json +1 -1
- package/public/resources/scripts/abandonment/abandonment-a4bbb36fbc8ed64042b8.min.js +2 -0
- package/public/resources/scripts/abandonment/abandonment.min.js +2 -0
- package/public/resources/scripts/callrail/callrail-14011d73b50a928de4b4.min.js +2 -0
- package/public/resources/scripts/callrail/callrail.min.js +2 -0
- package/public/resources/scripts/footer/footer-component-46dc0d7ca6af4fc3b76b.min.js +2 -0
- package/public/resources/scripts/footer/footer-component.min.js +2 -0
- package/public/resources/scripts/geolocation/geolocation.min.js +2 -0
- package/public/resources/scripts/helpers/addVWOTestQueryParam.min.js +2 -0
- package/public/resources/scripts/helpers/addVWOTestQueryParam.min.js.map +1 -0
- package/public/resources/scripts/helpers/additionalOpts.min.js +2 -0
- package/public/resources/scripts/helpers/additionalOpts.min.js.map +1 -0
- package/public/resources/scripts/helpers/calls-only.min.js +2 -0
- package/public/resources/scripts/helpers/calls-only.min.js.map +1 -0
- package/public/resources/scripts/helpers/getPhoneAssignmentData.min.js +2 -0
- package/public/resources/scripts/helpers/getPhoneAssignmentData.min.js.map +1 -0
- package/public/resources/scripts/helpers/initNumericOnlyFields.min.js +2 -0
- package/public/resources/scripts/helpers/initNumericOnlyFields.min.js.map +1 -0
- package/public/resources/scripts/helpers/initQSForm.min.js +2 -0
- package/public/resources/scripts/helpers/initQSForm.min.js.map +1 -0
- package/public/resources/scripts/helpers/initQuadTransform.min.js +2 -0
- package/public/resources/scripts/helpers/initQuadTransform.min.js.map +1 -0
- package/public/resources/scripts/helpers/isZipCodeValid.min.js +2 -0
- package/public/resources/scripts/helpers/isZipCodeValid.min.js.map +1 -0
- package/public/resources/scripts/helpers/observeVWOVariation.min.js +2 -0
- package/public/resources/scripts/helpers/observeVWOVariation.min.js.map +1 -0
- package/public/resources/scripts/helpers/opts.min.js +2 -0
- package/public/resources/scripts/helpers/opts.min.js.map +1 -0
- package/public/resources/scripts/jornaya.hbs +35 -0
- package/public/resources/scripts/jornaya.html +35 -0
- package/public/resources/scripts/mod-alytics/modalytics-be44027508c0438f6709.min.js +2 -0
- package/public/resources/scripts/mod-alytics/modalytics.min.js +2 -0
- package/public/resources/scripts/mod-form/form/contractor-0918337caf3dfede1609.min.js +2 -0
- package/public/resources/scripts/mod-form/form/contractor.min.js +2 -0
- package/public/resources/scripts/mod-form/form/homeowner-19a121b0e596042326f4.min.js +2 -0
- package/public/resources/scripts/mod-form/form/homeowner.min.js +2 -0
- package/public/resources/scripts/mod-utils/modutils-bc275eb41af515f626ef.min.js +2 -0
- package/public/resources/scripts/mod-utils/modutils.min.js +2 -0
- package/public/resources/scripts/trusted-form.hbs +38 -0
- package/public/resources/scripts/trusted-form.html +38 -0
- package/public/resources/styles/components/abandonment/abandonment-8a673f060817db6cb7dc.min.css +1 -0
- package/public/resources/styles/components/abandonment/abandonment.min.css +1 -0
- package/public/resources/styles/components/footer/mod-footer-d233fa64b6c8297c70ec.min.css +1 -0
- package/public/resources/styles/components/footer/mod-footer.min.css +1 -0
- package/public/resources/styles/components/footer/qs-footer-926e67c28d10c729db46.min.css +1 -0
- package/public/resources/styles/components/footer/qs-footer.min.css +1 -0
- package/src/resources/data/tcpa.json +4 -0
- package/src/resources/templates/modals/about/index.hbs +9 -0
- package/src/resources/templates/modals/about/index.html +9 -0
- package/src/resources/templates/modals/contact-us/index.hbs +348 -0
- package/src/resources/templates/modals/contact-us/index.html +348 -0
- package/src/resources/templates/modals/e-sign-consent/index.hbs +35 -0
- package/src/resources/templates/modals/e-sign-consent/index.html +35 -0
- package/src/resources/templates/modals/faq/index.hbs +9 -0
- package/src/resources/templates/modals/faq/index.html +9 -0
- package/src/resources/templates/modals/privacy/index.hbs +237 -0
- package/src/resources/templates/modals/privacy/index.html +237 -0
- package/src/resources/templates/modals/terms/index.hbs +167 -0
- package/src/resources/templates/modals/terms/index.html +167 -0
- package/src/shared-components/call-tracking/_call-tracking.scss +311 -0
- package/src/shared-components/call-tracking/call-tracking-icon.html +8 -0
- package/src/shared-components/call-tracking/call-tracking.html +81 -0
- package/src/shared-components/call-tracking/phone.svg +6 -0
- package/src/shared-components/card-button/_card-button.scss +49 -0
- package/src/shared-components/card-button/card-button.html +9 -0
- package/src/shared-components/carousel/_carousel.scss +106 -0
- package/src/shared-components/carousel/carousel.html +23 -0
- package/src/shared-components/carousel/carousel.js +3573 -0
- package/src/shared-components/carousel/carousel.js.map +1 -0
- package/src/shared-components/carousel/carousel.min.js +2 -0
- package/src/shared-components/carousel/carousel.min.js.map +1 -0
- package/src/shared-components/carousel/carousel.min.min.js +2 -0
- package/src/shared-components/carousel/carousel.min.min.js.map +1 -0
- package/src/shared-components/checkbox/_checkbox.scss +130 -0
- package/src/shared-components/checkbox/checkbox.html +10 -0
- package/src/shared-components/consent-capture/tcpa.html +12 -0
- package/src/shared-components/expand-collapse/_expand-collapse.scss +93 -0
- package/src/shared-components/expand-collapse/expand-collapse.html +8 -0
- package/src/shared-components/expand-collapse/expand-collapse.js +40 -0
- package/src/shared-components/expand-collapse/expand-collapse.min.js +2 -0
- package/src/shared-components/expand-collapse/expand-collapse.min.js.map +1 -0
- package/src/shared-components/featured-block/_featured-block.scss +191 -0
- package/src/shared-components/featured-block/featured-block.html +80 -0
- package/src/shared-components/foot-assets/foot-assets.html +107 -0
- package/src/shared-components/form-tcpa/form-tcpa-spanish.html +61 -0
- package/src/shared-components/form-tcpa/form-tcpa.html +55 -0
- package/src/shared-components/gtm-body/gtm-body.html +4 -0
- package/src/shared-components/head/head.html +195 -0
- package/src/shared-components/header/_header.scss +200 -0
- package/src/shared-components/header/header.html +79 -0
- package/src/shared-components/hero/_hero.scss +276 -0
- package/src/shared-components/hero/hero.html +136 -0
- package/src/shared-components/how-it-works/_how-it-works.scss +138 -0
- package/src/shared-components/how-it-works/how-it-works.html +19 -0
- package/src/shared-components/input/_input.scss +242 -0
- package/src/shared-components/input/input.html +30 -0
- package/src/shared-components/preloader/_preloader.scss +61 -0
- package/src/shared-components/preloader/preloader.html +49 -0
- package/src/shared-components/progress-bar/_progress-bar.scss +142 -0
- package/src/shared-components/progress-bar/progress-bar.html +20 -0
- package/src/shared-components/progress-bar/progress-bar.js +26 -0
- package/src/shared-components/progress-bar/progress-bar.min.js +2 -0
- package/src/shared-components/progress-bar/progress-bar.min.js.map +1 -0
- package/src/shared-components/radio-button/_radio-button.scss +577 -0
- package/src/shared-components/radio-button/radio-button.html +25 -0
- package/src/shared-components/reviews/_reviews.scss +79 -0
- package/src/shared-components/reviews/reviews.html +27 -0
- package/src/shared-components/section-deals/sitemap.xml +9 -0
- package/src/shared-components/select/_select.scss +61 -0
- package/src/shared-components/select/select.html +8 -0
- package/src/shared-components/steps/_steps.scss +431 -0
- package/src/shared-components/steps/defaultFormFieldConfig.json +64 -0
- package/src/shared-components/steps/step-fields.html +36 -0
- package/src/shared-components/steps/steps.html +136 -0
- package/src/shared-components/textarea/_textarea.scss +96 -0
- package/src/shared-components/textarea/textarea.html +13 -0
- package/src/shared-components/theme-toggle/_theme-toggle.scss +68 -0
- package/src/shared-components/theme-toggle/theme-toggle.html +34 -0
- package/src/shared-components/tile/_tile.scss +117 -0
- package/src/shared-components/tile/tile.html +27 -0
- package/src/shared-components/value-props/_value-props.scss +99 -0
- package/src/shared-components/value-props/value-props.html +17 -0
- package/src/shared-components/zip-control/_zip-control.scss +42 -0
- package/src/shared-components/zip-control/zip-control.html +21 -0
- package/tasks/grab-shared-components.js +5 -5
package/public/resources/styles/components/abandonment/abandonment-8a673f060817db6cb7dc.min.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.abandonment__modal{background:rgba(0,0,0,.4);display:block;overflow:auto}.modal--abandonment::before{background:rgba(0,0,0,.5)}.modal__abandonment-dialog{background-color:#fff;border-radius:4px;font-size:26px;line-height:28px;max-width:100%;padding:20px 40px 40px;text-align:center;width:580px}.modal--abandonment .modal-title,.modal__title{border-bottom:1px solid #dcdcdc;color:#545253;font-size:28px;font-weight:700px;line-height:1.25;padding:20px 0;text-transform:none}.modal--abandonment .modal-subtitle,.modal__subtitle{color:#545253;font-size:24px;font-weight:700;line-height:1.25}.modal__content{margin:auto;padding:20px 0 0;width:360px}.modal--abandonment .modal-phone,.modal__phone{display:inline-block;font-size:25px;margin-top:15px}.modal--abandonment .modal-phone i,.modal__phone i{font-size:20px;margin-right:5px}.modal--abandonment .modal-header .icon-close,.modal__close{color:#767475;cursor:pointer;font-size:20px;position:absolute;text-align:right;top:15px;transition:color .15s ease-in-out}.modal__close{right:15px}.modal--abandonment .modal-header .icon-close:active,.modal--abandonment .modal-header .icon-close:focus,.modal--abandonment .modal-header .icon-close:hover,.modal__close:active,.modal__close:focus,.modal__close:hover{color:#434142}.modal--abandonment .modal-custom-background{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:-1}.modal--abandonment .modal-custom-background img{height:100%;object-fit:cover;object-position:center;width:100%}.modal--abandonment .modal-header .icon-close{right:0}.modal--abandonment .modal-title{margin-bottom:25px}.modal--abandonment .modal-subtitle{margin:0 auto;max-width:360px}.modal--abandonment .modal-img{margin:0 auto;max-width:170px}.modal--abandonment .modal-summary{color:#000;font-size:14px;font-weight:400;line-height:1.25;margin:0 0 20px}.modal--abandonment .modal-disclaimer{color:#767475;font-size:12px;font-weight:400;line-height:1.25;margin:0}.modal--abandonment .modal-phone{height:auto;max-width:360px;padding:16px 30px}.modal--abandonment .modal-btn{background-color:#cf3e00;color:#fff;display:inline-block;font-size:17px;font-weight:400;height:auto;line-height:1.05;max-width:100%;padding:10px 20px;text-transform:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border .15s ease-in-out}.modal--abandonment .modal-btn:active,.modal--abandonment .modal-btn:focus,.modal--abandonment .modal-btn:hover{background-color:#7b2500}.modal--rba .modal-content{border:7px solid #dcdcdc;text-align:center}.modal--rba .modal-title{border-bottom:0;font-size:17px;font-weight:400;line-height:1.3;margin:10px 0 2px;padding:0}.modal--rba .modal-subtitle{font-size:14px;font-weight:400;max-width:100%}.modal--rba .modal-btn{background-color:#3d8544;border-radius:3px;color:#fff;margin:10px auto;max-width:230px}.modal--rba .modal-btn:active,.modal--rba .modal-btn:focus,.modal--rba .modal-btn:hover{background-color:#2d6232}.modal--form,.modal--partners .modal-dialog{width:100%}.modal--partners .modal-content{background-color:#f2f2f2;max-height:100vh;max-width:1090px;overflow:auto}.modal--partners .modal-title{border-bottom:0;font-weight:400;padding:0}.modal--partners .modal-partner{background-color:#fff;border:1px solid #dcdcdc;padding:30px 15px;position:relative;text-align:left}.modal--partners .modal-partner~.modal-partner{margin-top:20px}.modal--partners .modal-partner__ribbon{background:#187eaa;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);color:#fff;font-weight:700;left:0;line-height:1.5;min-width:180px;padding:5px 10px;position:absolute;text-align:center;top:0}.modal--partners .modal-partner__ribbon i{font-size:80%}.modal--partners .modal-partner__logo{max-width:152px}.modal--partners .modal-partner__name{color:#212021;font-size:24px;font-weight:700;margin:0 0 15px}.modal--partners .modal-partner__bullets li{font-size:15px;line-height:1.2;margin-bottom:5px}.modal--partners .modal-partner__bullets li::before{color:#187eaa;content:"\e920";font-family:modicons-fill;font-size:85%;font-style:normal;margin-right:5px}.modal--partners .modal-partner__buttons{margin-top:30px;max-width:200px;text-align:center}.modal--partners .modal-partner__buttons .modal-btn{border-radius:4px;font-size:16px;font-weight:700;line-height:1;min-width:195px;padding:15px 20px}.modal--partners .modal-partner__buttons .modal-btn:first-of-type::after{content:"\e907";font-family:modicons-basic;font-size:85%;font-style:normal;margin-left:0}.modal--partners .modal-partner__buttons .modal-btn~.modal-btn{background-color:#187eaa;margin-top:10px}.modal--partners .modal-partner__buttons .modal-btn~.modal-btn:active,.modal--partners .modal-partner__buttons .modal-btn~.modal-btn:focus,.modal--partners .modal-partner__buttons .modal-btn~.modal-btn:hover{background-color:#125d7d}@media (min-width:768px){.modal--partners .modal-partner{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.modal--partners .modal-partner__logo{margin-top:45px}.modal--partners .modal-partner__info{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}.modal--partners .modal-partner__buttons,.modal--partners .modal-partner__info{margin-left:20px}.modal--partners .modal-partner__buttons{margin-top:0;min-width:195px}}.modal--form .modal-content{border-radius:0;box-shadow:none;max-height:calc(100vh - 40px);overflow:auto}.modal--form .modal-title{border:0;font-weight:400;margin:0}.modal--form .modal-subtitle{font-weight:400}.modal--form .modal-disclaimer,.modal--form .modal-subtitle{margin:0 auto 20px}.modal--form form{margin:0 auto;max-width:320px}.modal--form .form-group__label{color:#000;display:block;font-size:14px;font-weight:400;margin:0 0 5px}.modal--form .form-group__error-message{margin:0 0 5px}.modal--form .select{color:#000;font-size:14px}.modal--form .form-input{border:1px solid #8b8a8a;font-size:14px;min-height:42px;padding:10px}.modal--form .form-input--zip{padding-left:45px;text-align:left}.modal--form .form-input:focus{border:2px solid #545253}.modal--form .has-error .form-input:focus{border-color:#d32f37}.modal--form .form-input-group__icon{top:11px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.abandonment__modal{background:rgba(0,0,0,.4);display:block;overflow:auto}.modal--abandonment::before{background:rgba(0,0,0,.5)}.modal__abandonment-dialog{background-color:#fff;border-radius:4px;font-size:26px;line-height:28px;max-width:100%;padding:20px 40px 40px;text-align:center;width:580px}.modal--abandonment .modal-title,.modal__title{border-bottom:1px solid #dcdcdc;color:#545253;font-size:28px;font-weight:700px;line-height:1.25;padding:20px 0;text-transform:none}.modal--abandonment .modal-subtitle,.modal__subtitle{color:#545253;font-size:24px;font-weight:700;line-height:1.25}.modal__content{margin:auto;padding:20px 0 0;width:360px}.modal--abandonment .modal-phone,.modal__phone{display:inline-block;font-size:25px;margin-top:15px}.modal--abandonment .modal-phone i,.modal__phone i{font-size:20px;margin-right:5px}.modal--abandonment .modal-header .icon-close,.modal__close{color:#767475;cursor:pointer;font-size:20px;position:absolute;text-align:right;top:15px;transition:color .15s ease-in-out}.modal__close{right:15px}.modal--abandonment .modal-header .icon-close:active,.modal--abandonment .modal-header .icon-close:focus,.modal--abandonment .modal-header .icon-close:hover,.modal__close:active,.modal__close:focus,.modal__close:hover{color:#434142}.modal--abandonment .modal-custom-background{bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:-1}.modal--abandonment .modal-custom-background img{height:100%;object-fit:cover;object-position:center;width:100%}.modal--abandonment .modal-header .icon-close{right:0}.modal--abandonment .modal-title{margin-bottom:25px}.modal--abandonment .modal-subtitle{margin:0 auto;max-width:360px}.modal--abandonment .modal-img{margin:0 auto;max-width:170px}.modal--abandonment .modal-summary{color:#000;font-size:14px;font-weight:400;line-height:1.25;margin:0 0 20px}.modal--abandonment .modal-disclaimer{color:#767475;font-size:12px;font-weight:400;line-height:1.25;margin:0}.modal--abandonment .modal-phone{height:auto;max-width:360px;padding:16px 30px}.modal--abandonment .modal-btn{background-color:#cf3e00;color:#fff;display:inline-block;font-size:17px;font-weight:400;height:auto;line-height:1.05;max-width:100%;padding:10px 20px;text-transform:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border .15s ease-in-out}.modal--abandonment .modal-btn:active,.modal--abandonment .modal-btn:focus,.modal--abandonment .modal-btn:hover{background-color:#7b2500}.modal--rba .modal-content{border:7px solid #dcdcdc;text-align:center}.modal--rba .modal-title{border-bottom:0;font-size:17px;font-weight:400;line-height:1.3;margin:10px 0 2px;padding:0}.modal--rba .modal-subtitle{font-size:14px;font-weight:400;max-width:100%}.modal--rba .modal-btn{background-color:#3d8544;border-radius:3px;color:#fff;margin:10px auto;max-width:230px}.modal--rba .modal-btn:active,.modal--rba .modal-btn:focus,.modal--rba .modal-btn:hover{background-color:#2d6232}.modal--form,.modal--partners .modal-dialog{width:100%}.modal--partners .modal-content{background-color:#f2f2f2;max-height:100vh;max-width:1090px;overflow:auto}.modal--partners .modal-title{border-bottom:0;font-weight:400;padding:0}.modal--partners .modal-partner{background-color:#fff;border:1px solid #dcdcdc;padding:30px 15px;position:relative;text-align:left}.modal--partners .modal-partner~.modal-partner{margin-top:20px}.modal--partners .modal-partner__ribbon{background:#187eaa;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);color:#fff;font-weight:700;left:0;line-height:1.5;min-width:180px;padding:5px 10px;position:absolute;text-align:center;top:0}.modal--partners .modal-partner__ribbon i{font-size:80%}.modal--partners .modal-partner__logo{max-width:152px}.modal--partners .modal-partner__name{color:#212021;font-size:24px;font-weight:700;margin:0 0 15px}.modal--partners .modal-partner__bullets li{font-size:15px;line-height:1.2;margin-bottom:5px}.modal--partners .modal-partner__bullets li::before{color:#187eaa;content:"\e920";font-family:modicons-fill;font-size:85%;font-style:normal;margin-right:5px}.modal--partners .modal-partner__buttons{margin-top:30px;max-width:200px;text-align:center}.modal--partners .modal-partner__buttons .modal-btn{border-radius:4px;font-size:16px;font-weight:700;line-height:1;min-width:195px;padding:15px 20px}.modal--partners .modal-partner__buttons .modal-btn:first-of-type::after{content:"\e907";font-family:modicons-basic;font-size:85%;font-style:normal;margin-left:0}.modal--partners .modal-partner__buttons .modal-btn~.modal-btn{background-color:#187eaa;margin-top:10px}.modal--partners .modal-partner__buttons .modal-btn~.modal-btn:active,.modal--partners .modal-partner__buttons .modal-btn~.modal-btn:focus,.modal--partners .modal-partner__buttons .modal-btn~.modal-btn:hover{background-color:#125d7d}@media (min-width:768px){.modal--partners .modal-partner{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.modal--partners .modal-partner__logo{margin-top:45px}.modal--partners .modal-partner__info{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}.modal--partners .modal-partner__buttons,.modal--partners .modal-partner__info{margin-left:20px}.modal--partners .modal-partner__buttons{margin-top:0;min-width:195px}}.modal--form .modal-content{border-radius:0;box-shadow:none;max-height:calc(100vh - 40px);overflow:auto}.modal--form .modal-title{border:0;font-weight:400;margin:0}.modal--form .modal-subtitle{font-weight:400}.modal--form .modal-disclaimer,.modal--form .modal-subtitle{margin:0 auto 20px}.modal--form form{margin:0 auto;max-width:320px}.modal--form .form-group__label{color:#000;display:block;font-size:14px;font-weight:400;margin:0 0 5px}.modal--form .form-group__error-message{margin:0 0 5px}.modal--form .select{color:#000;font-size:14px}.modal--form .form-input{border:1px solid #8b8a8a;font-size:14px;min-height:42px;padding:10px}.modal--form .form-input--zip{padding-left:45px;text-align:left}.modal--form .form-input:focus{border:2px solid #545253}.modal--form .has-error .form-input:focus{border-color:#d32f37}.modal--form .form-input-group__icon{top:11px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.contact-us__thankyou{display:none;text-align:center}.contact-us__thankyou-title{color:#2849ca;font-size:38px;font-weight:700;margin-bottom:10px}.contact-us__thankyou-img{margin:30px auto;width:auto}.contact-us .step{display:none}.contact-us .step--active{display:block}.contact-us .step--active:focus{outline:0!important}.contact-us .step__header{-webkit-align-items:unset;-ms-flex-align:unset;align-items:unset;background-color:#e5e8f9;color:#2849ca;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:16px;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;margin-bottom:20px;min-height:0;padding:0}.contact-us .step__header-number{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#2849ca;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:700;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:10px 15px;width:30%}.contact-us .step__header-text{margin:0;padding:10px 15px;width:70%}.contact-us .step__content{max-width:100%;padding:0;width:100%}.contact-us .step__content-item{text-align:center}.contact-us .step__image{margin:15px auto;width:auto}.contact-us .step__error{color:#e97158;font-weight:700;text-align:center}.contact-us .step__error-message{color:#d0391b;display:none;font-size:14px;margin:-10px 0 8px}.contact-us .step__error-message:before{content:"\e91d";font-family:modicons-stroke;font-size:15px;padding-right:7px;vertical-align:bottom}.contact-us .step__list{list-style-type:none;margin:0;text-align:left}.contact-us .field,.contact-us .step__list li{border:1px solid #757575;margin-bottom:15px;padding:10px}.contact-us .step__list a{color:#000;display:block;text-decoration:underline}.contact-us .step__list a+a{margin-top:5px}.contact-us .field{display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:left;transition:all .15s ease}.contact-us .field label{cursor:pointer;display:block;font-weight:400;margin:0;padding-left:35px;position:relative;width:100%}.contact-us .field label::before{background-color:#e5e8f9;content:"";height:22px;left:0;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);transition:background-color .15s ease;width:22px}.contact-us .field:focus-within{outline:2px solid #2849ca;outline-offset:3px}.contact-us .field input:checked+label::before{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#2849ca;color:#fff;content:"\e920";display:-webkit-flex;display:-ms-flexbox;display:flex;font:14px/1 modicons-fill;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-rendering:auto}.contact-us .form-group{margin:0;text-align:left}.contact-us .form-group label{color:#757575;display:inline-block;font-size:18px;font-weight:400;margin-bottom:4px}.contact-us .form-group textarea{height:75px}.contact-us legend{display:block;font-size:24px;margin-bottom:22px}.contact-us .form-controls{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto}.contact-us .form-control{background-color:#fff;border:1px solid #757575;border-radius:4px;box-shadow:none;font-size:16px;height:48px;line-height:1.1875;margin:0 0 15px;padding:15px;position:relative;transition:all .15s ease;width:100%}.contact-us .form-control:focus{background-color:rgba(229,232,249,.4);border:1px solid #2849ca}.contact-us .has-error .form-control{background-color:#fcf6f3;border:1px solid #d0391b;color:#d0391b}.contact-us .has-error .form-control:focus{background-color:#fcf6f3;border:1px solid #d0391b}.contact-us .has-error .step__error-message{display:block}.contact-us .btn-back{background-color:transparent;border:2px solid #757575;border-radius:100%;color:#757575;height:48px;max-width:48px;padding:10px;transition:all .15s ease}.contact-us .btn-back::before{content:"\e901";font-size:20px;font-family:modicons-basic}.contact-us .btn-back:focus{background-color:rgba(229,232,249,.4);border-color:#2849ca;color:#2849ca}.contact-us .btn-submit{background-color:transparent;border:2px solid #2849ca;border-radius:30px;color:#2849ca;display:block;font-weight:500;height:48px;max-width:300px;padding:10px 30px;width:60%}.contact-us .btn-submit:active,.contact-us .btn-submit:focus,.contact-us .btn-submit:hover{background-color:#2849ca;color:#fff}.contact-us .btn__spinner::after{border:4px solid #2849ca;border-right-color:#fff;border-top-color:#fff}.g-recaptcha{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:20px 0}@media (min-width:768px){.contact-us .field:hover{background-color:rgba(229,232,249,.4);border:1px solid #2849ca}.contact-us .field:hover label::before{background-color:#d0d6f4}.contact-us .btn-back:hover{background-color:#e5e8f9;border-color:#2849ca;color:#2849ca}.contact-us .form-control:hover{border:1px solid #2849ca}.contact-us .form-control:focus:hover{border-width:1px}.contact-us .has-error .form-control:hover{border:1px solid #d0391b}}body .modal--abandonment{background-color:transparent;border:0;height:100%;max-height:100%;max-width:100%;outline:0;padding:0;position:fixed;top:0;z-index:100}body .modal--abandonment .modal-header{border:0;padding:0}body .modal--abandonment .modal-content{padding:20px 20px 40px;position:relative;text-align:center}body .modal-dialog{margin:30px auto;position:relative;width:600px;z-index:100}body .modal-content{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;position:relative}body .modal-header{border-bottom:1px solid #e5e5e5;font-size:unset;line-height:1;padding:12px 15px}body .modal-header--close{background-color:transparent;border:0;color:#434142;font-size:45px;font-weight:700;line-height:1;padding:0;position:absolute;right:15px;top:2px;transition:color .15s ease-in-out}body .modal-header--close:focus,body .modal-header--close:hover{color:#767475}body .modal-title{font-size:18px;font-weight:700;line-height:1.4;margin:0;text-transform:capitalize}body .modal-body{max-height:calc(100vh - 210px);overflow-y:auto;padding:15px;position:relative;word-break:break-word}body .modal-body h2{font-size:18px;font-weight:700;margin:0 0 5px}body .modal-body a{color:#3678ba;text-decoration:underline;transition:color .15s ease,background-color .15s ease}body .modal-body h4,body .modal-body ul{margin-bottom:20px}body .modal-body li{margin-bottom:5px}body .modal-body p{font-weight:400;line-height:1.35;margin-bottom:20px}body .modal-body .subtitle,body .modal-body .title{font-size:20px;font-weight:700;line-height:22px;margin-bottom:15px}body .modal-body .subtitle{font-weight:400;margin-top:30px}body .modal-body .subtitle--underlined{font-style:italic;font-weight:700;text-decoration:underline}body .modal-body .blockquote{border-left:5px solid #dcdcdc;margin-left:30px;padding:10px 0 10px 30px}body .modal-body .unordered-list{list-style-type:disc}body .modal-body .unordered-list ul{list-style-type:circle}body .modal-body .unordered-list.no-decorator{list-style-type:none;margin-left:15px}body .modal-body .ordered-list{list-style-type:decimal}body .modal-body .ordered-list li,body .modal-body .ordered-list li p{font-weight:400}body .modal-body .ordered-list,body .modal-body .unordered-list{margin:15px 0 15px 30px;padding:0}body .modal-body .ordered-list li,body .modal-body .unordered-list li{margin:0 0 15px}body .modal-body .ordered-list--roman,body .modal-body .unordered-list--roman{list-style-type:lower-roman;margin-left:25px}body .modal-body .ordered-list--alpha,body .modal-body .unordered-list--alpha{list-style-type:lower-alpha;margin-left:25px}body .modal-body .sublist{counter-reset:subsection;list-style-type:none}body .modal-body .sublist>li{counter-increment:subsection;padding-left:36px;position:relative}body .modal-body .sublist>li:before{content:"";left:0;position:absolute;text-align:right;top:0;white-space:nowrap;width:30px}body .modal-body .sublist--seventeen{counter-reset:section 16}body .modal-body .sublist--seventeen>li:before{content:"17." counter(subsection)}body .modal-body .notes{color:#989797;display:block;font-size:14px;margin-bottom:15px}body .modal-footer{border-top:1px solid #e5e5e5;padding:15px;text-align:center}body .modal-footer .btn{margin:0 auto;text-align:center;width:200px}@media (min-width:768px){body .modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}body .modal-body a:focus,body .modal-body a:hover{background-color:#eff4f9;color:#3678ba}body .modal-body a:not(.modal-client__btn):focus{outline:1px solid #3678ba!important;outline-offset:2px}}dialog[open]{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}dialog::before{background:rgba(0,0,0,.5);content:"";height:100%;left:0;position:fixed;top:0;width:100%}.footer{color:#434142;font-weight:500;padding:35px 0;text-align:center}.footer a{color:#434142;cursor:pointer;transition:color .15s ease;white-space:nowrap}.footer a:active,.footer a:focus,.footer a:hover{color:#989797}.footer__bbb{display:-webkit-flex;display:-ms-flexbox;display:flex;height:46px;margin:20px auto 25px;max-width:125px}.footer__head-link{display:block;font-size:14px;margin:0 auto 20px}.footer__head-link a{text-decoration:underline}.footer__links{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer__links a{display:inline-block;font-size:14px;line-height:1.1;margin:5px 0 0;white-space:initial}.footer__links li{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.footer__links li+li::before{content:""}.footer__copyright{font-size:14px;font-weight:500;margin:15px 0 0}.footer__captcha-disclosure a{color:#6eb7c2}.footer__captcha-disclosure a:active,.footer__captcha-disclosure a:focus,.footer__captcha-disclosure a:hover{color:#58929b}@media (min-width:768px){.footer{font-size:12px;padding-bottom:50px}.footer__links a{margin:0 10px}.footer__links li{-webkit-flex:unset;-ms-flex:unset;flex:unset}.footer__links li+li::before{border-left:1px solid #434142}.footer__copyright{margin:10px 0 0;font-size:16px}.footer__head-link,.footer__links a{font-size:16px}.footer--spanish .footer__links a{margin:0 5px}}@media (min-width:992px){.footer__copyright{margin:6px 0 0}.footer--spanish .footer__links a{margin:0 10px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.contact-us__thankyou{display:none;text-align:center}.contact-us__thankyou-title{color:#2849ca;font-size:38px;font-weight:700;margin-bottom:10px}.contact-us__thankyou-img{margin:30px auto;width:auto}.contact-us .step{display:none}.contact-us .step--active{display:block}.contact-us .step--active:focus{outline:0!important}.contact-us .step__header{-webkit-align-items:unset;-ms-flex-align:unset;align-items:unset;background-color:#e5e8f9;color:#2849ca;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:16px;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;margin-bottom:20px;min-height:0;padding:0}.contact-us .step__header-number{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#2849ca;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:700;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:10px 15px;width:30%}.contact-us .step__header-text{margin:0;padding:10px 15px;width:70%}.contact-us .step__content{max-width:100%;padding:0;width:100%}.contact-us .step__content-item{text-align:center}.contact-us .step__image{margin:15px auto;width:auto}.contact-us .step__error{color:#e97158;font-weight:700;text-align:center}.contact-us .step__error-message{color:#d0391b;display:none;font-size:14px;margin:-10px 0 8px}.contact-us .step__error-message:before{content:"\e91d";font-family:modicons-stroke;font-size:15px;padding-right:7px;vertical-align:bottom}.contact-us .step__list{list-style-type:none;margin:0;text-align:left}.contact-us .field,.contact-us .step__list li{border:1px solid #757575;margin-bottom:15px;padding:10px}.contact-us .step__list a{color:#000;display:block;text-decoration:underline}.contact-us .step__list a+a{margin-top:5px}.contact-us .field{display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:left;transition:all .15s ease}.contact-us .field label{cursor:pointer;display:block;font-weight:400;margin:0;padding-left:35px;position:relative;width:100%}.contact-us .field label::before{background-color:#e5e8f9;content:"";height:22px;left:0;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);transition:background-color .15s ease;width:22px}.contact-us .field:focus-within{outline:2px solid #2849ca;outline-offset:3px}.contact-us .field input:checked+label::before{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#2849ca;color:#fff;content:"\e920";display:-webkit-flex;display:-ms-flexbox;display:flex;font:14px/1 modicons-fill;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-rendering:auto}.contact-us .form-group{margin:0;text-align:left}.contact-us .form-group label{color:#757575;display:inline-block;font-size:18px;font-weight:400;margin-bottom:4px}.contact-us .form-group textarea{height:75px}.contact-us legend{display:block;font-size:24px;margin-bottom:22px}.contact-us .form-controls{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto}.contact-us .form-control{background-color:#fff;border:1px solid #757575;border-radius:4px;box-shadow:none;font-size:16px;height:48px;line-height:1.1875;margin:0 0 15px;padding:15px;position:relative;transition:all .15s ease;width:100%}.contact-us .form-control:focus{background-color:rgba(229,232,249,.4);border:1px solid #2849ca}.contact-us .has-error .form-control{background-color:#fcf6f3;border:1px solid #d0391b;color:#d0391b}.contact-us .has-error .form-control:focus{background-color:#fcf6f3;border:1px solid #d0391b}.contact-us .has-error .step__error-message{display:block}.contact-us .btn-back{background-color:transparent;border:2px solid #757575;border-radius:100%;color:#757575;height:48px;max-width:48px;padding:10px;transition:all .15s ease}.contact-us .btn-back::before{content:"\e901";font-size:20px;font-family:modicons-basic}.contact-us .btn-back:focus{background-color:rgba(229,232,249,.4);border-color:#2849ca;color:#2849ca}.contact-us .btn-submit{background-color:transparent;border:2px solid #2849ca;border-radius:30px;color:#2849ca;display:block;font-weight:500;height:48px;max-width:300px;padding:10px 30px;width:60%}.contact-us .btn-submit:active,.contact-us .btn-submit:focus,.contact-us .btn-submit:hover{background-color:#2849ca;color:#fff}.contact-us .btn__spinner::after{border:4px solid #2849ca;border-right-color:#fff;border-top-color:#fff}.g-recaptcha{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:20px 0}@media (min-width:768px){.contact-us .field:hover{background-color:rgba(229,232,249,.4);border:1px solid #2849ca}.contact-us .field:hover label::before{background-color:#d0d6f4}.contact-us .btn-back:hover{background-color:#e5e8f9;border-color:#2849ca;color:#2849ca}.contact-us .form-control:hover{border:1px solid #2849ca}.contact-us .form-control:focus:hover{border-width:1px}.contact-us .has-error .form-control:hover{border:1px solid #d0391b}}body .modal--abandonment{background-color:transparent;border:0;height:100%;max-height:100%;max-width:100%;outline:0;padding:0;position:fixed;top:0;z-index:100}body .modal--abandonment .modal-header{border:0;padding:0}body .modal--abandonment .modal-content{padding:20px 20px 40px;position:relative;text-align:center}body .modal-dialog{margin:30px auto;position:relative;width:600px;z-index:100}body .modal-content{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;position:relative}body .modal-header{border-bottom:1px solid #e5e5e5;font-size:unset;line-height:1;padding:12px 15px}body .modal-header--close{background-color:transparent;border:0;color:#434142;font-size:45px;font-weight:700;line-height:1;padding:0;position:absolute;right:15px;top:2px;transition:color .15s ease-in-out}body .modal-header--close:focus,body .modal-header--close:hover{color:#767475}body .modal-title{font-size:18px;font-weight:700;line-height:1.4;margin:0;text-transform:capitalize}body .modal-body{max-height:calc(100vh - 210px);overflow-y:auto;padding:15px;position:relative;word-break:break-word}body .modal-body h2{font-size:18px;font-weight:700;margin:0 0 5px}body .modal-body a{color:#3678ba;text-decoration:underline;transition:color .15s ease,background-color .15s ease}body .modal-body h4,body .modal-body ul{margin-bottom:20px}body .modal-body li{margin-bottom:5px}body .modal-body p{font-weight:400;line-height:1.35;margin-bottom:20px}body .modal-body .subtitle,body .modal-body .title{font-size:20px;font-weight:700;line-height:22px;margin-bottom:15px}body .modal-body .subtitle{font-weight:400;margin-top:30px}body .modal-body .subtitle--underlined{font-style:italic;font-weight:700;text-decoration:underline}body .modal-body .blockquote{border-left:5px solid #dcdcdc;margin-left:30px;padding:10px 0 10px 30px}body .modal-body .unordered-list{list-style-type:disc}body .modal-body .unordered-list ul{list-style-type:circle}body .modal-body .unordered-list.no-decorator{list-style-type:none;margin-left:15px}body .modal-body .ordered-list{list-style-type:decimal}body .modal-body .ordered-list li,body .modal-body .ordered-list li p{font-weight:400}body .modal-body .ordered-list,body .modal-body .unordered-list{margin:15px 0 15px 30px;padding:0}body .modal-body .ordered-list li,body .modal-body .unordered-list li{margin:0 0 15px}body .modal-body .ordered-list--roman,body .modal-body .unordered-list--roman{list-style-type:lower-roman;margin-left:25px}body .modal-body .ordered-list--alpha,body .modal-body .unordered-list--alpha{list-style-type:lower-alpha;margin-left:25px}body .modal-body .sublist{counter-reset:subsection;list-style-type:none}body .modal-body .sublist>li{counter-increment:subsection;padding-left:36px;position:relative}body .modal-body .sublist>li:before{content:"";left:0;position:absolute;text-align:right;top:0;white-space:nowrap;width:30px}body .modal-body .sublist--seventeen{counter-reset:section 16}body .modal-body .sublist--seventeen>li:before{content:"17." counter(subsection)}body .modal-body .notes{color:#989797;display:block;font-size:14px;margin-bottom:15px}body .modal-footer{border-top:1px solid #e5e5e5;padding:15px;text-align:center}body .modal-footer .btn{margin:0 auto;text-align:center;width:200px}@media (min-width:768px){body .modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}body .modal-body a:focus,body .modal-body a:hover{background-color:#eff4f9;color:#3678ba}body .modal-body a:not(.modal-client__btn):focus{outline:1px solid #3678ba!important;outline-offset:2px}}dialog[open]{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}dialog::before{background:rgba(0,0,0,.5);content:"";height:100%;left:0;position:fixed;top:0;width:100%}.footer{color:#434142;font-weight:500;padding:35px 0;text-align:center}.footer a{color:#434142;cursor:pointer;transition:color .15s ease;white-space:nowrap}.footer a:active,.footer a:focus,.footer a:hover{color:#989797}.footer__bbb{display:-webkit-flex;display:-ms-flexbox;display:flex;height:46px;margin:20px auto 25px;max-width:125px}.footer__head-link{display:block;font-size:14px;margin:0 auto 20px}.footer__head-link a{text-decoration:underline}.footer__links{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer__links a{display:inline-block;font-size:14px;line-height:1.1;margin:5px 0 0;white-space:initial}.footer__links li{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.footer__links li+li::before{content:""}.footer__copyright{font-size:14px;font-weight:500;margin:15px 0 0}.footer__captcha-disclosure a{color:#6eb7c2}.footer__captcha-disclosure a:active,.footer__captcha-disclosure a:focus,.footer__captcha-disclosure a:hover{color:#58929b}@media (min-width:768px){.footer{font-size:12px;padding-bottom:50px}.footer__links a{margin:0 10px}.footer__links li{-webkit-flex:unset;-ms-flex:unset;flex:unset}.footer__links li+li::before{border-left:1px solid #434142}.footer__copyright{margin:10px 0 0;font-size:16px}.footer__head-link,.footer__links a{font-size:16px}.footer--spanish .footer__links a{margin:0 5px}}@media (min-width:992px){.footer__copyright{margin:6px 0 0}.footer--spanish .footer__links a{margin:0 10px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.contact-us__thankyou{display:none;text-align:center}.contact-us__thankyou-title{color:#2849ca;font-size:38px;font-weight:700;margin-bottom:10px}.contact-us__thankyou-img{margin:30px auto;width:auto}.contact-us .step{display:none}.contact-us .step--active{display:block}.contact-us .step--active:focus{outline:0!important}.contact-us .step__header{-webkit-align-items:unset;-ms-flex-align:unset;align-items:unset;background-color:#e5e8f9;color:#2849ca;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:16px;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;margin-bottom:20px;min-height:0;padding:0}.contact-us .step__header-number{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#2849ca;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:700;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:10px 15px;width:30%}.contact-us .step__header-text{margin:0;padding:10px 15px;width:70%}.contact-us .step__content{max-width:100%;padding:0;width:100%}.contact-us .step__content-item{text-align:center}.contact-us .step__image{margin:15px auto;width:auto}.contact-us .step__error{color:#e97158;font-weight:700;text-align:center}.contact-us .step__error-message{color:#d0391b;display:none;font-size:14px;margin:-10px 0 8px}.contact-us .step__error-message:before{content:"\e91d";font-family:modicons-stroke;font-size:15px;padding-right:7px;vertical-align:bottom}.contact-us .step__list{list-style-type:none;margin:0;text-align:left}.contact-us .field,.contact-us .step__list li{border:1px solid #757575;margin-bottom:15px;padding:10px}.contact-us .step__list a{color:#000;display:block;text-decoration:underline}.contact-us .step__list a+a{margin-top:5px}.contact-us .field{display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:left;transition:all .15s ease}.contact-us .field label{cursor:pointer;display:block;font-weight:400;margin:0;padding-left:35px;position:relative;width:100%}.contact-us .field label::before{background-color:#e5e8f9;content:"";height:22px;left:0;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);transition:background-color .15s ease;width:22px}.contact-us .field:focus-within{outline:2px solid #2849ca;outline-offset:3px}.contact-us .field input:checked+label::before{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#2849ca;color:#fff;content:"\e920";display:-webkit-flex;display:-ms-flexbox;display:flex;font:14px/1 modicons-fill;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-rendering:auto}.contact-us .form-group{margin:0;text-align:left}.contact-us .form-group label{color:#757575;display:inline-block;font-size:18px;font-weight:400;margin-bottom:4px}.contact-us .form-group textarea{height:75px}.contact-us legend{display:block;font-size:24px;margin-bottom:22px}.contact-us .form-controls{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto}.contact-us .form-control{background-color:#fff;border:1px solid #757575;border-radius:4px;box-shadow:none;font-size:16px;height:48px;line-height:1.1875;margin:0 0 15px;padding:15px;position:relative;transition:all .15s ease;width:100%}.contact-us .form-control:focus{background-color:rgba(229,232,249,.4);border:1px solid #2849ca}.contact-us .has-error .form-control{background-color:#fcf6f3;border:1px solid #d0391b;color:#d0391b}.contact-us .has-error .form-control:focus{background-color:#fcf6f3;border:1px solid #d0391b}.contact-us .has-error .step__error-message{display:block}.contact-us .btn-back{background-color:transparent;border:2px solid #757575;border-radius:100%;color:#757575;height:48px;max-width:48px;padding:10px;transition:all .15s ease}.contact-us .btn-back::before{content:"\e901";font-size:20px;font-family:modicons-basic}.contact-us .btn-back:focus{background-color:rgba(229,232,249,.4);border-color:#2849ca;color:#2849ca}.contact-us .btn-submit{background-color:transparent;border:2px solid #2849ca;border-radius:30px;color:#2849ca;display:block;font-weight:500;height:48px;max-width:300px;padding:10px 30px;width:60%}.contact-us .btn-submit:active,.contact-us .btn-submit:focus,.contact-us .btn-submit:hover{background-color:#2849ca;color:#fff}.contact-us .btn__spinner::after{border:4px solid #2849ca;border-right-color:#fff;border-top-color:#fff}.g-recaptcha{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:20px 0}@media (min-width:768px){.contact-us .field:hover{background-color:rgba(229,232,249,.4);border:1px solid #2849ca}.contact-us .field:hover label::before{background-color:#d0d6f4}.contact-us .btn-back:hover{background-color:#e5e8f9;border-color:#2849ca;color:#2849ca}.contact-us .form-control:hover{border:1px solid #2849ca}.contact-us .form-control:focus:hover{border-width:1px}.contact-us .has-error .form-control:hover{border:1px solid #d0391b}}body .modal--abandonment{background-color:transparent;border:0;height:100%;max-height:100%;max-width:100%;outline:0;padding:0;position:fixed;top:0;z-index:100}body .modal--abandonment .modal-header{border:0;padding:0}body .modal--abandonment .modal-content{padding:20px 20px 40px;position:relative;text-align:center}body .modal-dialog{margin:30px auto;position:relative;width:600px;z-index:100}body .modal-content{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;position:relative}body .modal-header{border-bottom:1px solid #e5e5e5;font-size:unset;line-height:1;padding:12px 15px}body .modal-header--close{background-color:transparent;border:0;color:#434142;font-size:45px;font-weight:700;line-height:1;padding:0;position:absolute;right:15px;top:2px;transition:color .15s ease-in-out}body .modal-header--close:focus,body .modal-header--close:hover{color:#767475}body .modal-title{font-size:18px;font-weight:700;line-height:1.4;margin:0;text-transform:capitalize}body .modal-body{max-height:calc(100vh - 210px);overflow-y:auto;padding:15px;position:relative;word-break:break-word}body .modal-body h2{font-size:18px;font-weight:700;margin:0 0 5px}body .modal-body a{color:#3678ba;text-decoration:underline;transition:color .15s ease,background-color .15s ease}body .modal-body h4,body .modal-body ul{margin-bottom:20px}body .modal-body li{margin-bottom:5px}body .modal-body p{font-weight:400;line-height:1.35;margin-bottom:20px}body .modal-body .subtitle,body .modal-body .title{font-size:20px;font-weight:700;line-height:22px;margin-bottom:15px}body .modal-body .subtitle{font-weight:400;margin-top:30px}body .modal-body .subtitle--underlined{font-style:italic;font-weight:700;text-decoration:underline}body .modal-body .blockquote{border-left:5px solid #dcdcdc;margin-left:30px;padding:10px 0 10px 30px}body .modal-body .unordered-list{list-style-type:disc}body .modal-body .unordered-list ul{list-style-type:circle}body .modal-body .unordered-list.no-decorator{list-style-type:none;margin-left:15px}body .modal-body .ordered-list{list-style-type:decimal}body .modal-body .ordered-list li,body .modal-body .ordered-list li p{font-weight:400}body .modal-body .ordered-list,body .modal-body .unordered-list{margin:15px 0 15px 30px;padding:0}body .modal-body .ordered-list li,body .modal-body .unordered-list li{margin:0 0 15px}body .modal-body .ordered-list--roman,body .modal-body .unordered-list--roman{list-style-type:lower-roman;margin-left:25px}body .modal-body .ordered-list--alpha,body .modal-body .unordered-list--alpha{list-style-type:lower-alpha;margin-left:25px}body .modal-body .sublist{counter-reset:subsection;list-style-type:none}body .modal-body .sublist>li{counter-increment:subsection;padding-left:36px;position:relative}body .modal-body .sublist>li:before{content:"";left:0;position:absolute;text-align:right;top:0;white-space:nowrap;width:30px}body .modal-body .sublist--seventeen{counter-reset:section 16}body .modal-body .sublist--seventeen>li:before{content:"17." counter(subsection)}body .modal-body .notes{color:#989797;display:block;font-size:14px;margin-bottom:15px}body .modal-footer{border-top:1px solid #e5e5e5;padding:15px;text-align:center}body .modal-footer .btn{margin:0 auto;text-align:center;width:200px}@media (min-width:768px){body .modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}body .modal-body a:focus,body .modal-body a:hover{background-color:#eff4f9;color:#3678ba}body .modal-body a:not(.modal-client__btn):focus{outline:1px solid #3678ba!important;outline-offset:2px}}dialog[open]{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}dialog::before{background:rgba(0,0,0,.5);content:"";height:100%;left:0;position:fixed;top:0;width:100%}.footer{background-color:#212021;color:#fff;font-weight:500;padding:35px 0;text-align:center}.footer a{color:#fff;cursor:pointer;transition:color .15s ease}.footer a:active,.footer a:focus,.footer a:hover{color:#989797}.footer__bbb{display:-webkit-flex;display:-ms-flexbox;display:flex;height:46px;margin:20px auto 25px;max-width:125px}.footer__head-link{display:block;font-size:14px;margin:0 auto 20px}.footer__head-link a{text-decoration:underline}.footer__links{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer__links a{display:inline-block;font-size:14px;line-height:1.1;margin:8px 0 0;white-space:initial}.footer__links li{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.footer__links li+li::before{content:""}.footer__copyright{font-size:14px;font-weight:500;margin:15px 0 0}.improvement-center .footer{background-color:transparent;color:#bab9ba}.improvement-center .footer .footer__links{margin-bottom:25px}.improvement-center .footer .footer__copyright,.improvement-center .footer .footer__links a{color:#00667f}@media (min-width:768px){.footer{font-size:12px;padding-bottom:50px}.footer__links a{margin:0 10px}.footer__links li{-webkit-flex:unset;-ms-flex:unset;flex:unset}.footer__links li+li::before{border-left:1px solid #fff;display:inline-block;height:100%;vertical-align:top}.footer__copyright{margin:10px 0 0;font-size:16px}.footer__head-link,.footer__links a{font-size:16px}.footer--spanish .footer__links a{margin:0 5px}}@media (min-width:992px){.footer__copyright{margin:6px 0 0}.footer--spanish .footer__links a{margin:0 10px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.contact-us__thankyou{display:none;text-align:center}.contact-us__thankyou-title{color:#2849ca;font-size:38px;font-weight:700;margin-bottom:10px}.contact-us__thankyou-img{margin:30px auto;width:auto}.contact-us .step{display:none}.contact-us .step--active{display:block}.contact-us .step--active:focus{outline:0!important}.contact-us .step__header{-webkit-align-items:unset;-ms-flex-align:unset;align-items:unset;background-color:#e5e8f9;color:#2849ca;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:16px;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;margin-bottom:20px;min-height:0;padding:0}.contact-us .step__header-number{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#2849ca;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:700;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:10px 15px;width:30%}.contact-us .step__header-text{margin:0;padding:10px 15px;width:70%}.contact-us .step__content{max-width:100%;padding:0;width:100%}.contact-us .step__content-item{text-align:center}.contact-us .step__image{margin:15px auto;width:auto}.contact-us .step__error{color:#e97158;font-weight:700;text-align:center}.contact-us .step__error-message{color:#d0391b;display:none;font-size:14px;margin:-10px 0 8px}.contact-us .step__error-message:before{content:"\e91d";font-family:modicons-stroke;font-size:15px;padding-right:7px;vertical-align:bottom}.contact-us .step__list{list-style-type:none;margin:0;text-align:left}.contact-us .field,.contact-us .step__list li{border:1px solid #757575;margin-bottom:15px;padding:10px}.contact-us .step__list a{color:#000;display:block;text-decoration:underline}.contact-us .step__list a+a{margin-top:5px}.contact-us .field{display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:left;transition:all .15s ease}.contact-us .field label{cursor:pointer;display:block;font-weight:400;margin:0;padding-left:35px;position:relative;width:100%}.contact-us .field label::before{background-color:#e5e8f9;content:"";height:22px;left:0;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);transition:background-color .15s ease;width:22px}.contact-us .field:focus-within{outline:2px solid #2849ca;outline-offset:3px}.contact-us .field input:checked+label::before{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#2849ca;color:#fff;content:"\e920";display:-webkit-flex;display:-ms-flexbox;display:flex;font:14px/1 modicons-fill;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-rendering:auto}.contact-us .form-group{margin:0;text-align:left}.contact-us .form-group label{color:#757575;display:inline-block;font-size:18px;font-weight:400;margin-bottom:4px}.contact-us .form-group textarea{height:75px}.contact-us legend{display:block;font-size:24px;margin-bottom:22px}.contact-us .form-controls{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto}.contact-us .form-control{background-color:#fff;border:1px solid #757575;border-radius:4px;box-shadow:none;font-size:16px;height:48px;line-height:1.1875;margin:0 0 15px;padding:15px;position:relative;transition:all .15s ease;width:100%}.contact-us .form-control:focus{background-color:rgba(229,232,249,.4);border:1px solid #2849ca}.contact-us .has-error .form-control{background-color:#fcf6f3;border:1px solid #d0391b;color:#d0391b}.contact-us .has-error .form-control:focus{background-color:#fcf6f3;border:1px solid #d0391b}.contact-us .has-error .step__error-message{display:block}.contact-us .btn-back{background-color:transparent;border:2px solid #757575;border-radius:100%;color:#757575;height:48px;max-width:48px;padding:10px;transition:all .15s ease}.contact-us .btn-back::before{content:"\e901";font-size:20px;font-family:modicons-basic}.contact-us .btn-back:focus{background-color:rgba(229,232,249,.4);border-color:#2849ca;color:#2849ca}.contact-us .btn-submit{background-color:transparent;border:2px solid #2849ca;border-radius:30px;color:#2849ca;display:block;font-weight:500;height:48px;max-width:300px;padding:10px 30px;width:60%}.contact-us .btn-submit:active,.contact-us .btn-submit:focus,.contact-us .btn-submit:hover{background-color:#2849ca;color:#fff}.contact-us .btn__spinner::after{border:4px solid #2849ca;border-right-color:#fff;border-top-color:#fff}.g-recaptcha{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:20px 0}@media (min-width:768px){.contact-us .field:hover{background-color:rgba(229,232,249,.4);border:1px solid #2849ca}.contact-us .field:hover label::before{background-color:#d0d6f4}.contact-us .btn-back:hover{background-color:#e5e8f9;border-color:#2849ca;color:#2849ca}.contact-us .form-control:hover{border:1px solid #2849ca}.contact-us .form-control:focus:hover{border-width:1px}.contact-us .has-error .form-control:hover{border:1px solid #d0391b}}body .modal--abandonment{background-color:transparent;border:0;height:100%;max-height:100%;max-width:100%;outline:0;padding:0;position:fixed;top:0;z-index:100}body .modal--abandonment .modal-header{border:0;padding:0}body .modal--abandonment .modal-content{padding:20px 20px 40px;position:relative;text-align:center}body .modal-dialog{margin:30px auto;position:relative;width:600px;z-index:100}body .modal-content{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0;position:relative}body .modal-header{border-bottom:1px solid #e5e5e5;font-size:unset;line-height:1;padding:12px 15px}body .modal-header--close{background-color:transparent;border:0;color:#434142;font-size:45px;font-weight:700;line-height:1;padding:0;position:absolute;right:15px;top:2px;transition:color .15s ease-in-out}body .modal-header--close:focus,body .modal-header--close:hover{color:#767475}body .modal-title{font-size:18px;font-weight:700;line-height:1.4;margin:0;text-transform:capitalize}body .modal-body{max-height:calc(100vh - 210px);overflow-y:auto;padding:15px;position:relative;word-break:break-word}body .modal-body h2{font-size:18px;font-weight:700;margin:0 0 5px}body .modal-body a{color:#3678ba;text-decoration:underline;transition:color .15s ease,background-color .15s ease}body .modal-body h4,body .modal-body ul{margin-bottom:20px}body .modal-body li{margin-bottom:5px}body .modal-body p{font-weight:400;line-height:1.35;margin-bottom:20px}body .modal-body .subtitle,body .modal-body .title{font-size:20px;font-weight:700;line-height:22px;margin-bottom:15px}body .modal-body .subtitle{font-weight:400;margin-top:30px}body .modal-body .subtitle--underlined{font-style:italic;font-weight:700;text-decoration:underline}body .modal-body .blockquote{border-left:5px solid #dcdcdc;margin-left:30px;padding:10px 0 10px 30px}body .modal-body .unordered-list{list-style-type:disc}body .modal-body .unordered-list ul{list-style-type:circle}body .modal-body .unordered-list.no-decorator{list-style-type:none;margin-left:15px}body .modal-body .ordered-list{list-style-type:decimal}body .modal-body .ordered-list li,body .modal-body .ordered-list li p{font-weight:400}body .modal-body .ordered-list,body .modal-body .unordered-list{margin:15px 0 15px 30px;padding:0}body .modal-body .ordered-list li,body .modal-body .unordered-list li{margin:0 0 15px}body .modal-body .ordered-list--roman,body .modal-body .unordered-list--roman{list-style-type:lower-roman;margin-left:25px}body .modal-body .ordered-list--alpha,body .modal-body .unordered-list--alpha{list-style-type:lower-alpha;margin-left:25px}body .modal-body .sublist{counter-reset:subsection;list-style-type:none}body .modal-body .sublist>li{counter-increment:subsection;padding-left:36px;position:relative}body .modal-body .sublist>li:before{content:"";left:0;position:absolute;text-align:right;top:0;white-space:nowrap;width:30px}body .modal-body .sublist--seventeen{counter-reset:section 16}body .modal-body .sublist--seventeen>li:before{content:"17." counter(subsection)}body .modal-body .notes{color:#989797;display:block;font-size:14px;margin-bottom:15px}body .modal-footer{border-top:1px solid #e5e5e5;padding:15px;text-align:center}body .modal-footer .btn{margin:0 auto;text-align:center;width:200px}@media (min-width:768px){body .modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}body .modal-body a:focus,body .modal-body a:hover{background-color:#eff4f9;color:#3678ba}body .modal-body a:not(.modal-client__btn):focus{outline:1px solid #3678ba!important;outline-offset:2px}}dialog[open]{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}dialog::before{background:rgba(0,0,0,.5);content:"";height:100%;left:0;position:fixed;top:0;width:100%}.footer{background-color:#212021;color:#fff;font-weight:500;padding:35px 0;text-align:center}.footer a{color:#fff;cursor:pointer;transition:color .15s ease}.footer a:active,.footer a:focus,.footer a:hover{color:#989797}.footer__bbb{display:-webkit-flex;display:-ms-flexbox;display:flex;height:46px;margin:20px auto 25px;max-width:125px}.footer__head-link{display:block;font-size:14px;margin:0 auto 20px}.footer__head-link a{text-decoration:underline}.footer__links{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer__links a{display:inline-block;font-size:14px;line-height:1.1;margin:8px 0 0;white-space:initial}.footer__links li{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}.footer__links li+li::before{content:""}.footer__copyright{font-size:14px;font-weight:500;margin:15px 0 0}.improvement-center .footer{background-color:transparent;color:#bab9ba}.improvement-center .footer .footer__links{margin-bottom:25px}.improvement-center .footer .footer__copyright,.improvement-center .footer .footer__links a{color:#00667f}@media (min-width:768px){.footer{font-size:12px;padding-bottom:50px}.footer__links a{margin:0 10px}.footer__links li{-webkit-flex:unset;-ms-flex:unset;flex:unset}.footer__links li+li::before{border-left:1px solid #fff;display:inline-block;height:100%;vertical-align:top}.footer__copyright{margin:10px 0 0;font-size:16px}.footer__head-link,.footer__links a{font-size:16px}.footer--spanish .footer__links a{margin:0 5px}}@media (min-width:992px){.footer__copyright{margin:6px 0 0}.footer--spanish .footer__links a{margin:0 10px}}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tcpaText": "We respect your privacy and want to make you aware of a few things. By submitting, you authorize QuinStreet and up to <a href=\"http://hsleadpost1.quinstage.com/clientList.jsp?c_level=default&aff=0\" target=\"_blank\" id=\"clientList\" style=\"color: inherit !important;\">four companies<\/a> to call you on the mobile or landline phone number provided. You understand that some may use automated dialing, prerecorded messages or SMS messages to contact you and that you are in no way required to purchase any products or services from them. It's entirely your choice."
|
|
3
|
+
}
|
|
4
|
+
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<p>
|
|
2
|
+
{{company_name}} is a place to gather ideas and see how other homeowners have transformed their houses. It's for those who've just begun to think about what they want their new kitchen to look like, those who wonder what kind of siding and color will add the most value, those who want to know if running their home on solar energy is even a possibility.
|
|
3
|
+
</p>
|
|
4
|
+
<p>
|
|
5
|
+
{{company_name}} is where you come to get inspired, see what's possible, and connect with a professional who will make your dream home a reality.
|
|
6
|
+
</p>
|
|
7
|
+
<p>
|
|
8
|
+
We’re based in Austin, Texas, right in the heart of downtown where we get to enjoy everything this wonderful city has to offer - SXSW, live music, fantastic restaurants, and best of all, friendly folks. We’re constantly inspired by the many different types of design and architecture in this city, from the contemporary new homes peppered throughout Travis Heights, to historic mansions beautifully restored all over downtown and Old West Austin. We’re proud to feature lots of Austin architects and contractors on {{company_name}} along with countless talented contractors from all over the country, so no matter where you live, you’ll be able to connect with someone who can make your home design ideas a reality.
|
|
9
|
+
</p>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<p>
|
|
2
|
+
{{company_name}} is a place to gather ideas and see how other homeowners have transformed their houses. It's for those who've just begun to think about what they want their new kitchen to look like, those who wonder what kind of siding and color will add the most value, those who want to know if running their home on solar energy is even a possibility.
|
|
3
|
+
</p>
|
|
4
|
+
<p>
|
|
5
|
+
{{company_name}} is where you come to get inspired, see what's possible, and connect with a professional who will make your dream home a reality.
|
|
6
|
+
</p>
|
|
7
|
+
<p>
|
|
8
|
+
We’re based in Austin, Texas, right in the heart of downtown where we get to enjoy everything this wonderful city has to offer - SXSW, live music, fantastic restaurants, and best of all, friendly folks. We’re constantly inspired by the many different types of design and architecture in this city, from the contemporary new homes peppered throughout Travis Heights, to historic mansions beautifully restored all over downtown and Old West Austin. We’re proud to feature lots of Austin architects and contractors on {{company_name}} along with countless talented contractors from all over the country, so no matter where you live, you’ll be able to connect with someone who can make your home design ideas a reality.
|
|
9
|
+
</p>
|
|
@@ -0,0 +1,348 @@
|
|
|
1
|
+
<div class="contact-us">
|
|
2
|
+
<div class="contact-us__container">
|
|
3
|
+
<form class="contact-us__form">
|
|
4
|
+
<div class="step step--active" aria-hidden="false" tabindex="-1" aria-labelledby="contact-step-one-header">
|
|
5
|
+
<span id="contact-step-one-header" class="visually-hidden">Step 1: Select the radio button option that suits your inquiry.</span>
|
|
6
|
+
<div class="step__header">
|
|
7
|
+
<p class="step__header-number">
|
|
8
|
+
Step 1
|
|
9
|
+
</p>
|
|
10
|
+
<p class="step__header-text">
|
|
11
|
+
Select an option that suits your inquiry
|
|
12
|
+
</p>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="step__content">
|
|
15
|
+
<div class="step__content-item">
|
|
16
|
+
<picture>
|
|
17
|
+
<source srcset="https://modernize.com/quote/resources/assets/images/illustrations/misc/handshake.webp" type="image/webp">
|
|
18
|
+
<img class="step__image" src="https://modernize.com/quote/resources/assets/images/illustrations/misc/handshake.jpg" alt="">
|
|
19
|
+
</picture>
|
|
20
|
+
<div class="step__fieldset">
|
|
21
|
+
<fieldset>
|
|
22
|
+
<legend>Partnerships</legend>
|
|
23
|
+
<div class="field">
|
|
24
|
+
<input type="radio" name="topic" value="SF_partnerships" id="SF_partnerships">
|
|
25
|
+
<label for="SF_partnerships">Publisher/Media Partnership</label>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="field">
|
|
28
|
+
<input type="radio" name="topic" value="SF_advertisers" id="SF_advertisers">
|
|
29
|
+
<label for="SF_advertisers">Advertisers</label>
|
|
30
|
+
</div>
|
|
31
|
+
</fieldset>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="step__content-item">
|
|
35
|
+
<picture>
|
|
36
|
+
<source srcset="https://modernize.com/quote/resources/assets/images/illustrations/misc/presentation.webp" type="image/webp">
|
|
37
|
+
<img class="step__image" src="https://modernize.com/quote/resources/assets/images/illustrations/misc/presentation.jpg" alt="">
|
|
38
|
+
</picture>
|
|
39
|
+
<div class="step__fieldset">
|
|
40
|
+
<fieldset>
|
|
41
|
+
<legend>Website Content, Data, Technical Issues</legend>
|
|
42
|
+
<div class="field">
|
|
43
|
+
<input type="radio" name="topic" value="reprint-permissions" id="reprint-permissions">
|
|
44
|
+
<label for="reprint-permissions">Reprint Permissions</label>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="field">
|
|
47
|
+
<input type="radio" name="topic" value="technical-site-issue" id="technical-site-issue">
|
|
48
|
+
<label for="technical-site-issue">Technical Issues with Website</label>
|
|
49
|
+
</div>
|
|
50
|
+
</fieldset>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="step__content-item">
|
|
54
|
+
<picture>
|
|
55
|
+
<source srcset="https://modernize.com/quote/resources/assets/images/illustrations/misc/man-on-couch.webp" type="image/webp">
|
|
56
|
+
<img class="step__image" src="https://modernize.com/quote/resources/assets/images/illustrations/misc/man-on-couch.jpg" alt="">
|
|
57
|
+
</picture>
|
|
58
|
+
<div class="step__fieldset">
|
|
59
|
+
<fieldset>
|
|
60
|
+
<legend>Unsubscribe Requests</legend>
|
|
61
|
+
<div class="field">
|
|
62
|
+
<input type="radio" name="topic" value="email-opt-out" id="email-opt-out">
|
|
63
|
+
<label for="email-opt-out">Consumer Email Unsubscribe</label>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="field">
|
|
66
|
+
<input type="radio" name="topic" value="phone-opt-out" id="phone-opt-out">
|
|
67
|
+
<label for="phone-opt-out">Consumer Phone Calls/Text Message Unsubscribe</label>
|
|
68
|
+
</div>
|
|
69
|
+
<div class="field">
|
|
70
|
+
<input type="radio" name="topic" value="general-inquiry" id="general-inquiry">
|
|
71
|
+
<label for="general-inquiry">Other Consumer Issues</label>
|
|
72
|
+
</div>
|
|
73
|
+
</fieldset>
|
|
74
|
+
</div>
|
|
75
|
+
<ul class="step__list">
|
|
76
|
+
<li>
|
|
77
|
+
<a href="https://privacy-central.securiti.ai/#/dsr/edc7a01c-b34c-43d4-8da8-127895e8bd71" target="_parent">California - Request to Know</a>
|
|
78
|
+
<a href="tel:8448727854">(844) 872-7854</a>
|
|
79
|
+
</li>
|
|
80
|
+
<li>
|
|
81
|
+
<a href="https://privacy-central.securiti.ai/#/dsr/edc7a01c-b34c-43d4-8da8-127895e8bd71" target="_parent">California - Request to Delete</a>
|
|
82
|
+
</li>
|
|
83
|
+
</ul>
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
<div class="step" aria-hidden="true" tabindex="-1" aria-labelledby="contact-step-two-header">
|
|
88
|
+
<span id="contact-step-two-header" class="visually-hidden">Step 2: Submit your contact info and we'll address your request ASAP. Press tab to begin entering your information.</span>
|
|
89
|
+
<div class="step__header">
|
|
90
|
+
<p class="step__header-number">
|
|
91
|
+
Step 2
|
|
92
|
+
</p>
|
|
93
|
+
<p class="step__header-text">
|
|
94
|
+
Submit your contact info and we'll address your request ASAP
|
|
95
|
+
</p>
|
|
96
|
+
</div>
|
|
97
|
+
<div class="step__content">
|
|
98
|
+
<div class="step__error"></div>
|
|
99
|
+
<div class="form-group parent-error">
|
|
100
|
+
<label for="contact-name">Name</label>
|
|
101
|
+
<input class="form-control" type="text" name="name" id="contact-name">
|
|
102
|
+
<span class="step__error-message" id="error-contact-name">Please enter your name.</span>
|
|
103
|
+
</div>
|
|
104
|
+
<div class="form-group parent-error">
|
|
105
|
+
<label for="contact-phone">Phone</label>
|
|
106
|
+
<input class="form-control" type="tel" name="phone" id="contact-phone">
|
|
107
|
+
<span class="step__error-message" id="error-contact-phone">Please enter a valid phone number.</span>
|
|
108
|
+
</div>
|
|
109
|
+
<div class="form-group parent-error">
|
|
110
|
+
<label for="contact-email">Email</label>
|
|
111
|
+
<input class="form-control" type="email" name="email" id="contact-email">
|
|
112
|
+
<span class="step__error-message" id="error-contact-email">Please enter a valid email address.</span>
|
|
113
|
+
</div>
|
|
114
|
+
<div class="form-group parent-error">
|
|
115
|
+
<label for="contact-message">Message</label>
|
|
116
|
+
<textarea class="form-control" name="message" id="contact-message"></textarea>
|
|
117
|
+
<span class="step__error-message" id="error-contact-message">Please enter your message.</span>
|
|
118
|
+
</div>
|
|
119
|
+
<div>
|
|
120
|
+
<input type="hidden" name="domain" value="{{domain}}">
|
|
121
|
+
<input type="hidden" name="date">
|
|
122
|
+
<input type="hidden" name="time">
|
|
123
|
+
<input type="hidden" name="vertical" value="HomeServices">
|
|
124
|
+
<input type="hidden" name="g-recaptcha-response" value="">
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
<div class="captcha-container captcha-body">
|
|
128
|
+
<div class="g-recaptcha" data-callback="captcha_submit" data-sitekey="6LcsGEkUAAAAAHekw-AS_6Vcu_WeYk7LiPJB1mrR"></div>
|
|
129
|
+
</div>
|
|
130
|
+
<div class="form-controls">
|
|
131
|
+
<button class="btn btn-secondary btn-back" type="button" aria-label="Back"></button>
|
|
132
|
+
<button class="btn btn-submit" type="submit">
|
|
133
|
+
<span class="btn__text">Submit</span>
|
|
134
|
+
<span class="btn__spinner"></span>
|
|
135
|
+
</button>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
</form>
|
|
139
|
+
<div class="contact-us__thankyou" aria-hidden="true" tabindex="-1" aria-labelledby="contact-success-header">
|
|
140
|
+
<span id="contact-success-header" class="visually-hidden"> Thank you. We'll address your request as soon as possible.</span>
|
|
141
|
+
<picture>
|
|
142
|
+
<source srcset="https://modernize.com/quote/resources/assets/images/illustrations/misc/laptop.webp" type="image/webp">
|
|
143
|
+
<img class="contact-us__thankyou-img" src="https://modernize.com/quote/resources/assets/images/illustrations/misc/laptop.jpg" alt="">
|
|
144
|
+
</picture>
|
|
145
|
+
<p class="contact-us__thankyou-title">Thank You!</p>
|
|
146
|
+
<p class="contact-us__thankyou-subtitle">We'll address your request as soon as possible.</p>
|
|
147
|
+
</div>
|
|
148
|
+
</div>
|
|
149
|
+
</div>
|
|
150
|
+
<script src="https://www.google.com/recaptcha/api.js"></script>
|
|
151
|
+
<script>
|
|
152
|
+
window.captcha_submit = function(response) {
|
|
153
|
+
document.querySelector('input[name="g-recaptcha-response"]').value = response;
|
|
154
|
+
}
|
|
155
|
+
</script>
|
|
156
|
+
|
|
157
|
+
<script>
|
|
158
|
+
var contactUs = {
|
|
159
|
+
$modal: document.getElementById('info-modal'),
|
|
160
|
+
$form: document.querySelector('.contact-us__form'),
|
|
161
|
+
$thankyou: document.querySelector('.contact-us__thankyou'),
|
|
162
|
+
url: 'https://contact.formfetch.com/v2_submit',
|
|
163
|
+
getFormData: function() {
|
|
164
|
+
const date = new Date();
|
|
165
|
+
const data = {};
|
|
166
|
+
const inputs = this.$form.elements;
|
|
167
|
+
if (inputs) {
|
|
168
|
+
for (let i = 0; i < inputs.length; i++) {
|
|
169
|
+
const input = inputs[i];
|
|
170
|
+
if (input.name) {
|
|
171
|
+
data[input.name] = input.value;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
data.time = date.toLocaleTimeString();
|
|
177
|
+
data.date = date.toLocaleDateString();
|
|
178
|
+
return data;
|
|
179
|
+
},
|
|
180
|
+
validateData: function(data) {
|
|
181
|
+
const _this = this;
|
|
182
|
+
var isFormValid = true;
|
|
183
|
+
const emailPattern = /^([\w\+-]+(?:\.[\w\+-]+)*)(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)/i;
|
|
184
|
+
|
|
185
|
+
Object.keys(data).forEach(function(key) {
|
|
186
|
+
var isValid = true;
|
|
187
|
+
const value = data[key];
|
|
188
|
+
switch (key) {
|
|
189
|
+
case 'email':
|
|
190
|
+
isValid = emailPattern.test(value);
|
|
191
|
+
break;
|
|
192
|
+
default:
|
|
193
|
+
isValid = value !== '';
|
|
194
|
+
break;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
if (!isValid) {
|
|
198
|
+
_this.markFieldAsInvalid(key);
|
|
199
|
+
_this.focusOnFirstError();
|
|
200
|
+
isFormValid = false;
|
|
201
|
+
}
|
|
202
|
+
});
|
|
203
|
+
|
|
204
|
+
return isFormValid;
|
|
205
|
+
},
|
|
206
|
+
focusOnFirstError: function() {
|
|
207
|
+
const $error = this.$form.querySelectorAll('.has-error');
|
|
208
|
+
|
|
209
|
+
if ($error.length > 0) {
|
|
210
|
+
const firstError = $error[0];
|
|
211
|
+
const $field = firstError.querySelector('input[type="text"], input[type="tel"], input[type="email"], textarea');
|
|
212
|
+
if ($field) {
|
|
213
|
+
$field.focus();
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
},
|
|
217
|
+
markFieldAsInvalid: function(fieldName) {
|
|
218
|
+
const $invalidField = this.$form.querySelector('#contact-' + fieldName);
|
|
219
|
+
if ($invalidField) {
|
|
220
|
+
$invalidField.parentElement.classList.add('has-error');
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
const $field = this.$form.querySelector('input[name="' + fieldName + '"]');
|
|
224
|
+
if ($field) {
|
|
225
|
+
$field.setAttribute('aria-invalid', 'true');
|
|
226
|
+
$field.setAttribute('aria-describedby', 'error-contact' + fieldName);
|
|
227
|
+
}
|
|
228
|
+
},
|
|
229
|
+
submit: function() {
|
|
230
|
+
this.$form.classList.add('form--loading');
|
|
231
|
+
|
|
232
|
+
const _this = this;
|
|
233
|
+
const data = this.getFormData();
|
|
234
|
+
const isFormValid = this.validateData(data);
|
|
235
|
+
const formData = Object.keys(data).map(function(key) {
|
|
236
|
+
return encodeURIComponent(key) + '=' + encodeURIComponent(data[key]).replace(/%20/g, '+');
|
|
237
|
+
}).join('&');
|
|
238
|
+
|
|
239
|
+
if (isFormValid) {
|
|
240
|
+
// Submit Form
|
|
241
|
+
var request = new XMLHttpRequest();
|
|
242
|
+
request.onreadystatechange = function() {
|
|
243
|
+
if (request.readyState === 4) {
|
|
244
|
+
if (request.status === 200) {
|
|
245
|
+
var response = JSON.parse(request.responseText);
|
|
246
|
+
if (response.success) {
|
|
247
|
+
_this.$form.style.display = 'none';
|
|
248
|
+
_this.$thankyou.style.display = 'block';
|
|
249
|
+
} else {
|
|
250
|
+
_this.$form.classList.remove('form--loading');
|
|
251
|
+
document.querySelector('.step__error').innerHTML = response.message;
|
|
252
|
+
}
|
|
253
|
+
} else {
|
|
254
|
+
console.error('Request failed with status:', request.status);
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
};
|
|
258
|
+
|
|
259
|
+
request.open('POST', _this.url, true);
|
|
260
|
+
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
|
|
261
|
+
request.send(formData);
|
|
262
|
+
} else {
|
|
263
|
+
_this.$form.classList.remove('form--loading');
|
|
264
|
+
}
|
|
265
|
+
},
|
|
266
|
+
changeStep: function(direction) {
|
|
267
|
+
const $activeStep = this.$form.querySelector('.step--active');
|
|
268
|
+
const $nextStep = $activeStep.nextElementSibling;
|
|
269
|
+
const $prevStep = $activeStep.previousElementSibling;
|
|
270
|
+
|
|
271
|
+
$activeStep.classList.remove('step--active');
|
|
272
|
+
$activeStep.setAttribute('aria-hidden', 'true');
|
|
273
|
+
if (direction === 'next') {
|
|
274
|
+
$nextStep.classList.add('step--active');
|
|
275
|
+
$nextStep.setAttribute('aria-hidden', 'false');
|
|
276
|
+
$nextStep.focus();
|
|
277
|
+
} else {
|
|
278
|
+
$prevStep.classList.add('step--active');
|
|
279
|
+
$prevStep.setAttribute('aria-hidden', 'false');
|
|
280
|
+
$prevStep.focus();
|
|
281
|
+
}
|
|
282
|
+
},
|
|
283
|
+
watch: function() {
|
|
284
|
+
const _this = this;
|
|
285
|
+
var radioChangedWithMouse = false;
|
|
286
|
+
|
|
287
|
+
// Watch form submission
|
|
288
|
+
_this.$form.addEventListener('submit', function(e) {
|
|
289
|
+
e.preventDefault();
|
|
290
|
+
if (!_this.$form.classList.contains('form--loading')) {
|
|
291
|
+
_this.submit();
|
|
292
|
+
}
|
|
293
|
+
});
|
|
294
|
+
|
|
295
|
+
// Watch radio click with mouse only
|
|
296
|
+
const $radioLabelsAndInputs = _this.$form.querySelectorAll('fieldset label, input[type="radio"]');
|
|
297
|
+
$radioLabelsAndInputs.forEach(function(input) {
|
|
298
|
+
input.addEventListener('mouseup', function() {
|
|
299
|
+
radioChangedWithMouse = true;
|
|
300
|
+
});
|
|
301
|
+
})
|
|
302
|
+
|
|
303
|
+
const $radioInputs = _this.$form.querySelectorAll('input[type="radio"]');
|
|
304
|
+
$radioInputs.forEach(function(input) {
|
|
305
|
+
input.addEventListener('click', function(e) {
|
|
306
|
+
if (radioChangedWithMouse) {
|
|
307
|
+
_this.changeStep('next');
|
|
308
|
+
radioChangedWithMouse = false;
|
|
309
|
+
}
|
|
310
|
+
});
|
|
311
|
+
input.addEventListener('keypress', function(e) {
|
|
312
|
+
if(e.which == 13){
|
|
313
|
+
e.preventDefault();
|
|
314
|
+
_this.changeStep('next');
|
|
315
|
+
|
|
316
|
+
// Making sure radio button is actually selected on Enter
|
|
317
|
+
var focused = e.target;
|
|
318
|
+
if (!focused.checked) {
|
|
319
|
+
focused.checked = true;
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
})
|
|
323
|
+
});
|
|
324
|
+
|
|
325
|
+
// Watch back button
|
|
326
|
+
const $backBtn = _this.$form.querySelector('.btn-back');
|
|
327
|
+
if ($backBtn) {
|
|
328
|
+
$backBtn.addEventListener('click', function() {
|
|
329
|
+
_this.changeStep('prev');
|
|
330
|
+
});
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
// Remove error state when input/textarea changes
|
|
334
|
+
const $formInputs = _this.$form.querySelectorAll('input, textarea');
|
|
335
|
+
$formInputs.forEach(function(input) {
|
|
336
|
+
input.addEventListener('change', function() {
|
|
337
|
+
input.parentElement.classList.remove('has-error');
|
|
338
|
+
input.setAttribute('aria-invalid', 'false');
|
|
339
|
+
input.removeAttribute('aria-describedby');
|
|
340
|
+
});
|
|
341
|
+
});
|
|
342
|
+
},
|
|
343
|
+
init: function() {
|
|
344
|
+
this.watch();
|
|
345
|
+
}
|
|
346
|
+
};
|
|
347
|
+
contactUs.init();
|
|
348
|
+
</script>
|