.-white80 { color: rgba(255, 255, 255, 0.8); }

.-thin { font-weight: 300; }

body { font-family: "Open Sans", "Roboto", Sans-Serif; color: #0065aa; background-image: url("/assets/images/Green-Oval.png"), url("/assets/images/Pink-Oval.png"), url("/assets/images/Blue-Oval.png"), url("/assets/images/Green-Oval.png"), url("/assets/images/Pink-Oval.png"), url("/assets/images/Green-Oval.png"), url("/assets/images/Pink-Oval.png"), url("/assets/images/Blue-Oval.png"); background-position: 350px 20px, -250px 120px, 850px -270px, 800px 520px, 800px 870px, -400px 1970px, 250px 2420px, 1000px 2470px; background-size: 60%, 45%, 60%, 60%, 45%, 60%, 45%, 60%; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; }

.contain_all { overflow: hidden; }

.logoIMG { object-fit: contain; position: relative; left: 20px; padding: 0px; }

.logoFooterIMG { object-fit: contain; position: relative; padding: 0px; }

.logoFBIMG { width: 100%; height: 100%; object-fit: contain; }

.heroImage2Div, .earnImage2Div { display: grid; grid-template-columns: repeat(5, 1fr); position: relative; }

.heroImage3DivImg, .heroImage2DivImg, .earnImage3DivImg, .earnImage2DivImg { grid-row: 2 / 1; }

.heroImage2DivImg, .earnImage2DivImg { grid-column: 1 / 3; }

.heroImage3DivImg, .earnImage3DivImg { grid-column: 2 / -1; }

.heroImage2DivImg { width: 180%; margin-left: -60px; margin-top: 33px; }

.heroImage3DivImg { width: 88%; margin-left: 38px; margin-top: 80px; transform: scale(134%) translate(18px, -30px); z-index: -1; }

.earnImage2DivImg { width: 60%; margin-left: -110%; margin-top: -20px; position: relative; z-index: 20; }

.earnImage3DivImg { width: 100%; margin-left: 0px; margin-top: 0px; position: relative; z-index: 20; }

h1, h2 { font-family: "Roboto", Sans-Serif; text-align: left; font-weight: bold; }

h2, h3 { font-family: "Roboto", Sans-Serif; font-size: 210%; font-weight: bold; }

.featurette { display: grid; grid-template-columns: 80px 1fr 40px 40px 1fr 80px; align-items: center; margin-bottom: 30px; }

.quoteDivContractor { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; width: 100%; height: 460px; }

.quoteImage { max-width: 100%; grid-column: 1 / span 2; grid-row: 1; }

.quoteDivText { grid-column: 2 / 2; grid-row: 1; padding-left: 150px; width: 90%; }

.quoteDivText h2 { font-size: 170%; }

#formContentsHero { margin-top: 12px; text-align: left; }

#manage-funds { background: url(/assets/images/Quote-Image.jpg) no-repeat; background-size: cover; background-position: 70% 50%; }

.heroFullWidth { line-height: 1.25; padding-left: 60px !important; }

h1.serifHLine { font-size: 210%; font-weight: bold; }

h2.serifHLine { margin-top: 60px; margin-bottom: 40px; }

.tagline { font-family: "Roboto", "Open Sans", sans-serif; font-size: 210%; }

/*h2.featurette-heading {margin-bottom:22px;width:360px;}*/
.featureServiceMargin { padding-left: 80px; }

.serviceFeature { width: 100%; }

.featuretteIMG { width: 100%; height: 100%; object-fit: contain; }

.featuretteIMGSimple { width: auto; height: 480px; margin-top: -2%; position: relative; z-index: 20; }

.featuretteIMGSupport { width: 100%; position: relative; z-index: 20; margin-left: -80px; height: 100%; border-radius: 16px; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.25); }

.featuretteIMGCashBack { width: 100%; position: relative; z-index: 20; }

.lead { font-size: 120%; font-weight: 400; }

.earnContent .lead { padding-right: 70px; }

.betaTag { margin-top: 15%; }

