CINXE.COM

<!DOCTYPE html> <html lang="en" id="ng-app" ng-app="ziftAppModule"> <head> <title ng-bind="(pageTitle ? pageTitle + ' - ' : '') + (siteBrand && siteBrand.marcomName ? siteBrand.marcomName : isPartnerPortalDomain ? '' : 'Partner portal')"></title> <meta charset="utf-8"> <meta name="description" content="Zift" /> <meta name="author" content="Zift Solutions Inc." /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <link rel="shortcut icon" brand-favicon /> <!-- Safari --> <meta property="og:image" og-image-logo> <link rel="mask-icon" ng-href="{{getFaviconUrl()}}" color="#000000"> <link rel="apple-touch-icon" ng-href="{{getFaviconUrl()}}"> <link rel="apple-touch-icon" sizes="152x152" ng-href="{{getFaviconUrl()}}"> <link rel="apple-touch-icon" sizes="180x180" ng-href="{{getFaviconUrl()}}"> <link rel="apple-touch-icon" sizes="167x167" ng-href="{{getFaviconUrl()}}"> <link rel="apple-touch-startup-image" ng-href="{{getFaviconUrl()}}"> <!-- Safari --> <link rel="canonical" href="{{canonicalUrl}}" /> <!-- no clickjacking --> <script>if (top != self && top.location.hostname != self.location.hostname) top.location=location</script> <script src="js/config.js?rel=1739553596022"></script> <!-- <script src="https://kit.fontawesome.com/10033eaeb0.js?rel=1739741656226966283" crossorigin="anonymous"></script>--> <script src="https://kit.fontawesome.com/af436fe6a2.js?rel=1739741656226966283" crossorigin="anonymous"></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl+ GOOGLE_TM_KEY;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WBP8BR5');</script> <!-- End Google Tag Manager --> <!-- many scripts previously imported by GTM now injected via app.js --> <!-- Stripe Checkout - It looks like we are behind a couple versions of Stripe and their APIs have changed, consider upgrading --> <script src="https://checkout.stripe.com/checkout.js?rel=1739741656226966283"></script> <!-- End Stripe Checkout --> <script src="../common/lib/jquery/jquery-switch.js?rel=1739741656226966283"></script> <!-- Browser Update JS - previously imported by GTM but I don't think it was firing - Paul says if we weren't seeing it before don't show it hence commented out for now --> <!-- <script> var $buoop = {reminder: 24,reminderClosed: 150}; function $buo_f(){ var e = document.createElement("script"); e.src = "//browser-update.org/update.min.js?rel=1739741656226966283"; document.body.appendChild(e); }; try {document.addEventListener("DOMContentLoaded", $buo_f,false)} catch(e){window.attachEvent("onload", $buo_f)} </script> --> <script src="../common/lib/third-party.js?v=20241121"></script> <!-- to use the constituent parts esp for performance profiling replace this line with code in third-party-js-for-dev.html --> <link href="css/third-party.min.css?v=20231207" rel="stylesheet" /> <link rel="stylesheet" href="dist/css/base.min.css?rel=1739553596022"/> <style> .feedback-container { margin-top:15px; } .feedback-link { margin-left:20px; margin-top:-3px; } .messages-header { padding-top:10px; } </style> <link rel="stylesheet" type="text/css" href="css/ai-expert.css?rel=1739741656226966283"> <!--[if lt IE 9]> <script src="lib/bootstrap/html5shiv.js?rel=1739741656226966283"></script> <script src="lib/bootstrap/respond.min.js?rel=1739741656226966283"></script> <![endif]--> <!--setting the default document domain--> <script type="text/javascript"> var currentHost = location.host; var targetDomain = "zift123.com"; if (currentHost.indexOf(targetDomain) === -1) { targetDomain = currentHost; } document.domain = targetDomain; // during the first round of testing it would be as well that everyone sees jMigrate console log messages // once we are happy then we can uncomment the line below so that converted clients don't see them and we only see them if you are testing a site using jQuery 3.5 via the url param jQuery.migrateMute = !hasJquery35UrlParam; </script> <script src="https://cdn.auth0.com/js/auth0-spa-js/2.0/auth0-spa-js.production.js?rel=1739741656226966283"></script> <script src="https://cdn.jsdelivr.net/npm/@brightcove/player-loader@1.8.0/dist/brightcove-player-loader.min.js?rel=1739741656226966283"></script> <link rel="stylesheet" type="text/css" href="css/headless.css?rel=1739741656226966283" ng-if="headless"> </head> <body ng-style="bodyStyle" ng-class="{'no-vertical-scroll' : isBeeFreeFullPage(), 'hide-body': isUnifyrLoginPageLoading()}"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WBP8BR5" + GOOGLE_TM_KEY height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div brand-styles site-brand="siteBrand" ng-if="showAuthenticated()"></div> <div ng-if="showAuthenticated() && allDictionariesLoaded" ng-controller="NavbarCtrl" class="{{quickNav || headless?(showSubnav()?'masthead-wrapper-bg':''):''}}" ng-class="{'masthead-wrapper-sm-agency':getCurrentAgencyOrderId() && showReturnToParentAccount(), 'masthead-wrapper-sm-agency_order':getCurrentAgencyOrderId() && !showReturnToParentAccount()}" > <div ng-include src="'partials/common/mastHeadTop.html'" ng-if="!headless"></div> <div ng-include src="'partials/common/mastHeadBottom.html'" ng-if="!headless"></div> </div> <div class="container-fluid {{isBeeFreeFullPage()?'':'remove-padding'}} {{isTokenLogin?'container-token':''}}" ng-if="allDictionariesLoaded && (!showAuthenticated() || layout.promise.$$state.status)" id="outer-container" data-ng-attr-style="{{isBeeFreeFullPage() || headless ? '' : 'padding-top: ' + navBarOffset }}"> <div ng-class="{'adjacent-to-side-nav':useSideNav(), 'container container-main remove-padding-top-and-bottom':!isFullWidthPage(), 'unifyr-alterations':isUnifyr()}"> <div class="row remove-padding-top-and-bottom" ng-if="showAuthenticated() && checkCollectFeedback()" ng-cloak> <div class="col col-md-12"> <div class="alert alert-info text-center feedback-container container"> {{'feedback.message'|i18n}} <a class="btn btn-sm btn-primary feedback-link" ng-click="showFeedbackPanel()" href="">{{'feedback.message.link'|i18n}}</a> </div> </div> </div> <div ng-if="!isTokenLogin" class="row remove-padding-top-and-bottom"> <div class="col col-md-12" ng-class="isUnifyrClient ? 'unifyr-alert-container' : ''"> <div id="alert-section" ng-class="isUnifyrClient ? 'unifyr-alert' : ''"> </div> </div> </div> <div zift-flash-messages ng-if="!headless"></div> <div class="row remove-padding-top-and-bottom"> <div ng-class="isFullWidthPage() && !headless ? 'remove-row-padding' : 'col col-md-12'" ng-style="{'padding-top' : getInnerContainerPaddingTop() }"> <!-- global error bar --> <div class="alert alert-danger" id="global-error-bar" style="display: none"> <div class="row"> <div class="col-md-12"> <div class="global-error-bar-content"> <div class="global-error-bar-content-left pull-left"> <div class="global-error-bar-content-left-text" id="global-error-bar-text"> </div> </div> <div class="global-error-bar-content-right pull-right"> <div class="global-error-bar-content-right-text"> <span class="padding-10"> <span id="global-error-bar-code"></span> <span id="global-error-bar-ticket"></span> </span> <button type="button" class="close ng-scope" onclick="$('#global-error-bar').hide()">脳</button> </div> </div> </div> </div> </div> </div> <div id="mainAngularView" ng-style="getMainAngularViewStyle()" ng-view></div> <!-- Used to perform Zendesk SSO form submission--> <div ng-include="'partials/zendesk/zendesk-form.html'"></div> </div> </div> </div> <div id="customFooterContainer" ng-show="showCustomFooter()" ng-class="{'adjacent-to-side-nav':useSideNav()}"> <div class="row remove-padding-top-and-bottom"> <span custom-footer id="page_footer"></span> </div> </div> <div class="zift-footer-container" ng-class="{'adjacent-to-side-nav':useSideNav(), 'bee-free-full-page-footer-container' : isBeeFreeFullPage()}"> <div class="container-main container" ng-if="allDictionariesLoaded" > <div ng-show="showAuthenticated()"> <div ng-include src="'partials/common/footer.html'"></div> </div> </div> </div> <!--<div class="adblock-modal" ng-show="!isGoogleTagManagerLoaded && !hasAdblockNotificationBeenAccepted()" ng-cloak> <div class="adblock-modal-content"> <div class="modal-header"> <h4 class="modal-title">{{ 'adblock.modal.header' | i18n }}</h4> </div> <div class="modal-body"> <div class="alert alert-danger"> <span>{{ 'adblock.modal.body' | i18n }}</span> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" ng-click="setAdblockModalAccept()">{{ 'common.continue'|i18n }}</button> </div> </div> </div>--> </div> <script src="dist/js/app.min.js?rel=1739553596021"></script> <script async src="../common/lib/calendar/js/calendar.min.js?rel=1739741656226966283"></script> <div style="display:none; color:#000000" class="modal fade" id="globalFeedbackModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title">Feedback</h4> </div> <div class="modal-body" ng-if="feedbackModal.extraMessage">{{feedbackModal.extraMessage|i18n}}</div> <div id="globalFeedbackModalContent"> <script> document.write(unescape("%3Cscript src='" + FEEDBACK_PANEL_EMBED_URL + "' type='text/javascript'%3E%3C/script%3E")); </script> </div> </div> </div> </div> <div ng-if="allDictionariesLoaded" class="modal fade" id="portalRedirectModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="global-dashboard-title"></h4> </div> <div class="modal-body" id="global-dashboard-url"></div> <div class="modal-footer"> <button class="btn btn-default" type="button" data-dismiss="modal">{{ 'common.cancel'|i18n }}</button> <button class="btn btn-success" type="button" ng-click="redirectToPortal()">{{ 'common.continue'|i18n }}</button> </div> </div> </div> </div> <div ng-if="allDictionariesLoaded" class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-hidden="strue" > <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title">{{ 'nav.help'|i18n }}</h4> </div> <div class="modal-body" id="help-modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'common.close'|i18n }}</button> </div> </div> </div> </div> <div ng-if="allDictionariesLoaded" ng-controller="InternationalizationCtrl"> <div class="modal fade" id="i18nModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title">{{ 'common.language' | i18n }}</h4> </div> <div class="modal-body"> <form name="languageForm" class="row"> <div class="col-md-12"> <select class="form-control" ng-model="currentLanguage" required ng-options="('language.'+lang|i18n) for lang in languages | orderBy:'name' track by lang" ></select> </div> </form> </div> <div class="modal-footer"> <button class="btn btn-default" type="button" data-dismiss="modal">{{ 'common.close'|i18n }}</button> <button class="btn btn-success" type="button" ng-disabled="languageForm.$invalid" ng-click="updateLanguage()">{{ 'common.save'|i18n }}</button> </div> </div> </div> </div> </div> <script src="/partials/app.templates.js?rel=1739553596022"></script> <script> $(document).on('click','.navbar-collapse.in',function(e) { if( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ) { $(this).collapse('hide'); } }); </script> </body> <!-- 8888888888P d8b .d888 888 .d88888b. 888b 888 8888888888 d88P Y8P d88P" 888 d88P" "Y88b 8888b 888 888 d88P 888 888 888 888 88888b 888 888 d88P 888 888888 888888 888 888 888Y88b 888 8888888 d88P 888 888 888 888 888 888 Y88b888 888 d88P 888 888 888 888 888 888 Y88888 888 d88P 888 888 Y88b. Y88b. .d88P 888 Y8888 888 d8888888888 888 888 "Y888 "Y88888P" 888 Y888 8888888888 Now hiring @ https://ziftsolutions.com/about/careers/ --> </html>