.chrome .main[view=referral-program] #referralTraining{background:#f9f9f9 url("/assets/images/pages/referral-program/photo-people@2x.webp") no-repeat bottom center/cover}@media(max-width: 768px){.chrome .main[view=referral-program] #referralTraining{background-image:url("/assets/images/pages/referral-program/photo-people.webp")}}.main[view=referral-program] sup.currency{font-size:1em;top:0}.main[view=referral-program] .intro{display:none;position:relative;background:linear-gradient(to right, #09559a 0%, #072841 100%)}.main[view=referral-program] .intro.show{display:block}.main[view=referral-program] .intro .container{flex-flow:column nowrap}.main[view=referral-program] .intro p{width:886px;max-width:100%;margin:0 auto}.main[view=referral-program] #howItWorks{display:none;background:linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%)}.main[view=referral-program] #howItWorks.show{display:block}.main[view=referral-program] #howItWorks .calloutBoxes{display:flex;flex-flow:row nowrap;justify-content:space-between}@media(max-width: 768px){.main[view=referral-program] #howItWorks .calloutBoxes{padding:16px 0;flex-flow:column nowrap}}.main[view=referral-program] #howItWorks .calloutBoxes .box{width:49%;margin:48px 0 72px;text-align:center;padding:48px}@media(max-width: 991px){.main[view=referral-program] #howItWorks .calloutBoxes .box{width:48%;margin:32px 0 48px;padding:32px}}@media(max-width: 768px){.main[view=referral-program] #howItWorks .calloutBoxes .box{width:100%;margin:8px 0;padding:32px 24px}}@media(max-width: 480px){.main[view=referral-program] #howItWorks .calloutBoxes .box{padding:24px 16px}}.main[view=referral-program] #howItWorks .calloutBoxes .box+.box{margin:48px 0 72px}@media(max-width: 991px){.main[view=referral-program] #howItWorks .calloutBoxes .box+.box{margin:32px 0 48px}}@media(max-width: 768px){.main[view=referral-program] #howItWorks .calloutBoxes .box+.box{margin:16px 0}}.main[view=referral-program] #howItWorks .calloutBoxes .box img{display:block;max-width:100%;margin:32px auto}.main[view=referral-program] #howItWorks .calloutBoxes .box p small{font-size:14px;color:rgba(0,0,0,.45)}.main[view=referral-program] #howItWorks .calloutBoxes .giftCard{position:relative;display:block;width:100%;height:auto}.main[view=referral-program] #howItWorks .calloutBoxes .giftCard .giftCardValue{position:absolute;right:50%;top:25px;transform:translateX(180px);font-size:36px;font-weight:600;color:#fe9901;text-align:right}@media(max-width: 1024px){.main[view=referral-program] #howItWorks .calloutBoxes .giftCard .giftCardValue{font-size:30px;transform:translateX(170px)}}@media(max-width: 991px){.main[view=referral-program] #howItWorks .calloutBoxes .giftCard .giftCardValue{transform:translateX(160px)}}@media(max-width: 860px){.main[view=referral-program] #howItWorks .calloutBoxes .giftCard .giftCardValue{transform:translateX(140px)}}@media(max-width: 768px){.main[view=referral-program] #howItWorks .calloutBoxes .giftCard .giftCardValue{font-size:36px;transform:translateX(180px)}}@media(max-width: 480px){.main[view=referral-program] #howItWorks .calloutBoxes .giftCard .giftCardValue{font-size:30px;transform:translateX(170px)}}@media(max-width: 414px){.main[view=referral-program] #howItWorks .calloutBoxes .giftCard .giftCardValue{transform:translateX(150px)}}@media(max-width: 380px){.main[view=referral-program] #howItWorks .calloutBoxes .giftCard .giftCardValue{top:10px;transform:translateX(130px)}}@media(max-width: 360px){.main[view=referral-program] #howItWorks .calloutBoxes .giftCard .giftCardValue{transform:translateX(110px)}}.main[view=referral-program] #howItWorks .hereIsHow{text-align:center;color:#000;margin:0 0 56px;letter-spacing:0}.main[view=referral-program] #howItWorks .callouts{display:flex;flex-flow:row nowrap;justify-content:space-between}@media(max-width: 768px){.main[view=referral-program] #howItWorks .callouts{flex-flow:column nowrap}}.main[view=referral-program] #howItWorks .callouts .callout{width:30%;text-align:center;padding:0 0 32px}@media(max-width: 991px){.main[view=referral-program] #howItWorks .callouts .callout{width:31%}}@media(max-width: 768px){.main[view=referral-program] #howItWorks .callouts .callout{width:100%}}.main[view=referral-program] #howItWorks .callouts .callout .ic-refer{margin:0 auto 27px}.main[view=referral-program] #howItWorks .callouts .callout .ic-buy{margin:0 auto 24px}.main[view=referral-program] #howItWorks .callouts .callout .ic-rewarded{margin:0 auto 24px}.main[view=referral-program] #howItWorks .callouts .callout h3{font-size:20px}.main[view=referral-program] #referralTraining{display:none;width:100%;height:0;padding-top:34%;background:#f9f9f9 url("/assets/images/pages/referral-program/photo-people@2x.webp") no-repeat bottom center/cover}.main[view=referral-program] #referralTraining.show{display:block}@media(max-width: 768px){.main[view=referral-program] #referralTraining{background-image:url("/assets/images/pages/referral-program/photo-people.webp")}}.main[view=referral-program] #readyToBeRewarded{display:none;background:linear-gradient(to right, #09559a 0%, #072841 100%);padding:72px 0;text-align:center}.main[view=referral-program] #readyToBeRewarded.show{display:block}.main[view=referral-program] #readyToBeRewarded h2{color:#fff;margin-bottom:40px}@media(max-width: 768px){.main[view=referral-program] #readyToBeRewarded h2{margin-bottom:32px}}@media(max-width: 480px){.main[view=referral-program] #readyToBeRewarded h2{margin-bottom:20px}}@media(max-width: 768px){.main[view=referral-program] #readyToBeRewarded{padding:48px 0}}@media(max-width: 480px){.main[view=referral-program] #readyToBeRewarded{padding:32px 0}}.main[view=referral-program] #terms{background:#f9f9f9;padding:92px 0}@media(max-width: 991px){.main[view=referral-program] #terms{padding:72px 0}}@media(max-width: 768px){.main[view=referral-program] #terms{padding:48px 0}}@media(max-width: 480px){.main[view=referral-program] #terms{padding:32px 0}}.main[view=referral-program] #terms h2{text-align:center;color:#000}.main[view=referral-program] #terms p strong{font-size:26px;display:block;margin:40px 0 16px}@media(max-width: 991px){.main[view=referral-program] #terms p strong{font-size:24px}}@media(max-width: 768px){.main[view=referral-program] #terms p strong{font-size:20px}}@media(max-width: 480px){.main[view=referral-program] #terms p strong{font-size:16px}}.main[view=referral-program] #terms p a{color:#cf9f24}

/*# sourceMappingURL=referral-program.min.css.map*/