CINXE.COM

<!DOCTYPE html><html lang="en-US"><head><title>Subscribe to Irish Examiner</title><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:type" content="website"><meta property="og:url" content="https://subscribe.irishexaminer.com/?g2i_source=ie&g2i_medium=footer_HD&g2i_campaign=annual"><meta property="og:title" content="Subscribe to access all of the Irish Examiner"><meta property="og:description" content="Only €4 / month for the first 4 months."><meta property="og:image" content="https://s3.amazonaws.com/cms.itex/SB%20Og%20Image.jpg"><meta property="og:site_name" content="Irish Examiner"><link rel="preload" href="/styles/bootstrap.css" as="style" onload="this.rel='stylesheet'"><link rel="preload" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" as="style" onload="this.rel='stylesheet'"><link rel="preload" href="https://cdn.jsdelivr.net/npm/flatpickr" as="script"><link rel="preload" href="/styles/alertify.min.css" as="style" onload="this.rel='stylesheet'"><link rel="preload" href="https://www.irishexaminer.com/pu_examiner/styles/itex/itex_digital_default.css" as="style" onload="this.rel='stylesheet'"><script>var config = {"System":{"Url":"//subscribe.irishexaminer.com","Client":"ITEX","ClientCode":"ITEX","SiteCode":"IE","CmsSiteCode":"IE","HostName":"subscribe.irishexaminer.com","UserProvider":"Auth0","UseMG2Api":true,"AutoOptIn":false,"MediaGroupCode":"ITEX","EEditionSuffix":"default.aspx","AuthCookieDomain":".irishexaminer.com"},"PageMetaData":{"Favicon":"/img/irishexaminer/favicon.png","FaviconType":"image/png","Title":"Subscribe to Irish Examiner"},"Services":{"Auth0":{"LockJS":"https://cdn.auth0.com/js/lock/11.25/lock.min.js","JS":"https://cdn.auth0.com/js/auth0/9.11/auth0.min.js","LogOutURL":"https://itex-prod.eu.auth0.com/v2/logout","ClientId":"57oSx2P3MVo2jvHxsFpzDaVR3UjSB3LG","Domain":"itex-prod.eu.auth0.com","Title":"Irish Examiner","Expires":45,"ConfigurationBaseUrl":"https://cdn.eu.auth0.com/","Logo":"https://s3.amazonaws.com/cms.itex/100000512x512IE.png"}},"Trackers":{"Enabled":true,"CartAbandonment":{"Enabled":true},"GoogleTagManager":{"Enabled":true,"ContainerId":"GTM-TJMCD4"}},"MG2Loader":{"Enabled":true,"Url":"https://loader-cdn.azureedge.net/prod/itex/loader.min.js","MG2Insights":{"Enabled":true,"Version":"itex","ContainerId":"GTM-MZXX4DD"},"FingerPrint":{"Enabled":true,"Version":"itex"}},"DefaultValues":{"Country":"IE","Currency":"EUR","Culture":"en-US","Description":"Euro","RoutingNumbers":["039000661","121000359","237774922","611111111","711111111","811111111","911111111"],"SubConUrl":"https://myaccount.irishexaminer.com/","SubConDashboardUrl":"https://myaccount.irishexaminer.com/","DefaultReturnUrl":"https://www.irishexaminer.com","TermsAndConditionsUrl":"https://www.irishexaminer.com/terms-and-conditions/","PrivacyPolicy":"https://www.irishexaminer.com/privacy-policy/","ErrorPageBackUrl":"https://www.irishexaminer.com","ErrorPageBackText":"current offers","ErrorPageText":"Sorry, the page you requested was not found. See {link}.","PhoneMask":"+999-999-99999999999"},"ContentSecurityPolicy":{"Urls":"*.subconadmin.com https://*.subconadmin.com *.mg2cms.com https://*.mg2cms.com"},"PayPalDTI":{"Environment":"production"},"Stripe":{"JS":"https://js.stripe.com/v3/","APIKey":"pk_live_51J0W4jEekwfKhMYFKolNQYONlFEQlDer768sB8adNi8UB0qz8DPVGoYqRTxWve8Zt520QiET0oxsqrIOUz8tWrKE00Z8SDOm05"},"AutoAddress":{"Key":"84CC2598-4208-C146-C0CA-184611503FD8","StylesheetUrl":"https://api.autoaddress.ie/2.0/control/css/autoaddress.min.css","JsUrl":"https://api.autoaddress.ie/2.0/control/js/jquery.autoaddress.min.js"},"BuildInfo":{"Show":false,"Version":"3.16.0300","BuildDate":"9/1/2023 11:29:14 AM","BuildNumber":"20230901.112914"},"ThirdPartySystems":{"Captcha":{"Invisible":{"Enabled":false,"SiteKey":""},"V3":{"Enabled":true,"SiteKey":"6Ld9LLAaAAAAANxYivk0bX-CdtD3ZFe6_pL98QmM"}}}}; if (config && config.Trackers && config.Trackers.GoogleTagManager && config.Trackers.GoogleTagManager.Enabled) { var addInBody = config.Trackers.GoogleTagManager.AddInBody; if (!addInBody) { if (config.Trackers.GoogleTagManager.Containers && config.Trackers.GoogleTagManager.Containers.length) { var containers = config.Trackers.GoogleTagManager.Containers ? config.Trackers.GoogleTagManager.Containers : []; containers.forEach((container) => { if (container.Enabled) { (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; f.parentNode.insertBefore(j,f);})(window, document, 'script', 'dataLayer', container.ContainerId ? container.ContainerId : ''); } }); }; }; };</script><link rel="stylesheet" href="/styles/style.css?dateStamp=1693567754000"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link rel="preload" href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&display=swap" as="style" onload="this.rel='stylesheet'"><link rel="icon" type="image/png" href="/img/irishexaminer/favicon.png"><script>var viewParameters = {"Params":{"trackingCodes":{"g2i_source":"ie","g2i_medium":"footer_HD","g2i_campaign":"annual"}},"InternalSessionID":"FpfT8cnqP-s7biL0nZ2LCVnPz71R113D","presentation":{"Content":{"Name":"digital01","Url":"digital01","IsDefault":true,"Notifications":[],"PresentationProperties":{"name":"PresentationPropertiesV3","options":{"DefaultOfferGroupId":"168, 169","Erorrs":{"GeneralErrors":{"Title":"We have found following errors:"}},"DefaultZipCode":"00000","LoadingScreenLogo":"https://s3.amazonaws.com/cms.itex/Logo_IE_text.png","InputPadding":"extra small","CustomCSSLink":"https://www.irishexaminer.com/pu_examiner/styles/itex/itex_digital_default.css","IsInternational":true,"Styling":{"BgColor":"#E3F6F5"},"StepPadding":"Narrow","StylingEnable":true,"NoOffers":{"Url":"","Text":"","LinkText":""},"MobileRedirectUrl":"","DetectMobileDevices":false,"IsGiftSale":false,"OgTags":{"Title":"Subscribe to access all of the Irish Examiner","SiteName":"Irish Examiner","Description":"Only €4 / month for the first 4 months.","Image":"https://s3.amazonaws.com/cms.itex/SB%20Og%20Image.jpg","ImageAlt":""},"isMoveLabel":false,"Theme":"","MarketCode":"","DefaultPromotionCode ":"","TurnOffCaptcha":false,"RecaptchaScore":"0.1"},"components":[]},"Components":[{"name":"HeaderV3","options":{"LogoUrl":"https://www.irishexaminer.com/","Styling":{"BackgroundImage":"","LogoAlignLeft":false,"Logo":"https://s3.amazonaws.com/cms.itex/IELogo372.png","TextColor":"#0d0c0c","BorderColor":"","BackgroundColor":"#E3F6F5"},"LogoutText":"Sign out","LoginText":"Already a subscriber? Sign in","BackText":"BACK","AlreadySubscriber":{"Url":"https://myaccount.irishexaminer.com","LinkText":"<p>Click here<p>","Show":false,"Title":"<p>Already a subscriber</p>"},"InternationalSubscriber":{"Title":"","Show":false,"Url":"","LinkText":""},"LogoAltText":"Irish Examiner Logo","LoginSectionShow":true,"Back":{"Show":true,"Text":"Back"}},"components":[]},{"name":"PageV3","options":{"Styling":{"Background":{"AccentImage":"","AccentColor":"","Scrollable":false,"Color":"#E3F6F5","Image":""}},"MobileStyling":{"Background":{"AccentImage":"","AccentColor":"","Color":"","Image":""}},"MobileSubtitle":"","MobileTitle":"<p>Mobile</p>","AlternativeMobileStyling":false,"PageMetaData":{"Favicon":"","Title":""},"Subtitle":"","Title":"<section class=\"headline\">\n<div class=\"headline_content\">\n<h1>Subscribe to access all of the Irish Examiner</h1>\n</div>\n</section>","DisplayType":"One"},"components":[{"name":"LandingTilesV3","options":{"Title":"","DisplayInlineCount":2,"Subtitle":"","IncreaseTileOnHover":false,"SubtypeName":"No Image","SliderDotsColor":""},"components":[{"name":"PromotionDigitalV3","options":{"Styling":{"EnableCustomization":true,"Modal":{"Button":{"Type":"Default","TextColor":"","BorderColor":"","BackgroundColor":""},"TextColor":"","BackgroundColor":""},"Button":{"Type":"Default","TextColor":"#fff","BackgroundColor":"#F15A22","BorderColor":"#F15A22","Width":"Default"},"TextColor":"","BackgroundColor":"#fff","BorderColor":""},"ZipCode":{"Validation":{"MinLength":{"Message":"","Apply":false},"Required":{"Apply":true,"Message":"Zip code is required"}},"ValidateOnFocusLost":true},"Image":"","HideInputs":false,"Action":{"Coupon":{"HideText":"Hide coupon","Validation":{"Required":{"Message":"","Apply":false}},"ShowText":"I have coupon","Show":false,"Placeholder":"Coupon","ValidateOnFocusLost":false,"Title":""},"Email":{"Title":"Email","Placeholder":"Email"},"Title":"","OneTimeUseCode":{"Show":false,"Title":"","Placeholder":"","ShowText":"","HideText":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false}},"Details":{"Title":"","Body":""},"NoOffersAvailableMessage":"<p>Sorry there are no offers available</p>","Subtitle":"<ul class=\"tile_list\">\n<li>Billed once for the first year.</li>\n<li>Access to all of our content.</li>\n<li>Exclusive subscriber articles, podcasts and video.</li>\n<li>Daily ePaper.</li>\n</ul>","TitleAboveImage":true,"SubtitleAboveImage":false,"ImageAlt":"","HoverText":"","Button":{"OfferGroupId":"169","PromotionCode":"","Text":"Subscribe now"},"Title":"<div class=\"best_value\">\n<p>Best value</p>\n</div>\n<div class=\"main_tile\">\n<h3>ANNUAL DIGITAL</h3>\n<h4><span style=\"text-decoration: line-through; font-weight: 500;\">€120</span> €80</h4>\n</div>","RespectUrlParams":true,"Email":{"Validation":{"Pattern":{"Message":"","Apply":false},"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false},"EnableEmail":false,"TileTop":{"BackgroundColor":"#fff","Text":"","Show":false,"BorderColor":""},"ActionsInModal":false,"Bodybottom":"","Body":"","RespectUrlPid":true,"AlternativeMobileStyling":{"Title":"","Body":"","Subtitle":"","Enabled":false}},"components":[]},{"name":"PromotionDigitalV3","options":{"Styling":{"EnableCustomization":true,"Modal":{"Button":{"Type":"Rounded corner","TextColor":"","BorderColor":"","BackgroundColor":""},"TextColor":"","BackgroundColor":""},"Button":{"Type":"Default","TextColor":"#F15A22","BackgroundColor":"#fff","BorderColor":"#F15A22","Width":"Default"},"TextColor":"","BackgroundColor":"#fff","BorderColor":""},"ZipCode":{"Validation":{"MinLength":{"Message":"","Apply":false},"Required":{"Apply":true,"Message":"Zip code is required"}},"ValidateOnFocusLost":true},"Image":"","HideInputs":false,"Action":{"Coupon":{"HideText":"Hide coupon","Validation":{"Required":{"Message":"","Apply":false}},"ShowText":"I have coupon","Show":false,"Placeholder":"Coupon","ValidateOnFocusLost":false,"Title":""},"Email":{"Title":"Email","Placeholder":"Email"},"Title":"<p style=\"text-align: center;\"><span style=\"color: #ffffff; font-size: 20px; text-align: center;\">Premium Digital</span></p>","OneTimeUseCode":{"Show":false,"Title":"","Placeholder":"","ShowText":"","HideText":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false}},"Details":{"Title":"","Body":""},"NoOffersAvailableMessage":"<p>Sorry there are no offers available</p>","Subtitle":"<ul class=\"tile_list\">\n<li>Billed monthly; initial discount for the first 4 months.</li>\n<li>Access to all of our content.</li>\n<li>Exclusive subscriber articles, podcasts and video.</li>\n<li>Daily ePaper.</li>\n<li>Cancel anytime.</li>\n</ul>","TitleAboveImage":true,"SubtitleAboveImage":true,"ImageAlt":"","HoverText":"","Button":{"OfferGroupId":"168","PromotionCode":"","Text":"Subscribe now"},"Title":"<div class=\"main_tile\">\n<h3>MONTHLY DIGITAL</h3>\n<h4><span style=\"text-decoration: line-through; font-weight: 500;\">€10</span> €4 <span class=\"title_e\" style=\"font-size: 34px;\"> /month</span></h4>\n</div>","RespectUrlParams":true,"Email":{"Validation":{"Pattern":{"Message":"","Apply":false},"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false},"EnableEmail":false,"TileTop":{"BackgroundColor":"#fff","Text":"","Show":false,"BorderColor":""},"ActionsInModal":false,"Bodybottom":"","Body":"","RespectUrlPid":true,"AlternativeMobileStyling":{"Title":"","Body":"","Subtitle":"","Enabled":false}},"components":[]}]},{"name":"InformationV3","options":{"Body":"<section class=\"customer_info\">\n<p class=\"info_content\" style=\"max-width: 800px; margin: 0 auto 20px;\">Introductory offers for new customers. Annual billed once for first year. Autorenews at €120. Monthly initial discount (first 4 months) billed monthly, then €10 a month. Payment method auto-charged, unless cancelled. <a href=\"https://www.irishexaminer.com/terms-conditions/\" target=\"_blank\" rel=\"noopener\">Ts&Cs</a> apply.</p>\n</section>"},"components":[]},{"name":"InformationV3","options":{"Body":"<section class=\"why_subscribe\">\n<h2>WHY SUBSCRIBE?</h2>\n<div class=\"subscribe_content\">\n<div class=\"card\"><img src=\"https://s3.amazonaws.com/cms.itex/ws_access.svg\" alt=\"Unlimited access\" />\n<h3>Unlimited access</h3>\n<p>Enjoy everything on irishexaminer.com and on the Irish Examiner News app.</p>\n</div>\n<div class=\"card\"><img src=\"https://s3.amazonaws.com/cms.itex/ws_content.svg\" alt=\"Subscriber content\" />\n<h3>Read</h3>\n<p>Enjoy unique insights from our most popular news, lifestyle and sports columnists, available exclusively to subscribers.</p>\n</div>\n<div class=\"card\"><img src=\"https://s3.amazonaws.com/cms.itex/ieListen.png\" alt=\"Irish Examiner Listen\" />\n<h3>Listen</h3>\n<p>Explore our diverse selection of podcasts, including our renowned GAA Podcasts: Dalo’s Hurling Show and the Gaelic Football Show.</p>\n</div>\n<div class=\"card\"><img src=\"https://s3.amazonaws.com/cms.itex/ws_epaper.svg\" alt=\"Irish Examiner ePaper\" />\n<h3>Daily ePaper</h3>\n<p>Read a replica of the newspaper online each day, complete with sections and supplements.</p>\n</div>\n<div class=\"card\"><img src=\"https://s3.amazonaws.com/cms.itex/ws_benefit.svg\" alt=\"Additional benefits\" />\n<h3>Additional benefits</h3>\n<p>Early access to special publications, discounts for Irish Examiner events, dedicated weekly newsletters and more.</p>\n</div>\n</div>\n</section>"},"components":[]},{"name":"InformationV3","options":{"Body":"<section class=\"other_subs\">\n<h2>OTHER SUBSCRIPTIONS</h2>\n<div class=\"subscripions_content\">\n<div class=\"content_info\"><img src=\"https://s3.amazonaws.com/cms.itex/sc_user.png\" alt=\"User\" />\n<h3>Print & Digital Bundles</h3>\n<p>Choose the days you would like to have the Irish Examiner delivered to your door.</p>\n<a href=\"https://subscribe.irishexaminer.com/bundles\" target=\"_blank\" rel=\"noopener\">FROM €16 / MONTH</a></div>\n<div class=\"divider\"> </div>\n<div class=\"content_info\"><img src=\"https://s3.amazonaws.com/cms.itex/sc_users.png\" alt=\"Group Subscriptions\" />\n<h3>Corporate & Group Subscriptions</h3>\n<p>Benefit from volume discounts for your organisations.</p>\n<a href=\"https://www.irishexaminer.com/corporates/\" target=\"_blank\" rel=\"noopener\">READ MORE</a></div>\n</div>\n</section>"},"components":[]}]},{"name":"PageV3","options":{"Styling":{"Background":{"AccentImage":"","AccentColor":"","Scrollable":false,"Color":"#E3F6F5","Image":""}},"MobileStyling":{"Background":{"AccentImage":"","AccentColor":"","Color":"","Image":""}},"MobileSubtitle":"","MobileTitle":"<p>Phone</p>","AlternativeMobileStyling":false,"PageMetaData":{"Favicon":"","Title":""},"Subtitle":"","Title":"","DisplayType":"Accordion"},"components":[{"name":"OfferSelectorTilesV3","options":{"Sign":{"Color":"#E3F6F5","BgColor":"","Hide":false},"BestOfferText":"","Button":{"Styling":{"Width":"","Type":"","TextColor":"","BackgroundColor":"","BorderColor":""},"EnableCustomization":false},"OfferButtonPosition":"","Show":{"ImageOnMobile":true,"Body":true,"ExpressCheckoutOfferText":false,"Title":false,"TermsAndConditions":true,"Price":false,"Image":true,"OfferName":true,"MarketingText":true,"OfferText":true},"Premium":{"Title":""},"OfferButtonText":"SUBSCRIBE","AutoSelectOffer":true,"Title":"","ExpressCheckoutOfferText":"","OptionsSection":{"ShowingOptions":"","OptionsInclude":"","Edit":""},"OfferStyling":{"BorderColor":"","BackgroundColor":"","TextColor":"","EnableCustomization":false},"EnableSwG":false},"components":[]},{"name":"StepIndicatorV3","options":{"StickyMode":{"Enable":false,"BackgroundColor":""}},"components":[]},{"name":"StepV3","options":{"Pricing":{"Quantity":{"Title":"Quantity:","Show":false},"CountyTax":{"Title":"","Show":false},"Amount":{"Show":false,"Title":"Amount:","ShowPeriod":false},"TotalPrice":{"Show":true,"Title":"What you'll pay today:"},"ActivationFee":{"Title":"Activation Fee:","Show":false},"StateTax":{"Show":false,"Title":""},"TaxAmount":{"Show":false,"Title":"Tax Amount:","ShowPeriod":false},"OnTop":{"Show":false,"ShowSecondButton":false,"AccentColor":""},"CityTax":{"Title":"","Show":false}},"Subtitle":"","Spinner":{"Show":false},"Button":{"Text":"Continue","Spinner":{"Show":true},"HideWhileDisabled":false,"Disabled":{"HoverMessage":{"Text":"Please complete the mandatory fields to continue.","Show":true}},"Styling":{"TextColor":"","BackgroundColor":"","Type":"Rounded corner","Width":"","BorderColor":""},"EnableCustomization":true,"Color":""},"StepIndicator":{"Show":true},"Styling":{"AccentColor":"","MainColor":"","TextAccentColor":"","TextColor":"","EnableCustomization":true},"Cancel":{"Show":false,"Url":"","Text":""},"ShowChat":false,"Premium":{"Title":""},"MarketingText":{"Show":true},"OfferText":{"Show":true},"UpsellAlternate":{"Subtitle":"","Apply":false,"Title":""},"BackLink":{"Text":"","Show":false},"EditStepSymbol":"","ShowSummary":false,"AccentColor":"","IsNestedSteps":false,"Title":"<p><span style=\"font-size: 18px;\">CUSTOMER INFORMATION</span></p>","Enumer":{"Show":false}},"components":[{"name":"UserInformationV3","options":{"Password":{"Validation":{"MinLength":{"Params":8,"Apply":true,"Message":"Password must include at least 8 characters, including one uppercase and at least one number"},"AtLeast1Letter":{"Message":"Password must include at least 8 characters, including one uppercase and at least one number","Apply":false},"AtLeast1Letter1Number":{"Message":"Password must include at least 8 characters, including one uppercase and at least one number","Apply":false},"Required":{"Message":"Password must include at least 8 characters, including one uppercase and at least one number","Apply":true},"AtLeast1Number":{"Apply":true,"Message":"Password must include at least 8 characters, including one uppercase and at least one number"},"AtLeast3Of4Types":{"Message":""},"LiveValidation":{"Apply":false},"MaxLength":{"Message":"","Apply":false},"AtLeast1UpperCaseLetter":{"Apply":true,"Message":"Password must include at least 8 characters, including one uppercase and at least one number"},"No2IdenticalRow":{"Message":"","Apply":false},"LowerCase":{"Message":"","Apply":false},"SpecialCharaters":{"Apply":false,"Message":""}},"HidePassword":"Hide","ValidateOnFocusLost":false,"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Title":"Password","Show":true,"Placeholder":"Password","ShowPassword":"Show"},"Birth":{"Year":{"Validation":{"Required":{"Message":"","Apply":false}},"OptionalNextToPlaceholder":"","Placeholder":""},"Date":{"Placeholder":"","OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"","Apply":false}}},"Month":{"Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToPlaceholder":""},"Title":"","Show":false},"Title":"<p><span style=\"font-size: 12px;\">Customer Information</span></p>","Facebook":{"LoggedInText":"","LoginButtonText":"","Show":false,"LogoutButtonText":""},"Email":{"ValidateOnFocusLost":true,"Help":{"ImageUrl":"","Show":false,"LinkText":"","Text":""},"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Validation":{"Pattern":{"Apply":true,"Message":"Invalid email"},"Required":{"Message":"Email address is required","Apply":true}},"EmailExistsBody":"<p>To proceed with your subscription purchase, please click <strong>Continue</strong> below.","EmailExistsTitle":"","VerifyingEmail":"Verifying email...","Placeholder":"Your email used to access our website","Title":"Email","Show":true},"Gender":{"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"","Apply":false}},"Show":false,"Title":"","Placeholder":""},"LastName":{"ValidateOnFocusLost":false,"Title":"Last Name","Placeholder":"","Show":false,"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Validation":{"Required":{"Message":"","Apply":false}}},"FirstName":{"ValidateOnFocusLost":false,"Placeholder":"","OptionalNextToPlaceholder":"","Title":"","Validation":{"Required":{"Message":"","Apply":false}},"OptionalNextToTitle":"","Show":false},"AuthLogin":{"Validation":{"Pattern":{"Apply":false,"Message":"Please input a correct email."},"Required":{"Message":"","Apply":false}},"ValidateOnFocusLost":false},"Google":{"Show":false,"LoginButtonText":"","LoggedInText":"","LogoutButtonText":""},"ConfirmEmail":{"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Validation":{"AreSame":{"Message":""},"Required":{"Message":"","Apply":false}},"ValidateOnFocusLost":false,"Placeholder":"","Title":"","Show":false},"DisplayName":{"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Title":"First Name","Help":{"Text":"","Show":false},"Validation":{"MinLength":{"Message":"","Apply":false},"MaxLength":{"Message":"","Apply":false},"Required":{"Message":"","Apply":false}},"InformationBody":"","InformationTitle":"","Placeholder":"","ValidateOnFocusLost":false,"Show":false},"ConfirmPassword":{"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","ValidateOnFocusLost":false,"ShowPassword":"Show","HidePassword":"Hide","Validation":{"Required":{"Apply":true,"Message":"Please confirm your password"},"AreSame":{"Message":"Passwords do not match"}},"Placeholder":"Re-enter password","Show":true,"Title":"Confirm password","StillSame":{"Message":"","Apply":true}},"PrivacyPolicy":{"Body":"","Title":""},"ForgotPassword":{"Email":{"Title":"Email","Placeholder":"Email"},"Message":{"Error":"Reset password failed.","Success":"Success! Please check your email."},"BackText":"Back","LinkText":"Forgot Password?","Title":"Forgot Password","Show":true,"Button":{"Text":"Send email"}},"Twitter":{"Show":false,"LoginButtonText":""},"ValidateOnFocusLost":{"Validation":{"Required":{"Message":"","Apply":false}}},"AuthPassword":{"ValidateOnFocusLost":false},"Verification":{"UnverifiedMessage":{"Title":"","Body":""},"VerifiedMessage":""},"ShowSummary":false,"RequireLogin":{"LinkText":"","Apply":false},"Logout":{"Button":{"Text":"SIGN OUT"},"Title":"SIGN OUT"},"AuthError":{"Message":"The email/password combination that you entered did not match with our records."},"HidePasswordText":"Show Password","Amazon":{"LoginButtonText":"","Show":false},"Login":{"Email":{"Title":"Email","Placeholder":"Email"},"Button":{"Text":"SIGN IN"},"Password":{"Placeholder":"Password","Title":"Password"},"Title":"SIGN IN"},"Subtitle":"<p><span style=\"font-size: 12px;\">User Information</span></p>","ShowPasswordText":"Show Password","Errors":{"Title":""},"ApplyExternalEmailValidation":false,"ShowPasswordSwitcher":true,"Apple":{"Show":false,"LoginButtonText":""},"OptOutMarketing":{"CheckBox":{"Text":"Please update me on news, features, exclusive offers and competitions from the Irish Examiner."},"Show":true},"IsSocialButtonsBelow":false,"SocialButtonsLabel":""},"components":[]},{"name":"InformationV3","options":{"Body":"<table style=\"width: 100%; border-collapse: collapse; border-style: none; border-color: #E3F6F5; background-color: #e3f6f5;\" border=\"1\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\"><span style=\"background-color: #e3f6f5;\">Entering your email and password here will add you to our database of registered users. Please see our <a href=\"https://www.irishexaminer.com/privacy-policy/\" target=\"_blank\" rel=\"noopener\">Privacy Policy.</a><br /><br /></span></td>\n</tr>\n</tbody>\n</table>"},"components":[]},{"name":"DeliveryInformationV3","options":{"Name":{"Title":"","Show":true,"Placeholder":""},"LastName":{"Validation":{"Required":{"Apply":true,"Message":"Last name is required"}},"ValidateOnFocusLost":true,"Placeholder":"Enter your last name","Title":"Last Name","Show":true,"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"FirstName":{"Validation":{"Required":{"Message":"First name is required","Apply":true}},"Show":true,"OptionalNextToTitle":"","Title":"First Name","Placeholder":"Enter your first name","ValidateOnFocusLost":true,"OptionalNextToPlaceholder":""},"Title":"<h2 style=\"text-align: center;\">DELIVERY ADDRESS<strong><span style=\"font-size: 16px;\"><br /></span></strong></h2>","InternationalCity":{"OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"Required","Apply":true}},"ValidateOnFocusLost":true,"Title":"","Placeholder":"Town","Show":true,"OptionalNextToTitle":""},"Province":{"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Validation":{"Required":{"Message":"","Apply":true}},"ValidateOnFocusLost":true,"Placeholder":"......","Title":"","Show":true},"PhoneNumber":{"Note":"","Help":{"ImageUrl":"","Text":"<p>We may need to contact you by phone regarding your purchase.</p>","Show":true,"LinkText":"Why is this required?"},"ValidateOnFocusLost":true,"Placeholder":"Phone Number","Title":"Phone Number","Show":true,"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"Phone number is required","Apply":true},"PhoneUS":{"Message":"Please enter a valid phone number","Apply":false},"PhoneAUS":{"Apply":false,"Message":""}}},"DoNotPopulateLocation":false,"InternationalPhone":{"OptionalNextToTitle":"","Placeholder":"Phone","Title":"Phone Number","Show":true,"Validation":{"MaxLength":{"Apply":false,"Message":""},"Required":{"Message":"Required","Apply":true}},"OptionalNextToPlaceholder":"","ValidateOnFocusLost":true},"Privacy":{"Body":"<span style=\"color: #003969 ;\"><b>Privacy Policy</span>","Title":"We protect your privacy."},"PostalCode":{"OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"Required","Apply":false}},"Placeholder":"Postal code","Title":"","ValidateOnFocusLost":true,"Show":true,"OptionalNextToTitle":""},"Country":{"OptionalNextToTitle":"","Placeholder":"Country","Validation":{"Required":{"Apply":true,"Message":"Required"}},"ValidateOnFocusLost":true,"Show":true,"Title":"Country","OptionalNextToPlaceholder":""},"SecondAddressLine":{"Placeholder":"Street","Title":"Street","Validation":{"MaxLength":{"Apply":false,"Params":8,"Message":"Maximum 8 characters"},"Required":{"Apply":true,"Message":"Street is required"}},"ValidateOnFocusLost":true,"OptionalNextToTitle":"","Help":{"Show":false,"Text":"","ImageUrl":"","LinkText":""},"Show":true,"OptionalNextToPlaceHolder":""},"Standardization":{"SuggestedAddressTitle":"Alternate Addresses","Message":"We have standardized your address"},"City":{"ValidateOnFocusLost":true,"Validation":{"Required":{"Message":"Town is required","Apply":true}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Placeholder":"Town","Show":true,"Title":"Town"},"Email":{"Validation":{"Pattern":{"Message":"Please enter a valid email address","Apply":false},"Required":{"Message":"Email address is required","Apply":false}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","ValidateOnFocusLost":false,"Show":false,"Placeholder":"Enter your email address","Title":""},"Company":{"Show":false,"Title":"","OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Validation":{"Required":{"Message":"","Apply":false}},"ValidateOnFocusLost":false,"Placeholder":""},"NotRoutable":{"DisclaimerText":"To ensure we can deliver to your address please contact our Customer care team on 021 2063300 or email subscriptions@examiner.ie and we will explore your options for newspaper delivery. We continue to grow our home delivery routes, if we cannot deliver to you now we will contact you once your area becomes available for delivery. Please note no matter where you live, you can access the Irish Examiner ePaper, the digital replica of the newspaper by signing up to a Premium Digital subscription.","LinkText":"Premium Digital subscription","NoOffersErrorMessage":"","OfferGroupId":"11, 24","PromotionCode":""},"Errors":{"Title":"Newspaper delivery may not be available in your area"},"Zipcode":{"Validation":{"MinLength":{"Message":"Eircode must be at least 5 characters","Apply":false},"Required":{"Apply":true,"Message":"Eircode is required"}},"OptionalNextToTitle":"","ValidateOnFocusLost":true,"Placeholder":"Eircode Required","Title":"Eircode","OptionalNextToPlaceholder":"","Show":true},"AddressLine":{"OptionalNextToPlaceholder":"","AutoComplete":{"NonUSErrorText":"","Apply":false,"ApplyGeoLocation":false},"OptionalNextToTitle":"","Title":"Delivery Address - House Name / Number","Show":true,"Placeholder":"House Name / Number","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":"Address is required"},"MaxLength":{"Message":"","Apply":false}}},"StandartizationErrorMessage":"","CollectZipLast":false,"State":{"Validation":{"Required":{"Message":"County is required","Apply":true}},"Placeholder":"County Required","OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Title":"County","Show":true},"ShowSummary":false,"EnableAddressValidation":false,"HideBillingIsNotDeliveryBlock":false,"BillingIsNotDelivery":"Billing is different","Subtitle":"","Address":{"Title":"Delivery Address"},"Currency":{"Placeholder":"","Show":false,"Title":""},"EnableAutoAddress":false},"components":[]},{"name":"TermsAndConditionsV3","options":{"CheckBox":{"Text":"I have read and accept the Irish Examiner Terms and Conditions","InitialValue":true,"Show":false},"ErrorMessage":"Please accept the Irish Examiner Terms and Conditions to place your order","Title":""},"components":[]}]},{"name":"StepV3","options":{"Pricing":{"Quantity":{"Title":"Quantity:","Show":true},"CountyTax":{"Title":"","Show":false},"Amount":{"Show":true,"Title":"Amount:","ShowPeriod":false},"TotalPrice":{"Show":true,"Title":"What you'll pay today:"},"ActivationFee":{"Title":"Activation Fee:","Show":true},"StateTax":{"Show":false,"Title":""},"TaxAmount":{"Show":true,"Title":"Tax Amount:","ShowPeriod":false},"OnTop":{"Show":false,"ShowSecondButton":false,"AccentColor":""},"CityTax":{"Title":"","Show":false}},"Subtitle":"","Spinner":{"Show":true},"Button":{"Text":"Place your order","Spinner":{"Show":true},"HideWhileDisabled":false,"Disabled":{"HoverMessage":{"Text":"","Show":false}},"Styling":{"TextColor":"","BackgroundColor":"","Type":"Rounded corner","Width":"","BorderColor":""},"EnableCustomization":true,"Color":""},"StepIndicator":{"Show":true},"Styling":{"AccentColor":"","MainColor":"","TextAccentColor":"","TextColor":"","EnableCustomization":true},"Cancel":{"Show":false,"Url":"","Text":""},"ShowChat":false,"Premium":{"Title":""},"MarketingText":{"Show":false},"OfferText":{"Show":false},"UpsellAlternate":{"Subtitle":"","Apply":false,"Title":""},"BackLink":{"Text":"","Show":false},"EditStepSymbol":"","ShowSummary":false,"AccentColor":"","IsNestedSteps":false,"Title":"<p><span style=\"font-size: 18px;\">PAYMENT INFORMATION</span></p>","Enumer":{"Show":false}},"components":[{"name":"PaymentMethodsV3","options":{"FirstName":{"OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"Required","Apply":false}},"Title":"First Name","Show":false,"ValidateOnFocusLost":false,"OptionalNextToTitle":"","Placeholder":"First Name"},"TransferBalance":{"Validation":{"Required":{"Message":"","Apply":false},"Validation":{"FormatMessage":"","MaxValueMessage":"","Params":"","Apply":false}},"ValidateOnFocusLost":false,"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Title":"","Show":false,"Placeholder":""},"Errors":{"Title":""},"Email":{"Validation":{"Required":{"Message":"Email address is required","Apply":false},"Pattern":{"Message":"","Apply":false}},"Placeholder":"Enter your Email address","Show":false,"Title":"Email address","OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"PhoneNumber":{"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Note":"","Help":{"LinkText":"","Text":"","Show":false,"ImageUrl":""},"Validation":{"PhoneUS":{"Apply":false,"Message":""},"Required":{"Apply":false,"Message":""},"PhoneAUS":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"Placeholder":"Phone Number","Title":"Phone Number","Show":false},"Country":{"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","ValidateOnFocusLost":false,"Placeholder":"","Title":"Country","Show":false,"Validation":{"Required":{"Message":"","Apply":false}}},"MorePaymentOptionText":"","Province":{"Title":"","Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Show":false},"TransferBalanceReason":{"Show":false,"Title":"","Placeholder":"","List":""},"PostalCode":{"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Message":"","Apply":false}},"Placeholder":"Postal Code","Title":"Postal Code","Show":false},"Zipcode":{"OptionalNextToPlaceholder":"","ValidateOnFocusLost":false,"Validation":{"MinLength":{"Apply":false,"Message":""},"Required":{"Message":"Required","Apply":false}},"Title":"Zipcode Title","Show":false,"Placeholder":"Zipcode Placeholder","OptionalNextToTitle":""},"State":{"Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Show":false,"Title":"","Placeholder":""},"Title":"<p>Payment Methods</p>","InternationalPhone":{"Show":false,"ValidateOnFocusLost":false,"Placeholder":"","Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Title":"International Phone"},"LastName":{"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Placeholder":"Last Name","Validation":{"Required":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"Title":"Last Name","Show":false},"CanadianPostalCode":{"Validation":{"MinLength":{"Apply":false,"Message":""},"Pattern":{"Message":"","Apply":false}}},"Subtitle":"<p>Payment Methods Subtitle</p>","PaymentMethodSelector":{"Title":"","Style":"horizontal radio"},"SelectionBeforeFields":true,"Currency":{"Placeholder":"","Show":false,"Title":""},"IsOnlinePaymentSystemButtonsBelow":false,"DelimiterText":""},"components":[{"name":"CreditCardStripeV3","options":{"Image":"","CVV":{"Title":"CVV"},"CardNumber":{"Title":"Card Number"},"CardHolder":{"OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"Card Holder Name is required","Apply":true}},"OptionalNextToTitle":"","ValidateOnFocusLost":true,"Title":"Card Holder Name","Placeholder":"Card Holder Name","Show":true},"Title":"Credit Card","LearnMore":{"Url":"","Text":"","Show":false},"ExpirationDate":{"Title":"Expiration Date"},"CompletePaymentAgainWarning":"","PaymentMethodConfirmError":"The latest payment attempt has failed or been cancelled, and the attached payment method has been removed. You must re-enter payment details to proceed.","MOTOTransactionValidation":false},"components":[]},{"name":"BankAccountV3","options":{"Title":"Bank Account","AccountHolder":{"Placeholder":"","Show":false,"Title":"","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":false,"Message":""}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"AccountNumber":{"Validation":{"Required":{"Message":"","Apply":true}},"Show":true,"Title":"Account Number","Placeholder":"Account Number","ValidateOnFocusLost":false,"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"RoutingNumber":{"ValidateOnFocusLost":false,"Show":true,"Title":"Routing Number","Validation":{"Required":{"Apply":true,"Message":""},"RoutingNumber":{"Apply":true},"MaxLength":{"Apply":false,"Message":""}},"Placeholder":"Routing Number","Help":{"Show":true,"ImageUrl":"","Text":"<p>Your bank’s routing number is the first group of numbers on the bottom left corner of your check.</p>","LinkText":"What is this?"},"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"BankName":{"Show":true,"Title":"Bank Name","Placeholder":"Bank Name","ValidateOnFocusLost":false,"Validation":{"Required":{"Apply":true,"Message":""}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"LearnMore":{"Url":"","Text":"","Show":false},"Image":""},"components":[]}]},{"name":"BillingInformationV3","options":{"Email":{"Validation":{"Required":{"Message":"Email address is required.","Apply":true},"Pattern":{"Apply":true,"Message":"Invalid email"}},"ValidateOnFocusLost":false,"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Placeholder":"Enter your email address","Title":"","Show":false},"Zipcode":{"Validation":{"Required":{"Message":"Eircode is required","Apply":true},"MinLength":{"Message":"Zip Code must be 3 digits","Params":3,"Apply":false}},"OptionalNextToTitle":"","Show":true,"OptionalNextToPlaceholder":"","Placeholder":"Eircode","ValidateOnFocusLost":true,"Title":"Eircode"},"LastName":{"OptionalNextToPlaceholder":"","Validation":{"Required":{"Message":"Last name is required","Apply":true}},"OptionalNextToTitle":"","ValidateOnFocusLost":true,"Placeholder":"Enter your last name","Title":"Last Name","Show":true},"PhoneNumber":{"OptionalNextToTitle":"","Help":{"ImageUrl":"","Text":"<p>We may need to contact you by phone regarding your purchase.</p>","Show":true,"LinkText":"Why is this required?"},"Validation":{"PhoneUS":{"Message":"Please enter a valid phone number","Apply":false},"Required":{"Message":"Phone number is required","Apply":true},"PhoneAUS":{"Apply":false,"Message":""}},"ValidateOnFocusLost":false,"Note":"","Placeholder":"Phone Number","Title":"Phone Number","Show":true,"OptionalNextToPlaceholder":""},"EnableAddressValidation":false,"State":{"Placeholder":"County Required","OptionalNextToPlaceholder":"","Show":true,"Title":"County","OptionalNextToTitle":"","Validation":{"Required":{"Message":"County is required","Apply":true}}},"SecondAddressLine":{"OptionalNextToPlaceholder":"","Help":{"Show":false,"Text":"","ImageUrl":"","LinkText":""},"OptionalNextToTitle":"","ValidateOnFocusLost":true,"Validation":{"MaxLength":{"Params":8,"Apply":false,"Message":"Maximum 8 characters"},"Required":{"Message":"Street is required","Apply":true}},"Title":"Street","Show":true,"Placeholder":"Street"},"Privacy":{"Title":"We protect your privacy.","Body":"<span style=\"color: #003969 ;\"><b>Privacy Policy</span>"},"FirstName":{"Validation":{"Required":{"Message":"First name is required","Apply":true}},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Title":"First Name","ValidateOnFocusLost":true,"Placeholder":"Enter your first name","Show":true},"ShowSummary":false,"NotRoutable":{"NoOffersErrorMessage":"","DisclaimerText":"","LinkText":"","OfferGroupId":"","PromotionCode":""},"Title":"<p>BillingAddress Title</p>\n<p> </p>\n<p> </p>","InternationalPhone":{"Placeholder":"Phone Number","Title":"Phone Number","Validation":{"Required":{"Message":"Required","Apply":true},"MaxLength":{"Message":"","Apply":false}},"Show":true,"ValidateOnFocusLost":true,"OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"AddressLine":{"AutoComplete":{"Apply":false,"NonUSErrorText":"","ApplyGeoLocation":false},"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Show":true,"ValidateOnFocusLost":false,"Validation":{"MaxLength":{"Apply":false,"Message":""},"Required":{"Message":"Address is required","Apply":false}},"Title":"Billing Address - House Name / Number","Placeholder":"House Name / Number"},"City":{"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Validation":{"Required":{"Apply":true,"Message":"Town is required"}},"Title":"Town","Placeholder":"Town","ValidateOnFocusLost":true,"Show":true},"StandartizationErrorMessage":"","CollectZipLast":false,"DoNotPopulateLocation":false,"BillingIsNotDelivery":"Billing Address is not Delivery Address","Name":{"Title":"Name","Show":false,"Placeholder":"Name"},"PostalCode":{"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","ValidateOnFocusLost":true,"Placeholder":"Postal code","Title":"Postal code","Show":true,"Validation":{"Required":{"Message":"Required","Apply":true}}},"Country":{"ValidateOnFocusLost":true,"OptionalNextToTitle":"","OptionalNextToPlaceholder":"","Validation":{"Required":{"Apply":true,"Message":"Country is required"}},"Placeholder":"Select Country","Title":"Country","Show":true},"CanadianPostalCode":{"Validation":{"Pattern":{"Apply":false,"Message":""},"MinLength":{"Message":"","Apply":false}}},"InternationalCity":{"Show":true,"OptionalNextToTitle":"","Validation":{"Required":{"Apply":true,"Message":"Required"}},"OptionalNextToPlaceholder":"","Title":"Town","ValidateOnFocusLost":true,"Placeholder":"Town"},"Errors":{"Title":""},"Province":{"Show":true,"Validation":{"Required":{"Message":"Required","Apply":true}},"ValidateOnFocusLost":true,"Placeholder":"City","Title":"City","OptionalNextToPlaceholder":"","OptionalNextToTitle":""},"Company":{"Title":"","Show":false,"OptionalNextToPlaceholder":"","OptionalNextToTitle":"","Validation":{"Required":{"Message":"","Apply":false}},"Placeholder":"","ValidateOnFocusLost":false},"HideBillingIsNotDeliveryBlock":false,"Standardization":{"SuggestedAddressTitle":"Alternate Addresses","Message":"We have standardized your address"},"Subtitle":"<p>BillingAddress Subtitle</p>","Address":{"Title":"BILLING ADDRESS"},"Currency":{"Placeholder":"","Show":false,"Title":""},"EnableAutoAddress":false},"components":[]},{"name":"EZPayV3","options":{"EZPayNotAvailableText":"","CheckboxInitialValue":true,"EZPayTextWhenCheckboxAbsent":"<p style=\"text-align: justify;\"><span style=\"color: #1d1c1d; font-family: Slack-Lato, appleLogo, sans-serif; font-size: 15px; font-variant-ligatures: common-ligatures; text-align: left;\">With all subscription types, we will automatically renew your subscription on a monthly or annual basis, depending on your payment method preference, unless you cancel before your renewal date.</span></p>\n<p style=\"text-align: justify;\"><span style=\"color: #1d1c1d; font-family: Slack-Lato, appleLogo, sans-serif; font-size: 15px; font-variant-ligatures: common-ligatures; text-align: left;\">Please note, an order confirmation page will appear when you have successfully placed your order. If you do not automatically see this, please contact our Customer Care team on +353 (0) 21 2063300.</span></p>","EZPayTextWhenCheckboxPresent":"<p style=\"text-align: justify;\"><span style=\"color: #1d1c1d; font-family: Slack-Lato, appleLogo, sans-serif; font-size: 15px; font-variant-ligatures: common-ligatures; text-align: left;\">With all subscription types, we will automatically renew your subscription on a monthly or annual basis, depending on your payment method preference, unless you cancel before your renewal date.</span></p>\n<p style=\"text-align: justify;\"><span style=\"color: #1d1c1d; font-family: Slack-Lato, appleLogo, sans-serif; font-size: 15px; font-variant-ligatures: common-ligatures; text-align: left;\">Please note, an order confirmation page will appear when you have successfully placed your order. If you do not automatically see this, please contact our Customer Care team on +353 (0) 21 2063300.</span></p>","CheckboxText":"I agree to auto-renewal payment terms","isEzPay":{"Validation":{"Validation":{"Message":"Please accept auto-renewal to place your order","Apply":true},"Apply":true,"Message":""}},"EZPayCheckbox":"don't show checkbox"},"components":[]}]}]},{"name":"PageV3","options":{"Styling":{"Background":{"AccentImage":"","AccentColor":"","Scrollable":false,"Color":"#E3F6F5","Image":""}},"MobileStyling":{"Background":{"AccentImage":"","AccentColor":"","Color":"","Image":""}},"MobileSubtitle":"","MobileTitle":"","AlternativeMobileStyling":false,"PageMetaData":{"Favicon":"","Title":""},"Subtitle":"","Title":"","DisplayType":"One"},"components":[{"name":"ConfirmationV3","options":{"EEdition":{"Button":{"Styling":{"Width":"","Type":"","EnableCustomization":false,"BackgroundColor":"","BorderColor":"","TextColor":""}},"Image":"","Subtitle":"","LinkText":"","Label":"","Styling":{"Background":""}},"ExternalLink":{"Button":{"Styling":{"Width":"","Type":"","BackgroundColor":"","TextColor":"","EnableCustomization":false,"BorderColor":""},"Text":""},"Link":"","Show":false,"Image":"","Title":"","Subtitle":"","Styling":{"Background":""}},"NewsletterSignUp":{"Button":{"Styling":{"Width":"75%","Type":"Rounded corner","BorderColor":"","BackgroundColor":"","TextColor":""},"EnableCustomization":false,"Text":"Sign up"},"Show":true,"Subtitle":"","Title":"","PreferenceIDList":"34","Errors":{"Title":""},"ShowInEnd":false,"ConfirmationMessage":""},"Ebill":{"Button":{"Styling":{"Width":"","Type":"","TextColor":"","BackgroundColor":"","EnableCustomization":false,"BorderColor":""},"Text":""},"OnError":"","Show":false,"Confirmation":"","Label":""},"Button":{"Styling":{"Type":"Rounded corner","TextColor":"","BackgroundColor":"","BorderColor":""},"Login":"Get started","Logout":"Sign Out","ContinueReturn":"https://www.irishexaminer.com/","Continue":"Get started","EnableCustomization":true,"ContinueReturnUrl":"www.irishexaminer.com","ContinueUrl":"https://www.irishexaminer.com/welcome"},"SmartSpeaker":{"Button":{"Styling":{"Type":"","Width":"","EnableCustomization":false,"BackgroundColor":"","TextColor":"","BorderColor":""},"Text":""},"Styling":{"Background":""},"Subtitle":"","Link":"","Show":false,"Image":"","Title":""},"BillingInformation":{"CityStateZipcode":"","Address":"Address:","FullName":"Name:","Show":true,"Title":"Billing Address:","Edit":""},"PaymentInformation":{"CreditCard":{"Title":"Type: Credit Card","Number":"Credit Card:","Holder":"Card Holder:","Expiration":"Expiration:","SecuredDataMessage":"Secured by Stripe","ShowImage":true},"Show":true,"Title":"Payment Information:","PayPal":{"Title":"","SecuredDataMessage":""},"BankAccount":{"Title":"Type: Bank Account","BankName":"Bank Name:","RoutingNumber":"Routing Number:","AccountNumber":"Bank Account:"},"BillMe":{"Title":"","Disclaimer":""},"PaymentAddress":{"Email":"","Zipcode":"","Title":"","Phone":"","FullName":"","Country":""},"Edit":"Payment Type:","ApplePay":{"Title":"","SecuredDataMessage":""},"GooglePay":{"Title":"","SecuredDataMessage":""}},"GiftRecipient":{"FullName":"","Title":"","Message":"","Show":false,"Email":""},"DeliveryInformation":{"Show":true,"CityStateZipcode":"Eir code","Title":"Delivery Address:","FullName":"Name:","Address":"Address:","Edit":""},"MarketingText":"","UserInformationNoAccount":{"FullName":"","Email":"","Title":"","Show":false},"NextPaymentInformation":{"Show":true,"Title":"Your Next Payment:","DateTitle":""},"SubscribeTo":{"Show":true,"Offer":{"Title":{"Show":false,"Label":""},"Body":{"Show":false,"Label":""},"Price":{"Label":"","Show":false}},"Title":"Subscription Package:"},"UserInformation":{"Email":{"Show":true,"Title":""},"DisplayName":{"Show":false,"Title":"Display Name:"},"Title":"Account Email:","Show":true,"Edit":""},"Pricing":{"Show":true,"ShowPeriod":true,"Title":"What you'll pay today:"},"Subtitle":"<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">You now have unlimited access to all of the Irish Examiner. You will shortly receive an email from us about your subscription, so please keep an eye on your inbox. For help, contact our Customer Care team at <a style=\"color: #1e72c7; text-decoration: none;\" href=\"mailto:subscriptions@examiner.ie\">subscriptions@examiner.ie</a> or call +353 21 206 3300. </span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"> </p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"><strong>Explore your subscriber benefits</strong> </span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"> </p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">To get started, take a tour of your subscriber benefits: </span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"><a href=\"https://www.irishexaminer.com/welcome/\">Welcome tour</a></span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"> </p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Enjoy exclusive subscriber articles from our most popular columnists. </span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"><a href=\"https://www.irishexaminer.com/subscriber-content/\">Read</a></span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"> </p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Explore our diverse selection of podcasts including our renowned GAA podcasts. </span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"><a href=\"https://www.irishexaminer.com/podcasts/subscriber-podcasts/\">Listen</a> </span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"> </p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Get the Irish Examiner News App.</span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Download from <a href=\"https://apps.apple.com/ie/app/irish-examiner-news/id662222158\">App Store</a> or <a href=\"https://play.google.com/store/apps/details?id=ie.irishexaminer.mobile\">Google Play</a> </span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"> </p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Read the daily ePaper.</span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Download from <a href=\"https://apps.apple.com/ie/app/irish-examiner-epaper/id717163925\">App Store</a> or <a href=\"https://play.google.com/store/apps/details?id=com.pagesuite.droid.irishexaminer\">Google Play</a> </span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"> </p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Sign up for free newsletters and we'll deliver them to your inbox.</span></span></p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"><a href=\"https://www.irishexaminer.com/newsletters/\">Browse newsletters<br /><br /></a></span></span></p>\n<hr />\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"> </p>\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-family: verdana, geneva;\"><span style=\"font-size: 10pt; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\"><strong>SUBSCRIPTION INFORMATION</strong></span></span></p>","CollegeInformation":{"Show":false,"Title":"","FullName":"","StudentId":"","Edit":""},"Premium":{"Title":""},"Title":"<p>Thank you for subscribing.</p>","MilitaryInformation":{"Show":false,"FullName":"","Title":"","DutyStation":"","Edit":""},"AdditionalInformation":{"Show":false,"Content":"","Label":""},"SocialMedia":{"Header":"Follow us on"},"StepIndicator":{"Show":false,"Title\t":"","Title":""},"ConfirmationNumber":{"Title":"Account Number:","Show":false},"Separator":{"Icon":"","Show":false},"ShowPrintOption":false,"CompleteTitle":{"StartPart":"","EndPart":""},"AutoRedirectAfterLogin":true,"Image":{"Show":false},"AppDownloads":{"Show":true,"Header":"Download our apps","Subtitle":"","Image":"","Styling":{"Background":""}},"ContinueTitle":"","Style":"boxes","SwGAccountLinking":{"Button":{"Styling":{"Type":"","BorderColor":"","TextColor":"","BackgroundColor":"","Width":""},"EnableCustomization":false,"Text":""},"InlineText":"","Title":"","Enable":false,"SubTitle":""},"NewsletterBenefit":{"ShowAboveConfirmationDetails":false},"HideDetails":{"Enable":false,"ShowText":"","HideText":""}},"components":[{"name":"SocialMediaV3","options":{"SocialMedia":{"Link":"https://www.facebook.com/irishexaminer/","Type":"Facebook"}},"components":[]},{"name":"SocialMediaV3","options":{"SocialMedia":{"Link":"https://ie.linkedin.com/company/irishexaminer","Type":"LinkedIn"}},"components":[]},{"name":"SocialMediaV3","options":{"SocialMedia":{"Link":"http://instagram.com/irish_examiner","Type":"Instagram"}},"components":[]},{"name":"AppDownloadsV3","options":{"AppDownloads":{"Link":"https://apps.apple.com/ie/app/irish-examiner/id662222158#?platform=iphone","Type":"Apple App Store"}},"components":[]},{"name":"AppDownloadsV3","options":{"AppDownloads":{"Link":"https://play.google.com/store/apps/details?id=ie.irishexaminer.mobile&gl=IE","Type":"Google Play Store"}},"components":[]},{"name":"RegistrationOnConfirmationV3","options":{"ConfirmPassword":{"ValidateOnFocusLost":true,"Title":"","Placeholder":"Confirm Password","OptionalNextToPlaceholder":"","StillSame":{"Apply":true,"Message":""},"Validation":{"AreSame":{"Message":""},"Required":{"Message":"Password required","Apply":true}},"OptionalNextToTitle":""},"SuccessMessage":"Thank you! Login with your account anytime anywhere.","HidePasswordText":"Hide Password","ShowPasswordText":"Show Password","ShowPasswordSwitcher":false,"Title":"Create a Password","Password":{"Validation":{"AtLeast1Letter1Number":{"Message":"","Apply":false},"AtLeast1Letter":{"Message":"","Apply":false},"MinLength":{"Message":"","Apply":false},"AtLeast1Number":{"Message":"","Apply":false},"LiveValidation":{"Apply":true},"AtLeast1UpperCaseLetter":{"Apply":false,"Message":""},"Required":{"Apply":true,"Message":"Password"},"MaxLength":{"Apply":false,"Message":""}},"Title":"","Show":true,"Placeholder":"Password","OptionalNextToPlaceholder":"Password.OptionalNextToPlaceholder","ValidateOnFocusLost":false,"OptionalNextToTitle":"Password.OptionalNextToTitle"},"Button":{"Text":"Submit","Styling":{"BorderColor":"","BackgroundColor":"","TextColor":"","Type":"Square","Width":"100%"},"EnableCustomization":false},"Login":{"Email":{"Placeholder":"","Title":""},"Title":"","Password":{"Title":"","Placeholder":""},"Button":{"Text":""}},"ForgotPassword":{"Show":false,"Title":"","LinkText":"","BackText":"","Message":{"Success":"","Error":""},"Email":{"Title":"","Placeholder":""},"Button":{"Text":""}}},"components":[]}]}]},{"name":"FooterV3","options":{"Styling":{"BackgroundColor":"#00375C","BorderColor":"#00375C"},"Body":"<div class=\"foot-nav\">\n<ul>\n<li><a class=\"\" href=\"https://www.irishexaminer.com/faq/\" target=\"_blank\" rel=\"noopener\">FAQ</a></li>\n<li><a class=\"\" href=\"https://www.irishexaminer.com/contact-us/\" target=\"_blank\" rel=\"noopener\">Contact Us</a></li>\n<li><a class=\"\" href=\"https://www.irishexaminer.com/terms-conditions/\" target=\"_blank\" rel=\"noopener\">Terms and Conditions</a></li>\n<li><a class=\"\" href=\"https://www.irishexaminer.com/privacy-policy/\" target=\"_blank\" rel=\"noopener\">Privacy Policy</a></li>\n</ul>\n<p class=\"copyright\">© Irish Examiner</p>\n</div>\n<div class=\"contact-us-box\"><a class=\"contact-us-box-span\" href=\"https://form.jotform.com/211181926301042\" target=\"popup\">Need help?</a>\n<div class=\"img-contact-us\"><a class=\"contact-us-box-img\" href=\"https://form.jotform.com/211181926301042\" target=\"popup\"><img src=\"https://www.irishexaminer.com/cms_media/module_img/4933/2466539_1_org_contact-us-icon.png\" /></a></div>\n</div>"},"components":[]}],"HasLanding":true},"Date":"2024-11-25T08:02:13.193Z"},"url":"https://subscribe.irishexaminer.com/?g2i_source=ie&g2i_medium=footer_HD&g2i_campaign=annual"}; var config = {"System":{"Url":"//subscribe.irishexaminer.com","Client":"ITEX","ClientCode":"ITEX","SiteCode":"IE","CmsSiteCode":"IE","HostName":"subscribe.irishexaminer.com","UserProvider":"Auth0","UseMG2Api":true,"AutoOptIn":false,"MediaGroupCode":"ITEX","EEditionSuffix":"default.aspx","AuthCookieDomain":".irishexaminer.com"},"PageMetaData":{"Favicon":"/img/irishexaminer/favicon.png","FaviconType":"image/png","Title":"Subscribe to Irish Examiner"},"Services":{"Auth0":{"LockJS":"https://cdn.auth0.com/js/lock/11.25/lock.min.js","JS":"https://cdn.auth0.com/js/auth0/9.11/auth0.min.js","LogOutURL":"https://itex-prod.eu.auth0.com/v2/logout","ClientId":"57oSx2P3MVo2jvHxsFpzDaVR3UjSB3LG","Domain":"itex-prod.eu.auth0.com","Title":"Irish Examiner","Expires":45,"ConfigurationBaseUrl":"https://cdn.eu.auth0.com/","Logo":"https://s3.amazonaws.com/cms.itex/100000512x512IE.png"}},"Trackers":{"Enabled":true,"CartAbandonment":{"Enabled":true},"GoogleTagManager":{"Enabled":true,"ContainerId":"GTM-TJMCD4"}},"MG2Loader":{"Enabled":true,"Url":"https://loader-cdn.azureedge.net/prod/itex/loader.min.js","MG2Insights":{"Enabled":true,"Version":"itex","ContainerId":"GTM-MZXX4DD"},"FingerPrint":{"Enabled":true,"Version":"itex"}},"DefaultValues":{"Country":"IE","Currency":"EUR","Culture":"en-US","Description":"Euro","RoutingNumbers":["039000661","121000359","237774922","611111111","711111111","811111111","911111111"],"SubConUrl":"https://myaccount.irishexaminer.com/","SubConDashboardUrl":"https://myaccount.irishexaminer.com/","DefaultReturnUrl":"https://www.irishexaminer.com","TermsAndConditionsUrl":"https://www.irishexaminer.com/terms-and-conditions/","PrivacyPolicy":"https://www.irishexaminer.com/privacy-policy/","ErrorPageBackUrl":"https://www.irishexaminer.com","ErrorPageBackText":"current offers","ErrorPageText":"Sorry, the page you requested was not found. See {link}.","PhoneMask":"+999-999-99999999999"},"ContentSecurityPolicy":{"Urls":"*.subconadmin.com https://*.subconadmin.com *.mg2cms.com https://*.mg2cms.com"},"PayPalDTI":{"Environment":"production"},"Stripe":{"JS":"https://js.stripe.com/v3/","APIKey":"pk_live_51J0W4jEekwfKhMYFKolNQYONlFEQlDer768sB8adNi8UB0qz8DPVGoYqRTxWve8Zt520QiET0oxsqrIOUz8tWrKE00Z8SDOm05"},"AutoAddress":{"Key":"84CC2598-4208-C146-C0CA-184611503FD8","StylesheetUrl":"https://api.autoaddress.ie/2.0/control/css/autoaddress.min.css","JsUrl":"https://api.autoaddress.ie/2.0/control/js/jquery.autoaddress.min.js"},"BuildInfo":{"Show":false,"Version":"3.16.0300","BuildDate":"9/1/2023 11:29:14 AM","BuildNumber":"20230901.112914"},"ThirdPartySystems":{"Captcha":{"Invisible":{"Enabled":false,"SiteKey":""},"V3":{"Enabled":true,"SiteKey":"6Ld9LLAaAAAAANxYivk0bX-CdtD3ZFe6_pL98QmM"}}}}; </script><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;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TJMCD4');</script><script src="https://cdn.jsdelivr.net/npm/flatpickr"></script></head><body data-bind="style: { 'background-color': $root.presentation.styling.BgColor }"><div class="pingdom_hidden">subscription panel</div><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJMCD4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div class="overlay" data-bind="visible: !$root.presentation.isReady()"><div class="loading-screen" id="global-loader"><div class="loading-screen__header"><img class="loading-screen__logo" src="https://s3.amazonaws.com/cms.itex/Logo_IE_text.png" alt="logo"></div><div class="loading-screen__content"><div class="loading-screen__spinner" role="progressbar" aria-valuetext="Loading…"></div></div></div></div><div class="global-wrapper" style="display: none" data-bind="visible: true, template: { name: getTemplateName, foreach: getFilteredComponents() }, css: {'adjust-width': $data.adjustWidth}"></div><div class="modal fade" data-bind="modal: showModal, style: {'position': styling.position, 'zIndex': styling.zIndex}" tabindex="-1" role="dialog" data-backdrop="static"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: {'padding': styling.padding + 'px'}"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-body" data-bind="style: {'textAlign': styling.textAlign}"><span data-bind="text: popupText"></span></div></div></div></div><div class="modal fade" id="loginModal" data-bind="enterkey: logIn, modal: isModalShown" tabindex="-1" role="dialog" aria-labelledby="loginModal"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="text: options.Login.Title"></div><form class="modal-body"><div class="forgot-password-success"><span data-bind="text: options.ForgotPassword.Message.Success"></span></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Login.Email.Title"></label><div class="input-container"><input class="email_qa" type="text" autocomplete="on" name="userEmail" data-bind="validationTextInput: authLogin, placeholder: options.Login.Email.Placeholder"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Login.Password.Title"></label><div class="input-container"><input class="password_qa" type="password" autocomplete="password" name="userPassword" data-bind="validationTextInput: authPassword, placeholder: options.Login.Password.Placeholder"></div></div></form><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': userProvider.isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn login-btn_qa" data-bind="click: logIn, text: options.Login.Button.Text, css: {'busy' : isBusy()}"></button></div><div class="body-error"><span class="error-message" data-bind="text: authError"></span></div><div class="forgot-password-link"><span data-bind="text: options.ForgotPassword.LinkText,click: forgotPasswordToggleClick"></span></div><div class="modal-title" data-bind="text: options.ForgotPassword.Title"></div><form class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.ForgotPassword.Email.Title"></label><div class="input-container"><input class="email_qa" type="text" autocomplete="on" name="userEmail" data-bind="validationTextInput: authLogin, placeholder: options.ForgotPassword.Email.Placeholder"></div></div></form><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': userProvider.isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn login-btn_qa" data-bind="click: initiateForgotPassword, text: options.ForgotPassword.Button.Text, css: {'busy' : isBusy()}"></button></div><div class="body-error"><span class="error-message" data-bind="text: authError"></span></div><div class="forgot-password-back"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path d="M8,2L2,8l6,6"></path></svg><span data-bind="text: options.ForgotPassword.BackText, click: forgotPasswordToggleClick"></span></div></div></div></div><script type="text/html" id="sp-c-address"><div class="address" data-bind="css:{'address_delivery': name === 'deliveryInformation', 'address_billing': name === 'billingInformation'}"><div class="address__bilingIsNotDelivery"><label class="checkbox"><input class="billing-is-not-delivery_qa" type="checkbox" data-bind="checked: billingIsNotDelivery"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.BillingIsNotDelivery"></span></label></div><div><div class="address__title" data-bind="html: options.Title"></div><form class="address__body"><div class="general-errors general-errors_address"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul><div class="not-routable-link"><div class="not-routable-link__container"><div class="not-routable-link__content" data-bind="click: tryDigitalClickHandler, css: { 'not-routable-link__content_busy': isBusy() }"><span data-bind="text: options.NotRoutable.LinkText"></span><svg class="not-routable-link__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 307.046 307.046" xml:space="preserve"><path d="M239.087,142.427L101.259,4.597c-6.133-6.129-16.073-6.129-22.203,0L67.955,15.698c-6.129,6.133-6.129,16.076,0,22.201l115.621,115.626L67.955,269.135c-6.129,6.136-6.129,16.086,0,22.209l11.101,11.101c6.13,6.136,16.07,6.136,22.203,0l137.828-137.831C245.222,158.487,245.222,148.556,239.087,142.427z"></path></svg></div><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div></div></div><div class="not-routable-link" data-bind="click: tryDigitalClickHandler"><div class="not-routable-link__container" data-bind="text: options.NotRoutable.NoOffersErrorMessage"></div></div></div><div class="address__suggestions"><div class="address__suggestions-title" data-bind="text: options.Standardization.SuggestedAddressTitle"></div><ul class="address__suggestions-list" data-bind="foreach: suggestionList"><li data-bind="html: $parent.generateSuggestedAddressStr($data), click: $parent.suggestedAddressClick"></li></ul></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" name="fname" autocomplete="given-name" aria-label="First Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" name="lname" autocomplete="family-name" aria-label="Last Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="zipCodeCol"><label data-bind="text: options.Country.Title"></label><div class="input-container"><select class="select countries_qa" data-bind="options: countries, optionsText: 'Name', optionsValue: 'Code', validationTextInput: currentCountry, css: { 'select_placeholder': !currentCountry() }" aria-label="Country"></select></div></div><div class="zipCodeCol"><label data-bind="text: options.Currency.Title"></label><div class="input-container"><select class="select currensies_qa" data-bind="options: currencies, optionsText: 'Description', optionsValue: 'ISOCode', validationTextInput: currentCurrency, css: { 'select_placeholder': !currentCurrency() }" aria-label="Currency"></select><input class="currency_qa" type="text" disabled data-bind="validationTextInput: currentCurrency, value: currentCurrencyDescription() " name="currency" aria-label="Currency"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><div data-bind="attr: { id: eirCodeContainerId}, domCallback: onEirCodeInputMounted"></div><input class="zipCode_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.PostalCode.Title, options.PostalCode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.PostalCode.Placeholder, options.PostalCode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="Postal Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.AddressLine.Title, options.AddressLine.OptionalNextToTitle, !options.AddressLine.Validation.Required.Apply)"></label><div class="input-container"><input class="address_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.AddressLine.Placeholder, options.AddressLine.OptionalNextToPlaceholder, !options.AddressLine.Validation.Required.Apply), validationTextInput: aptUnit, domCallback: attachAddressAutoCmplete" name="address" autocomplete="address-line1" aria-label="Address Line 1"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.SecondAddressLine.Title, options.SecondAddressLine.OptionalNextToTitle, !options.SecondAddressLine.Validation.Required.Apply)"></label><div class="input-container"><input class="apt-unit_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.SecondAddressLine.Placeholder, options.SecondAddressLine.OptionalNextToPlaceholder, !options.SecondAddressLine.Validation.Required.Apply), validationTextInput: address" autocomplete="address-line2" aria-label="Address Line 2"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.City.Title, options.City.OptionalNextToTitle, !options.City.Validation.Required.Apply)"></label><div class="input-container"><input class="city_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.City.Placeholder, options.City.OptionalNextToPlaceholder, !options.City.Validation.Required.Apply), validationTextInput: city" name="city" autocomplete="address-level2" aria-label="City"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.State.Title, options.State.OptionalNextToTitle, !options.State.Validation.Required.Apply)"></label><div class="input-container"><select class="select states_qa" data-bind="options: states, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentState, optionsCaption: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), css: { 'select_placeholder': !currentState() }" aria-label="State"></select><input class="states_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), validationTextInput: currentState" aria-label="State"></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"><span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl, alt: $data.options.PhoneNumber.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalCity.Title, options.InternationalCity.OptionalNextToTitle, !options.InternationalCity.Validation.Required.Apply)"></label><div class="input-container"><input class="city_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalCity.Placeholder, options.InternationalCity.OptionalNextToPlaceholder, !options.InternationalCity.Validation.Required.Apply), validationTextInput: intCity" name="city" autocomplete="address-level2" aria-label="City"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.Province.Title, options.Province.OptionalNextToTitle, !options.Province.Validation.Required.Apply)"></label><div class="input-container"><input class="province_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), validationTextInput: currentProvince" name="province" autocomplete="address-level1" aria-label="Province"><select class="select" data-bind="options: provinces, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentProvince, optionsCaption: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), css: { 'select_placeholder': !currentProvince }" aria-label="Province"></select></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalPhone.Title, options.InternationalPhone.OptionalNextToTitle, !options.InternationalPhone.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalPhone.Placeholder, options.InternationalPhone.OptionalNextToPlaceholder, !options.InternationalPhone.Validation.Required.Apply), validationTextInput: intPhone" name="phone" autocomplete="tel" aria-label="Phone Number"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.Company.Title, options.Company.OptionalNextToTitle, !options.Company.Validation.Required.Apply)"></label><div class="input-container"><input class="company_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.Company.Placeholder, options.Company.OptionalNextToPlaceholder, !options.Company.Validation.Required.Apply), validationTextInput: company" name="company" autocomplete="company" aria-label="Company"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="email_qa" type="email" data-bind="placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email" name="email" autocomplete="email" aria-label="Email"></div></div><div class="address__privacy"><span data-bind="text: options.Privacy.Title"></span><div class="address__privacy-link privacy-link_qa" data-bind="html: options.Privacy.Body, click: privacyClick"></div></div><div data-bind="template: { name: getTemplateName, foreach: getFilteredComponents(include = [ComponentsNames.Information, ComponentsNames.TermsAndConditions])}"></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Name.Title"></div><div class="summaryRow__content" data-bind="text: fullName"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Zipcode.Title"></div><div class="summaryRow__content" data-bind="text: zipCode"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.AddressLine.Title"></div><div class="summaryRow__content" data-bind="text: aptUnit"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.SecondAddressLine.Title"></div><div class="summaryRow__content" data-bind="text: address"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.City.Title"></div><div class="summaryRow__content" data-bind="text: city"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.State.Title"></div><div class="summaryRow__content" data-bind="text: currentState"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.PhoneNumber.Title"></div><div class="summaryRow__content" data-bind="text: phoneNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Company.Title"></div><div class="summaryRow__content" data-bind="text: company"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Email.Title"></div><div class="summaryRow__content" data-bind="text: email"></div></div><div class="editBtn edit-btn_qa" data-bind="click: addressEditClick"></div></form></div></div></script><script type="text/html" id="sp-c-bankAccount"><div data-bind="visible: isDisplayed"><form class="bank-account payment-method__body"><div class="infoRow infoRow_extra-small-spacing" data-bind="css: { 'has-error': !accountHolder.isValid(), 'has-success': accountHolder.isValid() }"><label data-bind="text: Utils.concatStringsByCondition(options.AccountHolder.Title, options.AccountHolder.OptionalNextToTitle, !options.AccountHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="account-holder_qa" type="text" maxlength="35" data-bind="validationTextInput: accountHolder, placeholder: Utils.concatStringsByCondition(options.AccountHolder.Placeholder, options.AccountHolder.OptionalNextToPlaceholder, !options.AccountHolder.Validation.Required.Apply)" aria-label="Name on Account"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="css: { 'has-error': !bank.isValid(), 'has-success': bank.isValid() }"><label data-bind="text: Utils.concatStringsByCondition(options.BankName.Title, options.BankName.OptionalNextToTitle, !options.BankName.Validation.Required.Apply)"></label><div class="input-container"><input class="bank-name_qa" type="text" maxlength="35" data-bind="validationTextInput: bank, placeholder: Utils.concatStringsByCondition(options.BankName.Placeholder, options.BankName.OptionalNextToPlaceholder, !options.BankName.Validation.Required.Apply)" aria-label="Name of Bank"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="css: { 'has-error': !accountNumber.isValid(), 'has-success': accountNumber.isValid() }"><label data-bind="text: Utils.concatStringsByCondition(options.AccountNumber.Title, options.AccountNumber.OptionalNextToTitle, !options.AccountNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="account-number_qa" type="tel" maxlength="35" data-bind="validationTextInput: accountNumber, placeholder: Utils.concatStringsByCondition(options.AccountNumber.Placeholder, options.AccountNumber.OptionalNextToPlaceholder, !options.AccountNumber.Validation.Required.Apply)" aria-label="Account Number"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="css: { 'has-error': !routingNumber.isValid(), 'has-success': routingNumber.isValid() }"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.RoutingNumber.Title, options.RoutingNumber.OptionalNextToTitle, !options.RoutingNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showRoutingNumberTooltip"><span data-bind="text: $data.options.RoutingNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.RoutingNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.RoutingNumber.Help.ImageUrl, alt: $data.options.RoutingNumber.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.RoutingNumber.Title, options.RoutingNumber.OptionalNextToTitle, !options.RoutingNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="routing-number_qa" type="tel" maxlength="9" data-bind="validationTextInput: routingNumber, placeholder: Utils.concatStringsByCondition(options.RoutingNumber.Placeholder, options.RoutingNumber.OptionalNextToPlaceholder, !options.RoutingNumber.Validation.Required.Apply)" aria-label="Routing Number"></div></div></form><div class="bank-account inner-independent-address"></div></div></script><script type="text/html" id="sp-c-bankAccountChase"><div class="bank-account payment-method__body chase" data-bind="visible: isDisplayed"><div class="overlay" data-bind="visible: isOverlayShown"></div><div class="credit-card-modal" data-bind="visible: isAccountNumberHelpShown"><div class="credit-card-modal__close" data-bind="click: hideAccountNumberHelp"></div><div class="credit-card-modal__text" data-bind="html: options.AccountNumber.Help.Text"></div><img data-bind="attr: { src: options.AccountNumber.Help.ImageUrl, alt: options.AccountNumber.Help.Alt}"></div><div class="credit-card-modal" data-bind="visible: isRoutingNumberHelpShown"><div class="credit-card-modal__close" data-bind="click: hideRoutingNumberHelp"></div><div class="credit-card-modal__text" data-bind="html: options.RoutingNumber.Help.Text"></div><img data-bind="attr: { src: options.RoutingNumber.Help.ImageUrl, alt: options.RoutingNumber.Help.Alt}"></div><iframe data-bind="attr: {src: url}" scrolling="no"></iframe></div></script><script type="text/html" id="sp-c-benefits"><div class="benefits" data-bind="style: {backgroundImage: options.Styling.BackgroundImage? 'url('+ options.Styling.BackgroundImage +')': 'none'}"><div class="benefits__header"><div class="benefits__title" data-bind="html: options.Title"></div><div class="benefits__subtitle" data-bind="html: options.Body"></div></div><div class="benefits__body"></div></div></script><script type="text/html" id="sp-c-billMe"><div class="billMe" data-bind="visible: isActive"><div data-bind="html: options.Disclaimer"></div></div></script><script type="text/html" id="sp-c-chat"><div class="chat"><a class="chat-link_qa" data-bind="click: linkClick"><span data-bind="text: options.Text"></span><img data-bind="attr: { src: options.Image, alt: options.Alt }, event: { load: imgLoadHandler }"></a><a class="chat-link_qa" href="#" id="chatButton" data-target="#chatModal" data-toggle="modal"><span data-bind="text: options.Text"></span><img data-bind="attr: { src: options.Image, alt: options.Alt }, event: { load: imgLoadHandler }"></a><div class="chat-modal modal fade" id="chatModal" role="dialog"><div class="modal-dialog"><div class="modal-content"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-body body"><iframe data-bind="attr: { src: options.Url }"></iframe></div></div></div></div></div></script><script type="text/html" id="sp-c-checkbox"><div class="checkbox-component" data-bind="css: { 'checkbox-component_step': $parent.name === ComponentsNames.Step, 'checkbox-component_page': $parent.name === ComponentsNames.Page }"><div class="checkbox-component__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isChecked"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.CheckBox.Text"></span><ul class="validationList"><li><span class="glyphicon glyphicon-remove"></span><span data-bind="text: options.ErrorMessage"></span></li></ul></label><div class="checkbox-component__content" data-bind="html: options.Message"></div></div></script><script type="text/html" id="sp-c-checkboxTermsConsent"><div class="checkbox-component" data-bind="css: { 'checkbox-component_step': $parent.name === ComponentsNames.Step, 'checkbox-component_page': $parent.name === ComponentsNames.Page }"><div class="checkbox-component__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isChecked"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.CheckBox.Text"></span><ul class="validationList"><li><span class="glyphicon glyphicon-remove"></span><span data-bind="text: options.ErrorMessage"></span></li></ul></label><div class="checkbox-component__content" data-bind="html: options.Message"></div></div></script><script type="text/html" id="sp-c-college"><div class="college"><div class="college__title" data-bind="html: options.Title"></div><form class="college__body component-body"><div class="general-errors general-errors_college"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="college-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" aria-label="First Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="college-last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" aria-label="Last Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.StudentId.Title, options.StudentId.OptionalNextToTitle, !options.StudentId.Validation.Required.Apply)"></label><div class="input-container"><input class="college-student-id_qa" type="text" maxlength="100" data-bind="placeholder: Utils.concatStringsByCondition(options.StudentId.Placeholder, options.StudentId.OptionalNextToPlaceholder, !options.StudentId.Validation.Required.Apply), validationTextInput: studentId" aria-label="Student ID"></div></div><div class="infoRow infoRow_extra-small-spacing"><div><label data-bind="text: options.GraduationDate.Title"></label></div><div><div class="info-row-2"><div class="input-container"><select class="select college-graduation-month_qa" data-bind="options: availableMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: graduationMonth, optionsCaption: Utils.concatStringsByCondition(options.GraduationDate.Month.Placeholder, options.GraduationDate.Month.OptionalNextToPlaceholder, !options.GraduationDate.Month.Validation.Required.Apply), css: { 'select_placeholder': !graduationMonth() }"></select></div></div><div class="info-row-2"><div class="input-container"><select class="select college-graduation-year_qa" data-bind="options: availableYears, optionsText: 'text', optionsValue: 'value', validationTextInput: graduationYear, optionsCaption: Utils.concatStringsByCondition(options.GraduationDate.Year.Placeholder, options.GraduationDate.Year.OptionalNextToPlaceholder, !options.GraduationDate.Year.Validation.Required.Apply), css: { 'select_placeholder': !graduationYear() }" aria-label="Graduation Date"></select></div></div></div></div></form></div></script><script type="text/html" id="sp-c-confirmation"><div class="confirmation"><div class="confirmation__header component-header"><div class="confirmation__title" data-bind="html: options.Title"></div><div class="confirmation__subtitle" data-bind="html: options.Subtitle"></div></div><div class="confirmation__registration" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.RegistrationOnConfirmation]) }"></div><div class="confirmation__body component-body"><div class="confirmation__newsletter-benefit" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.NewsletterBenefit]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterBenefit)}"></div><div class="confirmation__ebill"><div class="ebill"><div class="ebill__action" data-bind="visible: !isEbillCompleted()"><div class="ebill__label" data-bind="html: options.Ebill.Label"></div><div class="ebill__controls"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isEbillProcessing }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn ebill__button" data-bind="click: processEbill, text: options.Ebill.Button.Text, style: { 'background': ebillButtonCustomization.BackgroundColor, 'color': ebillButtonCustomization.TextColor, 'borderColor': ebillButtonCustomization.BorderColor, 'width': ebillButtonCustomization.Width }, css: { 'busy': isEbillProcessing, 'btn_square': ebillButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': ebillButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': ebillButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="ebill__result" data-bind="visible: isEbillCompleted"><div data-bind="html: options.Ebill.Confirmation"></div><div class="ebill__oksign"><svg class="completed-svg-sign" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 15" style="enable-background:new 0 0 17 15;" xml:space="preserve"><polygon class="completed-svg-sign__path" points="5,14.4 0.3,9.7 1.7,8.3 5,11.6 15.3,0.3 16.7,1.7 "></polygon></svg></div></div><div class="ebill__error" data-bind="visible: isEbillError"><div data-bind="html: options.Ebill.OnError"></div></div></div></div><div class="newsletter-sign-up"><div class="newsletter-sign-up__title" data-bind="html: options.NewsletterSignUp.Title"></div><div class="newsletter-sign-up__subtitle" data-bind="html: options.NewsletterSignUp.Subtitle"></div><div class="general-errors"><div class="general-errors__title" data-bind="text: options.NewsletterSignUp.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: signUpErrorsList"><li data-bind="text: $data"></li></ul></div><div class="newsletter-sign-up__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isSignUpProcessing() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn sign-up-btn_qa" data-bind="click: newsletterSignUpClick,text: options.NewsletterSignUp.Button.Text, css: { 'busy' : isSignUpProcessing(), 'btn_square': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomizationNewsletter.BackgroundColor, 'color': buttonCustomizationNewsletter.TextColor, 'borderColor': buttonCustomizationNewsletter.BorderColor, 'width': buttonCustomizationNewsletter.Width }"></button></div><div class="newsletter-sign-up__confirmation" data-bind="html: options.NewsletterSignUp.ConfirmationMessage"></div></div><div class="summaryRow summaryRow_confirmation-number"><div class="summaryRow__title" data-bind="text: options.ConfirmationNumber.Title"></div><div class="summaryRow__content"><span data-bind="text: confirmationNumber"></span></div></div><div class="summaryRow summaryRow_offer-details"><div class="summaryRow__title" data-bind="text: options.SubscribeTo.Title"></div><div class="summaryRow__content"><div data-bind="html: offer().Marketing.ConfirmationName"></div><div data-bind="html: options.Premium.Title"></div><div data-bind="html: premium().name"></div></div></div><div class="summaryRow summaryRow_pricing"><div class="summaryRow__title" data-bind="text: options.Pricing.Title"></div><div class="summaryRow__content" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture) + (options.Pricing.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><div class="summaryRow summaryRow_user-info"><div class="summaryRow__title" data-bind="text: options.UserInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.UserInformation.Email.Title + ' '"></span><span data-bind="text: userInformation().email"></span></div><div><span data-bind="text: options.UserInformation.DisplayName.Title + ' '"></span><span data-bind="text: userInformation().displayName"></span></div></div></div><div class="confirmation__hide-control hide-control" data-bind="click: showHiddenDetails, css: {'unvisible': isHiddenBLockEmpty()}"><div class="hide-control__caret-icon" data-bind="css: { 'show-state': showedHiddenDetails() }"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewbox="0 0 292.359 292.359"><path d="M222.979,133.331L95.073,5.424C91.456,1.807,87.178,0,82.226,0c-4.952,0-9.233,1.807-12.85,5.424c-3.617,3.617-5.424,7.898-5.424,12.847v255.813c0,4.948,1.807,9.232,5.424,12.847c3.621,3.617,7.902,5.428,12.85,5.428c4.949,0,9.23-1.811,12.847-5.428l127.906-127.907c3.614-3.613,5.428-7.897,5.428-12.847C228.407,141.229,226.594,136.948,222.979,133.331z"></path></svg></div><div class="hide-control__text" data-bind="html: showedHiddenDetails() ? options.HideDetails.HideText : options.HideDetails.ShowText"></div></div><div class="confirmation__main-block" data-bind="css: {'confirmation__hidden-block': options.HideDetails.Enable, 'show-state': options.HideDetails.Enable && showedHiddenDetails()}"><div class="summaryRow summaryRow_next-payment-info"><div class="summaryRow__title" data-bind="text: options.NextPaymentInformation.Title"></div><div class="summaryRow__content"><div><span class="bold" data-bind="text: options.NextPaymentInformation.DateTitle + ' '"></span><span data-bind="text: formattedBillingDate"></span></div></div></div><div class="summaryRow summaryRow_gift-recipient-info"><div class="summaryRow__title" data-bind="text: options.GiftRecipient.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.GiftRecipient.FullName + ' '"></span><span data-bind="text: giftRecipient().firstName + ' ' + giftRecipient().lastName"></span></div><div><span data-bind="text: options.GiftRecipient.Email + ' '"></span><span data-bind="text: giftRecipient().email"></span></div><div><span data-bind="text: options.GiftRecipient.Message + ' '"></span><span data-bind="text: giftRecipient().message"></span></div></div></div><div class="summaryRow summaryRow_user-info"><div class="summaryRow__title" data-bind="text: options.UserInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.UserInformation.Email.Title + ' '"></span><span data-bind="text: userInformation().email"></span></div><div><span data-bind="text: options.UserInformation.DisplayName.Title + ' '"></span><span data-bind="text: userInformation().displayName"></span></div></div></div><div class="summaryRow summaryRow_military-info"><div class="summaryRow__title" data-bind="text: options.MilitaryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.MilitaryInformation.FullName + ' '"></span><span data-bind="text: militaryInformation().firstName + ' ' + militaryInformation().lastName"></span></div><div><span data-bind="text: options.MilitaryInformation.DutyStation + ' '"></span><span data-bind="text: militaryInformation().dutyStation"></span></div></div></div><div class="summaryRow summaryRow_college-info"><div class="summaryRow__title" data-bind="text: options.CollegeInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.CollegeInformation.FullName + ' '"></span><span data-bind="text: collegeInformation().firstName + ' ' + collegeInformation().lastName"></span></div><div><span data-bind="text: options.CollegeInformation.StudentId + ' '"></span><span data-bind="text: collegeInformation().studentId"></span></div></div></div><div class="summaryRow summaryRow_payment-info"><div class="summaryRow__title" data-bind="text: options.PaymentInformation.Title"></div><div class="summaryRow__content" data-bind="with: paymentAddress()"><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.FullName + ' '"></span><span data-bind="text: name"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Email + ' '"></span><span data-bind="text: email"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Zipcode + ' '"></span><span data-bind="text: zipCode"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Phone + ' '"></span><span data-bind="text: phone, maskedPhone: phone"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Country + ' '"></span><span data-bind="text: country"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.PayPal.Title"></span></div><div><span data-bind="text: options.PaymentInformation.PayPal.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.ApplePay.Title"></span></div><div><span data-bind="text: options.PaymentInformation.ApplePay.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.GooglePay.Title"></span></div><div><span data-bind="text: options.PaymentInformation.GooglePay.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.SwG.Title"></span></div><div><span data-bind="text: options.PaymentInformation.SwG.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().creditCard"><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Holder + ' '"></span><span data-bind="text: cardHolder"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Number + ' '"></span><img class="summaryRow__credit-card-img" data-bind="attr: { src: $parent.creditCardImage().src, alt: $parent.creditCardImage().alt }"><span data-bind="text: Utils.getLast4Digits(cardNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Expiration + ' '"></span><span data-bind="text: expirationMonth + '/' + expirationYear"></span></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().bankAccount"><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.BankName + ' '"></span><span data-bind="text: bank"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.AccountNumber + ' '"></span><span data-bind="text: Utils.getLast4Digits(accountNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.RoutingNumber + ' '"></span><span data-bind="text: routingNumber"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.BillMe.Title"></span></div><div><span data-bind="text: options.PaymentInformation.BillMe.Disclaimer"></span></div></div></div><div class="summaryRow summaryRow_delivery-address"><div class="summaryRow__title" data-bind="text: options.DeliveryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.DeliveryInformation.FullName + ' '"></span><span data-bind="text: deliveryAddress().name"></span></div><div><span data-bind="text: options.DeliveryInformation.Address + ' '"></span><span data-bind="text: deliveryAddress().address"></span><span data-bind="text: ' ' + deliveryAddress().aptUnit"></span></div><div><span data-bind="text: options.DeliveryInformation.CityStateZipcode + ' '"></span><span data-bind="text: deliveryAddress().city + ', '"></span><span data-bind="text: deliveryAddress().state + ' '"></span><span data-bind="text: deliveryAddress().zipCode"></span></div></div></div><div class="summaryRow summaryRow_billing-address"><div class="summaryRow__title" data-bind="text: options.BillingInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.BillingInformation.FullName + ' '"></span><span data-bind="text: billingAddress().name"></span></div><div><span data-bind="text: options.BillingInformation.Address + ' '"></span><span data-bind="text: billingAddress().address"></span><span data-bind="text: ' ' + billingAddress().aptUnit"></span></div><div><span data-bind="text: options.BillingInformation.CityStateZipcode + ' '"></span><span data-bind="text: billingAddress().city + ', '"></span><span data-bind="text: billingAddress().state + ' '"></span><span data-bind="text: billingAddress().zipCode"></span></div></div></div></div><div class="confirmation__newsletter-benefit" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.NewsletterBenefit]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterBenefit)}"></div><div class="swg-account-linking"><div class="general-errors general-errors_userinfo"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="swg-account-linking__title" data-bind="html: options.SwGAccountLinking.Title"></div><div class="swg-account-linking__subtitle" data-bind="html: options.SwGAccountLinking.SubTitle"></div><div class="swg-account-linking__body"><div class="swg-account-linking__inline-text" data-bind="html: options.SwGAccountLinking.InlineText"></div><button class="btn swg-account-linking__button" data-bind="click: linkSubscription,text: options.SwGAccountLinking.Button.Text, style: { 'background': swgButtonCustomization.BackgroundColor, 'color': swgButtonCustomization.TextColor, 'borderColor': swgButtonCustomization.BorderColor, 'width': swgButtonCustomization.Width }, css: { 'btn_square': swgButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': swgButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': swgButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="newsletter-sign-up"><div class="newsletter-sign-up__title" data-bind="html: options.NewsletterSignUp.Title"></div><div class="newsletter-sign-up__subtitle" data-bind="html: options.NewsletterSignUp.Subtitle"></div><div class="general-errors"><div class="general-errors__title" data-bind="text: options.NewsletterSignUp.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: signUpErrorsList"><li data-bind="text: $data"></li></ul></div><div class="newsletter-sign-up__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isSignUpProcessing() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn sign-up-btn_qa" data-bind="click: newsletterSignUpClick,text: options.NewsletterSignUp.Button.Text, css: { 'busy' : isSignUpProcessing(), 'btn_square': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomizationNewsletter.BackgroundColor, 'color': buttonCustomizationNewsletter.TextColor, 'borderColor': buttonCustomizationNewsletter.BorderColor, 'width': buttonCustomizationNewsletter.Width }"></button></div><div class="newsletter-sign-up__confirmation" data-bind="html: options.NewsletterSignUp.ConfirmationMessage"></div></div><div data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.RSSFeed]) }"></div><div class="confirmation__social-media-header" data-bind="html: options.SocialMedia.Header"></div><div class="confirmation__social-media-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.SocialMedia]) }"></div><div class="confirmation__app-downloads-header" data-bind="html: options.AppDownloads.Header"></div><div class="confirmation__app-downloads-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.AppDownloads]) }"></div><div data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.MarketingEmailOptIn]) }"></div><div class="confirmation__buttons"><button class="btn login-btn_qa" data-bind="text: options.Button.Login, click: userProvider.loginBtnClick.bind(userProvider), style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><button class="btn continue-btn_qa" data-bind="click: continueClick, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"><span data-bind="text: options.Button.Continue"></span></button></div><div class="confirmation__e-edition"><div class="e-edition"><div class="e-edition__label" data-bind="html: options.EEdition.Label"></div><a class="e-edition__link" data-bind="html: options.EEdition.LinkText, click: eeditionClick"></a></div></div></div></div><div class="confirmation confirmation_boxes"><div class="confirmation__header component-header"><div class="confirmation__title" data-bind="html: options.Title"></div><div class="confirmation__subtitle" data-bind="html: options.Subtitle"></div></div><div class="confirmation__body component-body confirmation__body_boxes"><div class="confirmation__newsletter-benefit confirmation__newsletter-benefit_boxes" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.NewsletterBenefit]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterBenefit)}"></div><div class="confirmation__section confirmation__section_top"><div class="confirmation__subtitle" data-bind="html: options.TopSectionTitle"></div><div class="summaryRow summaryRow_confirmation-number summaryRow_boxes"><div class="summaryRow__title summaryRow__title_boxes" data-bind="text: options.ConfirmationNumber.Title"></div><div class="summaryRow__content summaryRow__content_boxes"><span data-bind="text: confirmationNumber"></span></div></div><div class="summaryRow summaryRow_offer-details summaryRow_boxes"><div class="summaryRow__title summaryRow__title_boxes" data-bind="text: options.SubscribeTo.Title"></div><div class="summaryRow__content summaryRow__content_boxes"><div data-bind="html: offer().Marketing.ConfirmationName"> </div></div></div><div class="summaryRow summaryRow_user-info summaryRow_boxes"><div class="summaryRow__title summaryRow__title_boxes" data-bind="text: options.UserInformation.Title"></div><div class="summaryRow__content summaryRow__content_boxes"><div><span data-bind="text: options.UserInformation.Email.Title + ' '"></span><span data-bind="text: userInformation().email"></span></div><div><span data-bind="text: options.UserInformation.DisplayName.Title + ' '"></span><span data-bind="text: userInformation().displayName"></span></div></div></div></div><div class="confirmation__registration confirmation__registration_boxes confirmation__section" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.RegistrationOnConfirmation]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.RegistrationOnConfirmation}"></div><div class="confirmation__buttons"><div class="swg-account-linking"><div class="general-errors general-errors_userinfo"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="swg-account-linking__title" data-bind="html: options.SwGAccountLinking.Title"></div><div class="swg-account-linking__subtitle" data-bind="html: options.SwGAccountLinking.SubTitle"></div><div class="swg-account-linking__body"><div class="swg-account-linking__inline-text" data-bind="html: options.SwGAccountLinking.InlineText"></div><button class="btn swg-account-linking__button" data-bind="click: linkSubscription, text: options.SwGAccountLinking.Button.Text, style: { 'background': swgButtonCustomization.BackgroundColor, 'color': swgButtonCustomization.TextColor, 'borderColor': swgButtonCustomization.BorderColor, 'width': swgButtonCustomization.Width }, css: { 'btn_square': swgButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': swgButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': swgButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div><button class="btn login-btn_qa" data-bind="text: options.Button.Login, click: userProvider.loginBtnClick.bind(userProvider), style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><button class="btn continue-btn_qa" data-bind="click: continueClick, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"><span data-bind="text: options.Button.Continue"></span></button></div><div class="confirmation__newsletter-benefit confirmation__newsletter-benefit_boxes" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.NewsletterBenefit]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterBenefit)}"></div><div class="confirmation__sections"><div class="confirmation__section confirmation__section_left"><div class="confirmation__subtitle" data-bind="html: options.LeftSectionTitle"></div><div class="confirmation__social-media confirmation__social-media_boxes"><div class="confirmation__social-media-header" data-bind="html: options.SocialMedia.Header"></div><div class="confirmation__social-media-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.SocialMedia]) }"></div></div><div class="confirmation__app-downloads confirmation__app-downloads_boxes"><div class="confirmation__app-downloads-header" data-bind="html: options.AppDownloads.Header"></div><div class="confirmation__app-downloads-list" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.AppDownloads]) }"></div></div><div class="confirmation__newsletter-sign-up_boxes"><div class="newsletter-sign-up"><div class="newsletter-sign-up__title" data-bind="html: options.NewsletterSignUp.Title"></div><div class="newsletter-sign-up__subtitle" data-bind="html: options.NewsletterSignUp.Subtitle"></div><div class="general-errors"><div class="general-errors__title" data-bind="text: options.NewsletterSignUp.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: signUpErrorsList"><li data-bind="text: $data"></li></ul></div><div class="newsletter-sign-up__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isSignUpProcessing() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn sign-up-btn_qa" data-bind="click: newsletterSignUpClick,text: options.NewsletterSignUp.Button.Text, css: { 'busy' : isSignUpProcessing(), 'btn_square': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomizationNewsletter.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomizationNewsletter.BackgroundColor, 'color': buttonCustomizationNewsletter.TextColor, 'borderColor': buttonCustomizationNewsletter.BorderColor, 'width': buttonCustomizationNewsletter.Width }"></button></div><div class="newsletter-sign-up__confirmation" data-bind="html: options.NewsletterSignUp.ConfirmationMessage"></div></div></div><div class="confirmation__ebill confirmation__ebill_boxes"><div class="ebill"><div class="ebill__action" data-bind="visible: !isEbillCompleted()"><div class="ebill__label" data-bind="html: options.Ebill.Label"></div><div class="ebill__controls"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isEbillProcessing }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn ebill__button" data-bind="click: processEbill, text: options.Ebill.Button.Text, style: { 'background': ebillButtonCustomization.BackgroundColor, 'color': ebillButtonCustomization.TextColor, 'borderColor': ebillButtonCustomization.BorderColor, 'width': ebillButtonCustomization.Width }, css: { 'busy': isEbillProcessing, 'btn_square': ebillButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': ebillButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': ebillButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="ebill__result" data-bind="visible: isEbillCompleted"><div data-bind="html: options.Ebill.Confirmation"></div><div class="ebill__oksign"><svg class="completed-svg-sign" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 15" style="enable-background:new 0 0 17 15;" xml:space="preserve"><polygon class="completed-svg-sign__path" points="5,14.4 0.3,9.7 1.7,8.3 5,11.6 15.3,0.3 16.7,1.7 "></polygon></svg></div></div><div class="ebill__error" data-bind="visible: isEbillError"><div data-bind="html: options.Ebill.OnError"></div></div></div></div><div class="confirmation__e-edition confirmation__e-edition_boxes"><div class="e-edition"><div class="e-edition__label" data-bind="html: options.EEdition.Label"></div><a class="e-edition__link" data-bind="html:options.EEdition.LinkText, attr: { 'href': getEEditionUrl() }"></a></div></div></div><div class="confirmation__section confirmation__section_right"><div class="confirmation__subtitle" data-bind="html: options.RightSectionTitle "></div><div class="summaryRow summaryRow_pricing summaryRow_boxes"><div class="summaryRow__title summaryRow__title_boxes" data-bind="text: options.Pricing.Title"></div><div class="summaryRow__content summaryRow__content_boxes" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture) + (options.Pricing.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><div class="confirmation__hide-control hide-control" data-bind="click: showHiddenDetails, css: {'unvisible': isHiddenBLockEmpty()}"><div class="hide-control__caret-icon" data-bind="css: { 'show-state': showedHiddenDetails() }"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" viewbox="0 0 292.359 292.359"><path d="M222.979,133.331L95.073,5.424C91.456,1.807,87.178,0,82.226,0c-4.952,0-9.233,1.807-12.85,5.424c-3.617,3.617-5.424,7.898-5.424,12.847v255.813c0,4.948,1.807,9.232,5.424,12.847c3.621,3.617,7.902,5.428,12.85,5.428c4.949,0,9.23-1.811,12.847-5.428l127.906-127.907c3.614-3.613,5.428-7.897,5.428-12.847C228.407,141.229,226.594,136.948,222.979,133.331z"></path></svg></div><div class="hide-control__text" data-bind="html: showedHiddenDetails() ? options.HideDetails.HideText : options.HideDetails.ShowText"></div></div><div class="confirmation__main-block" data-bind="css: {'confirmation__hidden-block': options.HideDetails.Enable, 'show-state': options.HideDetails.Enable && showedHiddenDetails()}"><div class="summaryRow summaryRow_payment-info summaryRow_boxes"><div class="summaryRow__title summaryRow__title_boxes" data-bind="text: options.PaymentInformation.Title"></div><div class="summaryRow__content" data-bind="with: paymentAddress()"><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.FullName + ' '"></span><span data-bind="text: name"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Email + ' '"></span><span data-bind="text: email"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Zipcode + ' '"></span><span data-bind="text: zipCode"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Phone + ' '"></span><span data-bind="text: phone, maskedPhone: phone"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Country + ' '"></span><span data-bind="text: country"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.PayPal.Title"></span></div><div><span data-bind="text: options.PaymentInformation.PayPal.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.ApplePay.Title"></span></div><div><span data-bind="text: options.PaymentInformation.ApplePay.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.GooglePay.Title"></span></div><div><span data-bind="text: options.PaymentInformation.GooglePay.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.SwG.Title"></span></div><div><span data-bind="text: options.PaymentInformation.SwG.SecuredDataMessage"></span></div></div><div class="summaryRow__content summaryRow__content_boxes"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span></div></div><div class="summaryRow__content summaryRow__content_boxes" data-bind="with: paymentInformation().creditCard"><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Holder + ' '"></span><span data-bind="text: cardHolder"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Number + ' '"></span><img class="summaryRow__credit-card-img" data-bind="attr: { src: $parent.creditCardImage().src, alt: $parent.creditCardImage().alt }"><span data-bind="text: Utils.getLast4Digits(cardNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Expiration + ' '"></span><span data-bind="text: expirationMonth + '/' + expirationYear"></span></div></div><div class="summaryRow__content summaryRow__content_boxes" data-bind="with: paymentInformation().bankAccount"><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.BankName + ' '"></span><span data-bind="text: bank"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.AccountNumber + ' '"></span><span data-bind="text: Utils.getLast4Digits(accountNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.RoutingNumber + ' '"></span><span data-bind="text: routingNumber"></span></div></div><div class="summaryRow__content summaryRow__content_boxes"><div><span data-bind="text: options.PaymentInformation.BillMe.Title"></span></div><div><span data-bind="text: options.PaymentInformation.BillMe.Disclaimer"></span></div></div></div><div class="summaryRow summaryRow_next-payment-info summaryRow_boxes"><div class="summaryRow__title summaryRow__title_boxes" data-bind="text: options.NextPaymentInformation.Title"></div><div class="summaryRow__content summaryRow__content_boxes"><div><span class="bold" data-bind="text: options.NextPaymentInformation.DateTitle + ' '"></span><span data-bind="text: formattedBillingDate"></span></div></div></div><div class="summaryRow summaryRow_offer-details summaryRow_boxes"><div class="summaryRow__content summaryRow__content_boxes"><div data-bind="html: options.Premium.Title"></div><div data-bind="html: premium().name"></div></div></div><div class="summaryRow summaryRow_delivery-address summaryRow_boxes"><div class="summaryRow__title summaryRow__title_boxes" data-bind="text: options.DeliveryInformation.Title"></div><div class="summaryRow__content summaryRow__content_boxes"><div><span data-bind="text: options.DeliveryInformation.FullName + ' '"></span><span data-bind="text: deliveryAddress().name"></span></div><div><span data-bind="text: options.DeliveryInformation.Address + ' '"></span><span data-bind="text: deliveryAddress().address"></span><span data-bind="text: ' ' + deliveryAddress().aptUnit"></span></div><div><span data-bind="text: options.DeliveryInformation.CityStateZipcode + ' '"></span><span data-bind="text: deliveryAddress().city + ', '"></span><span data-bind="text: deliveryAddress().state + ' '"></span><span data-bind="text: deliveryAddress().zipCode"></span></div></div></div><div class="summaryRow summaryRow_billing-address summaryRow_boxes"><div class="summaryRow__title summaryRow__title_boxes" data-bind="text: options.BillingInformation.Title"></div><div class="summaryRow__content summaryRow__content_boxes"><div><span data-bind="text: options.BillingInformation.FullName + ' '"></span><span data-bind="text: billingAddress().name"></span></div><div><span data-bind="text: options.BillingInformation.Address + ' '"></span><span data-bind="text: billingAddress().address"></span><span data-bind="text: ' ' + billingAddress().aptUnit"></span></div><div><span data-bind="text: options.BillingInformation.CityStateZipcode + ' '"></span><span data-bind="text: billingAddress().city + ', '"></span><span data-bind="text: billingAddress().state + ' '"></span><span data-bind="text: billingAddress().zipCode"></span></div></div></div><div class="summaryRow summaryRow_college-info summaryRow_boxes"><div class="summaryRow__title summaryRow__title_boxes" data-bind="text: options.CollegeInformation.Title"></div><div class="summaryRow__content summaryRow__content_boxes"><div><span data-bind="text: options.CollegeInformation.FullName + ' '"></span><span data-bind="text: collegeInformation().firstName + ' ' + collegeInformation().lastName"></span></div><div><span data-bind="text: options.CollegeInformation.StudentId + ' '"></span><span data-bind="text: collegeInformation().studentId"></span></div></div></div><div class="summaryRow summaryRow_military-info summaryRow_boxes"><div class="summaryRow__title summaryRow__title_boxes" data-bind="text: options.MilitaryInformation.Title"></div><div class="summaryRow__content summaryRow__content_boxes"><div><span data-bind="text: options.MilitaryInformation.FullName + ' '"></span><span data-bind="text: militaryInformation().firstName + ' ' + militaryInformation().lastName"></span></div><div><span data-bind="text: options.MilitaryInformation.DutyStation + ' '"></span><span data-bind="text: militaryInformation().dutyStation"></span></div></div></div></div></div></div><div class="confirmation__section confirmation__section_bottom" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.RSSFeed]) }, css: {'unvisible': !isComponentAdd($data, ComponentsNames.RSSFeed)}"></div></div></div></script><script type="text/html" id="sp-c-creditCard"><form class="credit-card payment-method__body" data-bind="visible: isDisplayed"><div class="p2pe"><div class="p2pe__content"><button class="btn p2pe__submit p2pe-submit_qa" data-bind="click: waitP2PEdata, text: options.P2PE.Button.Text"></button><div class="p2pe__message" data-bind="text: options.P2PE.Message.Complete"></div></div><div class="p2pe__modal modal fade" data-bind="modal: isModalShown" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing" data-bind="text: p2pePopupMessage"></div><div class="p2pe__loader-container"><div class="loader-container loader-container_small loader-container_visible"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div></div></div><div class="modal-button"><button class="btn modal-pick-btn_qa" data-bind="text: options.P2PE.Button.Cancel.Text, click: p2peCancelHandler, attr: { 'disabled': p2peDataIsGettingData }"></button></div></div></div></div></div><div class="infoRow card-holder infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow card-number infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.CardNumber.Title, options.CardNumber.OptionalNextToTitle, !options.CardNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="card-number_qa" type="tel" name="cardnumber" data-bind="validationTextInput: card, creditCardMask: card, placeholder: Utils.concatStringsByCondition(options.CardNumber.Placeholder, options.CardNumber.OptionalNextToPlaceholder, !options.CardNumber.Validation.Required.Apply), css: {'visa': cardType() == 'VI' || cardType() == 'Visa', 'amex': cardType() == 'AX' || cardType() == 'AmEx' || cardType() == 'Amex', 'masterCard': cardType() == 'MC' || cardType() == 'MA' , 'dinersClub': cardType() == 'DC', 'discover': cardType() == 'D' || cardType() == 'Discover', 'jcb': cardType() == 'JCB'}" autocomplete="cc-number" x-autocompletetype="cc-number" aria-label="Card Number"></div><div class="card-number-help" data-bind="tooltip: showCardNumberTooltip, visible: !cardType()"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.CardNumber.Help.Text"></div><img data-bind="attr: { src: options.CardNumber.Help.ImageUrl, alt: options.CardNumber.Help.Alt }"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="expiration-month" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationMonth.Title, options.ExpirationMonth.OptionalNextToTitle, !options.ExpirationMonth.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-month_qa" name="ccmonth" data-bind="options: expirationMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationMonth, optionsCaption: Utils.concatStringsByCondition(options.ExpirationMonth.Placeholder, options.ExpirationMonth.OptionalNextToPlaceholder, !options.ExpirationMonth.Validation.Required.Apply), css: { 'select_placeholder': !expirationMonth() }" autocomplete="cc-exp-month" x-autocompletetype="cc-exp-month" aria-label="Expiration Month"></select></div></div><div class="expiration-year" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationYear.Title, options.ExpirationYear.OptionalNextToTitle, !options.ExpirationYear.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-year_qa" name="ccyear" data-bind="options: expirationYears, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationYear, optionsCaption: Utils.concatStringsByCondition(options.ExpirationYear.Placeholder, options.ExpirationYear.OptionalNextToPlaceholder, !options.ExpirationYear.Validation.Required.Apply), css: { 'select_placeholder': !expirationYear() }" autocomplete="cc-exp-year" x-autocompletetype="cc-exp-year" aria-label="Expiration Year"></select></div></div><div class="cvv" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.CVV.Title, options.CVV.OptionalNextToTitle, !options.CVV.Validation.Required.Apply)"></label><div class="input-container"><input class="cvv_qa" data-bind="validationTextInput: cvv, placeholder: Utils.concatStringsByCondition(options.CVV.Placeholder, options.CVV.OptionalNextToPlaceholder, !options.CVV.Validation.Required.Apply)" maxlength="4" name="cvc" autocomplete="cc-csc" x-autocompletetype="cc-csc" type="tel" aria-label="CVV"></div><div class="cvv-help" data-bind="tooltip: showCvvTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.CVV.Help.Amex"></div><div data-bind="html: options.CVV.Help.Mastercard"></div><img data-bind="attr: { src: options.CVV.Help.ImageUrl , alt: options.CVV.Help.Alt }"></div></div></div></div></form></script><script type="text/html" id="sp-c-creditCardChase"><div class="credit-card chase payment-method__body" data-bind="visible: isDisplayed"><div class="overlay" data-bind="visible: isCVVHelpShown"></div><div class="credit-card-modal" data-bind="visible: isCVVHelpShown"><div class="credit-card-modal__close" data-bind="click: hideCvvHelp"></div><div class="credit-card-modal__text" data-bind="html: options.CVV.Help.Text"></div><img data-bind="attr: { src: options.CVV.Help.ImageUrl, alt: options.CVV.Help.Alt}"></div><iframe data-bind="attr: {src: url}" scrolling="no"></iframe></div></script><script type="text/html" id="sp-c-creditCardCyberSource"><div class="credit-card cybersource payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"></div><form data-bind="visible: !loading()"><div class="infoRow card-holder infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow card-number infoRow_extra-small-spacing" data-bind="domCallback: onHTMLMounted"><label data-bind="text: $data.options.CardNumber.Title" for="cybersource-cardNumber-container"></label><div class="cybersource-container" id="cybersource-cardNumber-container"></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="expiration-month" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationMonth.Title, options.ExpirationMonth.OptionalNextToTitle, !options.ExpirationMonth.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-month_qa" name="ccmonth" data-bind="options: expirationMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationMonth, optionsCaption: Utils.concatStringsByCondition(options.ExpirationMonth.Placeholder, options.ExpirationMonth.OptionalNextToPlaceholder, !options.ExpirationMonth.Validation.Required.Apply), css: { 'select_placeholder': !expirationMonth() }" autocomplete="cc-exp-month" x-autocompletetype="cc-exp-month" aria-label="Expiration Month"></select></div></div><div class="expiration-year" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationYear.Title, options.ExpirationYear.OptionalNextToTitle, !options.ExpirationYear.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-year_qa" name="ccyear" data-bind="options: expirationYears, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationYear, optionsCaption: Utils.concatStringsByCondition(options.ExpirationYear.Placeholder, options.ExpirationYear.OptionalNextToPlaceholder, !options.ExpirationYear.Validation.Required.Apply), css: { 'select_placeholder': !expirationYear() }" autocomplete="cc-exp-year" x-autocompletetype="cc-exp-year" aria-label="Expiration Year"></select></div></div><div class="cvv" data-bind="css: { 'info-row-3': countDateColumns() === 3, 'info-row-2': countDateColumns() === 2 }"><label data-bind="text: options.CVV.Title" for="cybersource-cvv-container"></label><div class="cybersource-container" id="cybersource-cvv-container"></div><div class="cvv-help" data-bind="tooltip: showCvvTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.CVV.Help.Amex"></div><div data-bind="html: options.CVV.Help.Mastercard"></div><img data-bind="attr: { src: options.CVV.Help.ImageUrl, alt: options.CVV.Help.Alt}"></div></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardVindicia"><div class="credit-card vindicia payment-method__body" data-bind="visible: isDisplayed"><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"><input class="valid" tabindex="-1"><input class="invalid" tabindex="-1"><select class="select" tabindex="-1"><option>1</option></select></div><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div><div class="loader-placeholder">Loading...</div></div></div><form id="vindiciaCCForm" data-bind="visible: !loading()"><div class="infoRow vindicia-card-icons infoRow_extra-small-spacing"><div class="vindicia-card-icons__card discover" data-bind="css: { 'inactive': cardType() && cardType() !== 'discover' }"></div><div class="vindicia-card-icons__card amex" data-bind="css: { 'inactive': cardType() && cardType() !== 'amex' }"></div><div class="vindicia-card-icons__card visa" data-bind="css: { 'inactive': cardType() && cardType() !== 'visa' }"></div><div class="vindicia-card-icons__card masterCard" data-bind="css: { 'inactive': cardType() && cardType() !== 'mastercard' }"></div></div><input type="hidden" name="vin_WebSession_vid" id="vin_WebSession_vid"><input type="hidden" name="vin_PaymentMethod_type" value="CreditCard"><input type="hidden" name="vin_PaymentMethod_billingAddress_name" id="vin_PaymentMethod_billingAddress_name"><input type="hidden" name="vin_PaymentMethod_billingAddress_addr1" id="vin_PaymentMethod_billingAddress_addr1"><input type="hidden" name="vin_PaymentMethod_billingAddress_addr2" id="vin_PaymentMethod_billingAddress_addr2"><input type="hidden" name="vin_PaymentMethod_billingAddress_city" id="vin_PaymentMethod_billingAddress_city"><input type="hidden" name="vin_PaymentMethod_billingAddress_district" id="vin_PaymentMethod_billingAddress_district"><input type="hidden" name="vin_PaymentMethod_billingAddress_postalCode" id="vin_PaymentMethod_billingAddress_postalCode"><input type="hidden" name="vin_PaymentMethod_billingAddress_country" id="vin_PaymentMethod_billingAddress_country" value="US"><input type="hidden" name="vin_PaymentMethod_billingAddress_phone" id="vin_PaymentMethod_billingAddress_phone"><input type="submit" id="vin_button" value="SEND" style="visibility: hidden;display:none"><div class="infoRow card-holder infoRow_extra-small-spacing"><label data-bind="text: $data.options.CardHolder.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_accountHolderName"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: $data.options.CardNumber.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_creditCard_account"></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-3"><label><span data-bind="text: $data.options.CVV.Title"></span><div class="cvv-help" data-bind="tooltip: showCvvTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.CVV.Help.Amex"></div><div data-bind="html: $data.options.CVV.Help.Mastercard"></div><img data-bind="attr: { src: $data.options.CVV.Help.ImageUrl, alt: $data.options.CVV.Help.Alt }"></div></div></label><div class="input-vindicia" id="vin_PaymentMethod_nameValues_cvn"></div></div><div class="info-row-3"><label data-bind="text: $data.options.ExpirationMonth.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_creditCard_expirationDate_month" data-bind="css: {'input-vindicia_safari': isSafari}"></div></div><div class="info-row-3"><label data-bind="text: $data.options.ExpirationYear.Title"></label><div class="input-vindicia" id="vin_PaymentMethod_creditCard_expirationDate_year" data-bind="css: {'input-vindicia_safari': isSafari}"></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardEdgil"><div class="credit-card edgil payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="edgil__block" data-bind="visible: !loading()"><iframe class="edgil__iframe" data-bind="domCallback: onIframeMounted, visible: iframeVisible, attr: { height: iframeHeight }" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" scrolling="no"></iframe><div class="edgil__summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.Name"></div><div class="summaryRow__content" data-bind="text: localStorage.cardHolder"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa edgil__editBtn" data-bind="click: edgilEditClick"></div></div><div class="edgil__error" data-bind="html: options.ErrorOnLoadMessage"></div></div></div></script><script type="text/html" id="sp-c-creditCardStripe"><div class="credit-card stripe payment-method__body" data-bind="visible: isDisplayed"><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"></div><form><div class="infoRow card-holder infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow card-number stripe__card-number infoRow_extra-small-spacing"><label data-bind="text: options.CardNumber.Title"></label><div class="input-container stripe__input-container stripe__input-container_card-number" data-bind="css: cardNumberAdditionalClasses"></div></div><div class="infoRow infoRow_flex infoRow_extra-small-spacing"><div class="stripe__expiration"><label data-bind="text: options.ExpirationDate.Title"></label><div class="input-container stripe__input-container stripe__input-container_expiration" data-bind="css: expirationDateAdditionalClasses"></div></div><div class="stripe__cvv"><label data-bind="text: options.CVV.Title"></label><div class="input-container stripe__input-container stripe__input-container_cvv" data-bind="css: cvvAdditionalClasses"></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardBrainTree"><div class="demo-frame credit-card braintree payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><form id="cardForm-bt" data-bind="domCallback: onHTMLMounted,visible: !loading() && hosteFieldsLoaded()"><div class="infoRow card-holder infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="infoRow"><label class="hosted-fields--label" data-bind="text: options.CardNumber.Title"></label><div class="hosted-field" id="card-number-bt"></div></div><div class="infoRow"><div class="info-row-2"><label class="hosted-fields--labellabel" data-bind="text: options.ExpirationDate.Title"></label><div class="hosted-field" id="expiration-date-bt"></div></div><div class="info-row-2"><label class="hosted-fields--label" data-bind="text: options.CVV.Title"></label><div class="hosted-field" id="cvv-bt"></div></div></div><div class="infoRow infoRow_extra-small-spacing" hidden="hidden"><label></label><div class="input-container"><input type="text"></div></div></form></div></script><script type="text/html" id="sp-c-creditCardHOH"><div class="credit-card hoh payment-method__body" data-bind="visible: isDisplayed"><iframe class="hoh__credit-card-iframe" data-bind="attr: {srcdoc: srcdoc}, visible: !showSummary()" scrolling="no"></iframe><div class="hoh__summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.Name"></div><div class="summaryRow__content" data-bind="text: localStorage.cardHolder"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa hoh__editBtn" data-bind="click: editClick"></div></div></div></script><script type="text/html" id="sp-c-creditCardSpreedly"><div class="credit-card spreedly payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="infoRow infoRow_notInViewBox"><input tabindex="-1"></div><form id="payment-form" data-bind="visible: !loading(), domCallback: onHTMLMounted"><div class="infoRow card-holder infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.CardHolder.Title, options.CardHolder.OptionalNextToTitle, !options.CardHolder.Validation.Required.Apply)"></label><div class="input-container"><input class="card-holder_qa" type="text" data-bind="validationTextInput: holderName, placeholder: Utils.concatStringsByCondition(options.CardHolder.Placeholder, options.CardHolder.OptionalNextToPlaceholder, !options.CardHolder.Validation.Required.Apply)" name="ccname" autocomplete="cc-name" x-autocompletetype="cc-full-name" aria-label="Name on Card"></div></div><div class="spreedly-container"><div class="infoRow card-number info-row-2 infoRow_extra-small-spacing"><label data-bind="text: options.CardNumber.Title" for="spreedly-number"></label><div class="spreedly-container__number" id="spreedly-number"></div></div><div class="infoRow cvv info-row-2 infoRow_extra-small-spacing"><label data-bind="text: options.CVV.Title" for="spreedly-cvv"></label><div class="spreedly-container__cvv" id="spreedly-cvv"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="expiration-month info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationMonth.Title, options.ExpirationMonth.OptionalNextToTitle, !options.ExpirationMonth.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-month_qa" name="ccmonth" data-bind="options: expirationMonths, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationMonth, optionsCaption: Utils.concatStringsByCondition(options.ExpirationMonth.Placeholder, options.ExpirationMonth.OptionalNextToPlaceholder, !options.ExpirationMonth.Validation.Required.Apply), css: { 'select_placeholder': !expirationMonth() }" autocomplete="cc-exp-month" x-autocompletetype="cc-exp-month" aria-label="Expiration Month"></select></div></div><div class="expiration-year info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationYear.Title, options.ExpirationYear.OptionalNextToTitle, !options.ExpirationYear.Validation.Required.Apply)"></label><div class="input-container"><select class="select expiration-year_qa" name="ccyear" data-bind="options: expirationYears, optionsText: 'text', optionsValue: 'value', validationTextInput: expirationYear, optionsCaption: Utils.concatStringsByCondition(options.ExpirationYear.Placeholder, options.ExpirationYear.OptionalNextToPlaceholder, !options.ExpirationYear.Validation.Required.Apply), css: { 'select_placeholder': !expirationYear() }" autocomplete="cc-exp-year" x-autocompletetype="cc-exp-year" aria-label="Expiration Year"></select></div></div></div></form></div></script><script type="text/html" id="sp-c-deliveryDays"><div class="delivery-day"><div class="delivery-day__info"><div class="delivery-day__title" data-bind="html: Headline"></div><div class="delivery-day__subtitle" data-bind="html: Subtitle"></div><img class="delivery-day__image" data-bind="attr: {'src': Image, 'alt': 'Delivery day'}"></div><div class="delivery-day__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': $parent.isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn delivery-days-btn_qa" data-bind="text: Button.Text, click: $parent.selectDeliveryDaysOption, css: { 'busy' : $parent.isBusy(), 'btn_square': $parent.customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div></script><script type="text/html" id="sp-c-emailPreferences"><div class="email-preferences"><div class="email-preferences__title" data-bind="html: options.Title"></div><div class="email-preferences__body component-body" data-bind="foreach: preferencesListVisible"><label class="checkbox"><input class="email-preferences_checkbox_qa" type="checkbox" data-bind="checked: $parent.emailPreferencesSelected, checkedValue: $data"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: Preference.Title"></span></label></div></div></script><script type="text/html" id="sp-c-ezPay"><div class="ezPay"><label class="checkbox ezPay__checkbox" data-bind="css: { 'checkbox_invalid': isInvalid }"><input class="ezPay_checkbox_qa" type="checkbox" data-bind="validationTextInput: isEzPay"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.CheckboxText"></span></label><div class="ezPay__text ezPay__text_checkbox-presented" data-bind="html: options.EZPayTextWhenCheckboxPresent"></div><div data-bind="html: options.EZPayTextWhenCheckboxAbsent"></div><div data-bind="html: options.EZPayNotAvailableText"></div></div></script><script type="text/html" id="sp-c-footer"><div class="pfooter" data-bind="style: {'backgroundColor': options.Styling.BackgroundColor, 'borderColor': options.Styling.BorderColor}, domCallback: makeAdjustableHeight"><div class="pfooter__chat"></div><div class="pfooter__text" data-bind="html: options.Body"></div><div class="pfooter__links"></div></div></script><script type="text/html" id="sp-c-giftDetails"><div class="gift-details" data-bind="css: {'gift-details_step': $parent instanceof Step}"><div class="gift-details__header component-header"><div class="gift-details__title" data-bind="html: options.Title"></div><div class="gift-details__subtitle" data-bind="html: options.Subtitle"></div></div><div class="gift-details__body"><div class="gift-details__gift-title" data-bind="html: gift().GiftTitle"></div><div class="gift-details__columns"><div class="gift-details__column gift-details__column_first"><div class="gift-details__img-container"><img class="gift-details__img" data-bind="attr: {src: gift().GiftImage, alt: 'Gift'}"></div></div><div class="gift-details__column gift-details__column_second"><div class="gift-details__description"><div class="gift-details__text" data-bind="html: gift().GiftDescription"></div></div></div></div></div></div></script><script type="text/html" id="sp-c-giftRecipient"><div class="gift-recipient"><div class="gift-recipient__header component-header"><div class="gift-recipient__title" data-bind="html: options.Title"></div><div class="gift-recipient__subtitle" data-bind="html: options.Subtitle"></div></div><form class="gift-recipient__body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Email.Title"></label><div class="input-container"><input class="gift-email_qa" type="text" maxlength="35" data-bind=" placeholder: options.Email.Placeholder, validationTextInput: email" aria-label="Recipient Email"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.FirstName.Title"></label><div class="input-container"><input class="gift-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: options.FirstName.Placeholder, validationTextInput: firstName" aria-label="Recipient First Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.LastName.Title"></label><div class="input-container"><input class="gift-last-name_qa" type="text" maxlength="35" data-bind="placeholder: options.LastName.Placeholder, validationTextInput: lastName" aria-label="Recipient Last Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Message.Title"></label><div class="input-container"><textarea class="gift-message_qa" data-bind="placeholder: options.Message.Placeholder, textInput: message, attr:{maxlength: options.Message.Maxlength }" rows="5" aria-label="Gift Message"></textarea></div></div></form></div></script><script type="text/html" id="sp-c-header"><div class="pheader" data-bind="style: {'background-color': options.Styling.BackgroundColor, 'color': options.Styling.TextColor, 'borderColor': options.Styling.BorderColor, 'background-image': options.Styling.BackgroundImage ? getImgUrl(options.Styling.BackgroundImage) : ''}"><div class="back-arrow back-arrow_pheader back-btn_qa" data-bind="click: function() { back(); }, css: {'back-arrow_mobile': options.Styling.LogoAlignLeft}"><div class="back-arrow__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M8,2L2,8l6,6"></path></svg></div><span class="back-arrow__text" data-bind="text: options.Back.Text"></span></div><div class="pheader_logo"><div class="logo logo_pheader" data-bind="css: {'logo_pheader-left': options.Styling.LogoAlignLeft}"><a class="logo__link logo-link_qa" data-bind="attr: {'href': options.LogoUrl}"><img class="logo__image" data-bind="attr: {'src': options.Styling.Logo, 'alt': options.LogoAltText}"></a></div><div class="back-arrow back-arrow_logo-left back-btn_qa" data-bind="click: function() { back(); }"><div class="back-arrow__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M8,2L2,8l6,6"></path></svg></div><span class="back-arrow__text" data-bind="text: options.Back.Text"></span></div></div><div class="user-toolbar user-toolbar_pheader"><div class="user-authorization"><div class="user-authorization__icon login-btn_qa" data-bind="click: userProvider.loginBtnClick.bind(userProvider)"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 22" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,12c4.9,0,8,2,8,7v1H2v-1C2,14,5.1,12,10,12z"></path><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,2c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5S5,9.8,5,7C5,4.2,7.2,2,10,2z"></path></svg></div><span class="user-authorization__login-text" data-bind="text: options.LoginText, click: userProvider.loginBtnClick.bind(userProvider)"></span><div class="user-authorization__icon user-authorization__icon_not-clickable authorized"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 22" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,12c4.9,0,8,2,8,7v1H2v-1C2,14,5.1,12,10,12z"></path><path data-bind="style: { stroke: options.Styling.TextColor }" d="M10,2c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5S5,9.8,5,7C5,4.2,7.2,2,10,2z"></path></svg></div><span class="user-authorization__user-text" data-bind="text: userProvider.displayName, attr: { title : userProvider.displayName }"></span><div class="user-authorization__icon-log-out logout-btn_qa" data-bind="click: userProvider.logOut.bind(userProvider)"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-3 3 18 18" xml:space="preserve"><line data-bind="style: { stroke: options.Styling.TextColor }" x1="2" y1="12" x2="8" y2="12"></line><polyline data-bind="style: { stroke: options.Styling.TextColor }" points="5,5 13,5 13,19 5,19 "></polyline><polygon data-bind="style: { stroke: options.Styling.TextColor, fill: options.Styling.TextColor }" points="2.5,16 -2.5,12 2.5,8 "></polygon></svg></div><span class="user-authorization__logout-text" data-bind="text: options.LogoutText, click: userProvider.logOut.bind(userProvider)"></span></div><div class="already-subscriber"><div class="already-subscriber__label" data-bind="html: options.AlreadySubscriber.Title"></div><a class="already-subscriber__link" data-bind="html: options.AlreadySubscriber.LinkText, attr: {'href': options.AlreadySubscriber.Url}"></a></div><div class="international-subscriber"><div class="international-subscriber__label" data-bind="html: options.InternationalSubscriber.Title"></div><a class="international-subscriber__link" data-bind="html: options.InternationalSubscriber.LinkText, attr: {'href': options.InternationalSubscriber.Url}"></a></div></div><div class="already-subscriber already-subscriber_mobile"><div class="already-subscriber__label" data-bind="html: options.AlreadySubscriber.Title"></div><a class="already-subscriber__link" data-bind="html: options.AlreadySubscriber.LinkText, attr: {'href': options.AlreadySubscriber.Url}"></a></div><div class="international-subscriber international-subscriber_mobile"><div class="international-subscriber__label" data-bind="html: options.InternationalSubscriber.Title"></div><a class="international-subscriber__link" data-bind="html: options.InternationalSubscriber.LinkText, attr: {'href': options.InternationalSubscriber.Url}"></a></div></div></script><script type="text/html" id="sp-c-headerExtended"><div class="header-extended" data-bind="style: {'background-color': options.Styling.BackgroundColor, 'color': options.Styling.TextColor, 'borderColor': options.Styling.BorderColor, 'background-image': options.Styling.BackgroundImage ? getImgUrl(options.Styling.BackgroundImage) : ''}"><div class="header-extended__back-arrow"><div class="back-arrow-extended back-btn_qa" data-bind="click: function() { backClick(); }"><div class="back-arrow-extended__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 10 16" xml:space="preserve"><path data-bind="style: { stroke: options.Styling.TextColor }" d="M8,2L2,8l6,6"></path></svg></div><span class="back-arrow-extended__text" data-bind="html: options.Back.Text"></span></div></div><div class="header-extended__logo"><div class="logo-extended"><a class="logo-extended__link logo-link_qa" data-bind="attr: {'href': options.Logo.Url}"><img class="logo-extended__image" data-bind="attr: {'src': options.Logo.Image, 'alt': options.Logo.AltText}"></a></div></div><div class="header-extended__user-toolbar"><div class="header-extended__menu"><button class="header-extended__menu-link" data-bind="click: toggleMenu"><svg class="header-extended__menu-link-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve" data-bind="visible: !userProvider.avatarImageLink()"><path d="M19.6992593,8.71037037 L18.5407407,8.48740741 C17.8585185,8.3562963 17.2996296,7.89222222 17.0462963,7.24518519 C16.7922222,6.59888889 16.8859259,5.87851852 17.297037,5.31814815 L18.0244444,4.32592593 C18.1325926,4.17888889 18.1166667,3.97444444 17.9874074,3.84518519 L16.4162963,2.27407407 C16.2907407,2.14851852 16.0937037,2.12962963 15.9466667,2.22925926 L14.9696296,2.89074074 C14.6325926,3.11888889 14.2444444,3.23962963 13.8462963,3.23962963 C12.8414815,3.23962963 12.0018519,2.52074074 11.8488889,1.52962963 L11.6618519,0.313703704 C11.6348148,0.133333333 11.4792593,0 11.2962963,0 L9.07407407,0 C8.89666667,0 8.7437037,0.126296296 8.71037037,0.300740741 L8.42259259,1.79740741 C8.24037037,2.74518519 7.40555556,3.43296296 6.43851852,3.43296296 C6.04037037,3.43296296 5.65148148,3.31259259 5.31518519,3.08444444 L4.05333333,2.22962963 C3.9062963,2.13037037 3.70925926,2.14888889 3.5837037,2.27444444 L2.01222222,3.84555556 C1.88296296,3.97481481 1.86740741,4.17888889 1.97518519,4.32666667 L2.70259259,5.31888889 C3.11333333,5.87888889 3.20703704,6.59925926 2.95333333,7.24592593 C2.69925926,7.89222222 2.14074074,8.35666667 1.45851852,8.48777778 L0.3,8.71074074 C0.125925926,8.7437037 0,8.89666667 0,9.07407407 L0,11.2962963 C0,11.4788889 0.133333333,11.6344444 0.314074074,11.6622222 L1.53,11.8492593 C2.2162963,11.9548148 2.79222222,12.3977778 3.06962963,13.0344444 C3.34740741,13.6714815 3.28074074,14.3948148 2.89111111,14.97 L2.22962963,15.947037 C2.13,16.0937037 2.14888889,16.2911111 2.27444444,16.4166667 L3.84555556,17.9877778 C3.97481481,18.1166667 4.17851852,18.1333333 4.3262963,18.0248148 L5.31851852,17.2974074 C5.66814815,17.0411111 6.07777778,16.9051852 6.50259259,16.9051852 C7.47037037,16.9051852 8.30518519,17.592963 8.48740741,18.5407407 L8.71037037,19.6996296 C8.7437037,19.8737037 8.89666667,20 9.07407407,20 L11.2962963,20 C11.4792593,20 11.6344444,19.8666667 11.6622222,19.6859259 L11.7937037,18.8307407 C11.9662963,17.7077778 12.9296296,17.1203704 13.7922222,17.1203704 C14.2166667,17.1203704 14.6255556,17.2559259 14.9759259,17.512963 L15.6737037,18.0244444 C15.8214815,18.132963 16.0255556,18.1162963 16.1544444,17.9874074 L17.7255556,16.4162963 C17.8511111,16.2907407 17.87,16.0937037 17.7703704,15.9466667 L17.1088889,14.9696296 C16.7192593,14.3944444 16.6525926,13.6711111 16.9303704,13.0340741 C17.2081481,12.3974074 17.7837037,11.9544444 18.47,11.8488889 L19.6859259,11.6618519 C19.8666667,11.6344444 20,11.4788889 20,11.2962963 L20,9.07407407 C20,8.89666667 19.8740741,8.7437037 19.6992593,8.71037037 Z M14.0740741,10.1851852 C14.0740741,12.3295643 12.3295643,14.0740741 10.1851852,14.0740741 C8.0408061,14.0740741 6.2962963,12.3295643 6.2962963,10.1851852 C6.2962963,8.0408061 8.0408061,6.2962963 10.1851852,6.2962963 C12.3295643,6.2962963 14.0740741,8.0408061 14.0740741,10.1851852 Z"></path><path d="M10.1851852,7.40740741 C8.653367,7.40740741 7.40740741,8.65387205 7.40740741,10.1851852 C7.40740741,11.7164983 8.653367,12.962963 10.1851852,12.962963 C11.7170034,12.962963 12.962963,11.7164983 12.962963,10.1851852 C12.962963,8.65387205 11.7170034,7.40740741 10.1851852,7.40740741 Z"></path></svg><span class="header-extended__menu-link-text" data-bind="text: options.Menu.LinkText"></span></button><ul class="header-extended__menu-list" data-bind="css: { 'header-extended__menu-list_visible': isMenuActive }, domCallback: saveReferenceToMenuElement"><li class="header-extended__menu-item" data-bind="template: { name: getTemplateName, foreach: getFilteredComponents(include = [ComponentsNames.Link]) }"></li></ul></div><div class="user-authorization-extended"><div class="user-authorization-extended__avatar-container login-btn_qa" data-bind="click: loginClick"><svg class="user-authorization-extended__avatar" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" data-bind="visible: !userProvider.avatarImageLink()"><path data-bind="style: { stroke: options.Styling.TextColor, fill: options.Styling.TextColor }" d="M49,25C49,11.767,38.233,1,25,1S1,11.767,1,25c0,6.513,2.689,12.791,7.395,17.309l-0.044,0.04 l1.351,1.127c0.413,0.342,0.842,0.668,1.312,1.008l0.393,0.28c0.466,0.32,0.944,0.625,1.434,0.915l0.32,0.184 c0.555,0.316,1.107,0.604,1.641,0.855l0.122,0.056h0.001c1.844,0.857,3.797,1.475,5.805,1.837l0.161,0.029 c0.674,0.115,1.301,0.2,1.918,0.255l0.234,0.017C23.75,48.972,24.39,49,25,49c0.593,0,1.227-0.028,1.942-0.085l0.24-0.018 c0.63-0.057,1.27-0.141,1.899-0.25l0.165-0.03c1.976-0.354,3.902-0.957,5.801-1.829l0.123-0.056c0.538-0.253,1.064-0.526,1.58-0.816 l0.384-0.221c0.47-0.277,0.93-0.566,1.379-0.872c0.126-0.085,0.25-0.175,0.374-0.265l0.106-0.078 c0.384-0.276,0.759-0.56,1.123-0.856l0.094-0.071c0.053-0.04,0.106-0.078,0.155-0.12l0.782-0.653l0.433-0.4l-0.024-0.02 C46.294,37.836,49,31.543,49,25z M31.953,45.65l-0.264-0.434c-0.505,0.167-1.017,0.317-1.533,0.446l-0.078,0.019 c-0.529,0.13-1.076,0.241-1.67,0.341c-0.519,0.084-1.043,0.144-1.563,0.191l-0.282,0.02c-1.043,0.078-2.101,0.076-3.147-0.001 l-0.27-0.02c-0.53-0.047-1.057-0.11-1.649-0.207c-1.097-0.183-2.19-0.456-3.249-0.811l-0.157,0.471c0,0,0,0,0,0l0.058-0.505 c-0.532-0.18-1.055-0.38-1.566-0.6c-0.483-0.208-0.957-0.439-1.421-0.68l-0.185-0.096c-0.427-0.228-0.845-0.474-1.255-0.732 l-0.364-0.233c-0.204-0.134-0.407-0.27-0.608-0.41l6.156-3.358c1.322-0.721,2.143-2.104,2.143-3.61l-0.001-3.257l-0.313-0.379 c-0.018-0.021-1.788-2.172-2.461-5.103l-0.123-0.535l-0.461-0.298c-0.269-0.174-0.43-0.463-0.43-0.773v-3.03 c0-0.258,0.108-0.492,0.313-0.677l0.445-0.403l-0.001-5.015l-0.011-0.14c-0.002-0.018-0.21-1.874,1.074-3.337 c1.139-1.298,3.13-1.955,5.92-1.955c2.778,0,4.766,0.653,5.908,1.941c1.279,1.446,1.087,3.341,1.083,3.414l-0.008,5.094l0.445,0.402 c0.202,0.183,0.313,0.424,0.313,0.678v3.029c0,0.394-0.271,0.753-0.658,0.872l-0.673,0.207l-0.216,0.67 c-0.488,1.518-1.183,2.919-2.066,4.166c-0.213,0.3-0.42,0.567-0.597,0.77l-0.335,0.382v3.348c0,1.568,0.871,2.977,2.273,3.677 l6.638,3.318c-0.166,0.115-0.333,0.229-0.501,0.338l-0.419,0.268c-0.394,0.243-0.796,0.476-1.203,0.693l-0.275,0.14 c-0.949,0.487-1.93,0.902-2.913,1.234L31.953,45.65L31.953,45.65z M30.897,35.513v-2.354c0.14-0.178,0.286-0.373,0.436-0.584 c0.926-1.306,1.676-2.756,2.233-4.314c1.163-0.636,1.876-1.83,1.876-3.163v-3.029c0-0.793-0.267-1.568-0.758-2.201l-0.002-3.764 c0.05-0.513,0.204-3.182-1.731-5.387C31.28,8.806,28.604,7.838,25,7.838c-3.604,0-6.279,0.968-7.952,2.877 c-1.939,2.212-1.781,4.877-1.732,5.339v3.812c-0.49,0.634-0.758,1.409-0.758,2.201v3.03c0,1.03,0.436,2,1.201,2.686 c0.68,2.546,1.965,4.503,2.589,5.351v2.308c0,0.516-0.282,0.99-0.735,1.238l-6.758,3.686c-0.12,0.066-0.239,0.137-0.359,0.213 C6.173,36.55,3.702,30.895,3.702,25C3.702,13.256,13.256,3.702,25,3.702S46.298,13.256,46.298,25c0,5.944-2.507,11.633-6.893,15.668 c-0.169-0.106-0.331-0.198-0.492-0.278l-7.237-3.618C31.195,36.532,30.897,36.049,30.897,35.513z M15.134,46.324L15.134,46.324 L15.134,46.324L15.134,46.324L15.134,46.324z"></path></svg></div><img class="user-authorization-extended__avatar" data-bind="visible: userProvider.avatarImageLink(), attr: { src: userProvider.avatarImageLink, alt: 'Avatar' }"></div></div></div></script><script type="text/html" id="sp-c-headerGUP"><div class="header-gup" data-bind="style: {'background-color': options.Styling.BackgroundColor, 'color': options.Styling.TextColor, 'borderColor': options.Styling.BorderColor, 'background-image': options.Styling.BackgroundImage ? getImgUrl(options.Styling.BackgroundImage) : ''}"><div class="header-gup__logo"><a class="header-gup__logo-link" data-bind="attr: {'href': options.Logo.Url}"><img class="header-gup__logo-image" data-bind="attr: {'src': options.Logo.Image, 'alt': options.Logo.Alt}"></a></div><div class="header-gup__user-toolbar"><a class="header-gup__user-text" data-bind="text: getUserSalutationText(), attr: { 'href': options.UserSalutation.Url }"></a><a class="header-gup__logout-text" data-bind="text: options.Logout.Text, attr: { 'href': options.Logout.Url }"></a></div></div></script><script type="text/html" id="sp-c-information"><div class="information" data-bind="css: { 'information_page': ($parent instanceof Page) }"><div class="information__content" data-bind="html: options.Body"></div></div></script><script type="text/html" id="sp-c-input"><div class="custom-input" data-bind="visible: isDisplayed"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.Label, options.OptionalNextToTitle, !options.Validation.Required.Apply)"></label><div class="input-container"><input type="text" data-bind="validationTextInput: customInputValue, placeholder: Utils.concatStringsByCondition(options.Placeholder, options.OptionalNextToPlaceholder, !options.Validation.Required.Apply)"></div></div></div></script><script type="text/html" id="sp-c-inputGiftCode"><div class="input-gift-code"><div class="input-gift-code__header component-header"><div class="input-gift-code__title" data-bind="html: options.Title"></div><div class="input-gift-code__subtitle" data-bind="html: options.Subtitle"></div></div><div class="input-gift-code__body"><div class="general-errors general-errors_gift-code"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.GiftCode.Title, options.GiftCode.OptionalNextToTitle, !options.GiftCode.Validation.Required.Apply)"></label><div class="input-container"><input class="gift-code_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.GiftCode.Placeholder, options.GiftCode.OptionalNextToPlaceholder, !options.GiftCode.Validation.Required.Apply), validationTextInput: giftCode" aria-label="Gift Code"><div class="input-note" data-bind="visible: options.GiftCode.HelpText, text: options.GiftCode.HelpText"></div></div></div></div></div></script><script type="text/html" id="sp-c-landing"><div class="landings" data-bind="css: { 'landings_tabbed': $data instanceof LandingTabbed, 'landings_tiles': $data instanceof LandingTiles, 'landings_horizontal': $data instanceof LandingHorizontal, 'landings_alignedImage': $data instanceof LandingAlignedImage, 'landings_fullscreen': $data instanceof LandingFullscreen }, style: { 'background-image': options.Background && options.Background.Image ? getImgUrl(options.Background.Image) : '' }"><div class="landings__head"><div class="landings__title" data-bind="html: options.Title"></div><div class="landings__subtitle" data-bind="html: options.Subtitle"></div></div><div class="landings__body" data-bind="template: { name: subTemplateName }, css: { 'landings_zoom': options.IncreaseTileOnHover && !Utils.isMobile() }"></div></div></script><script type="text/html" id="sp-c-landingTabbed"><div class="landing landing_tabbed"><div class="landing__tabs landing__tabs_top" data-bind="foreach: getComponents()"><div class="tab activate-btn_qa" data-bind="click: function() {$parent.activate($data)}, css: {'active': isActive}"><div class="tab__content" data-bind="html: options.Title"></div></div></div><div class="landing__tabs landing__tabs_bottom"><div class="content"></div></div></div></script><script type="text/html" id="sp-c-landingHorizontal"><div class="landing landing_horizontal" data-bind="attr: { 'class': $element.className + ' landing_horizontal-' + $data.options.SubtypeName.toLowerCase().replace(' ', '') }"><div class="promotions"></div><div class="promotions"></div></div></script><script type="text/html" id="sp-c-landingTiles"><div class="landing landing_tiles" data-bind="attr: { 'class': $element.className + ' landing_tiles-' + $data.options.SubtypeName.toLowerCase().replace(' ', '') }"><div class="tiles-wrapper" data-bind="foreach: $data.getComponents()"><div class="tile" data-bind="style:{ width:((100-($parent.options.DisplayInlineCount-1)*3.125)/$parent.options.DisplayInlineCount)+'%', 'background-image': $data.options.Image? getImgUrl(options.Background.Image) : ''}, css: { 'active': $data.isActive }, click: function() {$parent.activate($data); Utils.scrollToElement('.landing_tiles .content');}"><div class="background"></div><div class="title-content"><div class="title-content-container"><div class="title" data-bind="html: $data.options.Title"></div><div class="subtitle" data-bind="html: $data.options.Subtitle"></div></div></div><div class="hover-text" data-bind="text: $data.options.HoverText"></div></div><div class="promotion-delimeter" data-bind="visible: ($index() + 1) % $parent.options.DisplayInlineCount !== 0"></div></div><div class="content"></div><div class="promotions"><div class="promotions__tiles promotions__tiles_top"></div><div class="promotions__tiles promotions__tiles_bottom"></div></div><div class="promotions"><div class="promotion-delimeter" data-bind="visible: (($index() + 1) % $parent.options.DisplayInlineCount) !== 0"></div></div><div class="promotions"><div class="promotion-delimeter" data-bind="visible: (($index() + 1) % $parent.options.DisplayInlineCount) !== 0"></div></div><div class="promotions"><div class="promotion-delimeter" data-bind="visible: (($index() + 1) % $parent.options.DisplayInlineCount) !== 0"></div></div></div></script><script type="text/html" id="sp-c-landingFullscreen"><div class="landing landing_fullscreen"><div class="landing__title" data-bind="html: options.Subtitle"></div><div class="promotions"></div></div></script><script type="text/html" id="sp-c-landingAlignedImage"><div class="landing landing_alignedImage"><div class="landing__image-container"><img class="landing__image" data-bind="attr: { src: options.Image, alt: options.ImageAlt }"></div><div class="landing__content"><div class="landing__title" data-bind="html: options.ContentTitle"></div><div class="promotions"></div></div></div></script><script type="text/html" id="sp-c-landingZipFirst"><div class="landing landingZipFirst"> <div class="landingZipFirst__main-section"><div class="landingZipFirst__main-section-col landingZipFirst__main-section-col_1"><div class="input-container"><input class="LandingZipCode_qa" type="tel" maxlength="5" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, enterkey: enterKeyHandler" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="landingZipFirst__main-section-col landingZipFirst__main-section-col_2"><div class="landingZipFirst__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn landingZipFirst__button pick-btn_qa" data-bind="text: options.GetOfferButton.Text, click: getOffersBtnClick, style: { 'background': customization.GetOfferButton.BackgroundColor, 'color': customization.GetOfferButton.TextColor, 'borderColor': customization.GetOfferButton.BorderColor, 'width': customization.GetOfferButton.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.GetOfferButton.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.GetOfferButton.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.GetOfferButton.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div><div class="landingZipFirst__fail-section"><div class="landingZipFirst__fail-header"><div class="landingZipFirst__fail-header-title" data-bind="html: options.FailSection.Title"></div><div class="landingZipFirst__fail-header-subtitle" data-bind="html: options.FailSection.Subtitle"></div></div><div class="landingZipFirst__fail-body"><div class="landingZipFirst__fail-body-col landingZipFirst__fail-body-col_1"><div class="landingZipFirst__fail-body-title" data-bind="html: options.FailSection.Body.Title"></div><div class="landingZipFirst__fail-body-text" data-bind="html: options.FailSection.Body.Text"></div></div><div class="landingZipFirst__fail-body-col landingZipFirst__fail-body-col_2"><div class="landingZipFirst__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn landingZipFirst__button pick-btn_qa" data-bind="html: options.FailSection.Button.Text, click: failBtnClick, style: { 'background': customization.FailButton.BackgroundColor, 'color': customization.FailButton.TextColor, 'borderColor': customization.FailButton.BorderColor, 'width': customization.FailButton.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.FailButton.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.FailButton.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.FailButton.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="landingZipFirst__fail-body-errors"><span class="error-message" data-bind="html: options.ErrorMessage"></span></div></div></div></div></div></script><script type="text/html" id="sp-c-link"><a class="link link-btn_qa" data-bind="click: linkClick"><span class="link__text" data-bind="text: options.Text, style: { 'color': options.Styling.TextColor}"></span><img class="link__image" data-bind="attr: { src: options.Image, alt: options.Alt }"></a></script><script type="text/html" id="sp-c-liveClicker"><div data-bind="html: $data.options.Title"></div><ul data-bind="foreach: $data.getComponents()"> <li></li></ul></script><script type="text/html" id="sp-c-military"><div class="military"><div class="military__title" data-bind="html: options.Title"></div><form class="military__body component-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="military-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" aria-label="First Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="military-last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" aria-label="Last Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.DutyStation.Title, options.DutyStation.OptionalNextToTitle, !options.DutyStation.Validation.Required.Apply)"></label><div class="input-container"><input class="military-duty-station_qa" type="text" maxlength="200" data-bind="placeholder: Utils.concatStringsByCondition(options.DutyStation.Placeholder, options.DutyStation.OptionalNextToPlaceholder, !options.DutyStation.Validation.Required.Apply), validationTextInput: dutyStation" aria-label="Duty Station"></div></div></form></div></script><script type="text/html" id="sp-c-notification"><div class="notifications" data-bind="visible: isDisplayed"><div class="notifications-errors" data-bind="visible: isErrorsShown"><div class="notifications-errors__title" data-bind="html: options.ErrorTitle"></div><div class="notifications-errors__list" data-bind="foreach: errorsArray"><div class="notification" data-bind="text: message"></div></div><div class="notifications-errors__closer" data-bind="click: hideErrorsNotifications"></div></div></div></script><script type="text/html" id="sp-c-notificationGeographic"><div class="notifications-geographic" data-bind="visible: isDisplayed"><div class="notifications-errors"><div class="notifications-errors__title" data-bind="html: options.ErrorTitle"></div><div class="notification" data-bind="html: options.Message"></div><div class="notifications-errors__closer" data-bind="click: hideErrorsNotifications"></div></div></div></script><script type="text/html" id="sp-c-offerDetails"><div class="offerDetails" data-bind="css: {'offerDetails_step': $parent instanceof Step}"><div class="offerDetails__header component-header"><div class="offerDetails__title" data-bind="html: options.Title"></div><div class="offerDetails__subtitle" data-bind="html: options.Subtitle"></div></div><div class="offerDetails__body" data-bind=" style: { 'background-color': OfferDetailsStylingCustomization.BackgroundColor,'border-color': OfferDetailsStylingCustomization.BorderColor, 'border-width': OfferDetailsStylingCustomization.BorderSize ? OfferDetailsStylingCustomization.BorderSize + 'px' : null, 'border-style': OfferDetailsStylingCustomization.BorderSize > 0 && 'solid'}"><div class="offerDetails__offer-title" data-bind="html: offer().Marketing.Title"></div><div class="offerDetails__columns"><div class="offerDetails__column offerDetails__column_first"><div class="offerDetails__img-container"><img class="offerDetails__img" data-bind="attr: { src: offer().Marketing.ImagePath, alt: offer().Marketing.ImageAltText }"></div></div><div class="offerDetails__column offerDetails__column_second"><div class="offerDetails__description"><div class="offerDetails__name"><div data-bind="text: options.SubscribeTo"></div></div><div class="offerDetails__text" data-bind="html: offer().Marketing.Body"></div><div class="offerDetails__text" data-bind="html: offer().Marketing.Price"></div></div></div></div></div></div></script><script type="text/html" id="sp-c-offerSelector"><div class="offer-selector" data-bind="if: isDisplayed"><h3 class="offer-selector__title" data-bind="html: options.Title"></h3></div></script><script type="text/html" id="sp-c-offersTiles"><div class="offers offers_tiles" data-bind="foreach: offers"><div class="offer offer_tile" data-bind="css:{'active': $data === $parent.selectedOffer(), 'offer_single': $parent.offers().length === 1}, click: $parent.userChooseOffer, style: { 'background-color': $parent.offerCustomization.BackgroundColor, 'color': $parent.offerCustomization.TextColor, 'border-color': $parent.offerCustomization.BorderColor, 'border-width': $parent.offerCustomization.BorderSize ? $parent.offerCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerCustomization.BorderSize > 0 && 'solid' }"><div class="offer__buttons offer__buttons_top"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor, 'width': $parent.getButtonWidth() }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="style: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><img class="offer__image" data-bind="existingImg: Marketing, css: { 'offer__image_hide-mobile' : $parent.options.Show.ImageOnMobile === false}"><div class="offer__text" data-bind="html: Marketing.Price"></div><div class="offer__buttons offer__buttons_middle"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor, 'width': $parent.getButtonWidth() }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="offer__text2" data-bind="html: Marketing.Body"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__buttons"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor, 'width': $parent.getButtonWidth() }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div></script><script type="text/html" id="sp-c-offersHorizontal"><div class="offers offers_horizontal" data-bind="foreach: offers"><div class="offer offer_horizontal" data-bind="css:{'active': $data === $parent.selectedOffer()}"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__dscText" data-bind="html: Marketing.Body"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__buttons"><button class="btn offer__button offer-btn_qa" data-bind="click: $parent.userChooseOffer, text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div></div></div><div class="offers offers_accordion" data-bind="foreach: offers"><div class="offer offer_accordion" data-bind="css:{'active': $data === $parent.selectedOffer()}, click: $parent.toggleOffersAccordion"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__description"><div class="best-offer" data-bind="css: { 'best-offer_active': $parent.isPreSelectedOffer($data) }"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><div class="offer__title-price-button-block"><div class="offer__title-price-block" data-bind="css: { 'offer__title-price-block_active': $parent.isPreSelectedOffer($data) }"><h3 class="offer__title" data-bind="html: Marketing.Title, css: { 'offer__title_active': $parent.isPreSelectedOffer($data) }"></h3><div class="offer__price" data-bind="text: Utils.getCurrencyString(Amount(), $parent.currency().ISOCode, $parent.currency().Culture), css: { 'offer__price_active': $parent.isPreSelectedOffer($data) }"></div></div><div class="offer__buttons" data-bind="css: { 'offer__buttons_active': $parent.isPreSelectedOffer($data) }"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div><div class="offer__dscText" data-bind="html: Marketing.Body, css: { 'offer__dscText_active': $parent.isPreSelectedOffer($data) }"></div><div class="offer__premiums-block" data-bind="css: { 'offer__premiums-block_active': $parent.isPreSelectedOffer($data) }"><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div></div><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="arrow-sign"><svg class="arrow-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-2 8 130 100" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"></path></g></svg></div></div></div></div></div><div class="offer-selector__meta"><div class="offer-selector__edit-line"><span class="offer-selector__edit-info" data-bind="text: options.OptionsSection.ShowingOptions"></span><span class="offer-selector__zipcode-text" data-bind="text: zipCode()"></span><span class="offer-selector__edit-link" data-bind="text: options.OptionsSection.Edit, click: edit"></span></div><div class="offer-selector__text-line" data-bind="text: options.OptionsSection.OptionsInclude"></div></div><div class="offers offers_horizontal offers_horizontal-landing" data-bind="foreach: offers"><div class="offer offer_horizontal offer_horizontal-landing" data-bind="click: $parent.preSelectOffer, css:{'active': $data === $parent.preSelectedOffer()}"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__dscText" data-bind="html: Marketing.Body"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__price" data-bind="text: Utils.getCurrencyString(Amount(), $parent.currency().ISOCode, $parent.currency().Culture)"></div></div></div></div><div class="offers offers_accordion offers_accordion-landing" data-bind="foreach: offers"><div class="offer offer_accordion offer_accordion-landing" data-bind="css:{'active': $data === $parent.selectedOffer()}, click: $parent.toggleOffersAccordion"><div class="offer__body" data-bind="style: { 'background-color': $parent.offerSelectorCustomization.BackgroundColor,'color': $parent.offerSelectorCustomization.TextColor, 'border-color': $parent.offerSelectorCustomization.BorderColor, 'border-width': $parent.offerSelectorCustomization.BorderSize ? $parent.offerSelectorCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerSelectorCustomization.BorderSize > 0 && 'solid' }"><div class="offer__description"><div class="best-offer" data-bind="css: { 'best-offer_active': $data === $parent.preSelectedOffer() }"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><div class="offer__title-price-block" data-bind="css: { 'offer__title-price-block_active': $parent.isPreSelectedOffer($data) }"><h3 class="offer__title" data-bind="html: Marketing.Title, css: { 'offer__title_active': $parent.isPreSelectedOffer($data) }"></h3><div class="offer__price" data-bind="text: Utils.getCurrencyString(Amount(), $parent.currency().ISOCode, $parent.currency().Culture), css: { 'offer__price_active': $parent.isPreSelectedOffer($data) }"></div></div><div class="offer__dscText" data-bind="html: Marketing.Body, css: { 'offer__dscText_active': $parent.isPreSelectedOffer($data) }"></div><div class="offer__premiums-block" data-bind="css: { 'offer__premiums-block_active': $parent.isPreSelectedOffer($data) }"><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div></div><div class="offer__sign"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="arrow-sign"><svg class="arrow-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="-2 8 130 100" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"></path></g></svg></div></div></div></div></div><div class="offer-selector__buttons"><button class="btn offer-selector__button offer-btn_qa" data-bind="click: choosePreSelectedOffer, text: options.OfferButtonText, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><div class="swg-button-light" data-bind="click: $parent.swgClickHandler, clickBubble: false"></div></div></script><script type="text/html" id="sp-c-offersCSR"><div class="offers offers_csr" id="csr"><div class="table-responsive"><table class="table table-hover"><thead><tr><th data-bind="text: 'Internal Name', click: function() { $data.sort('Name') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'Name'}"></th><th data-bind="text: 'Confirmation Name', click: function() { $data.sort('ConfirmationName') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'ConfirmationName'}"></th><th data-bind="text: 'Title', click: function() { $data.sort('Title') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'Title'}"></th><th data-bind="text: 'Ez Pay Required', click: function() { $data.sort('IsEzPayOptional') }, css: {'asc': $data.gridParams.sortOrder() === 'ASC', 'desc': $data.gridParams.sortOrder() === 'DESC', 'sortedBy': $data.gridParams.sortField() === 'IsEzPayOptional'}"></th><th data-bind="text: 'Select'"></th></tr></thead><tbody data-bind="foreach: $data.dataRows"><tr data-bind="click: $parent.userChooseOffer, css: { 'info': $data === $parent.selectedOffer() }, attr : { 'order': $index, 'planid': $data.PlanId }"><td data-bind="html: $data.Name"></td><td data-bind="html: $data.Marketing.ConfirmationName"></td><td data-bind="html: Utils.stripTags($data.Marketing.Title)"></td><td data-bind="text: $data.IsEzPayOptional === true ? 'No' : 'Yes'"></td><td class="selected-sign" data-bind="css: { 'selected': $data === $parent.selectedOffer() }"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></td></tr></tbody></table><div class="paging"><div class="paging__controls"><nav><ul class="pagination"><li data-bind="css: { disabled : $data.gridParams.pageIndex() === 1}"><a class="glyphicon glyphicon-step-backward" data-bind="click: function () { $data.flipPage(1) }"></a></li><li data-bind="css: { disabled : $data.gridParams.pageIndex() === 1}"><a class="glyphicon glyphicon-chevron-left" data-bind="click: function () { $data.flipPage($data.gridParams.pageIndex() - 1) }"></a></li></ul><ul class="pagination pages" data-bind="foreach: $data.pagesCount"><li class="page-number" data-bind="css: { active: $parent.gridParams.pageIndex() === $index() + 1 }"><a data-bind="text: $index() + 1, click: function () { $parent.flipPage($index() + 1) }"></a></li></ul><ul class="pagination"><li data-bind="css: { disabled : $data.gridParams.pageIndex() === $data.gridParams.totalPages() }"><a class="glyphicon glyphicon-chevron-right" data-bind="click: function () { $data.flipPage($data.gridParams.pageIndex() + 1) }"></a></li><li data-bind="css: { disabled : $data.gridParams.pageIndex() === $data.gridParams.totalPages() }"><a class="glyphicon glyphicon-step-forward" data-bind="click: function () { $data.flipPage($data.gridParams.totalPages()) }"></a></li></ul></nav></div><div class="paging__total"><span class="small" data-bind="text: $data.gridParams.totalRows() + ' ' + 'item(s)'"></span></div></div></div></div></script><script type="text/html" id="sp-c-offersApplePay"><div class="offers offers_tiles" id="tiles" data-bind="foreach: offers"><div class="offer offer_tile offer_apple-pay" data-bind="css: { 'active': $data === $parent.selectedOffer(), 'offer_single': $parent.offers().length === 1 }, domCallback: $parent.setOfferContainer"><div class="active-sign"><div class="active-sign__container" data-bind="style: {backgroundColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="offer__description"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText"></div></div><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><img class="offer__image" data-bind="existingImg: Marketing, css: { 'offer__image_hide-mobile' : $parent.options.Show.ImageOnMobile === false}"><div class="offer__dscText" data-bind="html: Marketing.Price"></div><div class="offer__dscText" data-bind="html: $parent.options.ExpressCheckoutOfferText"></div><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select></div><div class="offer__buttons" data-bind="domCallback: $parent.initFloatingButtons"><div class="offer__button apple-pay-button" data-bind="click: $parent.checkoutWithApplePay, clickBubble: false"></div><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.OfferButtonText, click: $parent.userChooseOffer, style: { 'background': $parent.buttonCustomization.BackgroundColor, 'color': $parent.buttonCustomization.TextColor, 'borderColor': $parent.buttonCustomization.BorderColor }, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="offer__terms"><div class="offer__terms-title">Terms & Conditions</div><div class="offer__terms-content" data-bind="html: TermsAndConditions"></div></div></div></div></script><script type="text/html" id="sp-c-offersDropdown"><div class="offers offers_dropdown"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Selector.Title"></label><div class="input-container"><select class="select" data-bind="options: offers, optionsText: function(item) { return item.Marketing.ConfirmationName }, value: selectedOption, optionsCaption: options.Selector.PlaceHolder, css: { 'select_placeholder': !selectedOffer() }"></select></div></div></div></script><script type="text/html" id="sp-c-offersSmallTiles"><div class="offers offers_smallTiles" data-bind="foreach: offers"><div class="offer offer_smallTile" data-bind="css:{'active': $data === $parent.selectedOffer(), 'offer_single': $parent.offers().length === 1}, click: $parent.userChooseOffer"><div class="offer__selector"><div class="active-sign"><div class="active-sign__container" data-bind="style: {borderColor: $parent.options.Sign.BgColor}"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon data-bind="attr: { fill: $parent.options.Sign.Color }" points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div></div><div class="offer__content"><div class="offer__description"><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__premiumTitle" data-bind="html: $parent.options.Premium.Title"></div><div class="offer__dscText" data-bind="html: Premiums[0].name"></div><select class="select" data-bind="options: Premiums, optionsText: 'name', value: $parent.selectedPremium, css: { 'select_placeholder': !$parent.selectedPremium() }"></select><div class="swg-button-light" data-bind="click: $parent.swgClickHandler"></div></div></div></div></div></script><script type="text/html" id="sp-c-offersCheckBox"><div class="offers offers_checkbox"><div class="offers__subtitle" data-bind="html: options.Subtitle"></div><div data-bind="foreach: offers"><div class="offer offer_checkbox" data-bind="click: $parent.preSelectOffer, css:{'active': $parent.isPreSelectedOffer($data)}"><div class="best-offer"><div class="best-offer__text" data-bind="html: $parent.options.BestOfferText, style:{'text-align': 'left'}"></div></div><div class="offer__body"><label class="checkbox"><input class="offer_checkbox_qa" type="checkbox" data-bind="checked: $parent.isPreSelectedOffer($data)"><div class="checkbox-switch"></div></label><div><div class="offer__title" data-bind="html: Marketing.Title"></div><div class="offer__description" data-bind="html: Marketing.Body"></div></div></div><hr></div></div><div class="offers__buttons" data-bind="style: {'padding-left': '10px'}"><button class="btn offer__button offer-btn_qa" data-bind="click: choosePreSelectedOffer, text: options.OfferButtonText, enable: isSelectCheckBox, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div></script><script type="text/html" id="sp-c-page"><div class="page" data-bind="visible: isDisplayed, displayTypeClass: displayType, style: { background: getBackground(options.Styling.Background), backgroundSize: getBackgroundSize(options.Styling.Background), backgroundAttachment: options.Styling.Background.Scrollable? 'scroll': 'fixed' }"><div class="page__contaner"></div><div class="page__header"><div class="page__title" data-bind="html:options.Title"></div><div class="page__subtitle" data-bind="html:options.Subtitle"></div></div></div></script><script type="text/html" id="sp-c-payment"><div class="payment-methods"><div class="payment-methods__title" data-bind="html: options.Title"></div><div class="payment-methods__container"><div class="general-errors general-errors_payment"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.PaymentMethodSelector.Title"></label><div class="input-container"><select class="select payment-methods__options pm-select_qa" data-bind="options: availablePaymentOptions, optionsText: 'optionName', optionsValue: $data, value: selectedPaymentOption, css: { 'select_placeholder': !selectedPaymentOption() }" aria-label="Payment Options"></select></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><label class="radio"><input class="pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div><span class="radio__text" data-bind="text: optionName"></span></label></div><div class="payment-methods__options"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text: options.Title"></div></div></div><div class="payment-methods__view-row" style="justify-content: space-between"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="width: 65%; justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div><div class="payment-methods__more" data-bind="text: options.MorePaymentOptionText, click: showOtherPaymentMethods" style="width: 29%"></div></div><div class="payment-methods__more-container" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__more-option-block"><div class="payment-methods__more-option" data-bind="click: $parent.selectedPaymentOption, css: { active: isActive() }"><img class="payment-methods__more-option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"><a class="payment-methods__more-option-link" data-bind="text: options.LearnMore.Text, click: learnMoreLinkClick"></a><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__options-container_accordion"><div class="payment-methods__option_accordion" data-bind="click: $parent.selectPaymentOption, css: { active: isActive() }"><div class="radio"><input class="payment-methods__radio pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div></div><div class="payment-methods__option-title_accordion" data-bind="text: options.Title"></div><img class="payment-methods__option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"></div><div class="payment-methods__body" data-bind="template: { name: templateName }, css: { active: isActive() }"></div></div></div><form class="payment-methods__additional-fields"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" name="fname" autocomplete="given-name" aria-label="First Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" name="lname" autocomplete="family-name" aria-label="Last Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="zipCodeCol"><label data-bind="text: options.Country.Title"></label><div class="input-container"><select class="select countries_qa" data-bind="options: countries, optionsText: 'Name', optionsValue: 'Code', validationTextInput: currentCountry, css: { 'select_placeholder': !currentCountry() }" aria-label="Country"></select></div></div><div class="zipCodeCol"><label data-bind="text: options.Currency.Title"></label><div class="input-container"><select class="select currensies_qa" data-bind="options: currencies, optionsText: 'Description', optionsValue: 'ISOCode', validationTextInput: currentCurrency, css: { 'select_placeholder': !currentCurrency() }" aria-label="Currency"></select><input class="currency_qa" type="text" disabled data-bind="validationTextInput: currentCurrency, value: currentCurrencyDescription()" name="currency" aria-label="Currency"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode, domCallback: onZipCodeInputMounted" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="zipCodeCol"><label data-bind="text: Utils.concatStringsByCondition(options.State.Title, options.State.OptionalNextToTitle, !options.State.Validation.Required.Apply)"></label><div class="input-container"><select class="select states_qa" data-bind="options: states, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentState, optionsCaption: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), css: { 'select_placeholder': !currentState() }" aria-label="State"></select><input class="states_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), validationTextInput: currentState" aria-label="State"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"><span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl, alt: $data.options.PhoneNumber.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div data-bind="css: {'zipCodeCol': options.PostalCode.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.PostalCode.Title, options.PostalCode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PostalCode.Placeholder, options.PostalCode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode" name="zip" autocomplete="postal-code" aria-label="Postal Code"></div></div><div data-bind="css: {'zipCodeCol': options.Province.Show !== false}"><label data-bind="text: Utils.concatStringsByCondition(options.Province.Title, options.Province.OptionalNextToTitle, !options.Province.Validation.Required.Apply)"></label><div class="input-container"><input class="province_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), validationTextInput: currentProvince" name="province" autocomplete="address-level1" aria-label="Province"><select class="select" data-bind="options: provinces, optionsText: 'Code', optionsValue: 'Code', validationTextInput: currentProvince, optionsCaption: Utils.concatStringsByCondition(options.Province.Placeholder, options.Province.OptionalNextToPlaceholder, !options.Province.Validation.Required.Apply), css: { 'select_placeholder': !currentProvince }" aria-label="Province"></select></div></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.InternationalPhone.Title, options.InternationalPhone.OptionalNextToTitle, !options.InternationalPhone.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.InternationalPhone.Placeholder, options.InternationalPhone.OptionalNextToPlaceholder, !options.InternationalPhone.Validation.Required.Apply), validationTextInput: intPhone" name="phone" autocomplete="tel" aria-label="Phone Number"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="email_qa" type="email" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email" name="email" autocomplete="email" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.TransferBalance.Title, options.TransferBalance.OptionalNextToTitle, !options.TransferBalance.Validation.Required.Apply)"></label><div class="input-container"><input class="transfer-balance_qa" type="text" maxlength="15" data-bind="placeholder: Utils.concatStringsByCondition(options.TransferBalance.Placeholder, options.TransferBalance.OptionalNextToPlaceholder, !options.TransferBalance.Validation.Required.Apply), maskedBalanceTransfer: transferBalance, validationTextInput: transferBalance" aria-label="Transfer Balance"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.TransferBalanceReason.Title"></label><div class="input-container"><select class="select transfer-balance__reasons tdr-select_qa" data-bind="options: availableTransferBalanceReasons, value: selectedTransferBalanceReason, disable: !transferBalance(), css: { 'select_placeholder': !selectedTransferBalanceReason() }" aria-label="Transfer Balance reasons"></select></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.TransferBalanceReason.Title"></label><div class="input-container"><select class="select transfer-balance__reasons tdr-select_qa" data-bind="options: availableTransferBalanceReasons, value: selectedTransferBalanceReason, disable: !transferBalance(), css: { 'select_placeholder': !selectedTransferBalanceReason() }" aria-label="Transfer Balance reasons"></select></div></div></form><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.PaymentMethodSelector.Title"></label><div class="input-container"><select class="select payment-methods__options pm-select_qa" data-bind="options: availablePaymentOptions, optionsText: 'optionName', optionsValue: $data, value: selectedPaymentOption, css: { 'select_placeholder': !selectedPaymentOption() }" aria-label="Payment Options"></select></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><label class="radio"><input class="pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div><span class="radio__text" data-bind="text: optionName"></span></label></div><div class="payment-methods__options"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text: options.Title"></div></div></div><div class="payment-methods__view-row" style="justify-content: space-between"><div class="payment-methods__options-container" data-bind="foreach: availablePaymentOptions()" style="width: 65%; justify-content: space-between"><div style="width: 45%"><div class="payment-methods__option" data-bind="style: {'background-image': $parent.getImage($data)}, click: $parent.selectedPaymentOption, css: { active: isActive() }"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div><div class="payment-methods__more" data-bind="text: options.MorePaymentOptionText, click: showOtherPaymentMethods" style="width: 29%"></div></div><div class="payment-methods__more-container" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__more-option-block"><div class="payment-methods__more-option" data-bind="click: $parent.selectedPaymentOption, css: { active: isActive() }"><img class="payment-methods__more-option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"><a class="payment-methods__more-option-link" data-bind="text: options.LearnMore.Text, click: learnMoreLinkClick"></a><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewbox="0 0 192 192" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal;"><path d="M0,192v-192h192v192z" fill="none"></path><g class="svg-color"><path d="M189.0375,96c0,-51.375 -41.6625,-93.0375 -93.0375,-93.0375c-51.375,0 -93.0375,41.6625 -93.0375,93.0375c0,51.375 41.6625,93.0375 93.0375,93.0375c51.375,0 93.0375,-41.6625 93.0375,-93.0375z"></path><g fill="#ffffff"><path d="M147.225,64.8375c-2.175,-5.6625 -6.6375,-4.7625 -11.475,-3.7875c-2.8875,0.6 -15.75,4.35 -36.0375,25.8c-8.4375,8.8875 -13.9875,15.975 -17.6625,21.375c-2.25,-2.7375 -4.8,-5.7 -7.5,-8.3625c-8.2875,-8.2875 -17.55,-13.9875 -17.925,-14.2125c-3.8625,-2.3625 -8.925,-1.1625 -11.325,2.7375c-2.3625,3.8625 -1.1625,8.925 2.7,11.325c0.075,0.0375 8.025,4.95 14.85,11.8125c6.975,6.975 13.3125,16.425 13.3875,16.5375c1.5375,2.325 4.125,3.675 6.8625,3.675c0.45,0 0.9375,-0.0375 1.425,-0.1125c3.225,-0.5625 5.775,-2.9625 6.5625,-6.1125c0.0375,-0.075 3.3,-9.1125 20.5125,-27.2625c13.875,-14.6625 23.1375,-19.3125 26.3625,-20.5875c0.0375,0 0.0375,0 0.1125,0c0,0 0.1125,-0.0375 0.3,-0.15c0.5625,-0.225 0.8625,-0.3 0.8625,-0.3c-0.15,0.0375 -0.225,0.0375 -0.225,0.0375v-0.0375c1.5,-0.6375 4.275,-1.8375 4.3125,-1.875c4.1625,-1.8 5.55,-6.3 3.9,-10.5z"></path></g></g></g></svg></div><div class="payment-methods__option-title" data-bind="text:options.Title"></div></div></div></div><div class="payment-methods__options" data-bind="foreach: availablePaymentOptions()"><div class="payment-methods__options-container_accordion"><div class="payment-methods__option_accordion" data-bind="click: $parent.selectPaymentOption, css: { active: isActive() }"><div class="radio"><input class="payment-methods__radio pm-select_qa" type="radio" name="payment-option" data-bind="checkedValue: $data, checked: $parent.selectedPaymentOption" aria-label="Payment Options"><div class="radio__switch"></div></div><div class="payment-methods__option-title_accordion" data-bind="text: options.Title"></div><img class="payment-methods__option-image" data-bind="attr: {'src': options.Image, 'alt': options.Alt }"></div><div class="payment-methods__body" data-bind="template: { name: templateName }, css: { active: isActive() }"></div></div></div><div class="payment-methods__body" data-bind="template: { name: getTemplateName, foreach: availablePaymentOptions()}"></div></div></div></script><script type="text/html" id="sp-c-paypal"><div class="payment-method__body"><div id="paypal-button" data-bind="visible: isDisplayed"><div data-bind="html: options.Disclaimer"></div></div></div></script><script type="text/html" id="sp-c-paypalExpress"><div class="payment-method__body"><div id="paypal-express-button" data-bind="domCallback: initializePaypalButton"></div></div></script><script type="text/html" id="sp-c-paypalDTI"><div class="payment-method__body" data-bind="visible: isDisplayed"><div data-bind="html: options.Description"></div><div class="paypal-dti-button" id="paypal-dti-button" data-bind="domCallback: initializePaypalButtonDTI"></div><div data-bind="html: options.Disclaimer"></div></div></script><script type="text/html" id="sp-c-paypalBrainTree"><div class="payment-method__body" data-bind="visible: isDisplayed"><div data-bind="html: options.Description"></div><div class="paypal-braintree-button" id="paypal-braintree-button" data-bind="domCallback: onHTMLMounted"></div><div data-bind="html: options.Disclaimer"></div></div></script><script type="text/html" id="sp-c-perk"><div class="perk" data-bind="style: {'width': $parent.perkWidth, 'backgroundColor': backgroundColor}"><div class="perk__icon"></div><div class="perk__icon" data-bind="style: {'backgroundImage': 'url('+ Styling.Image +')'}"></div><div class="perk__title" data-bind="html: Title"></div><div class="perk__content" data-bind="html: Body"></div></div></script><script type="text/html" id="sp-c-placeOrder"><div class="placeOrder"><div class="placeOrder__title" data-bind="html: options.Title"></div><div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.UserInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.UserInformation.Email.Title + ' '"></span><span data-bind="text: userInformation().email"></span></div><div><span data-bind="text: options.UserInformation.DisplayName.Title + ' '"></span><span data-bind="text: userInformation().displayName"></span></div><div class="editBtn user-btn_qa" data-bind="text: options.UserInformation.Edit, click: clickEditUserInformation, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.MilitaryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.MilitaryInformation.FullName + ' '"></span><span data-bind="text: militaryInformation().firstName + ' ' + militaryInformation().lastName"></span></div><div><span data-bind="text: options.MilitaryInformation.DutyStation + ' '"></span><span data-bind="text: militaryInformation().dutyStation"></span></div><div class="editBtn military-btn_qa" data-bind="text: options.MilitaryInformation.Edit, click: clickEditMilitaryInformation, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.CollegeInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.CollegeInformation.FullName + ' '"></span><span data-bind="text: collegeInformation().firstName + ' ' + collegeInformation().lastName"></span></div><div><span data-bind="text: options.CollegeInformation.StudentId + ' '"></span><span data-bind="text: collegeInformation().studentId"></span></div><div class="editBtn user-btn_qa" data-bind="text: options.CollegeInformation.Edit, click: clickEditCollegeInformation, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.PaymentInformation.Title"></div><div class="summaryRow__content"><div class="summaryRow__content_wripper"><span data-bind="text: options.PaymentInformation.PayPal.Title"></span><img src="https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-100px.png" data-bind="attr: { 'alt': options.PaymentInformation.PayPal.ImageAlt }"></div><div><span data-bind="text: options.PaymentInformation.PayPal.SecuredDataMessage"></span></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div class="summaryRow__content_wripper"><span class="applepay-title" data-bind="text: options.PaymentInformation.ApplePay.Title"></span><img class="applepay-logo" src="/img/applepay.png" border="0" data-bind="attr: { alt: options.PaymentInformation.ApplePay.ImageAlt }"></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div class="summaryRow__content_wripper"><span class="googlepay-title" data-bind="text: options.PaymentInformation.GooglePay.Title"></span><img class="googlepay-logo" src="/img/googlepay.png" border="0" data-bind="attr: { alt: options.PaymentInformation.GooglePay.ImageAlt }"></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.CreditCard.Title"></span></div><span data-bind="text: options.PaymentInformation.CreditCard.SecuredDataMessage"></span><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().creditCard"><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Holder + ' '"></span><span data-bind="text: cardHolder"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Number + ' '"></span><img class="summaryRow__credit-card-img" data-bind="attr: { src: $parent.creditCardImage().src, alt: $parent.creditCardImage().alt }"><span data-bind="text: Utils.getLast4Digits(cardNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.CreditCard.Expiration + ' '"></span><span data-bind="text: expirationMonth + '/' + expirationYear"></span></div><div class="editBtn payment-btn_qa" data-bind="text: $parent.options.PaymentInformation.Edit, click: $parent.clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content" data-bind="with: paymentInformation().bankAccount"><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.BankName + ' '"></span><span data-bind="text: bank"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.AccountNumber + ' '"></span><span data-bind="text: Utils.getLast4Digits(accountNumber)"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.BankAccount.RoutingNumber + ' '"></span><span data-bind="text: routingNumber"></span></div><div class="editBtn payment-btn_qa" data-bind="text: $parent.options.PaymentInformation.Edit, click: $parent.clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content"><div><span data-bind="text: options.PaymentInformation.BillMe.Title"></span></div><div><span data-bind="text: options.PaymentInformation.BillMe.Disclaimer"></span></div><div class="editBtn payment-btn_qa" data-bind="text: options.PaymentInformation.Edit, click: clickEditPayment, clickBubble: false"></div></div><div class="summaryRow__content" data-bind="with: paymentAddress()"><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Title"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.FullName + ' '"></span><span data-bind="text: name"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Email + ' '"></span><span data-bind="text: email"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Zipcode + ' '"></span><span data-bind="text: zipCode"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Phone + ' '"></span><span data-bind="text: phone, maskedPhone: phone"></span></div><div><span data-bind="text: $parent.options.PaymentInformation.PaymentAddress.Country + ' '"></span><span data-bind="text: country"></span></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.DeliveryInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.DeliveryInformation.FullName + ' '"></span><span data-bind="text: deliveryAddress().name"></span></div><div><span data-bind="text: options.DeliveryInformation.Address + ' '"></span><span data-bind="text: deliveryAddress().address"></span><span data-bind="text: ', ' + deliveryAddress().aptUnit"></span></div><div><span data-bind="text: options.DeliveryInformation.CityStateZipcode + ' '"></span><span data-bind="text: deliveryAddress().city + ', '"></span><span data-bind="text: deliveryAddress().state + ' '"></span><span data-bind="text: deliveryAddress().zipCode"></span></div><div class="editBtn delivery-btn_qa" data-bind="text: options.DeliveryInformation.Edit, click: clickEditDeliveryAddress, clickBubble: false"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.BillingInformation.Title"></div><div class="summaryRow__content"><div><span data-bind="text: options.BillingInformation.FullName + ' '"></span><span data-bind="text: billingAddress().name"></span></div><div><span data-bind="text: options.BillingInformation.Address + ' '"></span><span data-bind="text: billingAddress().address"></span><span data-bind="text: ', ' + billingAddress().aptUnit"></span></div><div><span data-bind="text: options.BillingInformation.CityStateZipcode + ' '"></span><span data-bind="text: billingAddress().city + ', '"></span><span data-bind="text: billingAddress().state + ' '"></span><span data-bind="text: billingAddress().zipCode"></span></div><div class="editBtn billing-btn_qa" data-bind="text: options.BillingInformation.Edit, click: clickEditBillingAddress, clickBubble: false"></div></div></div></div><div data-bind="template: { name: getTemplateName, foreach: getFilteredComponents(include = [ComponentsNames.Information, ComponentsNames.TermsAndConditions])"></div></div></script><script type="text/html" id="sp-c-previousSunday"><div class="previousSunday"><label class="checkbox"><input type="checkbox" data-bind="checked: allowPreviousSunday"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.CheckboxText"></span></label></div></script><script type="text/html" id="sp-c-promotion-default"><div class="promotion promotion_default" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_default-rounded': ($parent.options.SubtypeName === 'Rounded'), 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}, style:{ width: $parent.promotionWidth }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible(), 'promotion__banner_rounded': ($parent.options.SubtypeName === 'Rounded') }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'default') }, css: { 'promotion__wrapper_rounded': ($parent.options.SubtypeName === 'Rounded') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width}, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded}"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded}"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-default"><div class="promotion__container"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__content" data-bind="html: options.Body"></div></div></div></script><script type="text/html" id="sp-c-promotion-collapsed"><div class="promotion promotion_default" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}, style:{ width: $parent.promotionWidth }"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible() }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'collapsed') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width}, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded}"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor }, css: {'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded}"></button></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-collapsed"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title" data-bind="style:{'display': 'flex', 'flex-wrap': 'wrap', 'justify-content': 'center'}"><div class="promotion__title" data-bind="html: options.Title, style: {'float':'left', 'width':'80%'}"></div><div class="promotion__button_collapsed" data-bind="click: function(data, event) {$parent.openItem(data, event)}, style:{'align-self': 'center'}"><svg viewbox="0 0 140 140" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z" fill="grey"></path></g></svg></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, style: {'text-align': 'center'}"></div></div></div><div class="promotion__image-container promotion__image-container_collapsed" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image): '','display': 'block'}"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="promotion__content" data-bind="html: options.Body"></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div></script><script type="text/html" id="sp-c-promotion-horizontal"><div class="promotion promotion_horizontal" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible() }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'horizontal') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': customization.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-horizontal"><div class="promotion__container" data-bind="click: promotionClick.bind($data, '#modal-zipcode-' + $index())"><div class="promotion__preheader"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__image-container" data-bind="style: { 'background-image': options.Image? getImgUrl(options.Image) : '' }"><img class="promotion__image img-responsive" data-bind="attr: {'src': options.Image, 'alt': options.ImageDefaultAlt }"><div class="promotion__header-background" data-bind="style: { 'background-color': options.Styling.BackgroundColor }"></div></div><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div></script><script type="text/html" id="sp-c-promotion-noImage"><div class="promotion promotion_noimage" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive, 'promotion_zoom': $parent.options.IncreaseTileOnHover && !Utils.isMobile() && !isModalShown()}, style:{ width: $parent.promotionWidth }"><div class="promotion__wrapper" data-bind="template: { name: getTemplateName($data, $context, 'noImage') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"></button></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"></button></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index())"></button></div></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion-details"><div class="promotion-details__title details-btn_qa" data-bind="text: options.Details.Title, click: toggleDetails, clickBubble: false"></div><div class="promotion-details__body" data-bind="visible: showDetails, html: options.Details.Body"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-noImage"><div class="promotion__container"><div class="promotion__body"><div class="promotion__body-header" data-bind="style:{ 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }"><div class="promotion__body-title"><div class="promotion__title" data-bind="html: options.Title"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle"></div></div><div class="promotion__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }, click: promotionClick.bind($data, '#modal-zipcode-' + $index()),"></button></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div></div></script><script type="text/html" id="sp-c-promotion-accordion"><div class="promotion promotion_accordion" data-bind="if: isDisplayed, css: {'digital': $data instanceof PromotionDigital, 'zipCode': $data instanceof PromotionZipCode, 'upsell': $data instanceof PromotionUpsell, 'active': isActive}"><div class="promotion__banner" data-bind="html: getTileTopText(), css: { 'promotion__banner_invisible': !isTileTopVisible() }, style: {'background-color': topTileCustomization.BackgroundColor, 'border-color': topTileCustomization.BorderColor, 'border-width': topTileCustomization.BorderSize ? topTileCustomization.BorderSize + 'px' : null }"></div><div class="promotion__wrapper" data-bind="css: { 'promotion__wrapper_active': isPromotionAccordionItemOpen }, style:{ 'background-image': options.Image? getImgUrl(options.Image) : '', 'background-color': customization.BackgroundColor, 'color': customization.TextColor, 'border-color': customization.BorderColor, 'border-width': customization.BorderSize ? customization.BorderSize + 'px' : null }, template: { name: getTemplateName($data, $context, 'accordion') }"></div></div></script><script type="text/html" id="sp-c-promotionDigital-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading... </div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__coupon-link promotion__coupon-link_digital"><div class="coupon-link" data-bind="text: options.Action.Coupon.ShowText"></div></div><div class="promotion__onetime-link promotion__onetime-link_digital"><div class="onetime-link" data-bind="text: options.Action.OneTimeUseCode.ShowText"></div></div><div class="promotion__coupon-link" data-bind="visible: shouldShowInputs"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()); }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link" data-bind="visible: shouldShowInputs"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()); }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: options.EnableEmail"><label data-bind="text: options.Action.Email.Title"></label><div class="input-container"><input class="email_qa" type="email" data-bind="validationTextInput: email, placeholder: options.Action.Email.Placeholder" aria-label="Email"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isCouponPresented"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing" data-bind="visible: isOneTimeUseCodePresented"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, enable: promontionIsValid, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div></div></script><script type="text/html" id="sp-c-promotionZipCode-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent), clickBubble: false"></div></div></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link"><div class="coupon-code" data-bind="click: function(){ isCouponPresented(!isCouponPresented()) }, clickBubble: false, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link"><div class="onetime-code" data-bind="click: function(){ isOneTimeUseCodePresented(!isOneTimeUseCodePresented()) }, clickBubble: false, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document" data-bind="css: {'delivery-days-shown': showDeliveryDays}"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip-coupon_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted, zipCodeBinding: zipCode" aria-label="Home ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.Coupon.Title"></label><div class="input-container"><input class="coupon_qa" type="text" data-bind="validationTextInput: coupon, placeholder: options.Action.Coupon.Placeholder" aria-label="Coupon Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.OneTimeUseCode.Title"></label><div class="input-container"><input class="onetime_qa" type="text" data-bind="validationTextInput: oneTimeUseCode, placeholder: options.Action.OneTimeUseCode.Placeholder" aria-label="One Time Use Code"></div></div><div class="promotion__coupon-link promotion__coupon-link_modal"><div class="coupon-code" data-bind="click: function(){isCouponPresented(!isCouponPresented())}, css: { 'coupon-code_active': isCouponPresented }"><div class="coupon-code__icon" data-bind="visible: !isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="coupon-code__icon coupon-code__icon_active" data-bind="visible: isCouponPresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="coupon-code__text" data-bind="text: isCouponPresented() ? options.Action.Coupon.HideText : options.Action.Coupon.ShowText"></span></div></div><div class="promotion__onetime-link promotion__onetime-link_modal"><div class="onetime-code" data-bind="click: function(){isOneTimeUseCodePresented(!isOneTimeUseCodePresented())}, css: { 'onetime-code_active': isOneTimeUseCodePresented }"><div class="onetime-code__icon" data-bind="visible: !isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-3v3h-1v-3h-3v-1h3v-3h1v3h3V40.5z"></path></svg></div><div class="onetime-code__icon onetime-code__icon_active" data-bind="visible: isOneTimeUseCodePresented()"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-10 30 20 20" xml:space="preserve"><path d="M0,30.5c-5.246704,0-9.5,4.253296-9.5,9.5s4.253296,9.5,9.5,9.5s9.5-4.253296,9.5-9.5S5.246704,30.5,0,30.5z M3.5,40.5h-7v-1h7V40.5z"></path></svg></div><span class="onetime-code__text" data-bind="text: isOneTimeUseCodePresented() ? options.Action.OneTimeUseCode.HideText : options.Action.OneTimeUseCode.ShowText"></span></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': modalButtonDisabled }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="delivery-days" data-bind="template: { name: ComponentTemplateNames.DeliveryDays, foreach: options.deliveryDays }"></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text,click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionUpsell-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': options.Styling.Button.BackgroundColor, 'color': options.Styling.Button.TextColor, 'borderColor': options.Styling.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__body-header"><div class="promotion__body-upsell-switch"><label class="checkbox" data-bind="click: zipModeClick, clickBubble: false"><input class="zip-mode_qa" type="checkbox" value="upsell" data-bind="checked: zipCodeModeEnabled"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.SwitchText"></span></label></div><div class="promotion__actions" data-bind="enterkey: enterKeyHandler, visible: shouldShowInputs"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div></div><div class="promotion__non-deliverable-zip" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div><div class="promotion__modal modal fade" data-bind="modal: isModalShown, enterkey: enterKeyHandler, domCallback: setModalElement" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content" data-bind="style: { 'background-color': customization.Modal.BackgroundColor, 'color': customization.Modal.TextColor }"><div class="modal-close close" data-dismiss="modal" aria-label="Close"></div><div class="modal-title" data-bind="html: options.Action.Title"></div><div class="modal-body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: options.Action.ZipCode.Title"></label><div class="input-container"><input class="zip_qa" type="tel" data-bind="validationTextInput: zipCode, placeholder: options.Action.ZipCode.Placeholder, domCallback: onZipCodeInputMounted" maxlength="5" aria-label="Home ZIP Code"></div></div></div><div class="modal-button"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button modal-pick-btn_qa" data-bind="text: options.Button.Text, click: submit, attr: { 'disabled': !zipCode.isValid() }, style: { 'background': customization.Modal.Button.BackgroundColor, 'color': customization.Modal.Button.TextColor, 'borderColor': customization.Modal.Button.BorderColor }, css: { 'busy' : isBusy(), 'btn_square': customization.Modal.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Modal.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Modal.Button.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="promotion__errors"><span class="error-message" data-bind="html: options.NoOffersAvailableMessage"></span></div><div class="promotion__non-deliverable-zip promotion__non-deliverable-zip_modal" data-bind="with: options.Action.ZipCodeFail"><div data-bind="text: Title"></div><div data-bind="html: Body"></div><div class="promotion__zip-fail-link zip-fail_qa" data-bind="html: Button.Text, click: $parent.zipFailClick.bind($parent)"></div></div></div></div></div></script><script type="text/html" id="sp-c-promotionLinkOnly-accordion"><div class="promotion__container" data-bind="click: function(data, event) { $parent.togglePromotionsAccordion('#modal-zipcode-' + $index(), data, event) }"><div class="promotion__titles-button-row" data-bind="css: { 'promotion__titles-button-row_active': isPromotionAccordionItemOpen }"><div class="promotion__titles" data-bind="css: { 'promotion__titles_active': isPromotionAccordionItemOpen }"><div class="promotion__title" data-bind="html: options.Title, css: { 'promotion__title_active': isPromotionAccordionItemOpen }"></div><div class="promotion__subtitle" data-bind="html: options.Subtitle, css: { 'promotion__subtitle_active': isPromotionAccordionItemOpen }"></div></div><div class="promotion__buttons" data-bind="css: { 'promotion__buttons_active': isPromotionAccordionItemOpen }"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn promotion__button pick-btn_qa" data-bind="text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button></div></div><div class="promotion__bodies-row" data-bind="css: { 'promotion__bodies-row_active': isPromotionAccordionItemOpen }"><div class="promotion__body"><div class="promotion__content" data-bind="html: options.Body"></div></div><div class="promotion__footer" data-bind="html: options.Bodybottom"></div></div></div></script><script type="text/html" id="sp-c-rssFeed"><div class="rss-feed"><div class="rss-feed__header component-header"><div class="rss-feed__title" data-bind="html: options.Title"></div><div class="rss-feed__subtitle" data-bind="html: options.Subtitle"></div></div><div class="rss-feed__body" data-bind="foreach: newsList"><div class="rss-item" data-bind="click: function() { Utils.clickLink(link,'_blank'); }"><div class="rss-item__pub-date" data-bind="text: pubDate"></div><div class="rss-item__image-container"><img data-bind="attr: { src: $data['media:thumbnail']['$'].url, alt: 'RSS image'}"></div><div class="rss-item__title" data-bind="html: title"></div></div></div></div></script><script type="text/html" id="sp-c-scheduledStart"><div class="scheduledStart"><label class="checkbox"><input type="checkbox" data-bind="checked: isStartImmediately"><div class="checkbox-switch"></div><span class="checkbox-text" data-bind="text: options.StartImmediatelyText"></span></label><div class="infoRow infoRow_extra-small-spacing"><input class="flatpickr" type="text" maxlength="35" data-bind=" placeholder: options.Placeholder, validationTextInput: startDate, disable: isStartImmediately"></div></div></script><script type="text/html" id="sp-c-slideShow"><div class="slide-show"><div class="slide-show__head"><div class="slide-show__title" data-bind="html: options.Headtitle"></div></div><div class="slide-show__body"><div class="slide-show__slides" data-bind="foreach: slidesArray"><div class="slide" data-bind="visible: isActive"><div class="slide__link slide-btn_qa" data-bind="click: function(){ if (slide.RedirectUrl) { Utils.clickLink(slide.RedirectUrl, '_self') } }"><div class="slide__background" data-bind=" style: { 'background': 'url(' + slide.ImageUrl + ')' , 'backgroundSize': 'cover' , 'backgroundPosition' : 'center' } "><div class="slide__contaner" data-bind="style: { 'verticalAlign' : slide.BodyVertical }"><div class="slide__content" data-bind="style: { 'background-color': slide.Background.Color }, visible: slide.Title || slide.Body"><div class="slide__title" data-bind="html: slide.Title"></div><div class="slide__text" data-bind="html: slide.Body"></div></div></div></div></div></div></div><div class="slide-show__dots" data-bind="foreach: slidesArray"><div class="slide-show__dot" data-bind="click: function() {$parent.moveToSlide($index())}, css: { 'slide-show__dot_active': isActive }"></div></div><div class="slide-show__control slide-show__control_left prev-btn_qa" data-bind="if: showControls, click: prev"><div class="slide-show__control-icon slide-show__control-icon_left"></div></div><div class="slide-show__control slide-show__control_right next-btn_qa" data-bind="if: showControls, click: next"><div class="slide-show__control-icon slide-show__control-icon_right"></div></div></div></div></script><script type="text/html" id="sp-c-step"><div class="step step_narrow-spacing" data-bind="css: { 'active': isActive(), 'completed' : isCompleted(), 'disabled': showDisableOverlay }, visible: isDisplayed"><div class="overlay" data-bind="visible: isBusy()"><div class="loader-container loader-container_visible"><div class="loader"></div><div class="loader-placeholder">Loading...</div></div></div><div class="disable-overlay" data-bind="visible: showDisableOverlay"></div><div><div class="step__header component-header" data-bind="click: function () {$parent.activateComponent($data);return true;}, style: { backgroundColor: customization.MainColor }"><div class="step__complete-sign"><svg class="completed-svg-sign" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 15" style="enable-background:new 0 0 17 15;" xml:space="preserve"><polygon class="completed-svg-sign__path" points="5,14.4 0.3,9.7 1.7,8.3 5,11.6 15.3,0.3 16.7,1.7 "></polygon></svg></div><div class="step__edit-sign"><svg class="edit-svg-sign" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 17" style="enable-background:new 0 0 17 17;" xml:space="preserve"><path class="edit-svg-sign__path" d="M12.606,0.293L2.005,10.894l-1.75,5.851l5.85-1.748L16.707,4.394L12.606,0.293z M15.293,4.394l-1.144,1.144l-2.687-2.687l1.144-1.144L15.293,4.394z M5.577,14.109L2.39,15.063l-0.46-0.427l0.961-3.213l7.865-7.865l2.687,2.687L5.577,14.109z"></path></svg></div><div class="step__enumer step-enumer" data-bind="text: viewModel.presentation.steps().filter(function(item){ return item.state() !== ComponentStates.Disabled; }).indexOf($data)+1, style: { background: customization.AccentColor, color: customization.TextAccentColor }"></div><div class="step__title" data-bind="html: stepTitle, style: { color: customization.TextColor }"></div><div class="step__subtitle" data-bind="html: stepSubtitle, style: { color: customization.TextColor }"></div></div><div class="step__body" data-bind="visible: showBody"><div class="general-errors general-errors_step"><div class="general-errors__title" data-bind="text: $root.presentation.options.PresentationProperties.options.Erorrs.GeneralErrors.Title"></div><ul class="general-errors__list" data-bind="foreach: $root.presentation.errors"><li data-bind="html: $data.message"></li></ul></div><div class="step__content component-body" data-bind="template: { name: getTemplateName, foreach: $data.getFilteredComponents(include = [ComponentsNames.Landing, ComponentsNames.OfferSelector, ComponentsNames.OfferDetails, ComponentsNames.BillingInformation, ComponentsNames.DeliveryInformation, ComponentsNames.Payment, ComponentsNames.UserInformation, ComponentsNames.PlaceOrder, ComponentsNames.EzPay, ComponentsNames.TermsAndConditions, ComponentsNames.Information, ComponentsNames.ScheduledStart, ComponentsNames.Input, ComponentsNames.Upsell, ComponentsNames.Military, ComponentsNames.College, ComponentsNames.EmailPreferences, ComponentsNames.PreviousSunday, ComponentsNames.GiftRecipient, ComponentsNames.UserInformationNoAccount, ComponentsNames.InputGiftCode, ComponentsNames.GiftDetails, ComponentsNames.Checkbox, ComponentsNames.CheckboxTermsConsent, ComponentsNames.MarketingEmailOptIn, ComponentsNames.IndependentAddress, ComponentsNames.OneTimeUseCodes, ComponentsNames.SheerIdVerification, ComponentsNames.LiteForm]) }"></div><div class="prices"><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Quantity.Title"></div><div class="price-row__value" data-bind="text: $root.presentation.offer().Quantity()"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Amount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().Amount(), currency().ISOCode, currency().Culture) + (options.Pricing.Amount.ShowPeriod ? ' ' + $root.presentation.offer().PriceSuffix : '')"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.TaxAmount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().TaxAmount(), currency().ISOCode, currency().Culture) + (options.Pricing.TaxAmount.ShowPeriod ? ' ' + $root.presentation.offer().PriceSuffix : '')"></div></div><ul class="tax-details"><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CityTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().CityTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.StateTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().StateTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CountyTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().CountyTax(), currency().ISOCode, currency().Culture)"></div></li></ul><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.ActivationFee.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString($root.presentation.offer().ActivationFee(), currency().ISOCode, currency().Culture)"></div></div><div class="price-row price-row_total"><div class="price-row__title price-row__title_total" data-bind="text: options.Pricing.TotalPrice.Title"></div><div class="price-row__value price-row__value_total" data-bind="text: Utils.getCurrencyString($root.presentation.offer().TotalPrice(), currency().ISOCode, currency().Culture)"></div></div></div><div class="step__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() && options.Button.Spinner.Show }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn step__button step__button_submit step-submit_qa" data-bind="click: click, enable: buttonEnabled, text: buttonText, css: { 'busy' : $data.isBusy() && options.Button.Spinner.Show, 'step__button_hidden': options.Button.HideWhileDisabled && !buttonEnabled(), 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor, 'width': buttonCustomization.Width }, domCallback: getButtonWidth"></button><div class="step__button-message" data-bind="text: options.Button.Disabled.HoverMessage.Text, style: {'width': buttonWidth() + 'px'}"></div></div></div></div></div></script><script type="text/html" id="sp-c-stepIndicator"><div class="step-indicator" data-bind="css: { 'step-indicator_sticky': options.StickyMode.Enable }, style: { 'background-color': customization.BackgroundColor }"><div class="step-indicator__summary" data-bind="with: activeStep"><div class="step-indicator__columns"><div class="step-indicator__column step-indicator__column_half"><div class="step-indicator__summary-title" data-bind="html: options.StepIndicator.Title ? options.StepIndicator.Title : options.Title"></div></div><div class="step-indicator__column step-indicator__column_half"><div class="step-indicator__summary-enum" data-bind="text: 'Step ' + ($parent.stepIndicatorIndex($data) + 1) + ' of ' + $parent.filteredSteps().length"></div></div></div></div><div class="step-indicator__items" data-bind="foreach: filteredSteps"><div class="step-indicator__item step-btn_qa" data-bind="click: $parent.indicatorClickHandler.bind($parent), css: {'active': isActive, 'previous': $parent.isFinished($data)}"><div class="step-indicator__item-title" data-bind="html: options.StepIndicator.Title ? options.StepIndicator.Title : options.Title"></div><svg class="step-indicator__item-active-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 12 16" style="enable-background:new 0 0 12 16;" xml:space="preserve"><path d="M6,1c2.485246,0,4.5,1.950629,4.5,4.356824S6,14,6,14S1.5,7.763019,1.5,5.356824S3.514754,1,6,1z "></path></svg></div></div></div></script><script type="text/html" id="sp-c-stickyNote"><div class="sticky-note-overlay" data-bind="css: {'sticky-note-overlay_opened': !isCollapsed()}, click: collapse"></div><div class="sticky-note" data-bind="css: {'sticky-note_collapsed': isCollapsed}"><div class="sticky-note__desktop-panel"><div class="sticky-note__minifier" data-bind="click: collapse"><svg class="sticky-note__minifier-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 476.213 476.213" xml:space="preserve" data-bind="css: {'sticky-note__minifier-icon_invisible': isCollapsed()}"><polygon points="345.606,107.5 324.394,128.713 418.787,223.107 0,223.107 0,253.107 418.787,253.107 324.394,347.5 345.606,368.713 476.213,238.106 "></polygon></svg><svg class="sticky-note__cart-icon sticky-note__cart-icon_minifier" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-4 3 20 18" xml:space="preserve" data-bind="css: {'sticky-note__cart-icon_visible': isCollapsed()}"><polyline points="-2,5 1.4,5 4,14 12.3,14 14,8 6,8 "></polyline><circle cx="5.1" cy="18.1" r="1.5"></circle><circle cx="11.1" cy="18.1" r="1.5"></circle></svg></div><div class="sticky-note__header"><h3 class="sticky-note__title" data-bind="html: options.Title"></h3><div class="sticky-note__cart"><svg class="sticky-note__cart-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-4 3 20 18" xml:space="preserve"><polyline points="-2,5 1.4,5 4,14 12.3,14 14,8 6,8 "></polyline><circle cx="5.1" cy="18.1" r="1.5"></circle><circle cx="11.1" cy="18.1" r="1.5"></circle></svg></div></div><div class="sticky-note__body"><h3 class="sticky-note__offer-name" data-bind="html: offer().Marketing.Title"></h3><div class="sticky-note__img-container"><img class="sticky-note__img" data-bind="attr: { src: offer().Marketing.ImagePath, alt: offer().Marketing.ImageAltText }"></div><div class="sticky-note__offer-text" data-bind="html: offer().Marketing.Price"></div><div class="sticky-note__offer-text" data-bind="html: offer().Marketing.Body"></div><div class="sticky-note__premiumTitle" data-bind="html: options.Premium.Title"></div><div class="sticky-note__offer-text" data-bind="html: premium().name"></div><div class="prices"><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Quantity.Title"></div><div class="price-row__value" data-bind="text: offer().Quantity()"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.Amount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().Amount(), currency().ISOCode, currency().Culture) + (options.Pricing.Amount.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.TaxAmount.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().TaxAmount(), currency().ISOCode, currency().Culture) + (options.Pricing.TaxAmount.ShowPeriod ? ' ' + offer().PriceSuffix : '')"></div></div><ul class="tax-details"><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CityTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().CityTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.StateTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().StateTax(), currency().ISOCode, currency().Culture)"></div></li><li class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.CountyTax.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().CountyTax(), currency().ISOCode, currency().Culture)"></div></li></ul><div class="price-row"><div class="price-row__title" data-bind="text: options.Pricing.ActivationFee.Title"></div><div class="price-row__value" data-bind="text: Utils.getCurrencyString(offer().ActivationFee(), currency().ISOCode, currency().Culture)"></div></div><div class="price-row"><div class="price-row__title price-row__title_total" data-bind="text: options.Pricing.TotalPrice.Title"></div><div class="price-row__value price-row__value_total" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture)"></div></div></div></div></div><div class="sticky-note__mobile-panel"><div class="sticky-note__mobile-offer-details"><h3 class="sticky-note__offer-name sticky-note__offer-name_mobile" data-bind="html: Utils.getTextSegmentByIndex(offer().OfferText, 0)"></h3><div class="sticky-note__mobile-button" data-bind="text: Utils.getCurrencyString(offer().TotalPrice(), currency().ISOCode, currency().Culture)"></div></div></div><div class="webchat"><div id="webchat-button"><img src="https://bloximages.chicago2.vip.townnews.com/certification66.bloxcms.com/content/tncms/assets/v3/editorial/3/30/330ad932-a4e5-11e9-863f-f316fdf5f72a/5d28f031899f8.image.png" width="120" alt="Webchat button"></div><div id="floating-chat-form"><form id="chatForm"><div id="chat-form-head"><h3>Chat with us</h3><div id="chat-form-exit">X</div></div><div class="webchat-config"><div class="chat-error-warning hidden">There was an error connecting to chat. Please try again.</div><div class="webchat-input-container"><input class="place-holder-text" type="hidden" name="webchat_user_name_place_holder" value="*Name"><input class="place-holder" id="webchat-user-name" type="text" name="webchat_user_name" value="*Name"><div class="required-field-warning hidden">Name is required</div></div><div class="webchat-input-container"><input class="place-holder-text" type="hidden" name="webchat_user_email_place_holder" value="Email"><input class="place-holder" id="webchat-user-email" type="text" name="webchat_user_email" value="Email"></div><div class="webchat-input-container"><label for="webchat_user_subscription">*Do you have a subscription?</label><select id="webchat-user-subscription" name="webchat_user_subscription"><option value=""></option><option value="no">No</option><option value="yes">Yes</option></select><div class="required-field-warning hidden">Indicate if you have a subscription</div></div><div class="webchat-input-container"><label for="webchat_user_help_type">*How can we help?</label><select id="webchat-user-help-type" name="webchat_user_help_type"><option value=""></option><option value="Need help with online signup">Need help with online signup</option><option value="Other">Other</option></select><div class="required-field-warning hidden">Select how we can help</div></div></div><div class="webchat-button-container"><button id="chat-button" type="button">Start Chat</button></div></form></div><div id="chat-container"></div></div></div></script><script type="text/html" id="sp-c-termsAndConditions"><div class="termsAndConditions" data-bind="css: { 'termsAndConditions_step': $parent.name === ComponentsNames.Step, 'termsAndConditions_page': $parent.name === ComponentsNames.Page }"><div class="termsAndConditions__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isAccepted"><div class="checkbox-switch"></div><span class="checkbox-text termsAndConditions__checkbox-text" data-bind="text: options.CheckBox.Text"></span><ul class="validationList"><li><span class="glyphicon glyphicon-remove"></span><span data-bind="text: options.ErrorMessage"></span></li></ul></label><div class="termsAndConditions__content" data-bind="html: termsConditions"></div></div></script><script type="text/html" id="sp-c-upsell"><div class="modal fade upsell-modal upsell-modal_qa" data-bind="modal: isVisibleUpsellModal" data-backdrop="static" data-keyboard="false"><div class="modal-dialog modal-dialog_upsell" role="document"><div class="modal-content modal-content_upsell"><div class="upsell-offer upsell-offer_modal upsell-offer_qa"><h3 class="upsell-offer__marketing-title subtitle" data-bind="html: $parent.options.Offer.MarketingTitle.Text"></h3><h2 class="upsell-offer__title upsell-offer__title_modal" data-bind="html: $data.Marketing.Title"></h2><img class="upsell-offer__img upsell-offer__img_modal" data-bind="attr: { 'src': $data.Marketing.ImagePath, 'alt': $data.Marketing.ImageAltText }"><button class="btn" data-bind="click: $parent.acceptUpsell, text: $data.Marketing.Title"></button><p class="upsell-offer__text upsell-offer__text_modal" data-bind="html: $data.Marketing.Body"></p><div class="upsell-offer__refuse-container"><a class="upsell-offer__refuse-link" data-bind="click: $parent.refuseUpsell, text: $parent.options.Offer.RefuseLink.Text"></a></div></div></div></div></div><div class="upsell-inline"><div class="upsell-inline__title" data-bind="html: options.InlineTitle"></div><div class="upsell-offer upsell-offer-inline_qa" data-bind="css: {'upsell-offer_selected': $parent.isCurrentOfferSelected($data)}"><div class="upsell-offer__rows"><div class="upsell-offer__body"><div class="upsell-offer__rows"><div class="upsell-offer__img"><img data-bind="attr: { 'src': $data.Marketing.ImagePath, 'alt': $data.Marketing.ImageAltText }"></div><div class="upsell-offer__content"><h2 class="upsell-offer__title" data-bind="html: $data.Marketing.Title"></h2><p class="upsell-offer__text" data-bind="html: $data.Marketing.Body"></p></div></div></div><div class="upsell-offer__controls"><div class="upsell-offer__add-button" data-bind="click: $parent.acceptUpsell, css: { 'btn_square': $parent.buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': $parent.buttonCustomization.BackgroundColor }"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14 14" xml:space="preserve"><line data-bind="style: {'stroke': $parent.buttonCustomization.TextColor }" x1="7" y1="0" x2="7" y2="14"></line><line data-bind="style: {'stroke': $parent.buttonCustomization.TextColor }" x1="14" y1="7" x2="0" y2="7"></line></svg></div><div class="upsell-offer__remove-button" data-bind="click: $parent.refuseUpsell"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 20" xml:space="preserve"><g><rect x="5" y="7" width="2" height="9"></rect><rect x="9" y="7" width="2" height="9"></rect><path d="M16,3h-1h-4.000977V0.000977H5V3H1H0v2h1v15h14V5h1V3z M7,2h2v1H7V2z M13,18H3V5h2h5.999023H13V18z"></path></g></svg></div></div></div></div></div></script><script type="text/html" id="sp-c-userInformation"><div class="user-information"><div class="user-information__title" data-bind="html: options.Title"></div><form class="user-information__body"><div class="general-errors general-errors_userinfo"><div class="general-errors__title" data-bind="text: options.Errors.Title"></div><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: userProvider.firstName" aria-label="First Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: userProvider.lastName" aria-label="Last Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showEmailTooltip"><span data-bind="text: options.Email.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.Email.Help.Text"></div><img data-bind="attr: { src: options.Email.Help.ImageUrl, alt: options.Email.Help.Alt }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container" data-bind="css: { 'valid': userProvider.email.isValid() && !userProvider.emailIsBusy() }"><div class="user-information__email-icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 20" style="enable-background:new 0 0 30 20;" xml:space="preserve"><rect x="1" y="0.5" width="28" height="19"></rect><polyline points="26,5 15,12 4,5 "></polyline></svg></div><input class="user-information__email-input email_qa" type="email" autocomplete="on" name="userEmail" data-bind="placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: userProvider.email, css:{loading: userProvider.emailIsBusy()}" aria-label="Email"></div></div><div class="user-information__message"><h4 class="user-information__message-title" data-bind="text: options.Email.EmailExistsTitle"></h4><div class="user-information__message-body" data-bind="html: options.Email.EmailExistsBody"></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help"><span class="password-switcher" data-bind="text: showPasswordCharacters()? options.HidePasswordText : options.ShowPasswordText, click:function(){ showPasswordCharacters(!showPasswordCharacters())}"></span></div></div><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label><div class="input-container"><input class="password_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Password.Placeholder, options.Password.OptionalNextToPlaceholder, !options.Password.Validation.Required.Apply), validationTextInput: userProvider.password, attr: { type: showPasswordCharacters() ? 'text': 'password' }" aria-label="Password" autocomplete="off"></div></div><div class="user-information__message"><h4 class="user-information__message-title" data-bind="text: options.Verification.UnverifiedMessage.Title"></h4><div class="user-information__message-body" data-bind="html: options.Verification.UnverifiedMessage.Body"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.ConfirmEmail.Title, options.ConfirmEmail.OptionalNextToTitle, !options.ConfirmEmail.Validation.Required.Apply)"></label><div class="input-container"><input class="confirm-email_qa" type="email" data-bind="placeholder: Utils.concatStringsByCondition(options.ConfirmEmail.Placeholder, options.ConfirmEmail.OptionalNextToPlaceholder, !options.ConfirmEmail.Validation.Required.Apply), validationTextInput: userProvider.confirmEmail" aria-label="Confirm Email"></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help"><span class="password-switcher" data-bind="text: showPasswordCharacters()? options.HidePasswordText : options.ShowPasswordText, click:function(){ showPasswordCharacters(!showPasswordCharacters())}"></span></div></div><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label><div class="input-container"><input class="password_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Password.Placeholder, options.Password.OptionalNextToPlaceholder, !options.Password.Validation.Required.Apply), validationTextInput: userProvider.password, attr: { type: showPasswordCharacters() ? 'text': 'password' }" aria-label="Password" autocomplete="off"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.ConfirmPassword.Title, options.ConfirmPassword.OptionalNextToTitle, !options.ConfirmPassword.Validation.Required.Apply)"></label><div class="input-container"><input class="confirm-password_qa" type="password" data-bind="placeholder: Utils.concatStringsByCondition(options.ConfirmPassword.Placeholder, options.ConfirmPassword.OptionalNextToPlaceholder, !options.ConfirmPassword.Validation.Required.Apply), validationTextInput: userProvider.confirmPassword, attr: { type: showPasswordCharacters() ? 'text': 'password' }, hasFocus: confirmPasswordHasFocus" aria-label="Confirm Password" autocomplete="off"></div><div class="passwords-still-same" data-bind="html: options.ConfirmPassword.StillSame.Message"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.DisplayName.Title, options.DisplayName.OptionalNextToTitle, !options.DisplayName.Validation.Required.Apply)"></label><div class="input-container"><input class="displayName_qa" type="text" data-bind="placeholder: Utils.concatStringsByCondition(options.DisplayName.Placeholder, options.DisplayName.OptionalNextToPlaceholder, !options.DisplayName.Validation.Required.Apply), validationTextInput: userProvider.displayName, css: { 'user-information__input_help': options.DisplayName.Help.Show }" aria-label="Display Name"><div class="help help_inside-input" data-bind="tooltip: showDisplayNameTooltip"><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: options.DisplayName.Help.Text"></div></div></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div><label data-bind="text: options.Birth.Title"></label></div><div class="info-row-3"><div class="input-container"><select class="select birth-month_qa" data-bind="options: userProvider.monthsList, optionsText: 'text', optionsValue: 'value', optionsCaption: Utils.concatStringsByCondition(options.Birth.Month.Placeholder, options.Birth.Month.OptionalNextToPlaceholder, !options.Birth.Month.Validation.Required.Apply), validationTextInput: userProvider.birthMonth, css: { 'select_placeholder': !userProvider.birthMonth() }" aria-label="Birth Month"></select></div></div><div class="info-row-3"><div class="input-container"><select class="select birth-date_qa" data-bind="options: userProvider.datesList, optionsCaption: Utils.concatStringsByCondition(options.Birth.Date.Placeholder, options.Birth.Date.OptionalNextToPlaceholder, !options.Birth.Date.Validation.Required.Apply), validationTextInput: userProvider.birthDate, css: { 'select_placeholder': !userProvider.birthDate() }" aria-label="Birth Date"></select></div></div><div class="info-row-3"><div class="input-container"><select class="select birth-year_qa" data-bind="options: userProvider.yearsList, optionsCaption: Utils.concatStringsByCondition(options.Birth.Year.Placeholder, options.Birth.Year.OptionalNextToPlaceholder, !options.Birth.Year.Validation.Required.Apply), validationTextInput: userProvider.birthYear, css: { 'select_placeholder': !userProvider.birthYear() }" aria-label="Birth Year"></select></div></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.Gender.Title, options.Gender.OptionalNextToTitle, !options.Gender.Validation.Required.Apply)"></label><div class="input-container"><select class="select gender_qa" data-bind="options: userProvider.genderList, optionsText: 'text', optionsValue: 'value', optionsCaption: Utils.concatStringsByCondition(options.Gender.Placeholder, options.Gender.OptionalNextToPlaceholder, !options.Gender.Validation.Required.Apply), validationTextInput: userProvider.gender, css: { 'select_placeholder': !userProvider.gender() }" aria-label="Gender"></select></div></div><div class="infoRow opt-out-marketing infoRow_extra-small-spacing"><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: userProvider.optOutMarketing"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.OptOutMarketing.CheckBox.Text"></span></label></div><div class="infoRow infoRow_extra-small-spacing"><label>or</label><div class="social-login-container"><div class="social-login-btn social-login-btn_apple" data-bind="click: userProvider.appleLoginHanlder.bind(userProvider), text: options.Apple.LoginButtonText"></div><div class="social-login-btn social-login-btn_facebook" data-bind="click: userProvider.facebookLoginHanlder.bind(userProvider), text: options.Facebook.LoginButtonText"></div><div class="social-login-btn social-login-btn_google" data-bind="click: userProvider.googleLoginHanlder.bind(userProvider), text: options.Google.LoginButtonText"></div><div class="social-login-btn social-login-btn_twitter" data-bind="click: userProvider.twitterLoginHanlder.bind(userProvider), text: options.Twitter.LoginButtonText"></div><div class="social-login-btn social-login-btn_amazon" data-bind="click: userProvider.amazonLoginHanlder.bind(userProvider), text: options.Amazon.LoginButtonText"></div></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Email.Title"></div><div class="summaryRow__content" data-bind="text: userProvider.displayName()"></div><div class="editBtn" data-bind="click: edit"></div></div><div class="summaryRow"><div class="login-info"><div class="summaryRowFull" data-bind="text: userProvider.displayName()"></div><div class="logout" data-bind="click: userProvider.logOut.bind(userProvider)"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-3 3 18 18" xml:space="preserve"><line x1="2" y1="12" x2="8" y2="12"></line><polyline points="5,5 13,5 13,19 5,19 "></polyline><polygon points="2.5,16 -2.5,12 2.5,8 "></polygon></svg></div></div></div></form></div></script><script type="text/html" id="sp-c-userInformationNoAccount"><div class="user-information-no-account"><div class="user-information-no-account__header component-header"><div class="user-information-no-account__title" data-bind="html: options.Title"></div><div class="user-information-no-account__subtitle" data-bind="html: options.Subtitle"></div></div><form class="user-information-no-account__body"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="no-account-first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="no-account-last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="no-account-email_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email"></div></div></form></div></script><script type="text/html" id="sp-c-abandonmentPopover"><div class="modal fade" data-bind="modal: showModal" tabindex="-1" role="dialog"><div class="abandonment-popover modal-dialog" data-bind="style: { 'max-width': options.MaxWidth && options.MaxWidth + 'px' }" role="document"><div class="abandonment-popover__content" data-bind="style: { 'background-color': options.BackgroundColor, backgroundImage: options.BackgroundImage? 'url('+ options.BackgroundImage +')': 'none', 'border-color': options.BorderColor, 'border-width': options.BorderWidth ? options.BorderWidth + 'px' : null, 'border-style': options.BorderWidth > 0 && 'solid'}"><div class="abandonment-popover__close" data-dismiss="modal" aria-label="Close"><svg data-bind="style: {'fill': options.CloseButtonColor}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16"><path d="M 2.75 2.042969 L 2.042969 2.75 L 2.398438 3.101563 L 7.292969 8 L 2.042969 13.25 L 2.75 13.957031 L 8 8.707031 L 12.894531 13.605469 L 13.25 13.957031 L 13.957031 13.25 L 13.605469 12.894531 L 8.707031 8 L 13.957031 2.75 L 13.25 2.042969 L 8 7.292969 L 3.101563 2.398438 Z "></path></svg></div><div class="abandonment-popover__title" data-bind="html: options.Title"></div><div class="abandonment-popover__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn abandonment-popover__button pick-btn_qa" data-bind="click: tryDigitalClickHandler, text: options.Button.Text, style: { 'background': customization.Button.BackgroundColor, 'color': customization.Button.TextColor, 'borderColor': customization.Button.BorderColor, 'width': customization.Button.Width }, css: { 'busy' : isBusy(), 'btn_square': customization.Button.Type === Constants.ButtonTypes.Square, 'btn_pill': customization.Button.Type === Constants.ButtonTypes.Pill, 'btn_rounded': customization.Button.Type === Constants.ButtonTypes.Rounded }"></button><div class="abandonment-popover__errors"><span class="error-message" data-bind="html: options.NotRoutable.NoOffersErrorMessage"></span></div></div><div class="abandonment-popover__body" data-bind="html: options.Body"></div></div></div></div></script><script type="text/html" id="sp-c-idlePopover"><div class="modal fade" data-bind="modal: showModal" tabindex="-1" role="dialog"><div class="idle-popover modal-dialog" role="document"><div class="idle-popover__content" data-bind="style: { 'background-color': options.BackgroundColor, backgroundImage: options.BackgroundImage? 'url('+ options.BackgroundImage +')': 'none', 'border-color': options.BorderColor, 'border-width': options.BorderWidth ? options.BorderWidth + 'px' : null, 'border-style': options.BorderWidth > 0 && 'solid'}"><div class="idle-popover__close" data-dismiss="modal" aria-label="Close">×</div><div class="idle-popover__title" data-bind="html: options.Title"></div><div class="idle-popover__body" data-bind="html: options.Body"></div></div></div></div></script><script type="text/html" id="sp-c-newsletterBenefit"><div class="newsletter-benefit" data-bind="style: { 'backgroundColor': options.Styling.BackgroundColor}"><div class="newsletter-benefit__title" data-bind="html: options.Title"></div><div class="newsletter-benefit__options" data-bind="template: { name: getTemplateName, foreach: getFirstThreeOptions($data)}, css: {'unvisible': !isComponentAdd($data, ComponentsNames.NewsletterOption)}, css: {'options-single': getCountOptions($data) === 1, 'options-double': getCountOptions($data) === 2, 'options-triple': getCountOptions($data) > 2}"></div></div></script><script type="text/html" id="sp-c-newsletterOption"><div class="newsletter-option__separator newsletter-option__separator_horizontal"></div><div class="newsletter-option" data-bind="style: { 'backgroundColor': options.Styling.BackgroundColor}, css: {'first': $parent.getOptionIndex($parent, $data) === 0,'last': $parent.getCountOptions($parent) > 2 && $parent.getOptionIndex($parent, $data) === 2 || $parent.getCountOptions($parent) === 1 || $parent.getCountOptions($parent) === 2 && $parent.getOptionIndex($parent, $data) === 1, 'option-single': $parent.getCountOptions($parent) === 1, 'option-double': $parent.getCountOptions($parent) === 2, 'option-triple': $parent.getCountOptions($parent) > 2}"><div class="newsletter-option__data"><div class="newsletter-option__image-container"><img class="newsletter-option__image" data-bind="attr: {'src': options.Image, 'alt': options.ImageAlt}"></div><div class="promotion__image-alt-text" data-bind="html: options.ImageAlt"></div><div class="newsletter-option__text" data-bind="text: options.Text, style: { 'color': options.Styling.TextColor }"></div></div><div class="newsletter-option__controls"><div class="newsletter-option__buttons"><button class="btn newsletter-option-btn_qa" data-bind="click: newsletterSignUpClick, text: options.Button.Text, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor, 'width': buttonCustomization.Width }, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button><button class="btn newsletter-option-btn_qa" data-bind="click: newsletterSignUpClick, text: options.Unsubscribe.Button.Text, style: { 'background': unsubscribeButtonCustomization.BackgroundColor, 'color': unsubscribeButtonCustomization.TextColor, 'borderColor':unsubscribeButtonCustomization.BorderColor, 'width': buttonCustomization.Width}, css: { 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div><div class="general-errors"><li data-bind="text: error error"></li><ul class="general-errors__list" data-bind="foreach: signUpErrorsList"><li data-bind="text: $data"></li></ul></div></div></div><div class="newsletter-option__separator newsletter-option__separator_vertical"></div></script><script type="text/html" id="sp-c-appDownloads"><a class="app-downloads__item" data-bind="click: mobileAppClick"><img class="app-downloads__item_apple-app-store" src="/img/app-store-badge.png" alt="Apple App Store"></a><a class="app-downloads__item" data-bind="click: mobileAppClick"><img class="app-downloads__item_google-play" src="/img/google-pl-badge.png" alt="Google Play Store"></a></script><script type="text/html" id="sp-c-socialMedia"><a class="social-media__item social-media__item_facebook" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_twitter" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_instagram" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_youtube" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_reddit" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_linkedin" data-bind="click: socialMediaClick"></a><a class="social-media__item" data-bind="click: socialMediaClick"><svg class="social-media__item_email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .02c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.99 6.98l-6.99 5.666-6.991-5.666h13.981zm.01 10h-14v-8.505l7 5.673 7-5.672v8.504z"></path></svg></a></script><script type="text/html" id="sp-c-socialMedia"><a class="social-media__item social-media__item_facebook" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_twitter" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_instagram" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_youtube" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_reddit" data-bind="click: socialMediaClick"></a><a class="social-media__item social-media__item_linkedin" data-bind="click: socialMediaClick"></a><a class="social-media__item" data-bind="click: socialMediaClick"><svg class="social-media__item_email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 .02c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.99 6.98l-6.99 5.666-6.991-5.666h13.981zm.01 10h-14v-8.505l7 5.673 7-5.672v8.504z"></path></svg></a></script><script type="text/html" id="sp-c-cookieNotice"><div data-bind="if: showModal"><div class="cookie-notice-popover"><div class="cookie-notice-popover__content" data-bind="style: { 'background-color': options.Styling.BackgroundColor,'color': options.Styling.TextColor}"><div class="cookie-notice-popover__close" data-bind="click: closeClick" aria-label="Close"><svg data-bind="style: {'fill': options.Styling.TextColor}" version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16"><path d="M 2.75 2.042969 L 2.042969 2.75 L 2.398438 3.101563 L 7.292969 8 L 2.042969 13.25 L 2.75 13.957031 L 8 8.707031 L 12.894531 13.605469 L 13.25 13.957031 L 13.957031 13.25 L 13.605469 12.894531 L 8.707031 8 L 13.957031 2.75 L 13.25 2.042969 L 8 7.292969 L 3.101563 2.398438 Z "></path></svg></div><div class="cookie-notice-popover__text" data-bind="text: options.CookieText"></div><div class="cookie-notice-popover__link" data-bind="text: options.CookieLinkText, click: linkClick"></div></div></div></div></script><script type="text/html" id="sp-c-registrationOnConfirmation"><div class="registration"><div class="registration__title" data-bind="html: options.Title"></div><form class="registration__body"><div class="general-errors general-errors_userinfo"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="registration__form"><div class="registration__info-fields"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.Password.Title, options.Password.OptionalNextToTitle, !options.Password.Validation.Required.Apply)"></label><span class="password-switcher" data-bind="text: showPasswordCharacters()? options.HidePasswordText : options.ShowPasswordText, click:function(){ showPasswordCharacters(!showPasswordCharacters())}"></span><div class="input-container"><input class="password_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.Password.Placeholder, options.Password.OptionalNextToPlaceholder, !options.Password.Validation.Required.Apply), validationTextInput: userProvider.password, attr: { type: showPasswordCharacters() ? 'text': 'password' }" aria-label="Password" autocomplete="off"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.ConfirmPassword.Title, options.ConfirmPassword.OptionalNextToTitle, !options.ConfirmPassword.Validation.Required.Apply)"></label><div class="input-container"><input class="confirm-password_qa" type="password" data-bind="placeholder: Utils.concatStringsByCondition(options.ConfirmPassword.Placeholder, options.ConfirmPassword.OptionalNextToPlaceholder, !options.ConfirmPassword.Validation.Required.Apply), validationTextInput: userProvider.confirmPassword, attr: { type: showPasswordCharacters() ? 'text': 'password' }, hasFocus: confirmPasswordHasFocus" aria-label="Confirm Password" autocomplete="off"></div><div class="passwords-still-same" data-bind="html: options.ConfirmPassword.StillSame.Message"></div></div></div><div class="registration__buttons"><div class="loader-container loader-container_small" data-bind="css: { 'loader-container_visible': isBusy() }"><div class="loader loader_small"></div><div class="loader-placeholder">Loading...</div></div><button class="btn registration__button registration__button_submit" data-bind="click: complete, enable: userProvider.isValid(), text: options.Button.Text, css: { 'busy' : $data.isBusy(), 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor, 'width': buttonCustomization.Width }"></button></div></div><div class="registration__message" data-bind="html: options.SuccessMessage"></div></form></div></script><script type="text/html" id="sp-c-marketingEmailOptIn"><div class="marketingEmailOptIn" data-bind="css: { 'checkbox-component_step': $parent.name === ComponentsNames.Step, 'checkbox-component_page': $parent.name === ComponentsNames.Сonfirmation }"><div class="marketingEmailOptIn__title" data-bind="html: options.Title"></div><label class="checkbox"><input class="tc_checkbox_qa" type="checkbox" data-bind="checked: isChecked"><div class="checkbox-switch"></div><span class="checkbox-text checkbox-component__checkbox-text" data-bind="text: options.CheckBox.Text"></span><div class="checkbox-component__content" data-bind="html: options.CheckBox.Body"></div></label></div></script><script type="text/html" id="sp-c-independentAddress"><div class="independent-address"><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" name="fname" autocomplete="given-name" aria-label="First Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind="placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" name="lname" autocomplete="family-name" aria-label="Last Name"></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="zipCodeCol"><label data-bind="text: options.Country.Title"></label><div class="input-container"><select class="select countries_qa" data-bind="options: countries, optionsText: 'Name', optionsValue: 'Code', validationTextInput: currentCountry, css: { 'select_placeholder': !currentCountry() }" aria-label="Country"></select></div></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.State.Title, options.State.OptionalNextToTitle, !options.State.Validation.Required.Apply)"></label><div class="input-container"><input class="states_qa" data-bind="placeholder: Utils.concatStringsByCondition(options.State.Placeholder, options.State.OptionalNextToPlaceholder, !options.State.Validation.Required.Apply), validationTextInput: currentState" aria-label="State"></div></div><div class="infoRow infoRow_extra-small-spacing"><label data-bind="text: Utils.concatStringsByCondition(options.Zipcode.Title, options.Zipcode.OptionalNextToTitle, !options.Zipcode.Validation.Required.Apply)"></label><div class="input-container"><input class="zipCode_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.Zipcode.Placeholder, options.Zipcode.OptionalNextToPlaceholder, !options.Zipcode.Validation.Required.Apply), validationTextInput: zipCode, postalCodeMask: zipCode, zipCodeBinding: zipCode, domCallback: onZipCodeInputMounted" name="zip" autocomplete="postal-code" aria-label="ZIP Code"></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label></div><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"><span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl }"></div></div></div><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div></div></script><script type="text/html" id="sp-c-creditCardAuthorizeNet"><div class="credit-card authorize-net payment-method__body" data-bind="visible: isDisplayed"><div class="credit-card-loader" data-bind="visible: loading"><div class="loader-container loader-container_visible"><div class="loader"></div></div></div><div class="authorize-net__block" data-bind="visible: !loading()"><form data-bind="domCallback: onHTMLMounted, attr: { action: generateFrameUrl}" method="post" target="authorizeNet-iframe" visibility="hidden"><input data-bind="value: token" type="hidden" name="token"><input data-bind="value: customerPaymentProfileId" type="hidden" name="paymentProfileId"></form><iframe data-bind="visible: iframeVisible, attr: { height: iframeHeight }" id="authorizeNet-iframe" name="authorizeNet-iframe" frameborder="0" scrolling="no" width="100%" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe><div class="authorize-net__summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa authorize-net__editBtn" data-bind="click: editClick"></div></div></div></div></script><script type="text/html" id="sp-c-oneTimeUseCodes"><div class="one-time-use-codes"><div class="one-time-use-codes__open-button"><a class="open-button" data-bind="text: isOneTimeUseCodesVisible() ? options.HideButtonText : options.ShowButtonText, click: showButtonClicked"></a></div><div class="one-time-use-codes__main"><div class="one-time-use-codes__form one-time-form"><div class="one-time-form__left-block"><div class="infoRow infoRow_extra-small-spacing"><label class="one-time-form__title" data-bind="text: options.Label.Text"></label><div class="input-container"><input class="couponcode_qa" data-bind="placeholder: options.InputPlaceholder, validationTextInput: oneTimeCode"></div></div></div><div class="one-time-form__right-block"><button class="btn" data-bind="click: getOffers, text: options.Button.Text, css: { 'busy' : $data.isBusy() && options.Button.Spinner.Show, 'step__button_hidden': options.Button.HideWhileDisabled && !buttonEnabled(), 'btn_square': buttonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': buttonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': buttonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': buttonCustomization.BackgroundColor, 'color': buttonCustomization.TextColor, 'borderColor': buttonCustomization.BorderColor}"></button></div></div><div class="one-time-use-codes__error"><div class="general-errors general-errors_payment"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div></div><div class="one-time-use-codes__success"><div class="one-time-use-codes__success-message" data-bind="html: options.SuccessMessage"></div><div class="one-time-use-offers offers offers_tiles" data-bind="foreach: offers"><div class="offer offer_tile" data-bind="css:{'active': $data === $parent.chosenOffer(), 'offer_single': $parent.offers().length === 1}, click: $parent.userChooseOffer, style: { 'background-color': $parent.offerCustomization.BackgroundColor, 'color': $parent.offerCustomization.TextColor, 'border-color': $parent.offerCustomization.BorderColor, 'border-width': $parent.offerCustomization.BorderSize ? $parent.offerCustomization.BorderSize + 'px' : null, 'border-style': $parent.offerCustomization.BorderSize > 0 && 'solid' }"><div class="active-sign"><div class="active-sign__container"><svg class="active-sign__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 16" xml:space="preserve"><polygon points="5.9,16 0,9.9 1.4,8.5 5.9,13.2 18.6,0 20,1.4 "></polygon></svg></div></div><div class="offer__description"><h3 class="offer__title" data-bind="html: Marketing.Title"></h3><div class="offer__text" data-bind="html: Marketing.Price"></div><div class="offer__text2" data-bind="html: Marketing.Body"></div></div><div class="offer__buttons"><button class="btn offer__button offer-btn_qa" data-bind="text: $parent.options.Offer.Button.Text, style: { 'background': $parent.offerButtonCustomization.BackgroundColor, 'color': $parent.offerButtonCustomization.TextColor, 'borderColor': $parent.offerButtonCustomization.BorderColor, 'width': $parent.offerButtonCustomization.Width }, css: { 'btn_square': $parent.offerButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': $parent.offerButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': $parent.offerButtonCustomization.Type === Constants.ButtonTypes.Rounded }"></button></div></div></div><div class="one-time-use-codes__keep-current-button"><a class="keep-current-button" data-bind="text: options.KeepCurrentButtonText, click: keepCurrentOffer"></a></div></div></div></div></script><script type="text/html" id="sp-c-sheerIdVerification"><div class="sheerId-Verification"><div class="sheerId-Verification__title" data-bind="html:options.Title"></div><div class="sheerId-Verification__container"><div class="general-errors general-errors_payment"><ul class="general-errors__list" data-bind="foreach: errorsList"><li data-bind="html: $data"></li></ul></div><div class="sheerId-Verification__disclaimer" data-bind="text: options.Success.Disclaimer"></div><div class="sheerId-Verification__role-blocks"><div class="sheerId-Verification__role-block"><div class="sheerId-Verification__disclaimer" data-bind="text: options.Student.Continue.Disclaimer"></div><button class="btn sheerId-Verification__button sheerId-Verification__button_submit sheerId-Verification-submit_qa" data-bind="click: continueClickStudent, text: options.Student.Continue.Button.Text, css: { 'btn_square': continueStudentButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': continueStudentButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': continueStudentButtonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': continueStudentButtonCustomization.BackgroundColor, 'color': continueStudentButtonCustomization.TextColor, 'borderColor': continueStudentButtonCustomization.BorderColor, 'width': continueStudentButtonCustomization.Width }"></button></div><div class="sheerId-Verification__role-block"><div class="sheerId-Verification__disclaimer" data-bind="text: options.Teacher.Continue.Disclaimer"></div><button class="btn sheerId-Verification__button sheerId-Verification__button_submit sheerId-Verification-submit_qa" data-bind="click: continueClickTeacher, text: options.Teacher.Continue.Button.Text, css: { 'btn_square': continueTeacherButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': continueTeacherButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': continueTeacherButtonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': continueTeacherButtonCustomization.BackgroundColor, 'color': continueTeacherButtonCustomization.TextColor, 'borderColor': continueTeacherButtonCustomization.BorderColor, 'width': continueTeacherButtonCustomization.Width }"></button></div></div><button class="btn sheerId-Verification__button sheerId-Verification__button_submit sheerId-Verification-submit_qa" data-bind="click: loginClick, text: options.Login.Button.Text, css: { 'btn_square': loginButtonCustomization.Type === Constants.ButtonTypes.Square, 'btn_pill': loginButtonCustomization.Type === Constants.ButtonTypes.Pill, 'btn_rounded': loginButtonCustomization.Type === Constants.ButtonTypes.Rounded }, style: { 'background': loginButtonCustomization.BackgroundColor, 'color': loginButtonCustomization.TextColor, 'borderColor': loginButtonCustomization.BorderColor, 'width': loginButtonCustomization.Width }"></button></div></div></script><script type="text/html" id="sp-c-applePay"><div class="apple-pay payment-method__body" data-bind="visible: isDisplayed"><div class="apple-pay-button"><div class="apple-pay-set-up-button apple-pay-setup-button-black-with-text"></div><button class="apple-pay-checkout-button" data-bind="click: checkoutWithApplePay, clickBubble: false" style="background-color: Transparent; border-style: solid; border-width: 0px;"><div class="apple-pay-button-with-text apple-pay-button-black-with-text"><span class="logo"></span></div></button></div></div></script><script type="text/html" id="sp-c-googlePay"><div class="google-pay payment-method__body" data-bind="visible: isDisplayed"><div id="google-pay-button"></div></div></script><script type="text/html" id="sp-c-liteForm"><div class="lite-form"><form><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.FirstName.Title, options.FirstName.OptionalNextToTitle, !options.FirstName.Validation.Required.Apply)"></label><div class="input-container"><input class="first-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.FirstName.Placeholder, options.FirstName.OptionalNextToPlaceholder, !options.FirstName.Validation.Required.Apply), validationTextInput: firstName" aria-label="FirstName"></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.LastName.Title, options.LastName.OptionalNextToTitle, !options.LastName.Validation.Required.Apply)"></label><div class="input-container"><input class="last-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.LastName.Placeholder, options.LastName.OptionalNextToPlaceholder, !options.LastName.Validation.Required.Apply), validationTextInput: lastName" aria-label="LastName"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Position.Title, options.Position.OptionalNextToTitle, !options.Position.Validation.Required.Apply)"></label><div class="input-container"><input class="position_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.Position.Placeholder, options.Position.OptionalNextToPlaceholder, !options.Position.Validation.Required.Apply), validationTextInput: position" aria-label="Position"></div></div><div class="info-row-2"><label data-bind="text: options.Country.Title"></label><div class="input-container"><select class="select countries_qa" data-bind="options: countries, optionsText: 'Name', optionsValue: 'Code', validationTextInput: country, css: { 'select_placeholder': !country() }" aria-label="Country"></select></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.CompanyName.Title, options.CompanyName.OptionalNextToTitle, !options.CompanyName.Validation.Required.Apply)"></label><div class="input-container"><input class="company-name_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.CompanyName.Placeholder, options.CompanyName.OptionalNextToPlaceholder, !options.CompanyName.Validation.Required.Apply), validationTextInput: companyName" aria-label="CompanyName"></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.CompanyType.Title, options.CompanyType.OptionalNextToTitle, !options.CompanyType.Validation.Required.Apply)"></label><div class="input-container"><input class="company-type_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.CompanyType.Placeholder, options.CompanyType.OptionalNextToPlaceholder, !options.CompanyType.Validation.Required.Apply), validationTextInput: companyType" aria-label="Company Type"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.PhoneNumber.Title, options.PhoneNumber.OptionalNextToTitle, !options.PhoneNumber.Validation.Required.Apply)"></label><div class="info-row-2 info-row-2_help"><div class="infoRow-help" data-bind="tooltip: showPhoneNumberTooltip"> <span data-bind="text: $data.options.PhoneNumber.Help.LinkText"></span><div class="custom-tooltip"><div class="custom-tooltip__icon"></div><div data-bind="html: $data.options.PhoneNumber.Help.Text"></div><img data-bind="attr: { src: $data.options.PhoneNumber.Help.ImageUrl, alt: $data.options.PhoneNumber.Help.Alt }"></div></div></div><div class="input-container"><input class="phone_qa" type="tel" data-bind="placeholder: Utils.concatStringsByCondition(options.PhoneNumber.Placeholder, options.PhoneNumber.OptionalNextToPlaceholder, !options.PhoneNumber.Validation.Required.Apply), validationTextInput: phoneNumber, maskedPhone: phoneNumber" name="phone" autocomplete="tel" aria-label="Phone Number"><div class="input-note" data-bind="visible: options.PhoneNumber.Note, text: options.PhoneNumber.Note"></div></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Email.Title, options.Email.OptionalNextToTitle, !options.Email.Validation.Required.Apply)"></label><div class="input-container"><input class="email_qa" type="text" maxlength="200" data-bind=" placeholder: Utils.concatStringsByCondition(options.Email.Placeholder, options.Email.OptionalNextToPlaceholder, !options.Email.Validation.Required.Apply), validationTextInput: email" aria-label="email"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.Price.Title, options.Price.OptionalNextToTitle, !options.Price.Validation.Required.Apply)"></label><div class="input-container"><input class="price_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.Price.Placeholder, options.Price.OptionalNextToPlaceholder, !options.Price.Validation.Required.Apply), validationTextInput: price" aria-label="Price"></div></div><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.RegistrationAmount.Title, options.RegistrationAmount.OptionalNextToTitle, !options.RegistrationAmount.Validation.Required.Apply)"></label><div class="input-container"><input class="registration-amount_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.RegistrationAmount.Placeholder, options.RegistrationAmount.OptionalNextToPlaceholder, !options.RegistrationAmount.Validation.Required.Apply), validationTextInput: registrationAmount" aria-label="Registration Amount"></div></div></div><div class="infoRow infoRow_extra-small-spacing"><div class="info-row-2"><label data-bind="text: Utils.concatStringsByCondition(options.ExpirationDate.Title, options.ExpirationDate.OptionalNextToTitle, !options.ExpirationDate.Validation.Required.Apply)"></label><div class="input-container"><input class="expiration-date_qa" type="text" maxlength="35" data-bind=" placeholder: Utils.concatStringsByCondition(options.ExpirationDate.Placeholder, options.ExpirationDate.OptionalNextToPlaceholder, !options.ExpirationDate.Validation.Required.Apply), validationTextInput: expirationDate, domCallback: initCalendar" aria-label="expiration Date"></div></div></div></form></div></script><script type="text/html" id="sp-c-creditCardPeach"><div class="credit-card peach payment-method__body" data-bind="visible: isDisplayed"><div class="infoRow infoRow_extra-small-spacing" hidden="hidden"><label></label><div class="input-container"><input type="text"></div></div><iframe class="peachIframe" src="/peachIframe.htm" name="peachIframe"></iframe><div class="peach-summary"><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.Name"></div><div class="summaryRow__content" data-bind="text: localStorage.cardHolder"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.CardNumber"></div><div class="summaryRow__content" data-bind="text: localStorage.cardNumber"></div></div><div class="summaryRow"><div class="summaryRow__title" data-bind="text: options.Summary.ExpirationDate"></div><div class="summaryRow__content" data-bind="text: localStorage.expirationMonth + '/' + localStorage.expirationYear"></div></div><div class="editBtn edit-btn_qa edgil__editBtn" data-bind="click: edgilEditClick"></div></div></div></script><div class="buildInformation"><span data-bind="text: 'Application version: ' + $root.buildInformation.Version() + ' | ' + 'Build Date: ' + $root.buildInformation.BuildDate() + ' | Build Number: ' + $root.buildInformation.BuildNumber()"></span></div><script type="text/javascript" src="https://cdn.auth0.com/js/auth0/9.11/auth0.min.js"></script><script type="text/javascript" src="https://cdn.auth0.com/js/lock/11.25/lock.min.js"></script><script type="text/javascript"></script><link rel="stylesheet"><script src="https://js.stripe.com/v3/"></script><script type="text/javascript" src="/build/build.js?dateStamp=1693567754000"></script><script>var configSiteCode = config.System.SiteCode ? config.System.SiteCode : ''; var plugins = []; if (config.MG2Loader.MG2Insights.Enabled) { if (config.MG2Loader.MG2Insights.SiteCode) { configSiteCode = config.MG2Loader.MG2Insights.SiteCode; } plugins.push({ name: 'DL', initOptions: { collectors: ["SP"], tagManager: "GTM", containerId: config.MG2Loader.MG2Insights.ContainerId, version: config.MG2Loader.MG2Insights.Version, siteCode: configSiteCode } }); }; if (config.MG2Loader.FingerPrint.Enabled) { plugins.push({ name: 'FP', initOptions: { version: config.MG2Loader.FingerPrint.Version, } }); }; if (config && config.MG2Loader && config.MG2Loader.Enabled) { var head = document.getElementsByTagName('head')[0]; var loaderScript = document.createElement('script'); loaderScript.type = "text/javascript"; loaderScript.onload = () => { if (typeof MG2Loader !== 'undefined') { MG2Loader.init({plugins: plugins}); }; }; loaderScript.src = config.MG2Loader.Url; loaderScript.defer = true; loaderScript.id = 'Mg2LoaderJS'; head.appendChild(loaderScript); };</script><script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=233001947" async></script></body></html>