.headlineSection { height: 400px; background-color: #333; background-image: url("/assets/images/whiteclay.svg"); background-size: cover; background-repeat: no-repeat; }

.headlineContent { text-align: left; padding-left: 8%; }

.headlineTable { width: 350px; color: #0065aa; }

.headlineTable tr { border: none; }

.table > :not(caption) > * > * { border: none; }

.headlineTable th { width: 50px; }

.headlineTable tr td { font-weight: bold; }

.headlineTable img { width: 100%; }

/*.alignTextMiddle{padding: 15% 8%;}*/
.alignTextMiddleQuote { display: table-cell; vertical-align: middle; }

.alignTextMiddle { display: grid; align-items: center; }

.quickHits { padding: 0px 40px; margin-bottom: 0px; margin-top: 50px; width: 92% !important; }

.quickHits div h3 { color: #0065aa; font-size: 170%; text-align: left; margin-top: 30px; padding-left: 0px; }

.quickHits div .p-2 { color: #0065aa; width: 25%; font-size: 100%; padding: 0px !important; font-weight: bold; }

.quickHits img { max-height: 70px; }

.qHitsTinyText { font-size: .9em; line-height: 1.3em; font-weight: normal; }

.lineImg { margin-top: 30px; margin-bottom: 60px; max-width: 100%; }

.paymentsContent { grid-column: 2; }

.paymentsImages { grid-column: 3 / span 3; background-color: #ac0375; min-height: 480px; display: flex; }

.serviceContent { grid-column: 5; }

.serviceImages { grid-column: 2 / span 2; background-color: #0094a1; min-height: 480px; display: flex; }

.earnContent { grid-column: 2; }

.earnImages { grid-column: 3 / span 3; background-color: #87298e; min-height: 480px; display: flex; }

.ConstructiFIBTN, .ConstructiFIBTNHeader { background-color: #812986; border-radius: 25px; color: #fff; border: none; padding: 16px 24px; font-size: 90%; font-weight: bold; }

.ConstructiFIBTNHeader { border-radius: 25px 0px 0px 25px; margin-right: 0px; position: absolute; right: 0px; top: 0px; padding: 14px 50px; }

input[type=text] { padding: 5px; }

.bottomQuote { height: 650px; position: relative; }

.bubblesBK { background-image: url("/assets/images/Bottom-Section-Background.svg"); background-size: cover; background-repeat: no-repeat; background-position: center; }

.bottomQuote .text-center { width: 20%; vertical-align: middle; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.quoteText { font-size: 200%; font-weight: bold; }

.quoteSmallText { font-size: 67%; margin-top: 20px; display: grid; font-weight: 400; }

.circleText { background: transparent; border-radius: 50%; color: #fff; position: relative; width: 35.4em; }

.quoteText { margin-left: 1.5em; margin-right: 1.5em; text-align: center; line-height: 1.1; }

@supports (shape-outside: circleText(50%)) { .quoteText { height: 100%; margin: 0; }
  .circleText::before, .quoteText::before { content: ""; height: 100%; width: 50%; }
  .circleText::before { float: left; shape-outside: polygon(0 0, 100% 0, 60% 4%, 40% 10%, 20% 20%, 10% 28.2%, 5% 34.4%, 0 50%, 5% 65.6%, 10% 71.8%, 20% 80%, 40% 90%, 60% 96%, 100% 100%, 0 100%); }
  .quoteText::before { float: right; shape-outside: polygon(100% 0, 0 0, 40% 4%, 60% 10%, 80% 20%, 90% 28.2%, 95% 34.4%, 100% 50%, 95% 65.6%, 90% 71.8%, 80% 80%, 60% 90%, 40% 96%, 0 100%, 100% 100%); } }

.imgBubbles { margin-left: -14px; background-image: url("/assets/images/Circle-Image-1.png"), url("/assets/images/Circle-Image-2.png"), url("/assets/images/Circle-Image-3.png"), url("/assets/images/Circle-Image-4.png"), url("/assets/images/Circle-Image-5.png"), url("/assets/images/Circle-Image-6.png"), url("/assets/images/Circle-Image-7.png"), url("/assets/images/Circle-Image-8.png"); background-position: -1% 20%, 21% 3%, 20% 68%, 5% 88%, 78% 4%, 90% 40%, 92% 80%, 76% 90%; background-size: 15%, 10%, 11%, 9.5%, 10%, 15%, 8%, 10%; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; }

.bottomCTA { height: 140px; background-image: url("/assets/images/Graph-Pattern.png"); }

.prefooterSpan { font-size: 180%; font-weight: bold; padding-right: 50px; float: left; }

.smMarginFooter { margin-top: -10px; float: right; }

.prefooterText { text-align: center; }

.social { border-radius: 50%; background-color: #024b7e; height: 40px; width: 40px; }

.logoFBIMG { width: 60%; height: 60%; object-fit: contain; margin-top: 8px; margin-left: 8px; }

footer { background-color: #0065ab; }

footer a { color: #FFF; font-size: .85em; }

.successSub h2 { text-align: center; }

.closeSuccess { border-radius: 10px; margin-top: 10%; background-color: red; }

#modal > div { z-index: 100; position: fixed; left: 0; top: 0; overflow-x: hidden; overflow-y: auto; }

.z-100 { z-index: 100; }

.z-150 { z-index: 150; }

.w-full { width: 100%; }

.h-full { height: 100%; }

.min-w-full { min-width: 100%; }

.min-h-full { min-height: 100%; }

.duration-150 { transition-duration: .15s; }

.transition-opacity { transition-property: opacity; }

.bg-modal-black-25 { background-color: #000; background-color: rgba(0, 0, 0, 0.25); }

.bg-white { background-color: white; }

.page-privacy table { width: 100%; margin: 40px auto; }

.page-privacy table h2, .page-privacy table h3, .page-privacy table p { margin: 0; padding: 0; }

.page-privacy table td, .page-privacy table th { text-align: left; }

.page-privacy table td[valign=middle], .page-privacy table th[valign=middle] { vertical-align: middle; }

.page-privacy table[data-table="1"] tr th, .page-privacy table[data-table="2"] tr th { vertical-align: middle; }

.page-privacy table[data-table="5"] td { vertical-align: middle; }

.page-privacy table tr th { line-height: 1.5; padding: 25px; border: 1px solid #000; padding: 25px; }

.page-privacy table tr td { border: 1px solid #000; padding: 25px; }

.page-privacy table[data-table="1"] ul, .page-privacy table[data-table="4"] ul { list-style: disc inside; }

.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 #fff; opacity: .5; }

button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; }

.alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit; }

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; }

.close:not(:disabled):not(.disabled) { cursor: pointer; }

.footer_muted { text-decoration: none; color: rgba(255, 255, 255, 0.8); }

.footer_muted:hover { text-decoration: underline; color: white; }

/*Media sized styles changes*/
/* @media (min-width: 1190px) { .featuretteIMGLayover {width: 22%;margin-top:-12px;} } @media (max-width: 825px) { h1, h2, .ConstructiFIHero {text-align:center} .heroFullWidth {width:96%;} .featuretteIMGSimple {width:240px;margin-top:-28px;} .featuretteIMGCashBack {left:80px;position: absolute;width: 180px;margin-top:80px;} .quickHits {margin-top:-20px;} } @media (max-width: 824px) { .quickHits {height:100%} .quickHits div .p-2 {width:50%;font-size:80%;padding:4px!important;} .quickHits div .p-2 img {max-width:70%;max-height:70%;margin-bottom:8px;margin-top:20px} } */
@media screen and (min-width: 768px) { .sm\:w-popup-width { width: 600px !important; } .sm\:min-h-popup-height { min-height: 250px !important; } }

@media (max-width: 992.9px) { /* body {width:124%;} nav, main {width:114%} */ .featurette { display: grid; grid-template-columns: 20px 1fr 20px 20px 1fr 20px; } .col-md-5 { width: 100%; } .paymentsContent { grid-column: 2 / span 4; } .paymentsImages { grid-column: 1 / span 5; min-height: 318px; } .serviceContent { grid-column: 2 / span 4; order: -1; } .serviceImages { grid-column: 2 / span 6; min-height: 318px; } .earnContent { grid-column: 2 / span 4; } .earnImages { grid-column: 2 / span 6; min-height: 330px; } .heroFullWidth { padding-left: 30px !important; } h1.serifHLine { font-size: 5vw; margin-top: 30px; } .tagline { font-size: 4.5vw; } .heroFlex { flex-direction: column-reverse; } .logoIMG { width: 100%; height: 100%; } .logoFooterIMG { margin: 0 auto; } h2 { font-size: 200%; } h1, h2, .ConstructiFIHero { text-align: left; } h2.serifHLine { font-size: 5vw; margin-bottom: 0px; margin-top: 30px; } .postHero { margin-left: 14px; margin-right: 10px; } .quoteDivContractor { background-size: contain; height: 100%; background-repeat: no-repeat; } .quoteDivText { padding-left: 0px; } .quoteDivText h2 { font-size: 2.8vw; } .lineImg { margin-bottom: 0px; } .headlineTable { width: 100%; } .quickHits { height: 100%; padding: 0; margin-top: 0; } .quickHits div .p-2 { width: 50%; font-size: 80%; padding: 4px !important; } .quickHits div .p-2 img { max-width: 70%; max-height: 70%; margin-bottom: 8px; margin-top: 20px; } footer a { font-size: .7em; } .heroImage2DivImg { width: 160%; margin-left: 20px; margin-top: 33px; } .heroImage3DivImg { width: 68%; margin-left: 100px; margin-top: 80px; } .featuretteIMGSimple { width: 100%; margin-left: 0px; padding-top: 15px; height: 100%; } .featuretteIMGSupport { width: 100%; left: 0px; height: 100%; margin-left: -37px; transform: scale(0.85) translateX(40px); } .featuretteIMGCashBack { left: 40px; position: absolute; width: 180px; margin-top: 40px; } .earnContent .lead { padding-right: 0; } .earnImage2DivImg { width: 60%; margin-left: -110%; margin-top: 0px; position: relative; z-index: 20; } .earnImage3DivImg { width: 100%; height: 100%; margin-left: 0px; margin-top: 50px; position: relative; z-index: 20; } .prefooterText { font-size: 120%; margin-top: 0px; } .ConstructiFIBTN { width: 70% !important; padding: 8px 0px; position: relative; z-index: 50; margin-top: 0px; } .smFormInput { margin-top: 10px; width: 100%; } .successSubHero h2 { text-align: left; } .bottomQuote { height: 300px; } .bottomQuote .text-center { width: 60%; vertical-align: middle; margin: 0 auto; font-size: 50%; } .circleText { width: 20.4em; } .quoteText { font-size: 2vw; } .prefooterSpan { font-size: 4vw; padding-right: 0px; float: none; } .ConstructiFIBTN .smMarginFooter { margin-top: -10px; float: none; } .smMarginFooter { float: none; } .bottomCTA { margin-bottom: 0px; } }

@media (max-width: 769px) { .quoteText { font-size: 2.4vw; } .imgBubbles { margin-left: -14px; background-image: url("/assets/images/Circle-Image-1.png"), url("/assets/images/Circle-Image-2.png"), url("/assets/images/Circle-Image-3.png"), url("/assets/images/Circle-Image-4.png"), url("/assets/images/Circle-Image-5.png"), url("/assets/images/Circle-Image-6.png"), url("/assets/images/Circle-Image-7.png"), url("/assets/images/Circle-Image-8.png"); background-position: -1% 20%, 21% 3%, 20% 68%, 5% 88%, 78% 4%, 90% 40%, 92% 80%, 76% 90%; background-size: 15%, 10%, 11%, 9.5%, 10%, 15%, 8%, 10%; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } #manage-funds { background-position: 30% 50%; } }

@media (max-width: 500px) { .logoIMG { width: 60%; } .ConstructiFIBTNHeader { padding: 16px 24px; } #manage-funds { background-position: 90% 50%; } .quoteText { font-size: 3.4vw; } .circleText { width: 15.4em; } .imgBubbles { margin-left: -14px; background-image: url("/assets/images/Circle-Image-1.png"), url("/assets/images/Circle-Image-2.png"), url("/assets/images/Circle-Image-3.png"), url("/assets/images/Circle-Image-4.png"), url("/assets/images/Circle-Image-5.png"), url("/assets/images/Circle-Image-6.png"), url("/assets/images/Circle-Image-7.png"), url("/assets/images/Circle-Image-8.png"); background-position: -1% 20%, 21% 3%, 20% 68%, 5% 88%, 78% 4%, 90% 40%, 92% 80%, 76% 90%; background-size: 15%, 10%, 11%, 9.5%, 10%, 15%, 8%, 10%; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat; } }

/* Set a style for the submit/login button */
.btn { color: white; padding: 10px 20px; border: none; cursor: pointer; width: 100%; margin-bottom: 10px; opacity: 1; border-radius: 50% 50%; }

/* Add a red background color to the cancel button */
.cancel { width: 50px; height: 50px; background-color: transparent; position: absolute; top: 0; right: 0; margin: 0; box-sizing: content-box; padding: 0; text-align: center; z-index: 150; }

.cancel:hover { background-color: #ac0375; }

/* .page-confirmation .ConstructiFIBTN { background-color: #0065aa; } */
.page-confirmation .ConstructiFIBTNHeader { display: none; }

.closeButtonText { font-size: 32px; font-weight: normal; color: #110037; top: 105px; }

button:hover .closeButtonText { color: white; }

#formContents { margin-top: 10%; text-align: center; }

#formContents h2 { margin-bottom: 50px; text-align: center; }

.successSubHero h2 { text-align: left; }

.successSub h2 { text-align: center; }

.closeSuccess { border-radius: 10px; margin-top: 10%; background-color: red; }

#modal > div { z-index: 100; position: fixed; left: 0; top: 0; overflow-x: hidden; overflow-y: auto; }

.modal_card { background-image: url(/assets/images/Graph-Pattern.png); }

.z-100 { z-index: 100; }

.z-150 { z-index: 150; }

.w-full { width: 100%; }

.h-full { height: 100%; }

.min-w-full { min-width: 100%; }

.min-h-full { min-height: 100%; }

.duration-150 { transition-duration: .15s; }

.transition-opacity { transition-property: opacity; }

.bg-modal-black-25 { background-color: #000; background-color: rgba(0, 0, 0, 0.25); }

.bg-white { background-color: white; }

.page-privacy table { width: 100%; margin: 40px auto; }

.page-privacy table h2, .page-privacy table h3, .page-privacy table p { margin: 0; padding: 0; }

.page-privacy table td, .page-privacy table th { text-align: left; }

.page-privacy table td[valign=middle], .page-privacy table th[valign=middle] { vertical-align: middle; }

.page-privacy table[data-table="1"] tr th, .page-privacy table[data-table="2"] tr th { vertical-align: middle; }

.page-privacy table[data-table="5"] td { vertical-align: middle; }

.page-privacy table tr th { line-height: 1.5; padding: 25px; border: 1px solid #000; padding: 25px; }

.page-privacy table tr td { border: 1px solid #000; padding: 25px; }

.page-privacy table[data-table="1"] ul, .page-privacy table[data-table="4"] ul { list-style: disc inside; }

.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 #fff; opacity: .5; }

button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; }

.alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit; }

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; }

.close:not(:disabled):not(.disabled) { cursor: pointer; }

.disclaimer { max-width: 515px; margin-left: auto; margin-right: auto; }

.disclaimer small { font-size: 0.8em; }

.note { font-size: 13px; line-height: 19.5px; }

.created-by { font-style: italic; font-size: 12.5px; transform: translate3d(90px, -6px, 0); margin: 0; color: rgba(255, 255, 255, 0.8); }

.created-by a { font-size: 12.5px; color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: color 0.5s ease-in-out; }

.created-by a:hover { color: white; text-decoration: underline; }

@media (max-width: 1337px) { body { overflow-x: hidden; } }

footer p { color: rgba(255, 255, 255, 0.7); font-size: 13px; line-height: 1.4; }

/*# sourceMappingURL=main.css.map */