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.
Files changed (126) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/package.json +1 -1
  3. package/public/resources/scripts/abandonment/abandonment-a4bbb36fbc8ed64042b8.min.js +2 -0
  4. package/public/resources/scripts/abandonment/abandonment.min.js +2 -0
  5. package/public/resources/scripts/callrail/callrail-14011d73b50a928de4b4.min.js +2 -0
  6. package/public/resources/scripts/callrail/callrail.min.js +2 -0
  7. package/public/resources/scripts/footer/footer-component-46dc0d7ca6af4fc3b76b.min.js +2 -0
  8. package/public/resources/scripts/footer/footer-component.min.js +2 -0
  9. package/public/resources/scripts/geolocation/geolocation.min.js +2 -0
  10. package/public/resources/scripts/helpers/addVWOTestQueryParam.min.js +2 -0
  11. package/public/resources/scripts/helpers/addVWOTestQueryParam.min.js.map +1 -0
  12. package/public/resources/scripts/helpers/additionalOpts.min.js +2 -0
  13. package/public/resources/scripts/helpers/additionalOpts.min.js.map +1 -0
  14. package/public/resources/scripts/helpers/calls-only.min.js +2 -0
  15. package/public/resources/scripts/helpers/calls-only.min.js.map +1 -0
  16. package/public/resources/scripts/helpers/getPhoneAssignmentData.min.js +2 -0
  17. package/public/resources/scripts/helpers/getPhoneAssignmentData.min.js.map +1 -0
  18. package/public/resources/scripts/helpers/initNumericOnlyFields.min.js +2 -0
  19. package/public/resources/scripts/helpers/initNumericOnlyFields.min.js.map +1 -0
  20. package/public/resources/scripts/helpers/initQSForm.min.js +2 -0
  21. package/public/resources/scripts/helpers/initQSForm.min.js.map +1 -0
  22. package/public/resources/scripts/helpers/initQuadTransform.min.js +2 -0
  23. package/public/resources/scripts/helpers/initQuadTransform.min.js.map +1 -0
  24. package/public/resources/scripts/helpers/isZipCodeValid.min.js +2 -0
  25. package/public/resources/scripts/helpers/isZipCodeValid.min.js.map +1 -0
  26. package/public/resources/scripts/helpers/observeVWOVariation.min.js +2 -0
  27. package/public/resources/scripts/helpers/observeVWOVariation.min.js.map +1 -0
  28. package/public/resources/scripts/helpers/opts.min.js +2 -0
  29. package/public/resources/scripts/helpers/opts.min.js.map +1 -0
  30. package/public/resources/scripts/jornaya.hbs +35 -0
  31. package/public/resources/scripts/jornaya.html +35 -0
  32. package/public/resources/scripts/mod-alytics/modalytics-be44027508c0438f6709.min.js +2 -0
  33. package/public/resources/scripts/mod-alytics/modalytics.min.js +2 -0
  34. package/public/resources/scripts/mod-form/form/contractor-0918337caf3dfede1609.min.js +2 -0
  35. package/public/resources/scripts/mod-form/form/contractor.min.js +2 -0
  36. package/public/resources/scripts/mod-form/form/homeowner-19a121b0e596042326f4.min.js +2 -0
  37. package/public/resources/scripts/mod-form/form/homeowner.min.js +2 -0
  38. package/public/resources/scripts/mod-utils/modutils-bc275eb41af515f626ef.min.js +2 -0
  39. package/public/resources/scripts/mod-utils/modutils.min.js +2 -0
  40. package/public/resources/scripts/trusted-form.hbs +38 -0
  41. package/public/resources/scripts/trusted-form.html +38 -0
  42. package/public/resources/styles/components/abandonment/abandonment-8a673f060817db6cb7dc.min.css +1 -0
  43. package/public/resources/styles/components/abandonment/abandonment.min.css +1 -0
  44. package/public/resources/styles/components/footer/mod-footer-d233fa64b6c8297c70ec.min.css +1 -0
  45. package/public/resources/styles/components/footer/mod-footer.min.css +1 -0
  46. package/public/resources/styles/components/footer/qs-footer-926e67c28d10c729db46.min.css +1 -0
  47. package/public/resources/styles/components/footer/qs-footer.min.css +1 -0
  48. package/src/resources/data/tcpa.json +4 -0
  49. package/src/resources/templates/modals/about/index.hbs +9 -0
  50. package/src/resources/templates/modals/about/index.html +9 -0
  51. package/src/resources/templates/modals/contact-us/index.hbs +348 -0
  52. package/src/resources/templates/modals/contact-us/index.html +348 -0
  53. package/src/resources/templates/modals/e-sign-consent/index.hbs +35 -0
  54. package/src/resources/templates/modals/e-sign-consent/index.html +35 -0
  55. package/src/resources/templates/modals/faq/index.hbs +9 -0
  56. package/src/resources/templates/modals/faq/index.html +9 -0
  57. package/src/resources/templates/modals/privacy/index.hbs +237 -0
  58. package/src/resources/templates/modals/privacy/index.html +237 -0
  59. package/src/resources/templates/modals/terms/index.hbs +167 -0
  60. package/src/resources/templates/modals/terms/index.html +167 -0
  61. package/src/shared-components/call-tracking/_call-tracking.scss +311 -0
  62. package/src/shared-components/call-tracking/call-tracking-icon.html +8 -0
  63. package/src/shared-components/call-tracking/call-tracking.html +81 -0
  64. package/src/shared-components/call-tracking/phone.svg +6 -0
  65. package/src/shared-components/card-button/_card-button.scss +49 -0
  66. package/src/shared-components/card-button/card-button.html +9 -0
  67. package/src/shared-components/carousel/_carousel.scss +106 -0
  68. package/src/shared-components/carousel/carousel.html +23 -0
  69. package/src/shared-components/carousel/carousel.js +3573 -0
  70. package/src/shared-components/carousel/carousel.js.map +1 -0
  71. package/src/shared-components/carousel/carousel.min.js +2 -0
  72. package/src/shared-components/carousel/carousel.min.js.map +1 -0
  73. package/src/shared-components/carousel/carousel.min.min.js +2 -0
  74. package/src/shared-components/carousel/carousel.min.min.js.map +1 -0
  75. package/src/shared-components/checkbox/_checkbox.scss +130 -0
  76. package/src/shared-components/checkbox/checkbox.html +10 -0
  77. package/src/shared-components/consent-capture/tcpa.html +12 -0
  78. package/src/shared-components/expand-collapse/_expand-collapse.scss +93 -0
  79. package/src/shared-components/expand-collapse/expand-collapse.html +8 -0
  80. package/src/shared-components/expand-collapse/expand-collapse.js +40 -0
  81. package/src/shared-components/expand-collapse/expand-collapse.min.js +2 -0
  82. package/src/shared-components/expand-collapse/expand-collapse.min.js.map +1 -0
  83. package/src/shared-components/featured-block/_featured-block.scss +191 -0
  84. package/src/shared-components/featured-block/featured-block.html +80 -0
  85. package/src/shared-components/foot-assets/foot-assets.html +107 -0
  86. package/src/shared-components/form-tcpa/form-tcpa-spanish.html +61 -0
  87. package/src/shared-components/form-tcpa/form-tcpa.html +55 -0
  88. package/src/shared-components/gtm-body/gtm-body.html +4 -0
  89. package/src/shared-components/head/head.html +195 -0
  90. package/src/shared-components/header/_header.scss +200 -0
  91. package/src/shared-components/header/header.html +79 -0
  92. package/src/shared-components/hero/_hero.scss +276 -0
  93. package/src/shared-components/hero/hero.html +136 -0
  94. package/src/shared-components/how-it-works/_how-it-works.scss +138 -0
  95. package/src/shared-components/how-it-works/how-it-works.html +19 -0
  96. package/src/shared-components/input/_input.scss +242 -0
  97. package/src/shared-components/input/input.html +30 -0
  98. package/src/shared-components/preloader/_preloader.scss +61 -0
  99. package/src/shared-components/preloader/preloader.html +49 -0
  100. package/src/shared-components/progress-bar/_progress-bar.scss +142 -0
  101. package/src/shared-components/progress-bar/progress-bar.html +20 -0
  102. package/src/shared-components/progress-bar/progress-bar.js +26 -0
  103. package/src/shared-components/progress-bar/progress-bar.min.js +2 -0
  104. package/src/shared-components/progress-bar/progress-bar.min.js.map +1 -0
  105. package/src/shared-components/radio-button/_radio-button.scss +577 -0
  106. package/src/shared-components/radio-button/radio-button.html +25 -0
  107. package/src/shared-components/reviews/_reviews.scss +79 -0
  108. package/src/shared-components/reviews/reviews.html +27 -0
  109. package/src/shared-components/section-deals/sitemap.xml +9 -0
  110. package/src/shared-components/select/_select.scss +61 -0
  111. package/src/shared-components/select/select.html +8 -0
  112. package/src/shared-components/steps/_steps.scss +431 -0
  113. package/src/shared-components/steps/defaultFormFieldConfig.json +64 -0
  114. package/src/shared-components/steps/step-fields.html +36 -0
  115. package/src/shared-components/steps/steps.html +136 -0
  116. package/src/shared-components/textarea/_textarea.scss +96 -0
  117. package/src/shared-components/textarea/textarea.html +13 -0
  118. package/src/shared-components/theme-toggle/_theme-toggle.scss +68 -0
  119. package/src/shared-components/theme-toggle/theme-toggle.html +34 -0
  120. package/src/shared-components/tile/_tile.scss +117 -0
  121. package/src/shared-components/tile/tile.html +27 -0
  122. package/src/shared-components/value-props/_value-props.scss +99 -0
  123. package/src/shared-components/value-props/value-props.html +17 -0
  124. package/src/shared-components/zip-control/_zip-control.scss +42 -0
  125. package/src/shared-components/zip-control/zip-control.html +21 -0
  126. package/tasks/grab-shared-components.js +5 -5
@@ -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&rsquo;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&rsquo;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&rsquo;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&rsquo;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&rsquo;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&rsquo;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&rsquo;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&rsquo;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>