Mobility | Mobile Phone Plans and the Latest Smartphones

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html id="shop" lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <head> <title>Mobility | Mobile Phone Plans and the Latest Smartphones | Bell Canada</title> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_medium-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_regular-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_semibold-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_heavy-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_black-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/Shared/fonts/shop-icons.woff2" crossorigin> <meta charset="utf-8"> <link rel="icon" href="/styles/images/icons/favicon.ico" type="image/x-icon" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Bell Mobility provides you access to Canada's largest 5G network and an amazing selection of mobile phones (iPhones, Samsung, etc.), tablets, smartwatches & other mobile devices." /> <meta property="og:title" content="Mobility | Mobile Phone Plans and the Latest Smartphones | Bell Canada" /> <meta property="og:description" content="Bell Mobility provides you access to Canada's largest 5G network and an amazing selection of mobile phones (iPhones, Samsung, etc.), tablets, smartwatches & other mobile devices." /> <meta property="og:url" content="https://www.bell.ca/Mobility" /> <meta property="og:site_name" content="www.bell.ca" /> <meta name="province" content="ON" /> <meta name="language" content="en" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />  <meta name="google-site-verification" content="4lWo1xka4pc2FdoNCDSSEHaG3qLeZ3Ied-vuvhRXy0w" />  <meta name="page_id" content="PrsShpWls_ProductDetail_Tablets" /> <link rel="canonical" href="https://www.bell.ca/Mobility" /> <link rel="alternate" hreflang="en-CA" href="https://www.bell.ca/Mobility" /> <link rel="alternate" hreflang="fr-CA" href="https://www.bell.ca/Mobilite" /> <script src="/styles/web/js/bell_externals.js"></script>  <link href="/Styles/media/core/css/brfcore.css?v=2mujWYl2-_HH6jj060mvu6nc5oSYOtwDhG3Rr5eKeSY1" rel="stylesheet"/> <link href="/styles/media/mobility.css?v=DFhTzOVaIm7bRUgR-1X-bzL9H_6tI9fgLJJnDvW7u7s1" rel="stylesheet"/> <script src="/Styles/media/core/js/brfcore-top.js?v=9ktsOtIo0upvJP7-7FiXuOoOJe58RLFJ__wIRPL2vGo1"></script> <link href=/page-bundle-mobility-371368576.css?v=Rs8Sg7xQrEr9cDvNynC88Rj3a6Ql4xYQZ3WZ9KmXErw1 rel='stylesheet' />  <script type="text/javascript"> var maskValidationDone = false; (function (g, b, d, f) { (function (a, c, d) { if (a) { var e = b.createElement("style"); e.id = c; e.innerHTML = d; a.appendChild(e) } })(b.getElementsByTagName("head")[0], "at-body-style", d); setTimeout(function () { var a = b.getElementsByTagName("head")[0]; if (a) { var c = b.getElementById("at-body-style"); c && a.removeChild(c) maskValidationDone = true; } }, f) })(window, document, "body {opacity: 0 !important}", 5E2) </script> <script id="dtm_script-2" type="text/javascript" src="//assets.adobedtm.com/launch-ENebd7a9b148404f67903d514c40949f24.min.js" async></script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "WebSite", "name" : "Bell Canada", "alternateName" : "Bell", "url" : "https://www.bell.ca/" } </script>  <script type="text/javascript" src="/ruxitagentjs_ICA7NQVfghqrux_10301241007103824.js" data-dtconfig="rid=RID_1982238727|rpid=-45758537|domain=bell.ca|reportUrl=/rb_bced360d-a02a-4b73-b0e7-46fe5ae1dc34|app=429b1eac4514c5ce|ssc=1|uanpi=2|featureHash=ICA7NQVfghqrux|doNotDetect=scr|msl=153600|vcfi=0|srsr=65000|xb=(https:^bs/^bs/tr^bs.snapchat^bs.com^bs/p)^p(https:^bs/^bs/edge^bs.bell^bs.ca)^p(https:^bs/^bs/api2^bs.branch^bs.io^bs/v1^bs/pageview)^p(https:^bs/^bs/analytics^bs.google^bs.com^bs/g^bs/collect)^p(https:^bs/^bs/stats^bs.g^bs.doubleclick^bs.net^bs/j^bs/)^p(https:^bs/^bs/collection^bs.decibelinsight^bs.net)^p(https:^bs/^bs/c^bs.go^bs-mpulse^bs.net^bs/api^bs/config^bs.json)^p(https:^bs/^bs/dpm^bs.demdex^bs.net^bs/id)^p(https:^bs/^bs/[a-z]^bs.clarity^bs.ms^bs/collect)^p(https:^bs/^bs/www^bs.bell^bs.ca^bs/ajax^bs/FacebookConversion^bs/TrackEvent)^p(https:^bs/^bs/px^bs.ads^bs.linkedin^bs.com)^pusageanalytics^bs.coveo^bs.com^pinqchat^bs.html^pwww^bs.google^bs-analytics^bs.com^pdata1^bs.bell^bs.ca^p^bs/TealeafTarget^bs.TeaLeaf^pmbox^pct^bs.pinterest^bs.com^pglassboxdigital|rdnt=1|uxrgce=1|bp=3|cuc=gticcd0a|chw=https?:^bs/^bs/.*dofbffselfserveapi*|srms=2,0,0,0%2F%23divStandardLightboxLarge%20%3E%20div%20%3E%20div%20%3E%20div.modal-body.bgWhite.body-pad.hiddenOverFlow%26;0%2F%23profileinformation-prf-rcry%20%3E%20div%20%3E%20div%20%3E%20div.table.table-bordered.table-hover%20%3E%20div%20%3E%20div;0%2F%23CreditCard_CardNumber%26;0%2F%23expiryYear%26;0%2F%23expiryDay%26;0%2F%23expiryMonth%26;0%2F%23dlprovince%26;0%2F%23txtDriverLicenseNumber%26;0%2F%23SinNumber%26;0%2F%23CreditCardNumber%26;0%2F%23mobSelect%20%3E%20button%26;0%2F%23LoginInfoModel_SecretQuestionId3%26;0%2F%23LoginInfoModel_SecretQuestionId2%26;0%2F%23txtSecretAnswer1%26;0%2F%23LoginInfoModel_SecretQuestionId1%26;0%2F%23PASSWORD%26;0%2F%23txtPhotoCardIdNumber%26;0%2F%23EXPY%2C%20%23EXPY%20%7E%20.rsx-custom-select-trigger%26;0%2F%23EXPD%2C%20%23EXPD%20%7E%20.rsx-custom-select-trigger%26;0%2F%23EXPM%2C%20%23EXPM%20%7E%20.rsx-custom-select-trigger%26;0%2F%23txtPassportId%26;0%2F%23CVV_PI%26;0%2F%23CC_expYear_PI%2C%20%23CC_expYear_PI%20%7E%20.rsx-custom-select-trigger%26;0%2F%23CC_expMonth_PI%2C%20%23CC_expMonth_PI%20%7E%20.rsx-custom-select-trigger%26;0%2F%23PassportExpiryDate%2C%20%23PassportExpiryDate%20%7E%20.rsx-custom-select-trigger%26;0%2F%23PassportNumber%26;0%2F%23PassportCountry%26;0%2F%23billingAddressDiv%20%3E%20div.rsx-input-row%20%3E%20div%20%3E%20span%26;0%2F%23CvvNumber_Payment%2C%20%23CvvNumber_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23CcYearData_Payment%2C%20%23CcYearData_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23CcMonthData_Payment%2C%20%23CcMonthData_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23txtCCNumber_Payment%2C%20%23txtCCNumber_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23Cardholdername%2C%20%23Cardholdername%20%7E%20.rsx-custom-select-trigger%26;0%2F%23PersonalInformation_CreditInformationViewModel_DateOfBirth%26;0%2F%23csc-number%26;0%2F%23expiration-year%26;0%2F%23expiration-month%26;0%2F%23cardholder-name;0%2F%23card-number;0%2F%23Answer1%26;0%2F%23SecretQuestion1%26;0%2F%23txtSecretAnswer3%26;0%2F%23txtCustomQuestion3%26;0%2F%23txtSecretQuestion3%26;0%2F%23txtCustomQuestion2%26;0%2F%23txtSecretAnswer2%26;0%2F%23txtSecretQuestion2%26;0%2F%23txtCustomQuestion1%26;0%2F%23txtSecretQuestion1%26;0%2F%23HomePhone%26;0%2F%23CreditCard_ExpirationDateYY%2C%20%23CreditCard_ExpirationDateYY%20%7E%20.rsx-custom-select-trigger%26;0%2F%23ReviewPage_CardExpiryDate%26;0%2F%23CreditCard_ExpirationDataMM%2C%20%23CreditCard_ExpirationDataMM%20%7E%20.rsx-custom-select-trigger%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%20%3E%20div.sectionContent%26;0%2F%23transitCode%26;0%2F%23frmConfirm%20%3E%20div.standard-outline-custom-src.cWrap%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%26;0%2F%23cardHolderName%20%3E%20div.form-group-input%20%3E%20div%20%3E%20span%3Anth-child%282%29%26;0%2F%23PersonalInformation_CreditInformationViewModel_DateOfBirthTemp%26;0%2F%23prepaid-review-card-holder%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%285%29%26;0%2F%23BankAccountInfo_CardHolder%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%2810%29%26;0%2F%23txtBankCode%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%20%3E%20div.sectionValue%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%20%3E%20div.sectionContent%26;0%2F%23prepaid-review-expiration-date%26;0%2F%23txtCardHoldersName%26;0%2F%23TransitNumber%26;0%2F%23bankCode%26;0%2F%23txtTransitCode%26;0%2F%23MOB%2C%20%23MOB%20%7E%20.rsx-custom-select-trigger%26;0%2F%23frmSubmitReview%20%3E%20div%3Anth-child%283%29%20%3E%20div.colGroup%20%3E%20div.col6.colLast%20%3E%20div%20%3E%20ul%3Anth-child%286%29%26;0%2F%23txtCCNumber%26;0%2F%23SelectedCreditCard_SecurityCodeMasked%26;0%2F%23content%20%3E%20div.cWrap.standard-outline-custom-src%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%285%29%20%3E%20div.sectionContent%26;0%2F%23SelectedCreditCard_ExpireMonth%26;0%2F%23prepaid-review-payment-info-section%26;0%2F%23AccountNumber%26;0%2F%23accountHolderLastName%26;0%2F%23ddlCCYear%26;0%2F%23SelectedCreditCard_CreditCardNumberMasked%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%283%29%20%3E%20div.sectionValue%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%286%29%26;0%2F%23accountHolderFirstName%26;0%2F%23YOB%2C%20%23YOB%20%7E%20.rsx-custom-select-trigger%26;0%2F%23SelectedCreditCard_ExpireYear%26;0%2F%23CreditCard_SecurityCode%26;0%2F%23paymentDetails%20%3E%20div%3Anth-child%281%29%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%286%29%20%3E%20div.sectionContent%26;0%2F%23bankName%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%286%29%20%3E%20div.sectionContent%26;0%2F%23ReviewPage_CardHolderName%26;0%2F%23ReviewPage_PaymentExpiryDate%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%285%29%20%3E%20div.sectionContent%26;0%2F%23BankName%26;0%2F%23txtBankAcctNumber%26;0%2F%23cardHolderName%20%3E%20div.form-group-input%20%3E%20div%20%3E%20span%3Anth-child%281%29%26;0%2F%23txtCreditCardHolderName%26;0%2F%23prepaid-review-card-number%26;0%2F%23DOB%2C%20%23DOB%20%7E%20.rsx-custom-select-trigger%26;0%2F%23Payment_PaymentInformation_PaymentInfoDetail_CreditCard_CardHolderName%26;0%2F%23ddlCCMonth%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%20%3E%20div.sectionContent%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%20%3E%20div.sectionValue%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%26;0%2F%23ddlBankName%26;0%2F%23ReviewPage_DataOfBirth%26;0%2F%23ReviewPage_PaymentCardHolderName%26;0%2F%23your-order-accordion-body%20%3E%20div%20%3E%20section%3Anth-child%284%29%20%3E%20div%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20table%20%26;0%2F%23CreditCardExpirationDate%26;0%2F%23txtSecurityCode%26;0%2F%23frmConfirm%20%3E%20div.standard-outline-custom-src.cWrap%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%26;0%2F%23txtCardNumber%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%20%3E%20div.sectionContent%26;0%2F%23frmBack%20%3E%20div%3Anth-child%286%29%20%3E%20div%20%3E%20div%3Anth-child%288%29%20%3E%20div%3Anth-child%287%29%20%3E%20div%3Anth-child%282%29%26;0%2F%23SelectedCreditCard_CardholderName%26;0%2F%23txtBankPayerName%26;0%2F%23BankAccountInfo_AccountNumberMasked%26;0%2F%23bankAccountNumber%26;0%2F%23CardholderName%26;0%2F%23BankAccountInfo_TransitCode%26;0%2F%23AccountHolderName%26;0%2F%23txtSSN%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%288%29%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%26|mdl=mdcc16=20|mel=100000|dpvc=1|md=mdcc1=clast_login_attempt_bup,mdcc4=bbdaDL[0].page.info.url,mdcc5=b_dim_ga.dimension14,mdcc6=b_dim_ga.dimension37,mdcc7=ahtml@id,mdcc8=b_dim_ga.dimension23,mdcc11=a#USER,mdcc12=bs.pageURL,mdcc15=cgemini,mdcc16=czone,mdcc17=bserverName,mdcc18=b_dim_ga.dimension38,mdcc19=borderId,mdcc20=bnavigator.connection.downlink,mdcc21=bnavigator.connection.effectiveType,mdcc22=c_cls_s|ssv=4|lastModification=1732212894103|tp=500,50,0|agentUri=/ruxitagentjs_ICA7NQVfghqrux_10301241007103824.js"></script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="ELNCJ-SNJ8G-MAJUF-JX27D-KEUXV",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"ELNCJ-SNJ8G-MAJUF-JX27D-KEUXV",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxblpmaz2edqua-f-3c5ce1e58-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"930435","ak.ai":parseInt("595822",10),"ak.ol":"0","ak.cr":196,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"4736a280","ak.r":44093,"ak.a2":e,"ak.m":"","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":51110,"ak.gh":"23.33.28.149","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732516904","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==O75UG7zEvji5fIA7kGKns9Dw1CwwRYeivZkCmvfa8swD7xm2409m+XCHWFgygbrkb/NfDtWstaDzmRiECg6WF52xOWltbWw8CvgGcD/LrwRJwcXo8VNgwPAvBV1jQfo2s1VjDOaindpNCpXPqh8jQPcmuOuOI8KnTOdegGpXhCTzzZuuaZQnH0TsD1ULh3H+VGqkntu4k6kcNBIAMX2XL4G3TimzR8p/FD7rvT06YLAMCnD5L55Uoo7D8aal4INcJ19A3WGfs0gwFqrCa7ta4J1wmCKWGedejxDxFtK1ur019TvT/G7VRnaWzTygLT+EPZqdzu/+9/rOzgOAgI5BDToIayJzmVT3o0nWd8XX3ObDOmWSRBLugBy6/0sUC7OUW4fH/6/RessJ/bQnzVEM1ruvoCRwYteradgi3Gdrfa4=","ak.pv":"194","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class="page-code_prsshpwls-productdetail-tablets brfpad sb-override"> <script type="text/javascript"> var isSlowConnection = false; try { let connection = navigator.connection || navigator.webkitConnection || navigator.mozConnection; if (connection && (connection.effectiveType === "4g" || connection.effectiveType === "3g")) { isSlowConnection = true; } } catch (ex) { console.warn(ex) } (function () { const checkAdobeVariable = ({ addGlobalLoader, removeGlobalLoader }) => { var globalEvent; addGlobalLoader(); function removeProgressLoader(e) { globalEvent = e; if (globalEvent) { clearInterval(interval); removeGlobalLoader(); } else { setTimeout(() => { clearInterval(interval); removeGlobalLoader(); }, 200); } } const interval = setInterval(() => { if (typeof adobe !== 'undefined' && typeof adobe.target.event !== 'undefined' && adobe.target.event.hasOwnProperty('CONTENT_RENDERING_SUCCEEDED') && !globalEvent) { document.addEventListener(adobe.target.event.CONTENT_RENDERING_SUCCEEDED, removeProgressLoader); globalEvent = null; if (isSlowConnection) { setTimeout(() => { removeProgressLoader(); }, 1000); } } }, 200); if (!isSlowConnection) { setTimeout(() => { removeProgressLoader(); }, 200); } }; function addGlobalLoader() { document.getElementsByTagName("html")[0].classList.add("progressiveLoader"); } function removeGlobalLoader() { document.getElementsByTagName("html")[0].classList.remove("progressiveLoader"); } if (document.querySelector("body")) { checkAdobeVariable({ addGlobalLoader, removeGlobalLoader }); } })() </script> <style> .progressiveLoader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: white; z-index: 1000000; overflow: hidden; } .progressiveLoader body { background-color: white!important; opacity: 1!important; } .progressiveLoader body > *:not(.progressiveLoader-logo) { opacity: 0 !important; } .progressiveLoader-logo { fill: #00549a; width: 62px; height: 34px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1100000; display: none; } .progressiveLoader body .progressiveLoader-logo { display: block; } </style> <svg class="progressiveLoader-logo" tabindex="-1" focusable="false" aria-hidden="true" viewBox="0 0 65 37.2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M48.3 21.4c-.3-1.6-1-3-1.9-4.2-1.9-2.6-5.1-4.1-9.3-4.1-6.6 0-10.6 4.5-11.8 9.2-1-3.3-4-5.6-7-6.5 2.3-1.7 3.5-4.1 3.5-6.8 0-2.5-1-4.8-2.8-6.3C16.4.4 12.8 0 8.5 0H0v36.7h7.3c2.2 0 4.2 0 6.2-.1 6.2-.2 10.4-3.4 11.8-8 .5 2.1 1.3 3.8 2.5 5.1 2.4 2.6 5.8 3.7 9.3 3.7 4.3 0 7.4-1.2 9.5-3.1l-3-3.5c-1.5 1.2-3.5 1.8-5.7 1.8-4.3 0-6.2-2.7-6.4-5.4h16.9v9.6h6.3V.1h-6.3l-.1 21.3zM6.5 4.9h1.7c1.7 0 3 .2 4 .6 1.9.7 2.8 2.3 2.8 4.1 0 1.6-.6 4.1-4 4.8-.6.1-1.4.2-2.5.2h-2V4.9zm7.1 26.4c-.8.1-1.7.2-2.6.2H6.5v-12h4.1c1.3 0 2.7.1 3.6.3 2.9.8 4.5 2.8 4.5 5.5 0 2.9-1.5 5.3-5.1 6zm18-8.9c.6-2.7 2.5-4.6 5.4-4.6 2.9 0 4.8 1.7 5.4 4.6H31.6zM58.8.1H65v36.5h-6.2V.1z"></path> </svg>  <link rel="stylesheet" href="/Styles/BRF3/core/css/connector.css" /> <script src="/Styles/BRF3/core/js/connector.js"></script> <script> document.addEventListener("DOMContentLoaded", function () { BELL.gConnector.init(); }); </script>  <header class="g-header" id="ngcHeader"> <a href="#maincontent" class="g-skip-to-main-link">Skip to main content</a> <div class="g-federal-bar" id="federalBarG"> <div class="g-connector-container"> <ul class="g-federal-bar-links g-federal-bar-links--left"> <li> <a href=/Residential_services class="g-active">Personal</a> </li> <li> <button type="button" aria-expanded="false" aria-controls="businessSectionDesktop" id="businessSectionDesktopBtnG" class="g-connector-business-btn-desktop"> <span>Business</span> </button> <div class="g-connector-business-section-desktop g-visually-hidden" id="businessSectionDesktopG" aria-hidden="true"> <ul> <li> <a href=https://business.bell.ca/shop/small-business#EXT=BellRef_Consumer_FedNav_SMB_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Small Business</span><span class="d-block bhp-business-connector-span">1 to 100 employees</span> </a> </li> <li> <a href=https://business.bell.ca/shop/medium-large#EXT=BellRef_Consumer_FedNav_ENT_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Enterprise</span><span class="d-block bhp-business-connector-span">Over 100 employees</span> </a> </li> </ul> </div> </li> <li> <a href=https://www.bell.ca/Bell-for-Better class="">Bell for Better</a> </li> </ul> <ul class="g-federal-bar-links g-federal-bar-links--right"> <li> <button type="button" aria-expanded="false" class="g-connector-stores-btn-desktop" id="storeLocatorBtnG" aria-controls="storeLocatorG">Find a store</button> <input type="hidden" id="gmapsURLG" value="https://maps.google.com/maps/api/js?v=3&libraries=places&region=ca&language=en&client=gme-bellcanada4" /> <div class="g-store-locator g-visually-hidden" id="storeLocatorG" data-url="http://www.bell.ca/Store_Locator?INT=All_hmpg_TXT_header_Mass_100920_es_findstore" data-target="_blank"> <ul class="g-store-locator-links"> <li> <button type="button" class="g-store-locator-link" id="storeLocatorFindStoreBtnG" aria-label="Find a store near you" aria-expanded="false" tabindex="-1" aria-controls="storeLocatorToolsG"> Find a store </button> </li> <li> <a href="https://appointments.bell.ca " class="g-store-locator-link" tabindex="-1"> Book an appointment </a> </li> </ul> <div class="g-store-locator-tools" id="storeLocatorToolsG" aria-hidden="true"> <h2 class="g-store-locator-title" id="storeLocatorTitleG"> Find a store </h2> <label id ="addressLabel" class="g-store-locator-address-label" for="searchField">Enter your address or postal code</label> <input id="storeSearchFieldG" class="g-store-locator-address" type="text" name="search" autocomplete="off" aria-labelledby="addressLabel" placeholder=""> <fieldset class="g-store-locator-filters" id="storeLocatorFiltersG"> <legend>Filter store by</legend> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="a" data-omniture-tag="In-store appointment" id="storeFilters_apointments"> <span class="g-input-visual"></span> <label for="storeFilters_apointments">In-store appointments</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="A" data-omniture-tag="Mobile dev" id="storeFilters_mobile-dev"> <span class="g-input-visual"></span> <label for="storeFilters_mobile-dev">Mobile devices for business + consumer</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="Z" data-omniture-tag="Mobile dev" id="storeFilters_tv"> <span class="g-input-visual"></span> <label for="storeFilters_tv">Residential: Internet + TV + Phone</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="K" data-omniture-tag="Business T" id="storeFilters_business"> <span class="g-input-visual"></span> <label for="storeFilters_business">Business: Internet + TV + Phone</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="f" data-omniture-tag="Mobile Repair" id="storeFilters_repair"> <span class="g-input-visual"></span> <label for="storeFilters_repair">Mobile repairs</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="H" data-omniture-tag="Fibe TV li" id="storeFilters_fibedemo"> <span class="g-input-visual"></span> <label for="storeFilters_fibedemo">Fibe TV live demo</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="I" data-omniture-tag="Bell Trade" id="storeFilters_tradein"> <span class="g-input-visual"></span> <label for="storeFilters_tradein">Bell Trade-in program</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="P" data-omniture-tag="Bell Trade" id="storeFilters_chinese"> <span class="g-input-visual"></span> <label for="storeFilters_chinese">Chinese Support華語服務</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="Q" data-omniture-tag="Bell Trade" id="storeFilters_hindi"> <span class="g-input-visual"></span> <label for="storeFilters_hindi">Hindi | Punjabi Support</label> </span> </fieldset> <button type="button" class="g-button js-open-store-locator" id="storeLocatorLaunchBtnG">Find stores</button> </div> </div> </li> <li> <a href="https://www.bell.ca/Accessibility_services#INT=OTH_Accessserv_TXT_FedNav">Accessibility</a> </li> <li> <span class="sr-only" aria-hidden="true" id="selectProvinceLabel" lang="fr-CA">Select province</span> <button type="button" class="g-prov-selector-desktop-btn" aria-controls="provSelectorDesktop" id="provSelectorDesktopBtnG" aria-expanded="false" aria-labelledby="selectProvinceLabel abbrProvince currProvince"> <span class="sr-only" id="currProvince">Ontario</span> <abbr title="Ontario" id="abbrProvince">ON</abbr> </button> <div class="g-prov-selector-desktop g-visually-hidden" id="provSelectorDesktopG"> <ul> <li> <a href="javascript:void(0)" data-test="ab" tabindex="-1" id="provSelectorDesktopG-1" data-name="province-1" data-value="AB" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Alberta</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="bc" tabindex="-1" id="provSelectorDesktopG-2" data-name="province-2" data-value="BC" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> British Columbia</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="mb" tabindex="-1" id="provSelectorDesktopG-3" data-name="province-3" data-value="MB" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Manitoba</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nb" tabindex="-1" id="provSelectorDesktopG-4" data-name="province-4" data-value="NB" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> New Brunswick</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nl" tabindex="-1" id="provSelectorDesktopG-5" data-name="province-5" data-value="NL" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Newfoundland And Labrador</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nt" tabindex="-1" id="provSelectorDesktopG-6" data-name="province-6" data-value="NT" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Northwest Territories</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="ns" tabindex="-1" id="provSelectorDesktopG-7" data-name="province-7" data-value="NS" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Nova Scotia</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nu" tabindex="-1" id="provSelectorDesktopG-8" data-name="province-8" data-value="NU" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Nunavut</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="on" tabindex="-1" id="provSelectorDesktopG-9" data-name="province-9" aria-current="location" data-value="ON" class=" g-prov-selector-province g-ative "> <span class="g-prov-selector-province-label"> Ontario</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="pe" tabindex="-1" id="provSelectorDesktopG-10" data-name="province-10" data-value="PE" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Prince Edward Island</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="qc" tabindex="-1" id="provSelectorDesktopG-11" data-name="province-11" data-value="QC" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Quebec</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="sk" tabindex="-1" id="provSelectorDesktopG-12" data-name="province-12" data-value="SK" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Saskatchewan</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="yt" tabindex="-1" id="provSelectorDesktopG-13" data-name="province-13" data-value="YT" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Yukon</span> <span class="g-prov-selector-province-bg"></span> </a> </li> </ul> </div> </li> <li> <a href="javascript:void(0)" class="g-lang-selector-desktop" translate="no" aria-label="Consulter le site en français" lang="fr-CA" id="langSelectorDesktopBtnG" data-language="en" data-alternative="fr" data-vanityurl="https://www.bell.ca/Mobilite">FR</a> </li> </ul> </div> </div> <div class="g-connector " id="connector"> <div class="g-connector-container">  <div class="g-mobile-bar" id="mobileBarG"> <a href="/" class="g-mobile-bar-logo"> <div class="sr-only">Home</div> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-bell-logo"></use></svg> </a> <div class="g-mobile-bar-lob">Mobility</div> <div class="g-mobile-bar-btns-wrap"> <a href="https://mybell.bell.ca/Login" class="g-login-btn-mobile g-visually-hidden" tabindex="-1" id="mobileLoginLinkG" aria-hidden="true">Log in / Register</a> <button type="button" class="g-back-btn-mobile g-visually-hidden" href="#" id="mobileBackBtnG" disabled="disabled" aria-hidden="true"> Back </button> <button type="button" class="g-icon-btn g-mobile-bar-search-btn" id="mobileBarSearchBtnG" aria-label="Expand search field" data-label-expand="Expand search field" data-label-collapse="Collapse search field"> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg> </button>  <button type="button" class="g-icon-btn g-mobile-bar-cart-btn" id="mobileBarCartBtnEmpy"> <span class="sr-only">Cart</span> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </button> <div class="g-mobile-bar-cart-popup g-mobile-bar-cart-popup--cart-empty" id="mobileCartEmptyPopup" role="dialog" aria-labelledby="mobileCartEmptyLabel"> <span tabindex="0" aria-hidden="true" style="opacity: 0" onfocus="document.getElementById('mobileCartEmptyPopupClose').focus()"></span> <button type="button" class="g-mobile-bar-popup-close-btn" id="mobileCartEmptyPopupClose" aria-label="Close empty cart popup"><span aria-hidden="true"></span><span aria-hidden="true"></span></button> <div class="g-cart-popup-image-wrap"> <svg tabindex="-1" focusable="false" class="g-cart-popup-image"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </div> <div class="g-cart-popup-text" id="mobileCartEmptyLabel"> Your shopping cart is empty </div> <span tabindex="0" aria-hidden="true" style="opacity: 0" onfocus="document.getElementById('mobileCartEmptyPopupClose').focus()"></span> </div> <div class="g-connector-popup-backdrop" id="connectorPopupBackdrop"></div> <button type="button" class="g-icon-btn g-mobile-bar-nav-btn" id="mobileBarNavBtnG" aria-pressed="false" title="Expand Mobile Navigation" data-label-expand="Expand Mobile Navigation" data-label-collapse="Collapse Mobile Navigation"> <span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span> </button> </div> <button type="button" class="g-icon-btn g-mobile-bar-search-close-btn" id="mobileBarSearchCloseBtn" aria-label="Close search"> <span aria-hidden="true"></span><span aria-hidden="true"></span> </button> </div>  <div class="g-connector-nav-wrap g-hide-mobile-tablet " id="connectorNavWrapG"> <nav id="connectorNavG" class="g-connector-nav-main" aria-label="Main"> <a href="/" aria-label="Bell Home Page" class="g-connector-nav-logo"> <svg tabindex="-1" focusable="false" class="g-connector-nav-logo-bell"><use tabindex="-1" focusable="false" xlink:href="#icon-bell-logo"></use></svg> </a> <ul class="g-connector-nav-lobs" id="connectorNavLobsG">   <li class="g-connector-nav-lob g-connector-active"> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SHOP_MOBILITY"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Mobility</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SHOP_MOBILITY">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SHOP_MOBILITY"> SHOP MOBILITY </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP MOBILITY"> <li class="g-connector-active"> <a href="/Mobility" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Bell Mobility</span> </a> </li> <li class=""> <a href="/Mobility/Our_network" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Our network</span> </a> </li> <li class=""> <a href="/Mobility/Cell_phone_plans" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Plans</span> </a> </li> <li class=""> <a href="/Mobility/Smartphones_and_mobile_internet_devices" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Phones and devices</span> </a> </li> <li class=""> <a href="/Mobility/ConnectedThings#main" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Connected things</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SHOP_INTERNET"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Internet</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SHOP_INTERNET">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SHOP_INTERNET"> SHOP INTERNET </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP INTERNET"> <li class=""> <a href="/Bell_Internet" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Fibe Internet</span> </a> </li> <li class=""> <a href="/Bell_Internet/Internet_access" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe Internet plans</span> </a> </li> <li class=""> <a href="/Bell_Internet/Products/WiFi" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Wi-Fi</span> </a> </li> <li class=""> <a href="/Bell_Internet/promotions/wireless-home-internet" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Rural Internet</span> </a> </li> <li class=""> <a href="/Bell_Internet/Promotions/" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Promotions</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-FIBE_TV"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">TV</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-FIBE_TV">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-FIBE_TV"> </h3> <ul class="g-connector-nav-shop-list" aria-label=""> <li class=""> <a href="/Fibe-TV" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Fibe TV</span> </a> </li> <li class=""> <a href="/Fibe-TV/Fibe-Programming-Packages" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe TV packages</span> </a> </li> <li class=""> <a href="/Fibe-TV/Fibe-TV-App" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe TV app</span> </a> </li> <li class=""> <a href="/Fibe-TV-App/fibe-tv-app-programming-packages" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe TV app packages</span> </a> </li> <li class=""> <a href="/Bell_TV" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Satellite TV</span> </a> </li> <li class=""> <a href="/Whats-on/Live" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">What's on</span> </a> </li> <li class=""> <a href="/Fibe-TV/Promotions" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Promotions</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-BUNDLES"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Bundles</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-BUNDLES">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-BUNDLES"> SHOP BUNDLES </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP BUNDLES"> <li class=""> <a href="/Bell-bundles" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Internet + TV</span> </a> </li> <li class=""> <a href="/Bell-bundles/Internet-Mobility" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Internet + Mobility</span> </a> </li> <li class=""> <a href="/Bell-bundles/Build-Your-Bundle/Bundle" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Build your own</span> </a> </li> <li class=""> <a href="/Bell-bundles/Internet-TV/Promotions" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Promotions</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SMART_HOME_ALL"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Smart Home</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SMART_HOME_ALL">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SMART_HOME_ALL"> </h3> <ul class="g-connector-nav-shop-list" aria-label=""> <li class=""> <a href="/Smart-Home" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Bell Smart Home</span> </a> </li> <li class=""> <a href="/Smart-Home/Packages" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Packages</span> </a> </li> <li class=""> <a href="/Smart-Home/Devices" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Devices</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SHOP_HOMEPHONE"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Home phone</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SHOP_HOMEPHONE">  <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container">  <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SHOP_HOMEPHONE"> SHOP HOME PHONE </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP HOME PHONE"> <li class=""> <a href="/Home_phone" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Packages</span> </a> </li> <li class=""> <a href="/Home_phone/Long_distance_plans" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Long distance</span> </a> </li> <li class=""> <a href="/Home_phone/Calling_features" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Calling features</span> </a> </li> </ul> </div>    </div> </div>  </div> </li> <li class="g-connector-nav-lob "> <a class="g-connector-nav-item" href="/Bell-Promotions/Black-Friday#INT=MULTI_hmpg_NAV_BlackFriday_110824_LM"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label shimmer">Black Friday</span> </a> </li> <li class="g-connector-nav-lob "> <a class="g-connector-nav-item" href="https://support.bell.ca/"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label ">Support</span> </a> </li> </ul> </nav> <div class="g-federal-bar-mobile" id="federalBarMobileG"> <ul> <li> <a href=/Residential_services>Personal</a> </li> <li> <button type="button" aria-expanded="false" aria-controls="businessSectionMobileG" id="businessSectionMobileBtnG" class="g-connector-business-btn-mobile"> <span>Business</span> </button> <div class="g-connector-business-section-mobile" id="businessSectionMobileG" aria-hidden="true"> <ul> <li class="g-connector-business-item-mobile"> <a href=https://business.bell.ca/shop/small-business#EXT=BellRef_Consumer_FedNav_SMB_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Small Business</span><span class="d-block bhp-business-connector-span">1 to 100 employees</span> </a> </li> <li class="g-connector-business-item-mobile"> <a href=https://business.bell.ca/shop/medium-large#EXT=BellRef_Consumer_FedNav_ENT_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Enterprise</span><span class="d-block bhp-business-connector-span">Over 100 employees</span> </a> </li> </ul> </div> </li> <li> <a href=https://www.bell.ca/Bell-for-Better>Bell for Better</a> </li> <li> <a href="http://www.bell.ca/Store_Locator">Find a store</a> </li> <li> <a href="https://appointments.bell.ca ">Book an appointment</a> </li> <li> <a href="https://www.bell.ca/Accessibility_services#INT=OTH_Accessserv_TXT_FedNav">Accessibility</a> </li> </ul> <div class="g-mobile-lang-prov"> <div class="g-mobile-prov-selector-wrap" translate="no"> <select name="Ontario" aria-label="Select province" id="provSelectorMobileG" class="g-prov-selector-mobile"> <option value="AB" > AB </option> <option value="BC" > BC </option> <option value="MB" > MB </option> <option value="NB" > NB </option> <option value="NL" > NL </option> <option value="NT" > NT </option> <option value="NS" > NS </option> <option value="NU" > NU </option> <option value="ON" selected="selected"> ON </option> <option value="PE" > PE </option> <option value="QC" > QC </option> <option value="SK" > SK </option> <option value="YT" > YT </option> </select> </div> <a href="javascript:void(0)" class="g-lang-selector-mobile" translate="no" id="langSelectorMobileBtnG" data-language="en" data-alternative="fr" data-vanityurl="https://www.bell.ca/Mobilite">FR</a> </div> </div> </div> <div class="g-connector-additional-options"> <button type="button" class="g-icon-btn g-desktop-bar-search-btn" id="desktopSearchBtnG" aria-pressed="false" aria-label="Expand search field" data-label-expand="Expand search field" data-label-collapse="Collapse search field"> <svg tabindex="-1" focusable="false"> <use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use> </svg> </button>  <div class="g-desktop-cart-wrap"> <a href="javascript:void(0)" class="g-icon-btn g-desktop-bar-cart-btn" aria-disabled="true" aria-label="Your shopping cart is empty" id="cartBtnG"> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </a> <div class="g-cart-tooltip g-visually-hidden" id="emptyCartTooltipG" role="tooltip" aria-hidden="true"> <div class="g-cart-tooltip-image-wrap"> <svg tabindex="-1" focusable="false" class="g-cart-tooltip-image"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </div> <div class="g-cart-tooltip-text"> Your shopping cart is empty </div> </div> </div>  <div class="g-connector-logged-in-wrap"> <a href="https://mybell.bell.ca/Login" class="g-outline-button" id="desktopLoginLink">Log in / Register</a> </div> </div>  <div class="g-connector-search-controls-wrap"> <div role="search" class="g-connector-search-wrap g-visually-hidden" id="connectorSearchWrapG" data-is-coveo-search-enabled="True"> <form id="rsx-connector-search" class="g-connector-search js-connector-search-form" method="POST" data-mktseg="shp" data-suggestions="#autocomplete-search-results" data-url="/Search?q=#qbox#" data-autocompletehost="https://www.bell.ca/Search/Search/GetAutocomplete" action="?">  <svg class="g-connector-search-icon"> <use xlink:href="#icon-magnifying-glass"></use> </svg> <input class="g-connector-search-field" name="query" placeholder="Search" title="Search bell.ca" autocomplete="off" spellcheck="false" aria-autocomplete="list" id="searchFieldG" tabindex="-1"> <div class="g-connector-search-buttons"> <button type="reset" class="g-connector-reset-search-btn" id="resetConnectorSearchBtnG" aria-label="Reset search terms" tabindex="-1"> <svg class=""> <use xlink:href="#icon-solid-circle-x"></use> </svg> </button> </div> <div class="sr-only" id="searchAutocompleteLiveregionG" role="status" aria-live="assertive" aria-relevant="additions" data-message-single="1 result is available. Use the up and down arrow keys to navigate." data-message-multiple="{0} results are available. Use the up and down arrow keys to navigate."></div> </form> <span class="sr-only" id="voice_warning_alt_g" aria-hidden="true">Select this button and then dictate your search. Successful results will be displayed on a new page.</span> <div class="g-connector-search-popular g-active" id="searchPopularConnector"> <div role="heading" aria-level="3" class="g-connector-search-popular-title" id="searchPopularTitle">Popular searches</div> <ul aria-labelledby="searchPopularTitle"> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">Crave</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">Apple Watch</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">eSIM</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">iPhone 16</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">iPad</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">Internet</button></li> </ul> </div> <div class="g-connector-search-autocomplete" id="searchAutocompleteG"> <div class="g-connector-search-autocomplete-suggestions" id="searchAutocompleteSuggestionsG"> <div class="g-connector-search-autocomplete-suggestions-title" id="searchAutocompleteSuggestionsTitleG" role="heading" aria-level="3">Search suggestions</div> <ul aria-labelledby="searchAutocompleteSuggestionsTitleG"></ul> </div> <div class="g-connector-search-autocomplete-shop" id="searchAutocompleteShopG"> <div class="g-connector-search-autocomplete-suggestions-title" id="searchAutocompleteSuggestionsShopTitleG" role="heading" aria-level="3">Shop</div> <ul aria-labelledby="searchAutocompleteSuggestionsShopTitleG"></ul> </div> <div class="g-connector-search-autocomplete-support" id="searchAutocompleteSupportG"> <div class="g-connector-search-autocomplete-suggestions-title" id="searchAutocompleteSuggestionsSupportTitleG" role="heading" aria-level="3">Support</div> <ul aria-labelledby="searchAutocompleteSuggestionsSupportTitleG"></ul> </div> <div class="g-connector-search-autocomplete-all"> <button type="button" id="searchAutocompleteSuggestionsAllBtn" class="g-connector-search-autocomplete-all-btn">See all results for "<span id="searchAutocompleteSuggestionsAllBtnQuery"></span>"</button> </div> </div> <div class="g-connector-search-no-result-msg" id="searchAutocompleteNoResultsMsg"> <div class="g-connector-search-no-result-msg-noresult">No results found for <span id="searchAutocompleteNoResultsKeyword"></span>.</div> <div class="g-connector-search-no-result-msg-suggestions">Search tips</div> <ul class="g-connector-search-no-result-msg-list"> <li>Make sure you spelled all keywords correctly.</li> <li>Try different keywords.</li> <li>Try more general keywords.</li> <li>Try fewer keywords.</li> </ul> </div> </div> </div> </div> </div>  <section class="bgWhite subNavigationSection noFloatingHeader" id="fixedHeader"> <div class="container"> <div class="dock-hidden-container"> <div class="relative content-wrapper"> <div> <div class="simple-slider-wrapper d-md-flex align-items-start justify-content-between" role="navigation" aria-labelledby="page-heading-1"> <div class="new-title margin-r-20 sticky-margin-r-0" id="page-heading-1"> <span>Mobility</span> </div> <div class="flex-grow-1 overflow-hidden-md flex-1 hidden-space-5-md"> <div class="d-flex flex-column"> <div class="d-block"> <div class="simple-slider" data-extra-space="5"> <button class="slider-controller button-prev" aria-label="Previous"> <span class="icon icon-chevron-left txtSize14" role="img" aria-hidden="true" aria-label=""></span> </button> <div class="element-wrapper z-index-2"> <div class="element-container connector-active-page" role="list"> <div class="element active" role="listitem"> <a href="/Mobility" class="btn focusable-element" aria-current=page>Why Bell</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Our_network" class="btn focusable-element" >Our network</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Smartphones_and_mobile_internet_devices" class="btn focusable-element" >Devices</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Bring-Your-Own-Phone" class="btn focusable-element" >Bring your own phone</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Cell_phone_plans" class="btn focusable-element" >Plans</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Cell_phone_plans/Prepaid_plans" class="btn focusable-element" >Prepaid</a> </div> <div class="element " role="listitem"> <a href="/Bell-Promotions/Offers#INT=ALL_all_TXT_promotions_Mass_010524_NW" class="btn focusable-element" >Promotions</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Accessories" class="btn focusable-element" >Accessories</a> </div> <div class="element " role="listitem"> <a href="/Mobility/ConnectedThings#main" class="btn focusable-element" >Connected things</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Coverage_map" class="btn focusable-element" >Travel</a> </div> </div> </div> <button class="slider-controller button-next" aria-label="Next"> <span class="icon icon-chevron-right txtSize14" role="img" aria-hidden="true" aria-label=""></span> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section>  <svg tabindex="-1" focusable="false" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-bell-logo" viewBox="0 0 65 37.2"> <path d="M48.3 21.4c-.3-1.6-1-3-1.9-4.2-1.9-2.6-5.1-4.1-9.3-4.1-6.6 0-10.6 4.5-11.8 9.2-1-3.3-4-5.6-7-6.5 2.3-1.7 3.5-4.1 3.5-6.8 0-2.5-1-4.8-2.8-6.3C16.4.4 12.8 0 8.5 0H0v36.7h7.3c2.2 0 4.2 0 6.2-.1 6.2-.2 10.4-3.4 11.8-8 .5 2.1 1.3 3.8 2.5 5.1 2.4 2.6 5.8 3.7 9.3 3.7 4.3 0 7.4-1.2 9.5-3.1l-3-3.5c-1.5 1.2-3.5 1.8-5.7 1.8-4.3 0-6.2-2.7-6.4-5.4h16.9v9.6h6.3V.1h-6.3l-.1 21.3zM6.5 4.9h1.7c1.7 0 3 .2 4 .6 1.9.7 2.8 2.3 2.8 4.1 0 1.6-.6 4.1-4 4.8-.6.1-1.4.2-2.5.2h-2V4.9zm7.1 26.4c-.8.1-1.7.2-2.6.2H6.5v-12h4.1c1.3 0 2.7.1 3.6.3 2.9.8 4.5 2.8 4.5 5.5 0 2.9-1.5 5.3-5.1 6zm18-8.9c.6-2.7 2.5-4.6 5.4-4.6 2.9 0 4.8 1.7 5.4 4.6H31.6zM58.8.1H65v36.5h-6.2V.1z" class="svg-bell-logo-path"></path> </symbol> <symbol id="icon-aliant-logo" viewBox="0 0 65 65"> <path d="M48.4.2v21.2c-.3-1.6-1-3-1.9-4.2-1.9-2.5-5-4.1-9.2-4.1-6.5 0-10.6 4.4-11.8 9.1-1.1-3.3-3.9-5.5-7-6.5C20.8 14 22 11.7 22 9c0-2.5-1-4.8-2.8-6.3C16.6.4 13.1 0 8.7 0H.3v36.5h7.2c2.1 0 4.2 0 6.2-.1 6.2-.2 10.4-3.3 11.7-8 .5 2.1 1.4 3.8 2.5 5 2.4 2.6 5.8 3.6 9.3 3.6 4.3 0 7.3-1.2 9.4-3.1l-3-3.5c-1.5 1.1-3.5 1.8-5.6 1.8-4.3 0-6.2-2.7-6.3-5.3h16.7v9.6h6.3V.2h-6.3zM6.7 4.9h1.7c1.7 0 3 .2 4 .6 1.9.7 2.8 2.2 2.8 4.1 0 1.6-.6 4.1-3.9 4.8-.6.1-1.4.2-2.5.2H6.7V4.9zm5 26.4h-5V19.4h4.1c1.3 0 2.7.1 3.6.4 2.9.8 4.5 2.8 4.5 5.5 0 3.3-2.1 6-7.2 6zm20-9c.6-2.7 2.5-4.6 5.4-4.6 2.9 0 4.8 1.7 5.3 4.6H31.7zM58.8.2H65v36.3h-6.2V.2zM18.6 55.9V41.7h1.9v20.1h-1.9v-5.9zm-6.7-2.2H4.7L2 61.8H0l6.1-18.3c.3-1 .9-1.9 2.2-1.9 1.3 0 1.8.9 2.2 1.9l6.1 18.3h-2l-2.7-8.1zM8.3 43.4c-.3 0-.3.3-.4.7l-2.7 7.8h6.1l-2.6-7.8c-.1-.3-.1-.7-.4-.7zm16.8 2.8c-.8 0-1.2-.4-1.2-1.2s.4-1.2 1.2-1.2c.8 0 1.1.4 1.1 1.2 0 .8-.4 1.2-1.1 1.2zm-.9 2.6H26v13h-1.9v-13zm17 .3v12.7h-1.7v-.1c-.1-.6-.5-.6-.9-.5-.6.2-1.1.3-1.6.5-.6.1-1.1.2-1.8.2-3.9 0-6.4-2.5-6.4-6.4 0-3.7 2.4-6.8 6.5-6.8 1.8 0 3.2.6 4.1 1.7v-1.3h1.8zm-5.8 1.3c-3.2 0-4.7 2.3-4.7 5.2 0 2.9 1.5 4.9 4.7 4.9 1.5 0 3-.5 4-1.1v-5.1c-.1-2.5-1.9-3.9-4-3.9zm18.2 3.5c0-2.4-1.3-3.5-3.9-3.5-1.3 0-2.8.4-3.6 1v10.4h-1.9V50.5c1.5-1.1 3.7-1.8 5.6-1.8 3.5 0 5.7 1.5 5.7 4.8v8.2h-1.9v-7.8zm4.3-8.6h1.9v3.5H64v1.8h-4.3v7.1c0 1.7.8 2.6 2.5 2.6.9 0 1.9-.2 2.8-.5v1.5c-.9.4-2.1.6-3 .6-2.5 0-4.1-1.5-4.1-4.1V45.3z" class="svg-bell-logo-path"></path> </symbol> <symbol id="icon-magnifying-glass" viewBox="0 0 22 21"> <path d="M21.16,19.49l-4.06-4.06c1.36-1.62,2.18-3.71,2.18-5.99c0-5.16-4.18-9.34-9.34-9.34S0.6,4.28,0.6,9.44 c0,5.16,4.18,9.34,9.34,9.34c2.28,0,4.37-0.82,5.99-2.18l4.06,4.06c0.32,0.32,0.84,0.32,1.17,0C21.48,20.34,21.48,19.82,21.16,19.49 z M15.46,14.78c-0.03,0.02-0.07,0.05-0.1,0.08c-0.03,0.03-0.06,0.06-0.08,0.1c-1.38,1.34-3.27,2.16-5.35,2.16 c-4.25,0-7.69-3.44-7.69-7.69s3.44-7.69,7.69-7.69c4.25,0,7.69,3.44,7.69,7.69C17.62,11.51,16.8,13.4,15.46,14.78z" /> </symbol> <symbol id="icon-hamburger" viewBox="0 0 22 21"> <path d="M20.7 11.8H1.2c-.7 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2h19.5c.7 0 1.2.5 1.2 1.2.1.6-.5 1.2-1.2 1.2zm0 6.2H1.2C.5 18 0 17.5 0 16.8s.5-1.2 1.2-1.2h19.5c.7 0 1.2.5 1.2 1.2s-.5 1.2-1.2 1.2zm0-12.5H1.2C.5 5.5 0 4.9 0 4.2S.5 3 1.2 3h19.5c.8 0 1.3.5 1.3 1.2s-.6 1.3-1.3 1.3z"></path> </symbol> <symbol id="icon-close" viewBox="0 0 22 21"> <path d="m12.2 10.5 9-9c.3-.3.3-.8 0-1.2s-.8-.3-1.2 0l-9 9-9-9C1.6 0 1.1 0 .8.3s-.3.8 0 1.2l9 9-9 9c-.2.2-.2.4-.2.6 0 .2.1.4.2.6.3.3.8.3 1.2 0l9-9 9 9c.2.2.4.2.6.2.2 0 .4-.1.6-.2.3-.3.3-.8 0-1.2l-9-9z"></path> </symbol> <symbol id="icon-shopping-bag" viewBox="0 0 22 21"> <path class="st0" d="M19.1,5.3c0-0.5-0.4-0.8-0.9-0.8l-2.3,0c-0.4-2.4-2.5-4.1-4.9-4.1c-2.4,0-4.5,1.7-4.9,4.1H3.8 c-0.5,0-0.9,0.4-0.9,0.8l-1,14.3c0,0.5,0.4,1,0.9,1h16.4c0.5,0,0.9-0.4,0.9-1L19.1,5.3z M8,4.5c0.4-1.3,1.6-2.3,3-2.3 c1.4,0,2.6,0.9,3,2.3L8,4.5z M6.9,9.4c0.5,0,0.9-0.4,0.9-0.9V6.3h6.4v2.2c0,0.5,0.4,0.9,0.9,0.9C15.6,9.4,16,9,16,8.5V6.3h1.3 l0.9,12.5H4c0.1-1.8,0.2-4.1,0.3-6.2c0.1-2.2,0.2-4.4,0.3-6.3H6v2.2C6,9,6.4,9.4,6.9,9.4z" /> </symbol> <symbol id="icon-cart-alt" viewBox="0 0 22 21"> <path d="M7.6,16c-0.6,0-1.2-0.2-1.8-0.6c-0.5-0.4-0.9-1-1-1.6L3.2,6.7c0,0,0-0.1,0-0.1L2.3,2.5H0.9c-0.5,0-0.9-0.4-0.9-0.9 s0.4-0.9,0.9-0.9h2c0.4,0,0.8,0.3,0.8,0.7l0.9,4.1h16.4c0.3,0,0.5,0.1,0.7,0.3C22,6.1,22,6.4,22,6.6l-1.7,7.2 c-0.1,0.6-0.5,1.2-1,1.6c-0.5,0.4-1.1,0.6-1.8,0.6L7.6,16C7.6,16,7.6,16,7.6,16z M5.1,7.3l1.4,6.1c0.1,0.2,0.2,0.5,0.4,0.6 c0.2,0.2,0.5,0.2,0.8,0.2h9.9c0.3,0,0.5-0.1,0.7-0.2c0.2-0.2,0.3-0.4,0.4-0.6L20,7.3H5.1z" /> <circle cx="6.3" cy="18.9" r="1.7" /> <circle cx="18.6" cy="18.9" r="1.7" /> </symbol> <symbol id="icon-cart" viewBox="0 0 22 21"> <path d="M18 5H4.3L3.3.6H0v1.1h2.4l3 12.2c-.6.3-1.1.9-1.1 1.7 0 1 .8 1.8 1.8 1.8s1.8-.8 1.8-1.8c0-.3-.1-.5-.2-.7h3.8c-.1.2-.2.5-.2.7 0 1 .8 1.8 1.8 1.8s1.8-.8 1.8-1.8-.8-1.8-1.8-1.8H6.3V13h8.9L18 5zM6.8 15.6c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7 0-.4.2-.6.6-.7h.3c.3 0 .5.3.5.7zm7.1 0c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.4-.1.7.3.7.7zM6 11.9 4.6 6.1h11.9l-2.1 5.8H6z"></path> </symbol> <symbol id="icon-mic" viewBox="0 0 22 21"> <path d="M18,8.9v1.6c0,1.8-0.6,3.4-1.8,4.8s-2.7,2.2-4.4,2.3v1.6H15c0.2,0,0.3,0.1,0.6,0.2c0.1,0.1,0.2,0.3,0.2,0.6 c0,0.2-0.1,0.3-0.2,0.6c-0.1,0.1-0.3,0.2-0.6,0.2H7c-0.2,0-0.3-0.1-0.6-0.2c-0.1-0.1-0.2-0.3-0.2-0.6c0-0.2,0.1-0.3,0.2-0.6 c0.1-0.1,0.3-0.2,0.6-0.2h3.2v-1.6c-1.8-0.2-3.3-0.9-4.4-2.3S4,12.3,4,10.5V8.9c0-0.2,0.1-0.3,0.2-0.6c0.1-0.1,0.3-0.2,0.6-0.2 c0.2,0,0.3,0.1,0.6,0.2c0.1,0.1,0.2,0.3,0.2,0.6v1.6c0,1.5,0.6,2.8,1.6,3.9S9.5,16,11,16s2.8-0.6,3.9-1.6s1.6-2.4,1.6-3.9V8.9 c0-0.2,0.1-0.3,0.2-0.6c0.1-0.1,0.3-0.2,0.6-0.2s0.3,0.1,0.6,0.2C18,8.6,18,8.7,18,8.9z M15,4.2v6.3c0,1.1-0.3,2-1.1,2.7 s-1.7,1.1-2.7,1.1c-1.1,0-2-0.3-2.7-1.1c-0.8-0.8-1.1-1.7-1.1-2.7V4.2c0-1.1,0.3-2,1.1-2.7S9.9,0.3,11,0.3s2,0.3,2.7,1.1 C14.4,2.2,15,3.1,15,4.2z" /> </symbol> <symbol id="icon-solid-circle-x" viewBox="0 0 22 21"> <path d="M18.4,3.2c-4-4-10.6-4-14.7,0s-4,10.6,0,14.6s10.6,4,14.6,0C22.4,13.8,22.4,7.3,18.4,3.2z M15.3,13.2c0.5,0.5,0.5,1.1,0,1.6 c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-2.5-2.5L8.4,15c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3 c-0.5-0.5-0.5-1.1,0-1.6l2.8-2.8L6.8,7.9c-0.5-0.5-0.5-1.1,0-1.6c0.5-0.5,1.1-0.5,1.6,0l2.8,2.8l2.5-2.5c0.5-0.5,1.1-0.5,1.6,0 s0.5,1.1,0,1.6l-2.5,2.5C12.8,10.7,15.3,13.2,15.3,13.2z" /> </symbol> <symbol id="icon-user" viewBox="0 0 22 21"> <path d="M17.3 18H.7c-.4 0-.7-.3-.7-.7v-.4c0-1.1 0-1.9.3-2.7.4-.8 1.2-1.4 2.4-1.6h.1c.8-.2 1.5-.4 2.1-.6.7-.3.9-.5.9-.6.1-.2 0-.5-.2-.8-.7-1.8-1.3-3.4-1.4-4.8-.1-.7 0-1.3.1-1.9.1-.6.3-1.1.6-1.6C5.7.8 7.2 0 9 0c1.8 0 3.3.8 4.1 2.2.6 1 .8 2.1.7 3.5-.1 1.4-.7 3.1-1.6 4.8-.2.3-.2.6-.2.8.1.1.3.4.9.6.6.2 1.4.4 2.2.6h.1c1.3.3 2 .8 2.4 1.6.3.7.3 1.6.3 2.7v.4c.1.5-.2.8-.6.8zM1.4 16.6h15.2c0-.8 0-1.4-.2-1.8-.1-.3-.4-.6-1.4-.9h-.1c-.9-.2-1.7-.4-2.4-.7-.6-.2-1.4-.6-1.7-1.4-.3-.6-.2-1.3.2-2 .8-1.6 1.3-3 1.4-4.3.1-1.1-.1-2-.5-2.7-.6-.8-1.6-1.4-2.9-1.4-1.3 0-2.4.6-2.9 1.5-.4.7-.6 1.6-.5 2.7.1 1.3.6 2.7 1.4 4.2.4.8.5 1.4.2 2-.5 1.2-2.2 1.6-4 2h-.1c-1 .2-1.3.6-1.4.9-.3.5-.3 1.1-.3 1.9z"></path> </symbol> <symbol id="icon-handset" viewBox="0 0 18 18"> <path d="M17.7 12.9c-1.3-.8-2.2-1.4-2.7-1.8-.3-.2-.5-.3-.7-.4-.2-.1-.4-.2-.5-.2-.4 0-.6.3-.6.3S12 12 11.7 12.4c-.2.2-.5.2-.9.1-2-1-3.8-2.6-5.3-4.8-.1-.2-.1-.2-.2-.3-.1-.1-.1-.4-.1-.4.1-.2.7-1.1 1.6-1.8.2-.1.2-.4.2-.5.1-.2 0-.4-.1-.6C5.4 2 4.2.7 4.1.7c0 0-.3-.2-.6-.2-.2 0-.4.1-.6.2C.4 2.9.1 4.6.1 4.6c0 .1-.2.9 0 1.3 3.1 9.2 12.3 11.4 12.3 11.4s.5.2 1.1.2c.3 0 .6-.1.8-.2 2.2-1.1 3.5-3.3 3.6-3.4v-.1c.1-.1.2-.6-.2-.9z"></path> </symbol> <symbol id="icon-location" viewBox="0 0 18 18"> <path d="M9 0C5.7 0 2.1 2.4 2.1 6.7c0 5 4.6 8.5 6.9 11.3 2.3-2.8 6.9-6.3 6.9-11.3C15.9 2.5 12.2 0 9 0zm0 10.5c-1.7 0-3.1-1.5-3.1-3.3S7.3 3.9 9 3.9c1.7 0 3.1 1.5 3.1 3.3s-1.4 3.3-3.1 3.3z"></path> </symbol> <symbol id="icon-to-top" viewBox="0 0 18 18"> <path d="M14.9 9 9 3 3.1 9l1 1 4.2-4.3V18h1.4V5.7l4.2 4.3 1-1zM3.6 0h10.8v1.4H3.6V0z"></path> </symbol> <symbol id="icon-cta-pill" viewBox="0 0 18 18"> <path d="M9 0C4 0 0 4 0 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16.6c-4.2 0-7.7-3.4-7.7-7.7S4.8 1.3 9 1.3s7.7 3.4 7.7 7.7-3.5 7.6-7.7 7.6zm-1.6-3.9L12.7 9 7.4 5.3v7.4z"></path> </symbol> <symbol id="icon-i-circled-sm" viewBox="0 0 18 18"> <path d="M9 0C4 0 0 4 0 9s4 9 9 9 9-4 9-9-4-9-9-9zm1.3 13c0 .7-.6 1.3-1.3 1.3s-1.3-.6-1.3-1.3V8.7c0-.7.6-1.2 1.3-1.2s1.3.6 1.3 1.3V13zm0-7.9c0 .7-.6 1.3-1.3 1.3s-1.3-.6-1.3-1.3V5c0-.7.6-1.3 1.3-1.3s1.3.6 1.3 1.3v.1z"></path> </symbol> <symbol id="icon-exclamation" viewBox="0 0 72 72"> <path d="M36.1 46.8c-2 0-3.5-1.5-3.5-3.5V4.5c0-2 1.5-3.5 3.5-3.5s3.5 1.5 3.5 3.5v38.9c0 1.9-1.6 3.4-3.5 3.4zm0 24.2c-1.3 0-2.7-.5-3.7-1.5s-1.5-2.3-1.5-3.7.5-2.7 1.5-3.7c2-2 5.5-2 7.3 0 1 1 1.5 2.3 1.5 3.7 0 1.3-.5 2.7-1.5 3.7-.9 1-2.3 1.5-3.6 1.5z"></path> </symbol> <symbol id="icon-logout" viewBox="0 0 20 21"> <path d="M20 1.3v18.5c0 .7-.5 1.2-1.2 1.2H6.7c-.6 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2h11V2.5h-11c-.7 0-1.2-.6-1.2-1.2S6 .1 6.7.1h12.1c.7 0 1.2.5 1.2 1.2z" /> <path d="M6.9 6.2c.2.2.4.5.4.8s-.2.7-.4.9L5.4 9.3h8.1c.7 0 1.2.5 1.2 1.2 0 .6-.5 1.2-1.2 1.2H5.4l1.4 1.5c.2.2.4.5.4.8 0 .3-.1.6-.4.8-.2.2-.5.4-.8.4-.3 0-.6-.1-.8-.4l-3.5-3.5c-.5-.5-.5-1.2 0-1.7l3.5-3.5c.5-.3 1.2-.3 1.7.1z" /> </symbol> <symbol id="icon-devices" viewBox="0 0 20 21"> <path class="st0" d="M11,13.2c0.4,0,0.7-0.3,0.7-0.7c0-0.4-0.3-0.7-0.7-0.7H3.1c-0.3,0-0.6-0.1-0.9-0.4s-0.4-0.5-0.4-0.9V3.6 C1.9,3.3,2,3,2.2,2.7s0.5-0.4,0.9-0.4h11.8c0.3,0,0.6,0.1,0.9,0.4C16,3,16.2,3.3,16.2,3.6v2c0,0.4,0.3,0.7,0.7,0.7s0.7-0.3,0.7-0.7 v-2c0-0.7-0.3-1.4-0.8-1.9s-1.2-0.8-1.9-0.8H3.1c-0.7,0-1.4,0.3-1.9,0.8S0.4,2.9,0.4,3.6v6.9c0,0.7,0.3,1.4,0.8,1.9 c0.5,0.5,1.2,0.8,1.9,0.8h5.2v2.5H6.1c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7H11c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7H9.8v-2.5 H11z" /> <path class="st0" d="M18.9,8.8h-2c-1.5,0-2.7,1.2-2.7,2.7v5.9c0,1.5,1.2,2.7,2.7,2.7h2c1.5,0,2.7-1.2,2.7-2.7v-5.9 C21.6,10,20.4,8.8,18.9,8.8z M20.1,17.4c0,0.7-0.6,1.2-1.2,1.2h-2c-0.7,0-1.2-0.6-1.2-1.2v-5.9c0-0.7,0.6-1.2,1.2-1.2h2 c0.7,0,1.2,0.6,1.2,1.2V17.4z" /> </symbol> <symbol id="icon-docs" viewBox="0 0 20 21"> <path d="M19.7 4.7 15.4.4c-.1-.1-.3-.2-.5-.2H8.2c-.6 0-1.1.3-1.6.7-.4.4-.7 1-.7 1.6v12.3c0 .6.3 1.1.7 1.6.4.4 1 .7 1.6.7h9.4c.6 0 1.1-.3 1.6-.7.4-.4.7-1 .7-1.6V5.2c0-.2-.1-.4-.2-.5zm-1.9.3h-2.7V2.2L17.8 5zm.3 10.2c-.2.2-.4.3-.5.3H8.2c-.2 0-.4-.1-.5-.3-.2-.2-.3-.4-.3-.5V2.5c0-.2.1-.4.3-.5s.4-.3.5-.3h5.4v4c0 .4.3.8.8.8h4v8.3c0 .1-.1.3-.3.4z" class="st0" /> <path d="M13.8 19.3H4.4c-.2 0-.4-.1-.5-.3-.2-.2-.3-.4-.3-.5V6.3c0-.4-.3-.8-.8-.8s-.7.4-.7.8v12.3c0 .6.3 1.1.7 1.6.4.4 1 .7 1.6.7h9.4c.4 0 .8-.3.8-.8s-.4-.8-.8-.8z" /> </symbol> <symbol id="icon-gear" viewBox="0 0 20 21"> <path d="M11.2 20.9h-.4a2.732 2.732 0 0 1-2.7-2.7V18c0-.2-.1-.4-.2-.6-.1-.2-.3-.3-.4-.4l-.4-.2c-.4-.2-.8-.2-1.2 0l-.2.1c-.6.3-1.3.4-2 .3-.7-.2-1.3-.6-1.6-1.2l-.2-.4c-.4-.6-.4-1.3-.3-2 .2-.7.6-1.3 1.2-1.6l.2-.2c.2-.1.3-.3.4-.4.1-.2.2-.4.2-.6v-.5c0-.2-.1-.4-.2-.6 0-.2-.2-.4-.4-.5l-.1-.1c-.6-.3-1-.9-1.2-1.6-.2-.7-.1-1.4.3-2l.2-.4c.4-.6.9-1.1 1.6-1.2.7-.2 1.4-.1 2 .3l.1.1c.4.2.8.2 1.2 0l.4-.3c.2-.1.4-.3.5-.4.1-.2.1-.4.1-.6v-.2A2.732 2.732 0 0 1 10.8.1h.4a2.732 2.732 0 0 1 2.7 2.7V3c0 .2.1.4.2.6.1.2.3.3.4.4l.4.2c.4.2.8.2 1.2 0l.2-.1c.6-.3 1.3-.4 2-.3.7.2 1.3.6 1.6 1.2l.2.4c.4.6.5 1.3.3 2s-.6 1.3-1.2 1.6l-.2.2c-.2.1-.3.3-.4.4-.1.2-.2.4-.2.6v.5c0 .2.1.4.2.6.1.2.3.3.4.4l.1.1c.6.4 1.1.9 1.3 1.6s.1 1.4-.3 2l-.2.4c-.4.6-.9 1.1-1.6 1.3-.7.2-1.4.1-2-.3l-.1-.1c-.4-.2-.8-.2-1.2 0l-.5.3c-.2.1-.3.3-.4.4-.1.2-.2.4-.2.6v.2a2.732 2.732 0 0 1-2.7 2.7zm-4.7-5.8c.5 0 .9.1 1.3.4l.4.2c.4.2.7.6 1 1 .2.4.4.9.4 1.3v.2c0 .3.1.6.3.8.2.2.5.3.8.3h.4c.3 0 .6-.1.8-.3.2-.2.3-.5.3-.8V18c0-.5.1-.9.4-1.3.2-.4.6-.7 1-1l.4-.2c.8-.5 1.9-.5 2.7 0l.1.1c.3.2.6.2.9.1.3-.1.6-.3.7-.5l.2-.4c.2-.3.2-.6.1-.9-.1-.3-.3-.6-.5-.7l-.1-.1c-.4-.2-.8-.6-1-1-.2-.4-.4-.9-.4-1.3v-.5c0-.5.1-.9.4-1.3.2-.4.6-.7 1-1l.1-.1c.3-.2.5-.4.6-.7s0-.6-.1-.9l-.2-.4c-.2-.3-.4-.5-.7-.5-.3-.1-.6 0-.9.1l-.2.1c-.7.4-1.7.4-2.6-.1l-.4-.2c-.4-.2-.7-.6-1-1-.2-.4-.4-.9-.4-1.3v-.2c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.8-.3h-.4c-.3 0-.6.1-.8.3s-.4.5-.4.8V3c0 .5-.1.9-.4 1.3-.2.4-.5.7-.9 1l-.4.2C7 6 6 6 5.2 5.5h-.1c-.3-.2-.7-.3-1-.2-.3.1-.5.3-.7.6l-.2.3c-.1.3-.2.6-.1.9.1.3.3.6.5.7l.2.2c.4.2.7.5.9.9.3.4.4.9.4 1.3v.5c0 .5-.1.9-.4 1.3-.2.4-.6.7-1 1l-.1.1c-.3.2-.5.4-.6.7-.1.3 0 .6.1.9l.2.4c.2.3.4.5.7.5.3.1.6 0 .9-.1l.2-.1c.5-.2.9-.3 1.4-.3z" class="st0" /> <path d="M11 14.1c-2 0-3.6-1.6-3.6-3.6S9 6.9 11 6.9s3.6 1.6 3.6 3.6-1.6 3.6-3.6 3.6zm0-5.7c-1.2 0-2.1 1-2.1 2.1 0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-1 2.1-2.1 0-1.2-.9-2.1-2.1-2.1z" /> </symbol> <symbol id="icon-logout-right" viewBox="0 0 20 21"> <path d="M7.8 19.4H3.5c-.4 0-.7-.1-1-.4-.3-.3-.4-.6-.4-1V3c0-.4.1-.7.4-1 .3-.3.6-.4 1-.4h4.3c.4 0 .8-.3.8-.8S8.2.1 7.8.1H3.5c-.8 0-1.5.3-2 .9-.6.5-.9 1.2-.9 2v15c0 .8.3 1.5.8 2s1.3.8 2 .8h4.3c.4 0 .8-.3.8-.8s-.3-.6-.7-.6z" class="st0" /> <path d="M21.3 10.2c0-.1-.1-.2-.2-.2l-5.3-5.3c-.3-.3-.8-.3-1.1 0s-.3.8 0 1.1l4.1 4.1h-11c-.4-.1-.8.2-.8.6s.3.8.8.8h11l-4.1 4.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2l5.3-5.3c.1-.1.1-.2.2-.2.2-.4.2-.6.1-.8z" class="st0" /> </symbol> <symbol id="icon-chat_texting" viewBox="0 0 1125 1024"> <path d="M202.95 1024c-2.876 0-5.753 0-5.753 0-8.629-2.876-14.382-11.506-14.382-20.135l-14.382-250.247h-146.697c-11.506 0-23.011-8.629-23.011-23.011v-707.596c0-14.382 8.629-23.011 23.011-23.011h1081.528c11.506 0 23.011 8.629 23.011 23.011v710.472c0 11.506-8.629 23.011-23.011 23.011h-670.202l-212.854 261.753c-2.876 2.876-8.629 5.753-17.258 5.753zM41.871 707.596h146.697c11.506 0 20.135 8.629 20.135 20.135l14.382 215.73 184.090-227.236c2.876-5.753 11.506-8.629 17.258-8.629h658.697v-664.449h-1041.258v664.449zM637.287 535.011h-431.461c-11.506 0-23.011-8.629-23.011-23.011s8.629-23.011 23.011-23.011h431.461c11.506 0 23.011 8.629 23.011 23.011s-11.506 23.011-23.011 23.011zM936.433 391.191h-730.607c-11.506 0-23.011-8.629-23.011-23.011s8.629-23.011 23.011-23.011h730.607c11.506 0 23.011 8.629 23.011 23.011s-11.506 23.011-23.011 23.011zM936.433 247.371h-730.607c-11.506 0-23.011-8.629-23.011-23.011s8.629-23.011 23.011-23.011h730.607c11.506 0 23.011 8.629 23.011 23.011s-11.506 23.011-23.011 23.011z"></path> </symbol> </defs> </svg> <div class="g-connector-desktop-nav-backdrop" id="connectorNavBackdropDesktop" style="height: 0"></div> <div class="g-connector-search-backdrop" id="connectorSearchBackdrop"></div> </header> <style> .g-connector-nav-item .shimmer { text-align: center; color: rgba(255, 255, 255, 0.1); background: -webkit-gradient(linear, left bottom, right top, from(#A8CDFF), to(#A8CDFF), color-stop(0.5, #00549A)); background-size: 40px 100%; -webkit-background-clip: text; animation-name: shimmer; animation-duration: 3s; animation-delay: 3s; animation-iteration-count: 3; background-repeat: no-repeat; background-position: -300% 0; background-color: #A8CDFF; animation-fill-mode: forwards; } @keyframes shimmer { 0% { background-position: -300% 0; } 100% { background-position: calc(100% + 50px) 0; } } .g-connector-nav-item:hover .shimmer { background-color: white; } </style>  <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-change" viewBox="0 0 32 32"> <title>change</title> <path d="M8.4 32c-0.35 0-0.65-0.15-0.9-0.4-0.5-0.5-0.5-1.35 0-1.85l13.75-13.75-13.8-13.75c-0.5-0.5-0.5-1.35 0-1.85s1.35-0.5 1.85 0l15.6 15.6-15.6 15.6c-0.25 0.25-0.6 0.4-0.9 0.4z"></path> </symbol> <symbol id="icon-selected" viewBox="0 0 32 32"> <title>selected</title> <path d="M11.6 27.45l-11.1-11.050c-0.7-0.7-0.7-1.8 0-2.5s1.8-0.7 2.5 0l8.55 8.55 17.4-17.4c0.7-0.7 1.8-0.7 2.5 0s0.7 1.8 0 2.5l-19.85 19.9z"></path> </symbol> <symbol id="icon-close" viewBox="0 0 32 32"> <title>close</title> <path d="M17.775 16l13.859-13.859c0.491-0.491 0.491-1.284 0-1.775s-1.284-0.491-1.775 0l-13.859 13.859-13.859-13.856c-0.491-0.491-1.284-0.491-1.775 0s-0.491 1.284 0 1.775l13.859 13.856-13.856 13.859c-0.244 0.244-0.369 0.566-0.369 0.887s0.122 0.641 0.369 0.887c0.491 0.491 1.284 0.491 1.775 0l13.856-13.859 13.859 13.859c0.244 0.244 0.566 0.369 0.887 0.369s0.641-0.122 0.887-0.369c0.491-0.491 0.491-1.284 0-1.775l-13.859-13.859z"></path> </symbol> </defs> </svg>  <div class="change-region-popup change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="region-confirmation"> <span> Your current region: </span> <span class="change-region"> <strong>Ontario</strong> </span> </div> <div class="change-region-provinces-button"> <a href="#changeRegionBox" class="change-region-link collapse-trigger" role="button" aria-expanded="false" aria-controls="changeRegionBox" data-target="#changeRegionBox" data-toggle="collapse"> <span class="sr-only"> Change current region </span> <span class="change-region-text" aria-hidden="true"> Change </span> <svg class="icon icon-change " aria-hidden="true"><use xlink:href="#icon-change"></use></svg> </a> <div class="change-region-provinces change-region-hidden" tabindex="-1" id="changeRegionBox"> <form class="province-form"> <fieldset form="province-form" class="province-form-fieldset change-region-fieldset"> <legend> Select your province or territory below</legend> <ul class="change-region-list" role="listbox"> <li> <input id="3e81d858-417a-4b37-8742-46eabf61827c" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="AB" /> <label class="" for="3e81d858-417a-4b37-8742-46eabf61827c"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="911f4156-23c0-4c87-872e-4ac9935e36ae" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="BC" /> <label class="" for="911f4156-23c0-4c87-872e-4ac9935e36ae"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="22e518a6-a4d7-424e-b54a-920cbac7b657" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="MB" /> <label class="" for="22e518a6-a4d7-424e-b54a-920cbac7b657"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="9815c4b8-6791-49d8-892d-5e13082a10c7" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="NB" /> <label class="" for="9815c4b8-6791-49d8-892d-5e13082a10c7"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="1abdef59-227b-472e-82d9-83511260ece7" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="NL" /> <label class="" for="1abdef59-227b-472e-82d9-83511260ece7"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="06ecf058-ad61-4265-892a-ab7a61cdf111" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="NT" /> <label class="" for="06ecf058-ad61-4265-892a-ab7a61cdf111"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="80cad22f-b7a6-44fd-8b8f-6bf6affdcada" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="NS" /> <label class="" for="80cad22f-b7a6-44fd-8b8f-6bf6affdcada"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="51024205-2cf5-4414-b7a4-137e07e9d0f3" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="NU" /> <label class="" for="51024205-2cf5-4414-b7a4-137e07e9d0f3"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="288a224a-947d-4bc1-a9a5-b227f97b5a60" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="288a224a-947d-4bc1-a9a5-b227f97b5a60"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="2c7e1db7-b4fa-4fc3-aaae-2ac8a5f38e19" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="PE" /> <label class="" for="2c7e1db7-b4fa-4fc3-aaae-2ac8a5f38e19"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="78edad32-aa80-4e30-a7f0-d486f246ffe1" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="QC" /> <label class="" for="78edad32-aa80-4e30-a7f0-d486f246ffe1"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="71e06d7f-04e7-43c9-9f1b-9c7a01bd2ad9" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="SK" /> <label class="" for="71e06d7f-04e7-43c9-9f1b-9c7a01bd2ad9"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="12cfcfae-ef30-45f6-939d-568602103c48" type="radio" role="option" tabindex="0" name="province-53448b06-fdda-45bf-ab8c-43b289cee813" value="YT" /> <label class="" for="12cfcfae-ef30-45f6-939d-568602103c48"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close margin-t-20"><a href="javascript:void(0)" role="button" aria-label="Close change region popup"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a></span> </div> </div> <input id="showProvinceSelector" value="true" hidden /> <input id="IPRegionProvinceCode" hidden /> <input id="showProvinceSelectorWhenNonIpZoneSelected" value="false" hidden /> <script> document.addEventListener('DOMContentLoaded', function () { var ul = document.querySelectorAll('.change-region-list'); var changeButton = document.querySelectorAll(".change-region-link") var liSelected; var index = 0; ul.forEach((elem, i) => { elem.querySelectorAll('input').forEach((e, i) => { e.addEventListener('keydown', function (et) { var KeyID = et.key; switch (KeyID) { case "Enter": case " ": e.click(); break; default: break; } }); }); elem.addEventListener('focus', (event) => { elem.setAttribute('aria-hidden', 'false'); }); elem.addEventListener('keydown', function (event) { var len = elem.getElementsByTagName('li').length - 1; if ((index == len && event.which === 9 && !event.shiftKey) || (index == 0 && (event.which === 9 && event.shiftKey))) { return; } if (event.which === 40 || (event.which === 9 && !event.shiftKey)) { index++; //down if (liSelected) { next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index <= len) { liSelected = next; if (liSelected.querySelector("input").hasAttribute("disabled")) { index++; next = elem.getElementsByTagName('li')[index]; liSelected = next; } } else { index = 0; liSelected = elem.getElementsByTagName('li')[index]; } liSelected.querySelector("input").focus(); } else { index = 1; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); } event.preventDefault(); } else if (event.which === 38 || (event.which === 9 && event.shiftKey)) { //up if (liSelected) { index--; liSelected.querySelector("input").focus(); next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index >= 0) { liSelected = next; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); if (liSelected.querySelector("input").hasAttribute("disabled")) { index--; next = elem.getElementsByTagName('li')[index]; liSelected = next; liSelected.querySelector("input").focus(); } } else { index = len; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } } else { index = 1; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } event.preventDefault(); } }, false); }); changeButton.forEach((elem, i) => { elem.addEventListener('focus', (event) => { index = 0; }); elem.addEventListener('keydown', function (event) { if (event.which === 9 && !event.shiftKey && ((elem.getAttribute("aria-expanded") === "true") || !document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden"))) { ul[i].getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } if ((event.which === 13) && document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); elem.addEventListener('click', function (event) { if (document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); }); document.querySelector(".mobileCloseButton").addEventListener('keydown', (event) => { if (event.which === 9) { index = 0; document.querySelector("#changeRegionBoxMobile").querySelector("ul").getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } }); }); </script>  <div class="change-region-mobile change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="change-region-provinces-button"> <span class="region-confirmation"> Your current region: </span> <span class="change-region"> <span class="current-province-title"> <strong>Ontario</strong> </span> <a class="change-region-link" href="javascript:void(0)" role="link"> <span class="change-region-text">change</span> </a> </span> <div class="change-region-provinces change-region-hidden" role="dialog" id="changeRegionBoxMobile"> <div class="province-form-title province-form-title-hidden"> Select a region: <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close" class="mobileCloseButton"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <form class="province-form"> <fieldset form="province-form" class="change-region-fieldset"> <legend> Select your province or territory below </legend> <ul class="change-region-list" role="listbox"> <li> <input id="689a0bf5-b014-4c86-9eab-0c3e6b78020c" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="AB" /> <label class="" for="689a0bf5-b014-4c86-9eab-0c3e6b78020c"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="a9ef5b1e-f2fb-44bb-b24c-070fcf4578b9" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="BC" /> <label class="" for="a9ef5b1e-f2fb-44bb-b24c-070fcf4578b9"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="dcf84b3b-9038-4f1c-afb1-f8151b4f3cc6" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="MB" /> <label class="" for="dcf84b3b-9038-4f1c-afb1-f8151b4f3cc6"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="76fdb521-2dcd-4ab6-a84d-7413890b9b01" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="NB" /> <label class="" for="76fdb521-2dcd-4ab6-a84d-7413890b9b01"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="3cc758f0-43ab-459a-9e19-d156442550f5" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="NL" /> <label class="" for="3cc758f0-43ab-459a-9e19-d156442550f5"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="92a40ab0-ded2-41bd-907a-a67638ec9766" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="NT" /> <label class="" for="92a40ab0-ded2-41bd-907a-a67638ec9766"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="90e1b3f7-6132-4219-8282-4b079006a474" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="NS" /> <label class="" for="90e1b3f7-6132-4219-8282-4b079006a474"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="97fa95ea-e12d-4a3f-9efe-a7a74f1252c5" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="NU" /> <label class="" for="97fa95ea-e12d-4a3f-9efe-a7a74f1252c5"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="67fad343-d1c2-4803-a3c3-5a3d22609da1" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="67fad343-d1c2-4803-a3c3-5a3d22609da1"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="dcfbb2bd-0600-41c6-bb96-25c013da9add" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="PE" /> <label class="" for="dcfbb2bd-0600-41c6-bb96-25c013da9add"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="7d924420-9076-45d1-b8d6-5ddaa34b5453" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="QC" /> <label class="" for="7d924420-9076-45d1-b8d6-5ddaa34b5453"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="bb5024c0-57e2-4597-b444-113917f5763e" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="SK" /> <label class="" for="bb5024c0-57e2-4597-b444-113917f5763e"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="539d048a-54e5-47fe-9d41-99a3702c8b89" type="radio" role="option" tabindex="0" name="province-8df5ece2-e07a-4ad4-8169-a8641120997c" value="YT" /> <label class="" for="539d048a-54e5-47fe-9d41-99a3702c8b89"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <div class="change-region-screen change-region-hidden"></div> </div> <main tabindex="-1" id="maincontent" class=""> <h1 class="sr-only">Mobility </h1> <style> main#maincontent:focus { outline: none !important; } </style> <script type="text/javascript"> $(document).ready(function () { var promoTagHeader = document.getElementById("promoTagHeader"); if (promoTagHeader) { var fixedNav = document.getElementById("fixedHeader"); var promoFixed = promoTagHeader.offsetTop; stickyHeaderScroll(); //remove sticky once close button is clicked $('.js-promoTagClose').on('click', function (e) { promoTagHeader.classList.add('stickyPromoTag'); e.preventDefault(); }); window.addEventListener('scroll', function () { stickyHeaderScroll(); if (window.pageYOffset > promoFixed) { promoTagHeader.classList.add("fixed-promo-tag"); if(fixedNav){ var fixedNavHeight = fixedNav.offsetHeight; promoTagHeader.style.top = fixedNavHeight +"px"; } } else { promoTagHeader.classList.remove("fixed-promo-tag"); promoTagHeader.style.top = 0 + "px"; } }); } }); function stickyHeaderScroll() { let promoStickyCloseBtn = document.querySelectorAll('.js-promoTagClose'); if (promoStickyCloseBtn.length > 0) { promoStickyCloseBtn.forEach(function (index) { //prevent display on load index.classList.remove('d-none'); let promoTag = index.closest('#promoTagHeader'); let promoPosition = window.getComputedStyle(promoTag).getPropertyValue('position'); //check if position is still sticky to display close button if ((document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) && promoPosition == 'sticky') { index.style.display = "inline"; } else { index.style.display = "none"; } }); } } function getSocInformation() { try { $('body').loadingIndicator(); $.ajax({ type: "POST", headers: { 'brand': 'B', 'Province': 'ON', "accept-language": 'en' }, url: "https://apigate.bell.ca/uxpcommon/UXP.Services/Common/PDM/GetProductsByIdentifier", data: { "TranslateIds": [] , "TranslateIdentifierType": "SOC" }, success: function (data) { $.ajax({ type: "POST", data: { "promoSocInfo": data }, url: "/EShop/Qualification/GetSocDetails", success: function (response) { $('body').loadingIndicator('hide'); $('#promo-code-modal-body').html(response); $('#promo-code').modal('show'); }, error: function (err) { $('body').loadingIndicator('hide'); $('#modal-error-occured').modal('show'); } }); } }); } catch (e) { $('body').loadingIndicator('hide'); $('#modal-error-occured').modal('show'); } } $(document).ready(function () { /* OPEN */ $('#promo-code').on('shown.bs.modal', function () { $('#promo-code-banner-close-btn').focus(); }); /* CLOSE */ $('#promo-code').on('hide.bs.modal', function () { $('#promoTagHeader-view-offers').focus(); }); }); </script> <div id="wcc-elevation" class="txtBlue bg-soft-blue pad-15 text-center"> <div class="container"> <p class="margin-b-0"> <i class="icon icon-sales_and_clearance txtSize18" style="font-weight: 800;" aria-hidden="true"></i> <strong>Order online and we’ll waive the $<span class='region-text' data-region-text='_WZHDX'>70</span> Connection <span style="white-space: nowrap;">Service Fee.<sup class='legaltext' data-legal='WUXQQX'>1</sup></span></strong> </p> </div> </div> <script type="text/javascript"> var s_oPLE = "Order online and we’ll waive the $70 Connection Service Fee.:I" </script> <style> .bg-soft-blue{ background-color: #F0F8FF; } @media screen and (max-width: 999px) { #slider-rotating-carousel-component{ margin-top:15px; } } </style> <section> <div class="sticky-container sticky-element-top"> <div class="container"> <div class="relative content-wrapper align-items-md-center"> <div> <div class="dock-heading-container"> <h1 class="new-title margin-r-20 sticky-margin-r-0"> <a href="/Mobility">Mobility</a> </h1> </div> <a class="btn sub-nav-button hide-in-sticky-sm txtNoWrap" href="/Mobility/Cell_phone_plans/Unlimited-plans#INT=ALL_TopNav_BTN_ViewAllPlans_Mass_081224_rm_Top">View all plans</a> </div> <a class="btn sub-nav-button hide-in-sticky show-in-sticky-sm margin-l-auto txtNoWrap" href="/Mobility/Cell_phone_plans/Unlimited-plans#INT=ALL_TopNav_BTN_ViewAllPlans_Mass_081224_rm_Top">View all plans</a> </div> </div> </div> </section> <div class="why-bell"> <div class="hero hero--default whybell_overview_bf_hero js-omni-banner" data-omni-s_obid=""> <div class="hero__banner container bottom-gradient" data-animate="fade"> <div class="hero__banner-content-wrap"> <div class="bhp-banner-subtitle">BLACK FRIDAY ON NOW!</div> <style> .why-bell .hero--default.whybell_overview_bf_hero { background: linear-gradient(to right, #000000, #01205B); } .why-bell .hero--default.whybell_overview_bf_hero * { color: white !important; } .why-bell .hero--default.whybell_overview_bf_hero .bhp-banner-subtitle { color: #FFF; margin-bottom: 5px; width: fit-content; border: 1px solid #00549A; padding: 4px 10px; background: linear-gradient(to right, #000000, #01205B); border-radius: 6px; white-space: nowrap; } .why-bell .hero--default.whybell_overview_bf_hero .bhp-banner-text { margin-top: 20px; font-family: 'bellslim_font_heavy'; font-size: 32px; line-height: 32px; } @media(max-width:767px) { .why-bell .hero--default.whybell_overview_bf_hero .bhp-banner-text { margin-top: 20px; font-family: inherit; font-size: inherit; line-height: inherit; } .why-bell .hero--default.whybell_overview_bf_hero .bhp-banner-subtitle { margin-top: 15px; display: inline-flex; border: 1px solid white; } .why-bell .hero--default .bhp-banner-cta::after { content: ""; width: 20px; height: 17px; display: inline-flex; background-position: center; background-color: white; -webkit-mask-image: url(/styles/media/Mobility/css/images/icon-arrow-small-right.svg); mask-image: url(/styles/media/Mobility/css/images/icon-arrow-small-right.svg); } } </style> <h2 class="hero_banner-title display-small"> Get on the most reliable 5G network.<sup class='legaltext' data-legal='WUXPPT'>2</sup> </h2> <div class="bhp-banner-text"> Save over $850 on amazing phones. </div> <a id = whybell_overview_bf_hero-cta href="/Bell-Promotions/Black-Friday#INT=BMOB_bmobhmpg_BAN_BlackFriday_Save850_Mass_110824_NW_wireless" class="tracking-swap bhp-banner-cta js-omni-button mb-omni-link-js " aria-describedby="whybell_overview_bf_hero" data-omni-s_oapt="348-0-0" data-omni-s_obid='whybell_overview_bf_hero|1' tabindex="0" data-omnimbid="MB:whybell_overview_bf_hero" aria-label="More deals" aria-labelledby="undefined slick-slide-heading01"> <span>More deals</span> </a> <div class="bhp-banner-legal"> Over 24 months with SmartPay. Compared to our device full price. </div> </div> <div class="hero__banner-image-wrap hp-banner-image-wrap"> <img class="hp-banner-image" alt="5G+" src="/Styles/images/banners/img-banner_BlackFriday_Mobility.png"> </div> </div> <div class="hero__text margin-auto pad-t-45 pad-h-15"> </div> </div> </div> <span id="adobe_target_component_adtg"></span> <div style="display: none !important; visibility: hidden !important;"> <div>  <div id="Secondary_Offers_Mobility"> <div class="box-round bgWhite pad-30 box-vignette-round-before relative overflowHidden same-height fullheight-md" data-same-height-index="100"> <div class="container-flex-box-wrap align-items-top flex-sm-row-reverse h-100"> <div class="col-md-5 d-flex align-items-center justify-content-center justify-content-md-end pad-r-5 pad-r-sm-0 margin-b-sm-20"> <img class="lazy img-responsive margin-h-auto" alt="" data-src="/Styles/images/74998_Cross_Sell_Rate_Plan.png" > </div> <div class="col-md-7 col-sm-12">   <div class="surtitle margin-b-10 same-height"> Exclusive offer for Bell TV, Internet, or Home phone customers </div> <h2 class="subtitle-2 margin-b-15 " id="right_banner_heading"> <span class='region-text' data-region-text='_MFALD'>Save up to $20/mo. on select rate plans.<sup class='legaltext' data-legal='MZUQV'>3</sup></span></h2> <p class=" small-text">Available when you bring your own phone or get a new one. Connection Service Fee ($50) applies.</p> <span class="font-weight-bold"> <span class='region-text' data-region-text='_MFALE'><a href="tel:18666985256" data-di-id="di-id-f8603b9e-ef150f99-t" class="txtNoWrap text-decoration-none"><span class="txtNoWrap font-weight-bold">1 866 698-5256</span></a></span>  </span> </div> </div> </div> </div>  <div id="adtg_Banner"><p>&Del; Current as of May 5, 2022. Available with new activation when adding additional lines on eligible 2-year plans (excluding Business, Tablet and Mobile Internet plans). There must be a primary subscriber activated on the account with an eligible rate plan to receive a $20 per line discount. Primary line not eligible for additional line discount.</p> </div>  <style> .bhp-icon-cta-pill { display:none } </style> </div> <div>  <div id="banner_ultimatePlans_A"> <div data-carousel-layout="50-50" data-omni-s_obid="Default|prsshpwls_landing_rulebannergroup_Banner_4|1" class="hp-banner banner-standalone banner-50-50-layout js-omni-banner banner_ultimatePlans_A"> <div class="container"> <div class="hp-banner-image-wrap"> <img class="hp-banner-image img img-responsive" alt="" data-src="/Styles/images/img_banner_UltimatePlans_5G.jpg"> </div> <div class="hp-banner-content-wrap"> <div class="hp-banner-content"> <h2 class="big-title margin-b-10" id="banner_ultimatePlans_A_header"> Unlimited Ultimate Plans. </h2> <div class="hp-banner-text"> <p>Get tons of data at 5G speeds, Crave Mobile and more.</p> <p>Plus, save <span class="text-blue">$20/mo.</span> for each additional line.<sup>&Del;</sup> </p> </div> <div class="hp-banner-cta-wrap"> <a id="banner_ultimatePlans_A-cta" href="/Mobility/Cell_phone_plans/Unlimited-plans#INT=MOB_mobhmpg_BAN_Ultimate_20SLO_Mass_063022_NW_adtg" class="hp-banner-cta js-omni-button" aria-labelledby="banner_ultimatePlans_A-cta banner_ultimatePlans_A_header" data-omni-s_oapt="348-0-0" data-omni-s_obid="Target|banner_ultimatePlans_A|1" tabindex="0" data-di-id="#banner_ultimatePlans_A-cta"> <span> Shop now </span> </a> </div> </div> </div> </div> </div> </div>  <div id="adtg_Banner_legal_A"><p>&Del; Current as of May 5, 2022. Available with new activation when adding additional lines on eligible 2-year plans (excluding Business, Tablet and Mobile Internet plans). There must be a primary subscriber activated on the account with an eligible rate plan to receive a $20 per line discount. Primary line not eligible for additional line discount.</p> </div>  </div> <div>  <div id="banner_ultimatePlans_B"> <div data-carousel-layout="50-50" data-omni-s_obid="Default|prsshpwls_landing_rulebannergroup_Banner_4|1" class="hp-banner banner-standalone banner-50-50-layout js-omni-banner banner_ultimatePlans_B"> <div class="container"> <div class="hp-banner-image-wrap direction-custom"> <img class="hp-banner-image img img-responsive hidden-sm-xs-t" alt="" data-src="/Styles/images/img-banner_LitePlan.jpg"> <img class="hp-banner-image img img-responsive hidden-md-lg-t" alt="" data-src="/Styles/images/img-banner_LitePlan_mobile.jpg"> </div> <div class="hp-banner-content-wrap"> <div class="hp-banner-content"> <h2 class="big-title margin-b-10" id="banner_ultimatePlans_B_header"> Get 10 GB of data for just <span class='region-text' data-region-text='_MFAKO'>$55/mo.</span> when you add a line.<sup>*</sup> </h2> <div class="hp-banner-text"> <p>Exclusive online offer: save $50 when you activate online.<sup>**</sup></p>  </p> </div> <div class="hp-banner-cta-wrap"> <a id="banner_ultimatePlans_B-cta" href="/Mobility/Cell_phone_plans/Unlimited-plans#INT=MOB_mobhmpg_BAN_ Lite_Plan_Mass_063022_NW_adtg" class="hp-banner-cta js-omni-button" aria-labelledby="banner_ultimatePlans_B-cta banner_ultimatePlans_B_header" data-omni-s_oapt="348-0-0" data-omni-s_obid="Target|banner_ultimatePlans_B|1" tabindex="0" data-di-id="#banner_ultimatePlans_B-cta"> <span> Learn more </span> </a> </div> </div> </div> </div> </div> <style> /* Hidden class */ @media (min-width: 1000px) { .hidden-md-lg-t { display: none !important; } } @media (max-width: 999px) { .hidden-sm-xs-t { display: none !important; } } /* @media (max-width: 767px) { .hidden-xs-t { display: none !important; } } */ @media (max-width: 999px){ .direction-custom{ justify-content: center !important; } } @media (min-width: 1000px){ .direction-custom{ justify-content: end !important; } } </style> </div>  <div id="adtg_Banner_legal_B"> <p>* Price after $31/mo. credit. Credit applied for each additional subscriber added to a primary account. Primary line not eligible for the credit. Available on the Bell LTE network with a new activation on eligible plans on the same account (max 9 members) with a primary account holder. Beyond 10 GB, speeds are up to 512 Kbps. You can continue to use data at these reduced speeds until your next monthly bill period. Video streaming is available at a maximum 480p and mobile hotspots are excluded. Not compatible with Roam Better.</p> <p>** Current as of April 5, 2022. Offer valid with an eligible 2-year plan. New activations only. Applicable to smartphones only; not eligible on tablets, Mobile Internet or IoT products. Bill credit is comprised of waived one-time Connection Service Fee ($50) as a separate credit by the 2nd or 3rd billing period. Additional one-time fees are subject to change over time. See <a href="https://www.bell.ca/onetimefees">bell.ca/onetimefees</a> for details.</p> </div>  </div> </div> <div id="Retargeting_adtg" class="bhp-offers bhp-container margin-b-20 margin-b-xs-30 "> <div id="cr100785-samsung-bf-mob" data-tile-component="left_banner_adtg" class="bhp-offer left_banner_adtg"> <div class="bhp-offer-main bhp-tiles mb-omni-js" id="99939_div-classbf-bg-margi_More-deals"> <div class="bhp-offer-image-wrap"> <img class="bhp-offer-image lazy" loading="lazy" data-src="/Styles/images/banners/img_hmpg_tile_BlackFriday_Samsung_Galaxy_S24.png" alt="" height="180" width="235"> </div> <div class="bhp-offer-content-wrap"> <div class="bhp-offer-content"> <h2 id="modaltitle_id_e13b7690-6c7b-4594-9b50-0be90dc2b7b7" class="bhp-offer-title"> <div class="bf-bg margin-b-15"> <div class="bhp-banner-subtitle"> BLACK FRIDAY ON NOW! </div> </div> Save $880 on Samsung Galaxy S24. </h2> <a id="lrn_moreid_e13b7690-6c7b-4594-9b50-0be90dc2b7b7" href="/Mobility/Smartphones_and_mobile_internet_devices?filter=Samsung_Brand#INT=MOB_mobhmpg_BAN_BlackFriday_Mass_111924_GC_Samsung" class="tracking-swap bhp-offer-cta accss-focus-space" tabindex="0" data-omni-s_oapt="647-0-0" data-omni-s_obtn="More deals" aria-labelledby="lrn_moreid_e13b7690-6c7b-4594-9b50-0be90dc2b7b7 modaltitle_id_e13b7690-6c7b-4594-9b50-0be90dc2b7b7"> <span>More deals</span> <svg class="bhp-icon-cta-pill"><use xlink:href="#icon-cta-pill"></use></svg> </a> <p class="hp-banner-legal" style="font-size:12px;margin-top:15px"> Over 24 months with SmartPay. Compared to our device full price. </p> </div> </div> </div> </div> <div id="CR100543-iPhone-16-Generic-View_Phone" data-tile-component="right_banner_adtg" class="bhp-offer right_banner_adtg"> <div class="bhp-offer-main bhp-tiles mb-omni-js" id="100543_div-classbf-bg-margi_See-more-iPhone-offers"> <div class="bhp-offer-image-wrap"> <img class="bhp-offer-image lazy" loading="lazy" data-src="/Styles/images/banners/img_tile_Apple_Iphone_16_Offer.jpg" alt="iPhone 16" height="180" width="235"> </div> <div class="bhp-offer-content-wrap"> <div class="bhp-offer-content"> <p class="bhp-offer-subtitle"><style> .bf-bg .bhp-banner-subtitle { color: #FFF; margin-bottom: 5px; width: fit-content; border: 1px solid #00549A; padding: 4px 10px; background: linear-gradient(to right, #000000, #01205B); border-radius: 6px; white-space: nowrap; } </style></p> <h2 id="modaltitle_id_e2d1913a-db55-4bcb-bde4-8ddbb3b5057f" class="bhp-offer-title"> <div class="bf-bg margin-b-15"> <div class="bhp-banner-subtitle"> BLACK FRIDAY ON NOW! </div> </div> Get iPhone 16 on Canada's fastest and most reliable 5G+ network.<sup class='legaltext' data-legal='WUXPPT'>2</sup> </h2> <div class="bhp-offer-content-body"> <div class="big-price priceText" aria-hidden="true"> <span>$</span>2<span>.00<span class="mo">/mo.</span></span> <span class="sr-only">2 dollars per month.</span> </div> <a id="lrn_moreid_3054a623-c27a-48d6-8b22-c3d69ffabcdc_1" href="/Store_Locator#INT=MOB_promopg_BAN_BlackFriday_iPhone_Mass_110824_NW_wireless" class="tracking-swap bhp-offer-cta accss-focus-space mb-omni-link-js" tabindex="0" data-omni-s_oapt="647-0-0" data-omni-s_obtn="Find a store" aria-labelledby="lrn_moreid_3054a623-c27a-48d6-8b22-c3d69ffabcdc modaltitle_id_3054a623-c27a-48d6-8b22-c3d69ffabcdc" data-omnimbid="MB:100543_div-classbf-bg-margi_Find-a-store"> <span>Find a store</span> <svg class="bhp-icon-cta-pill"><use xlink:href="#icon-cta-pill"></use></svg> </a> </div> <a id="lrn_moreid_e2d1913a-db55-4bcb-bde4-8ddbb3b5057f" href="/Mobility/Smartphones_and_mobile_internet_devices?filter=Apple_Brand#INT=MOB_mobhmpg_BAN_BlackFriday_iPhone_Mass_112324_GC_moreoffers" class="tracking-swap bhp-offer-cta accss-focus-space" tabindex="0" data-omni-s_oapt="647-0-0" data-omni-s_obtn="See more iPhone offers" aria-labelledby="lrn_moreid_e2d1913a-db55-4bcb-bde4-8ddbb3b5057f modaltitle_id_e2d1913a-db55-4bcb-bde4-8ddbb3b5057f"> <span>See more iPhone offers</span> <svg class="bhp-icon-cta-pill"><use xlink:href="#icon-cta-pill"></use></svg> </a> <p class="hp-banner-legal" style="font-size:12px;margin-top:15px"> With SmartPay and Device Return Option on an eligible 2-year plan and trade-in of an iPhone 13 Pro Max 256 GB. </p> </div> </div> </div> </div> </div> <div class="multi-column"> <style> @media (min-width:768px) { .why-bell .featured-plans__tabs.container { width: auto; } } @media (max-width: 767.96px) { .why-bell .featured-plans__tabs { overflow-x: scroll; flex-wrap: nowrap; padding-bottom: 20px; padding-left:0px; } .why-bell .featured-plans__controls .nav-pills .nav-link { white-space: nowrap; } } </style> <div class="why-bell"> <div class="section featured-plans pad-v-90 pad-v-xl-45 pad-v-lg-30" data-widget-ui="ratePlanCards"> <div class="container"> <div class="featured-plans__text"> <div class="d-md-flex align-items-center"> <div class="txtCenter-sm txtCenter-xs txtSize14 flex-fill"> <h2 class="display-small txtCenter-sm txtCenter-xs">Our featured plans</h2> </div> </div> </div> <div class="featured-plans__controls d-flex align-items-center flex-column flex-md-row margin-t-45"> <ul class="container featured-plans__tabs nav nav-pills flex-fill"> <li class="nav-item"> <a href="javascript:void(0)" data-link="BYOD" role="button" class="nav-link" data-onmniture-s_oPGN="Landing:Tab:BYOD">Bring your own phone</a> </li> <li class="nav-item"> <a href="javascript:void(0)" data-link="New phone" role="button" class="nav-link" data-onmniture-s_oPGN="Landing:Tab:New phone">Buy a new phone</a> </li> </ul> <fieldset> <div class="custom-switch margin-t-sm-10"> <input class="custom-control-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" data-is-toggle-off="false" data-toggle-on-category="b043b58c-86c9-4995-9368-a80beee340e3" data-toggle-off-category="b432dc29-3d55-4f13-8974-cc060bee48db"> <label class="custom-control-label" for="flexSwitchCheckDefault">Show plans in a bundle with Internet</label> </div> </fieldset> </div> <div id="plansList" data-section-id="internet-packages-carousel-section" class="featured-plans__plans same-height-wrap margin-t-sm-30 margin-t-45" data-animate-batch=".card-plan" data-animate-effect="slide" data-animate-delay=".15" data-animate-mobile-delay="0" data-animate-mobile-start="top bottom"> <div class="featured-plans__carousel"> </div>  <div class="featured-plans__arrows margin-t-15" data-animate="fade"></div> </div>  <style> .why-bell .devices { background-color: #F4F4F4 !important } .why-bell .devices .featured-plans__cta .btn-wrapper { background-color: #F4F4F4 !important } .bell-style .echat-window-header { width: 100% } #Retargeting_adtg.bhp-offers.bhp-container { margin-top: 50px; } @media (min-width: 991px) { #Retargeting_adtg.bhp-offers.bhp-container { margin-bottom: -50px; } } .bhp-offer-subtitle { color: #00549a; font-weight: 700; line-height: 22px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } @media(max-width:767px) { .why-bell .featured-plans .featured-plans__plans.same-height-wrap .same-height { min-height: auto !important } .why-bell .featured-plans .featured-plans__plans.same-height-wrap .match-height { height: auto !important } } .sibling-target .why-bell .featured-plans__plans { height: unset; } .sibling-target .why-bell .featured-plans .card-plan { min-width: 397px; } </style> <div class="featured-plans__bottom margin-t-15"> <div class="featured-plans__caption txtSize12 text-sm-center"> <span class="surtitle-black">All plans include</span> </div> <ul class="featured-plans__icons d-flex justify-content-center flex-wrap margin-t-15 margin-b-25 txtBlack2B pad-l-0"> <li class="d-flex flex-column flex-md-row align-items-start align-items-md-center"> <img loading="lazy" class="lazy" src="/Styles/all_languages/all_regions/images/icons/mini-icon-ID.svg" alt="Fibre" width="32" height="32" aria-hidden="true"> <span aria-label="100 percent pure fibre">Call Display</span> </li> <li class="d-flex flex-column flex-md-row align-items-start align-items-md-center"> <img loading="lazy" class="lazy" src="/Styles/all_languages/all_regions/images/icons/mini-icon-MessageCenter.svg" alt="Wi-Fi" width="32" height="32" aria-hidden="true"> <span>Message <span class="txtNoWrap">Centre <sup class='legaltext' data-legal='WUXONH'>4</sup></span></span> </li> <li class="d-flex flex-column flex-md-row align-items-start align-items-md-center"> <img loading="lazy" class="lazy" src="/Styles/all_languages/all_regions/images/icons/mini-icon-Waiting.svg" alt="Unlimited" width="32" height="32" aria-hidden="true"> <span>Call Waiting</span> </li> <li class="d-flex flex-column flex-md-row align-items-start align-items-md-center"> <img loading="lazy" class="lazy" src="/Styles/all_languages/all_regions/images/icons/mini-icon-Conference.svg" alt="Free" width="32" height="32" aria-hidden="true"> <span>Conference <span class="txtNoWrap">call <sup class='legaltext' data-legal='WUXONI'>5</sup></span></span> </li> </ul> <div class="featured-plans__caption txtSize12 text-sm-center"> <span class='region-text' data-region-text='_WZHEI'>Use your phone in the U.S. ($13/day) and over 200 international destinations ($16/day). Roam Better automatically activates when you use your phone outside of Canada, making it easy to stay connected. Roam Better is an optional feature that you can remove. Subject to change. <a href="/Mobility/Coverage_map#INT=MOB_rateplnpg_BAN_RoamBetter_Mass_061324_NW" class="txtUnderline txtDecoration_hover">Learn more</a></span> </div> <div class="featured-plans__cta margin-t-30"> <div class="btn-wrapper"> <a href="/Mobility/Cell_phone_plans#INT=MOB_mobhmpg_BTN_ViewAllPlans_Mass_100224_rm_Mid" class="btn btn-default btn-lg">View all plans</a> </div> </div> </div> <script> $(window).on('load', function () { $(`[data-widget-ui="ratePlanCards"]`).on("ratePlansUpdated", (e) => { }) $(`[data-widget-ui="ratePlanCards"]`).ratePlanCards({ unslickOnMobile: true }); }); </script> <link href="/styles/media/Mobility/css/custom/mobility-cross-sell.css" rel="stylesheet"> </div> </div> </div> <script type="text/javascript"> function enterSimBYOPFlow(el) { var isExistingCustomer = ("False").toLowerCase() === 'true'; var isMobilityOnly = ("False").toLowerCase() === 'true'; if (!isExistingCustomer) BELL.shop.byopFlow.resetByopFlow(); if (isMobilityOnly) BELL.shop.byopFlow.initiateMobilityFlowType(); else BELL.shop.byopFlow.initiateInternetFlowType(); BELL.shop.byopFlow.initiateSimPlanType(); BELL.shop.byopFlow.initiateByopFlow(); return setSelectedBYODRatePlan(el); } function enterSimSmartPhoneFlow(el) { var isExistingCustomer = ("False").toLowerCase() === 'true'; if (!isExistingCustomer) { BELL.shop.byopFlow.resetByopFlow(); } BELL.shop.byopFlow.initiateInternetFlowType(); BELL.shop.byopFlow.initiateSmartPhonePlanType(); BELL.shop.byopFlow.initiateByopFlow(); return setSelectedSmartPhoneRatePlan(el); } function setSelectedSmartPhoneRatePlan(el) { const ratePlanSoc = $(el).data("rate-plan-soc"); const ratePlanId = $(el).data("rate-plan-id"); let ratePlanSocArray = []; if (ratePlanSoc) { ratePlanSocArray = ratePlanSoc.split(';'); } sessionStorage.setItem("selectedSmartPhoneRatePlanSocArray", JSON.stringify(ratePlanSocArray)); sessionStorage.setItem("selectedSmartPhoneRatePlanId", ratePlanId); return true; } function setSelectedBYODRatePlan(el) { const ratePlanSoc = $(el).data("rate-plan-soc"); const ratePlanId = $(el).data("rate-plan-id"); let ratePlanSocArray = []; if (ratePlanSoc) { ratePlanSocArray = ratePlanSoc.split(';'); } sessionStorage.setItem("selectedBYODRatePlanSocArray", JSON.stringify(ratePlanSocArray)); sessionStorage.setItem("selectedBYODRatePlanId", ratePlanId); return true; } $(window).on('load', function () { $(".device-legal-tooltip-nohtml").on('focus hover', function (e) { var $this = $(this); setTimeout(function () { var getID = $this.attr("aria-describedby"); var tooltipcontent = $("#" + sanitizeHTML(getID)).find(".rsx-tooltip-content").text(); $this.attr("aria-label", tooltipcontent); }, 50); }); $('#tooltip-modal-1').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; jQuery('#tooltip-modal-1 .modal-body').empty(); jQuery(content).appendTo(jQuery('#tooltip-modal-1 .modal-body')); }); var clickOriginPos; var modalLinks = $("[data-toggle='modal'], button.btn-get-simcard-multiSim-monthlyPlan"); $(modalLinks).click(function () { clickOriginPos = $(this); $(".modal").on('hidden.bs.modal', function () { var tabpanel = $('#tab-target'); var tabAriaLblby = ''; if (tabpanel.length) { tabAriaLblby = tabpanel.attr('aria-labelledby'); tabpanel.removeAttr('aria-labelledby'); } clickOriginPos.attr('tabindex', '0'); setTimeout(function () { if (tabpanel.length) { tabpanel.attr('aria-labelledby', tabAriaLblby); } }, 5000); var main = $('main'); if (main.length) { main.removeAttr('aria-hidden'); } }); $(".modal").on('hide.bs.modal', function () { var main = $('main'); if (main.length) { main.attr('aria-hidden', 'true'); } }); }); }); </script> <script> $(window).on('load', function () { //override modal when buy a new phone mobility plans modal click, then stays on the byod plans. BELL.shop.byopFlow.mobilityPlansLink = `${window.location.pathname}?withdiscount=false&isbyod=false&scrollToPlans=true`; var urlParams = new URLSearchParams(window.location.search); if (urlParams.get('scrollToPlans') === "true") { $([document.documentElement, document.body]).animate({ scrollTop: $("#plansList").offset().top - 200 }, 1000); } }); </script> <style> .adobetarget-campaign-group { display: none; } </style> <section id="adobetarget-campaign-group" class="adobetarget-campaign-group sibling-target"> <section id="HiddenPlanCards-ON-QC" class="adobetarget-campaign-item" data-campaign-name="HiddenPlanCards-ON-QC"> <div id="HiddenPlanCards-ON-QC_content"> <div class="why-bell"> <div class="section featured-plans with-internet data-source pad-v-90 pad-v-xl-45 pad-v-lg-30" data-rateplan-category="b043b58c-86c9-4995-9368-a80beee340e3"> <div class="container"> <div id="plansList" data-section-id="internet-packages-carousel-section" class="featured-plans__plans same-height-wrap margin-t-45" data-animate-batch=".card-plan" data-animate-effect="slide" data-animate-delay=".15" data-animate-mobile-delay="0" data-animate-mobile-start="top bottom"> <div class="featured-plans__carousel"> <div class="card-plan d-flex flex-column cc" id="product_d0198111-4b79-429b-89b3-30d558f81165" data-product-id="d0198111-4b79-429b-89b3-30d558f81165" data-isbyod="true"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 100</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">More streaming, faster downloads</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">100 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>3</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_d0198111-4b79-429b-89b3-30d558f81165" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>50<span>.00/mo.</span> <span class="sr-only">75 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>75<span>.00/mo.</span></s> </p> <span class="sr-only">75 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_d0198111-4b79-429b-89b3-30d558f81165"> When you bundle with Internet. Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="byo-cta-btn-d0198111-4b79-429b-89b3-30d558f81165" class="prodDetailBuyButton"> <button id="btn-bnp-d0198111-4b79-429b-89b3-30d558f81165" data-rate-plan-id="d0198111-4b79-429b-89b3-30d558f81165" data-rate-plan-soc="RCES100BY" onclick="return enterSimBYOPFlow(this);" class="btn btn-rateplan btn-default btn-lg" aria-labelledby="btn-bnp-d0198111-4b79-429b-89b3-30d558f81165 product-id-d0198111-4b79-429b-89b3-30d558f81165" data-toggle='modal'> Order now </button> </div> </div> </div> </div> <div class="card-plan d-flex flex-column cc" id="product_8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-product-id="8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-isbyod="true"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 175</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">More streaming, faster downloads</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">175 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>3</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_8e4f1de1-9b9f-4208-8ea0-564cdb12c686" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>65<span>.00/mo.</span> <span class="sr-only">90 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>90<span>.00/mo.</span></s> </p> <span class="sr-only">90 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_8e4f1de1-9b9f-4208-8ea0-564cdb12c686"> When you bundle with Internet. Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="byo-cta-btn-8e4f1de1-9b9f-4208-8ea0-564cdb12c686" class="prodDetailBuyButton"> <button id="btn-bnp-8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-rate-plan-id="8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-rate-plan-soc="RUT175BY" onclick="return enterSimBYOPFlow(this);" class="btn btn-rateplan btn-default btn-lg" aria-labelledby="btn-bnp-8e4f1de1-9b9f-4208-8ea0-564cdb12c686 product-id-8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-toggle='modal'> Order now </button> </div> </div> </div> </div> <div class="card-plan d-flex flex-column cc" id="product_cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-product-id="cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-isbyod="true"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 200 - CAN/U.S./MEX</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">One plan, three countries</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">200 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada, the U.S. and Mexico <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>3</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_cdb1736c-e739-402b-b335-5ee4dc7fe44f" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>85<span>.00/mo.</span> <span class="sr-only">110 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>110<span>.00/mo.</span></s> </p> <span class="sr-only">110 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_cdb1736c-e739-402b-b335-5ee4dc7fe44f"> When you bundle with Internet. Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="byo-cta-btn-cdb1736c-e739-402b-b335-5ee4dc7fe44f" class="prodDetailBuyButton"> <button id="btn-bnp-cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-rate-plan-id="cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-rate-plan-soc="RO200BUMX" onclick="return enterSimBYOPFlow(this);" class="btn btn-rateplan btn-default btn-lg" aria-labelledby="btn-bnp-cdb1736c-e739-402b-b335-5ee4dc7fe44f product-id-cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-toggle='modal'> Order now </button> </div> </div> </div> </div> <div class="card-plan d-flex flex-column cc" id="product_79c5345a-b5c1-4a6c-ad0d-8e781e891842" data-product-id="79c5345a-b5c1-4a6c-ad0d-8e781e891842" data-isbyod="false"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 100</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">More streaming, faster downloads</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">100 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>4</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> <li>Voicemail to text <sup class='legaltext' data-legal='WUXQMS'>13</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_79c5345a-b5c1-4a6c-ad0d-8e781e891842" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>60<span>.00/mo.</span> <span class="sr-only">85 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>85<span>.00/mo.</span></s> </p> <span class="sr-only">85 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_79c5345a-b5c1-4a6c-ad0d-8e781e891842"> When you bundle with Internet. Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="get-new-phone-btn-79c5345a-b5c1-4a6c-ad0d-8e781e891842" class="get-started-btn pad-b-10"> <a id="btn-snp-79c5345a-b5c1-4a6c-ad0d-8e781e891842" data-rate-plan-id="79c5345a-b5c1-4a6c-ad0d-8e781e891842" data-rate-plan-soc="R100UT24" onclick="return enterSimSmartPhoneFlow(this);" class="btn btn-rateplan btn-default btn-lg" href="javascript:void(0)" aria-labelledby="btn-snp-79c5345a-b5c1-4a6c-ad0d-8e781e891842 product-id-79c5345a-b5c1-4a6c-ad0d-8e781e891842"> Select a phone </a> </div> </div> </div> </div> <div class="card-plan d-flex flex-column cc" id="product_35309ee1-e950-4e40-988b-2b5296761f4d" data-product-id="35309ee1-e950-4e40-988b-2b5296761f4d" data-isbyod="false"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 175</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">More streaming, faster downloads</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">175 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>4</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> <li>Voicemail to text <sup class='legaltext' data-legal='WUXQMS'>13</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_35309ee1-e950-4e40-988b-2b5296761f4d" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>75<span>.00/mo.</span> <span class="sr-only">100 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>100<span>.00/mo.</span></s> </p> <span class="sr-only">100 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_35309ee1-e950-4e40-988b-2b5296761f4d"> When you bundle with Internet. Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="get-new-phone-btn-35309ee1-e950-4e40-988b-2b5296761f4d" class="get-started-btn pad-b-10"> <a id="btn-snp-35309ee1-e950-4e40-988b-2b5296761f4d" data-rate-plan-id="35309ee1-e950-4e40-988b-2b5296761f4d" data-rate-plan-soc="R175UT24" onclick="return enterSimSmartPhoneFlow(this);" class="btn btn-rateplan btn-default btn-lg" href="javascript:void(0)" aria-labelledby="btn-snp-35309ee1-e950-4e40-988b-2b5296761f4d product-id-35309ee1-e950-4e40-988b-2b5296761f4d"> Select a phone </a> </div> </div> </div> </div> <div class="card-plan d-flex flex-column cc" id="product_648b933a-219e-4e37-8b33-6f4aa24a47f8" data-product-id="648b933a-219e-4e37-8b33-6f4aa24a47f8" data-isbyod="false"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 200 - CAN/U.S./MEX</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">One plan, three countries</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">200 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada, the U.S. and Mexico <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true"> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>4</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> <li>Voicemail to text <sup class='legaltext' data-legal='WUXQMS'>13</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_648b933a-219e-4e37-8b33-6f4aa24a47f8" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>95<span>.00/mo.</span> <span class="sr-only">120 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>120<span>.00/mo.</span></s> </p> <span class="sr-only">120 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_648b933a-219e-4e37-8b33-6f4aa24a47f8"> When you bundle with Internet. Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="get-new-phone-btn-648b933a-219e-4e37-8b33-6f4aa24a47f8" class="get-started-btn pad-b-10"> <a id="btn-snp-648b933a-219e-4e37-8b33-6f4aa24a47f8" data-rate-plan-id="648b933a-219e-4e37-8b33-6f4aa24a47f8" data-rate-plan-soc="RC24200MX" onclick="return enterSimSmartPhoneFlow(this);" class="btn btn-rateplan btn-default btn-lg" href="javascript:void(0)" aria-labelledby="btn-snp-648b933a-219e-4e37-8b33-6f4aa24a47f8 product-id-648b933a-219e-4e37-8b33-6f4aa24a47f8"> Select a phone </a> </div> </div> </div> </div> </div>  <div class="featured-plans__arrows margin-t-15" data-animate="fade"></div> </div> </div> </div> </div> <div id="tooltip-modal-1" class="modal modal-tooltip" style="display: none;" aria-hidden="true"> <div class="tooltip-dialog"> <div class="modal-content box-shadow-round" aria-label="Plan details" role="dialog"> <div class=""> <button type="button" class="close" data-dismiss="modal" aria-label="close modal"><span class="icon icon-close txtDarkGrey txtSize12 font-weight-bold" role="img" aria-hidden="true"></span></button> </div> <div class="modal-body txtLeft" style=""> </div> </div> </div> </div> </div> <div id="HiddenPlanCards-ON-QC_legal"> <div class="why-bell"> <div class="section featured-plans data-source pad-v-90 pad-v-xl-45 pad-v-lg-30" data-rateplan-category="b432dc29-3d55-4f13-8974-cc060bee48db"> <div class="container"> <div id="plansList" data-section-id="internet-packages-carousel-section" class="featured-plans__plans same-height-wrap margin-t-45" data-animate-batch=".card-plan" data-animate-effect="slide" data-animate-delay=".15" data-animate-mobile-delay="0" data-animate-mobile-start="top bottom"> <div class="featured-plans__carousel"> <div class="card-plan d-flex flex-column kk" id="product_d0198111-4b79-429b-89b3-30d558f81165" data-product-id="d0198111-4b79-429b-89b3-30d558f81165" data-isbyod="true"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 100</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">More streaming, faster downloads</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">100 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>3</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_d0198111-4b79-429b-89b3-30d558f81165" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>60<span>.00/mo.</span> <span class="sr-only">75 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>75<span>.00/mo.</span></s> </p> <span class="sr-only">75 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_d0198111-4b79-429b-89b3-30d558f81165"> <div><span class="txtBold">When you add a line: <span class="txtBlue">$50/mo.</span> </span><br></div> Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="byo-cta-btn-d0198111-4b79-429b-89b3-30d558f81165" class="prodDetailBuyButton"> <button id="btn-bnp-d0198111-4b79-429b-89b3-30d558f81165" data-rate-plan-id="d0198111-4b79-429b-89b3-30d558f81165" data-rate-plan-soc="RCES100BY" onclick="return enterSimBYOPFlow(this);" class="btn btn-rateplan btn-default btn-lg" aria-labelledby="btn-bnp-d0198111-4b79-429b-89b3-30d558f81165 product-id-d0198111-4b79-429b-89b3-30d558f81165" data-toggle='modal'> Order now </button> </div> </div> </div> </div> <div class="card-plan d-flex flex-column kk" id="product_8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-product-id="8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-isbyod="true"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 175</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">More streaming, faster downloads</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">175 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>3</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_8e4f1de1-9b9f-4208-8ea0-564cdb12c686" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>70<span>.00/mo.</span> <span class="sr-only">90 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>90<span>.00/mo.</span></s> </p> <span class="sr-only">90 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_8e4f1de1-9b9f-4208-8ea0-564cdb12c686"> <div><span class="txtBold">When you add a line: <span class="txtBlue">$65/mo.</span> </span><br></div> Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="byo-cta-btn-8e4f1de1-9b9f-4208-8ea0-564cdb12c686" class="prodDetailBuyButton"> <button id="btn-bnp-8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-rate-plan-id="8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-rate-plan-soc="RUT175BY" onclick="return enterSimBYOPFlow(this);" class="btn btn-rateplan btn-default btn-lg" aria-labelledby="btn-bnp-8e4f1de1-9b9f-4208-8ea0-564cdb12c686 product-id-8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-toggle='modal'> Order now </button> </div> </div> </div> </div> <div class="card-plan d-flex flex-column kk" id="product_cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-product-id="cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-isbyod="true"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 200 - CAN/U.S./MEX</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">One plan, three countries</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">200 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada, the U.S. and Mexico <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>3</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_cdb1736c-e739-402b-b335-5ee4dc7fe44f" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>90<span>.00/mo.</span> <span class="sr-only">110 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>110<span>.00/mo.</span></s> </p> <span class="sr-only">110 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_cdb1736c-e739-402b-b335-5ee4dc7fe44f"> <div><span class="txtBold">When you add a line: <span class="txtBlue">$85/mo.</span> </span><br></div> Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="byo-cta-btn-cdb1736c-e739-402b-b335-5ee4dc7fe44f" class="prodDetailBuyButton"> <button id="btn-bnp-cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-rate-plan-id="cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-rate-plan-soc="RO200BUMX" onclick="return enterSimBYOPFlow(this);" class="btn btn-rateplan btn-default btn-lg" aria-labelledby="btn-bnp-cdb1736c-e739-402b-b335-5ee4dc7fe44f product-id-cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-toggle='modal'> Order now </button> </div> </div> </div> </div> <div class="card-plan d-flex flex-column kk" id="product_79c5345a-b5c1-4a6c-ad0d-8e781e891842" data-product-id="79c5345a-b5c1-4a6c-ad0d-8e781e891842" data-isbyod="false"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 100</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">More streaming, faster downloads</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">100 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>4</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> <li>Voicemail to text <sup class='legaltext' data-legal='WUXQMS'>13</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_79c5345a-b5c1-4a6c-ad0d-8e781e891842" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>70<span>.00/mo.</span> <span class="sr-only">85 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>85<span>.00/mo.</span></s> </p> <span class="sr-only">85 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_79c5345a-b5c1-4a6c-ad0d-8e781e891842"> <div><span class="txtBold">When you add a line: <span class="txtBlue">$60/mo.</span> </span><br></div> Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="get-new-phone-btn-79c5345a-b5c1-4a6c-ad0d-8e781e891842" class="get-started-btn pad-b-10"> <a id="btn-snp-79c5345a-b5c1-4a6c-ad0d-8e781e891842" data-rate-plan-id="79c5345a-b5c1-4a6c-ad0d-8e781e891842" data-rate-plan-soc="R100UT24" onclick="return setSelectedSmartPhoneRatePlan(this);" class="btn btn-rateplan btn-default btn-lg" href="/Mobility/Smartphones_and_mobile_internet_devices#INT=MOB_mobunlimrtplpg_TXT_getstarted_Mass_09012012_es" aria-labelledby="btn-snp-79c5345a-b5c1-4a6c-ad0d-8e781e891842 product-id-79c5345a-b5c1-4a6c-ad0d-8e781e891842"> Select a phone </a> </div> </div> </div> </div> <div class="card-plan d-flex flex-column kk" id="product_35309ee1-e950-4e40-988b-2b5296761f4d" data-product-id="35309ee1-e950-4e40-988b-2b5296761f4d" data-isbyod="false"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 175</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">More streaming, faster downloads</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">175 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>4</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> <li>Voicemail to text <sup class='legaltext' data-legal='WUXQMS'>13</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_35309ee1-e950-4e40-988b-2b5296761f4d" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>80<span>.00/mo.</span> <span class="sr-only">100 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>100<span>.00/mo.</span></s> </p> <span class="sr-only">100 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_35309ee1-e950-4e40-988b-2b5296761f4d"> <div><span class="txtBold">When you add a line: <span class="txtBlue">$75/mo.</span> </span><br></div> Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="get-new-phone-btn-35309ee1-e950-4e40-988b-2b5296761f4d" class="get-started-btn pad-b-10"> <a id="btn-snp-35309ee1-e950-4e40-988b-2b5296761f4d" data-rate-plan-id="35309ee1-e950-4e40-988b-2b5296761f4d" data-rate-plan-soc="R175UT24" onclick="return setSelectedSmartPhoneRatePlan(this);" class="btn btn-rateplan btn-default btn-lg" href="/Mobility/Smartphones_and_mobile_internet_devices#INT=MOB_mobunlimrtplpg_TXT_getstarted_Mass_09012012_es" aria-labelledby="btn-snp-35309ee1-e950-4e40-988b-2b5296761f4d product-id-35309ee1-e950-4e40-988b-2b5296761f4d"> Select a phone </a> </div> </div> </div> </div> <div class="card-plan d-flex flex-column kk" id="product_648b933a-219e-4e37-8b33-6f4aa24a47f8" data-product-id="648b933a-219e-4e37-8b33-6f4aa24a47f8" data-isbyod="false"> <div class="same-height" data-same-height-index="6">  <div class="card-plan__header same-height" data-same-height-index="2"> <h3 class="card-plan__title">Ultimate 200 - CAN/U.S./MEX</h3> <div class="card-plan__description txtBlue same-height" data-same-height-index="12"> <span class="same-height d-block" data-same-height-index="k12">One plan, three countries</span> <div class="card-plan__data margin-t-15"> <span class="txtBlack2B txtSize22 block margin-b-5">200 GB at 5G+ speeds <sup class='legaltext' data-legal='WUXOUN'>6</sup></span> <span class="txtSize12 block txtDarkGrey">Unlimited data at reduced speeds thereafter. <sup class='legaltext' data-legal='WUXQFX'>7</sup></span> </div> </div> </div>  <div class="card-plan__features margin-t-30 same-height" data-same-height-index="3"> <ul class="lazy noBullets"> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-international.svg" class="lazy icon" width="20" height="20" aria-hidden="true" /> <span>Unlimited data, calling and texting in Canada, the U.S. and Mexico <sup class='legaltext' data-legal='WUXQFP'>8</sup></span> </li> <li class="lazy card-plan__feature"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-icon-share-data.svg" class="lazy icon" width="20" height="20" aria-hidden="true"> <span>Shareable data <sup class='legaltext' data-legal='WUXPQI'>9</sup></span> </li>  <li class="lazy card-plan__feature card-plan__feature--extra"> <img loading='lazy' src="/Styles/media/Mobility/css/images/mobility-crave-logo.png" class="lazy crave" width="59" height="18" aria-hidden="true" /> <span>Crave Basics with Ads <sup class='legaltext' data-legal='WUXPRQ'>10</sup></span> </li> </ul> </div> </div>  <div class="card-plan__details margin-t-30"> <h4> <a href="#" data-toggle="collapse" data-target=".card-plan__details-list" role="button" aria-expanded="false" aria-controls="plan1-details"> See all features (<span>4</span>) </a> </h4> <div class="collapse card-plan__details-list" id="plan1-details"> <ul class="noBullets match-height"> <li>5G+ network access <sup class='legaltext' data-legal='WUXOUN'>6</sup></li> <li>Unlimited international texting <sup class='legaltext' data-legal='WUXPNB'>11</sup></li> <li>Hotspot capability <sup class='legaltext' data-legal='MZUUX'>12</sup></li> <li>Voicemail to text <sup class='legaltext' data-legal='WUXQMS'>13</sup></li> </ul> </div> </div>  <div class="card-plan__bottom same-height" data-same-height-index="7"> <div id="packageId_648b933a-219e-4e37-8b33-6f4aa24a47f8" class="card-plan__price-wrapper same-height" data-same-height-index="4"> <div class="card-plan__price d-flex align-items-end justify-content-between same-height" data-same-height-index="5"> <div> <div class="big-price priceText" aria-hidden="true"> <span>$</span>100<span>.00/mo.</span> <span class="sr-only">120 dollars per month.</span> </div> </div> <p class="txtRight margin-b-0 txtSize12 rsx-price-brs-current"> <s><span>$</span>120<span>.00/mo.</span></s> </p> <span class="sr-only">120 dollars per month old price stricken</span> </div>  <div class="card-plan__caption txtSize12 same-height" data-same-height-index="8"> <div class="enjoy-credit"> <div id="discountText_648b933a-219e-4e37-8b33-6f4aa24a47f8"> <div><span class="txtBold">When you add a line: <span class="txtBlue">$95/mo.</span> </span><br></div> Includes Autopay credit. * </div> </div> </div> </div> <div class="prodDetailBuyButton margin-t-30">  <div id="get-new-phone-btn-648b933a-219e-4e37-8b33-6f4aa24a47f8" class="get-started-btn pad-b-10"> <a id="btn-snp-648b933a-219e-4e37-8b33-6f4aa24a47f8" data-rate-plan-id="648b933a-219e-4e37-8b33-6f4aa24a47f8" data-rate-plan-soc="RC24200MX" onclick="return setSelectedSmartPhoneRatePlan(this);" class="btn btn-rateplan btn-default btn-lg" href="/Mobility/Smartphones_and_mobile_internet_devices#INT=MOB_mobunlimrtplpg_TXT_getstarted_Mass_09012012_es" aria-labelledby="btn-snp-648b933a-219e-4e37-8b33-6f4aa24a47f8 product-id-648b933a-219e-4e37-8b33-6f4aa24a47f8"> Select a phone </a> </div> </div> </div> </div> </div>  <div class="featured-plans__arrows margin-t-15" data-animate="fade"></div> </div> </div> </div> </div> <div id="tooltip-modal-1" class="modal modal-tooltip" role="dialog" style="display: none;" aria-hidden="true"> <div class="tooltip-dialog"> <div class="modal-content box-shadow-round"> <div class=""> <button type="button" class="close" data-dismiss="modal"><span class="icon icon-close txtDarkGrey txtSize12 font-weight-bold" role="img" aria-label="close modal" aria-hidden="true"></span><span class="sr-only">close modal</span></button> </div> <div class="modal-body txtLeft" style=""> </div> </div> </div> </div> </div> </section> </section> <input id="hdOmniEnabled" name="hdOmniEnabled" type="hidden" value="True" /> <input type="hidden" id="AddALine-deviceIsCompatible" value="True"> <input type="hidden" id="test-is-authenticated" value="False"> <input type="hidden" id="test-is-selected-account" value="False">  <input type="hidden" id="mAAL-authenticated" value="False"> <input type="hidden" id="mAAL-isselected-account" value="False"> <input type="hidden" id="mAAL-eligible-accounts" value="0"> <input type="hidden" id="mAAL-redirect-auth" value="https://mybell.bell.ca/Login?refreshLink=//www.bell.ca%2fMobility%2faddalineProductDetailRedirect%3fsource%3dmybell%26rawurl%3d%252fMobility"> <input type="hidden" id="myBellLink" value="https://mybell.bell.ca">  <input type="hidden" id="test-eligible-accounts" value="no-eligible-accounts">  <div id="modal-esim-not-available" class="modal fade scrollable-body js-add-a-line-error-modal" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="modal-mobility-account-title"> <div class="modal-dialog"> <div class="modal-content" role="document"> <div class="modal-header focus_outline_gray"> <h2 id="modal-mobility-account-title" class="small-title txtNoWrap">Mobility account not found</h2> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="modal-body scrollAdjust"> <div class="margin-v-10 margin-v-xs-0"> <div class="d-flex margin-b-xs-30"> <div class="pad-r-15 pad-r-xs-20"> <span class="icon3 icon-exclamation-circled txtYellow txtSize35 txtSize30-xs" aria-hidden="true"></span> </div> <div class="pad-r-xs-45"> <h3 class="small-title margin-t-5 margin-t-xs-0 margin-b-15 margin-b-xs-0"> There is no Mobility account linked to this MyBell profile. </h3> </div> </div> <div class="offset-sm-1"> <p class="oLBCForOmniture">To continue, please link your Mobility bill to this MyBell profile. If your bill is already linked to another profile, please log in under that username instead.</p> <p class="oLBCForOmniture2">Don’t have a Mobility service? <a class="rsx-txt-underline" href="/Mobility/Smartphones_and_mobile_internet_devices">Continue shopping</a>.</p> </div> <div class="offset-sm-1"> <div class="margin-b-30"> <a class="btn btn-default margin-r-15 margin-r-xs-0 margin-b-xs-15 d-block d-sm-inline-block" aria-label=" Link Mobility bill " href="https://mybell.bell.ca/Login?refreshlink=https://mybell.bell.ca/sso/ssoauth.aspx?ReturnUrl=/PunchInOut/punchin?DirectAccess=LINKANACCOUNT%26UrlReferrerShop=http%3a%2f%2fwww.bell.ca%3fsource%3dmybell"> Link Mobility bill </a> <a class="btn btn-primary" href="https://mybell.bell.ca/Login" aria-label="Log into another profile"> Log in to another profile </a> </div> <p class="no-margin"> <a href="https://mybell.bell.ca/ForgotPassword/RecoverPassword/Loginhelp?UrlReferrerShop=http%3a%2f%2fwww.bell.ca%3fsource%3dmybell">I forgot my username or password</a> </p> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> var mainSiteUrl = 'www.bell.ca'; </script> <style> .mts-modal-dialog { width: 500px; } .mts-modal-dialog .modal-header { max-height: 50px; background-color: #FFF; border-bottom: 0px; } .mts-modal-dialog .modal-body { height: 100px; } </style> <div class="container">  <div class="prodDetailBuynow" data-product-id="95437bde-7cce-404c-add2-2311c16ebcd3"> <form id="selectionForm_95437bde-7cce-404c-add2-2311c16ebcd3" action="" method="post"> <input id="hdProductId95437bde-7cce-404c-add2-2311c16ebcd3" name="ProductId" type="hidden" value="95437bde-7cce-404c-add2-2311c16ebcd3" /><input id="hdSelectedTermId95437bde-7cce-404c-add2-2311c16ebcd3" name="SelectedTermId" type="hidden" value="35ddad4b-8019-48c9-a723-340cd8800066" /><input id="hdSelectedSolutionId95437bde-7cce-404c-add2-2311c16ebcd3" name="SelectedSolution" type="hidden" value="" /><input id="hdIsQuickview95437bde-7cce-404c-add2-2311c16ebcd3" name="IsQuickview" type="hidden" value="False" /><input id="hdIsShowStaticRatings95437bde-7cce-404c-add2-2311c16ebcd3" name="IsShowStaticRatings" type="hidden" value="False" /><input id="hdIsHideImageGalleryModal95437bde-7cce-404c-add2-2311c16ebcd3" name="IsHideImageGalleryModal" type="hidden" value="False" /><input id="hdIsProductDetailsModal95437bde-7cce-404c-add2-2311c16ebcd3" name="IsProductDetailsModal" type="hidden" value="False" /><input id="hdImageType95437bde-7cce-404c-add2-2311c16ebcd3" name="ImageType" type="hidden" value="mediumImageUrl" /><input id="hdDescriptionType95437bde-7cce-404c-add2-2311c16ebcd3" name="DescriptionType" type="hidden" value="" /><input id="hdLinkType95437bde-7cce-404c-add2-2311c16ebcd3" name="LinkType" type="hidden" value="sb" /><input id="hdResourceFilePath95437bde-7cce-404c-add2-2311c16ebcd3" name="ResourceFilePath" type="hidden" value="" /><input id="hdSku95437bde-7cce-404c-add2-2311c16ebcd3" name="Sku" type="hidden" value="106945" /><input id="term_element95437bde-7cce-404c-add2-2311c16ebcd3" name="term_element95437bde-7cce-404c-add2-2311c16ebcd3" type="hidden" value="" /><input id="hdwebAppName95437bde-7cce-404c-add2-2311c16ebcd3" name="webAppName" type="hidden" value="" /> </form> <div class="prodDetailBuyButton" style="display: none;"> <span class="d-none">Buy the SIM card with a monthly plan build your solution now</span> <input href="javascript:void(0)" value="Build your solution" type="submit" class="js-btnSolutionBuild btn btn-default" data-product-id="95437bde-7cce-404c-add2-2311c16ebcd3" /> <form method="post" hello="world" action="/Mobility/Build_your_mobile_solution?prd=SIM card with a monthly plan" style="width: 0;" class="js-shop-solution-builder-form" autocomplete="off"> <input name="id" type="hidden" value="95437bde-7cce-404c-add2-2311c16ebcd3" /> <input name="IsUpgradeYourServiceDisplayed" type="hidden" value="true" disabled="disabled" /> <input name="hdnHUGdeviceUpdateURL" type="hidden" /> <input name="productType" type="hidden" value="WirelessHandset" /> <input name="OfferId" type="hidden" value="db9bac24-da08-455b-ae0b-e75e72422cde" /> <input name="OfferQty" type="hidden" value="1" /> <input name="TermId" type="hidden" value="35ddad4b-8019-48c9-a723-340cd8800066" /> <input name="Promo" type="hidden" /> <input name="RatePlanOfferId" type="hidden" value="" /> <input name="DataPlanOfferId" type="hidden" value="" /> <input name="ShowSpecialOfferWarning" type="hidden" value="false" /> <input name="TrySkipSolution" type="hidden" value="false" /> <input name="IsPromoAddAline" type="hidden" value="false" /> <input type="hidden" name="pagehierarchyid" value="10111" /> <input type="hidden" name="pagehierarchycode" value="MOBILITY_WHY_BELL" /> <input type="hidden" name="metadatapageid" value="PrsShpWls_ProductDetail_Tablets" /> <input type="hidden" name="producttype" value="WirelessHandset" /> <input type="hidden" name="productname" value="SIM card with a monthly plan" /> <input type="hidden" name="originurl" value="/Mobility" /> <input type="hidden" name="SKUID" value="106945" /> <input type="hidden" name="BMCID" value="" /> <input type="hidden" name="ProductCategory" /> <input type="hidden" name="hdnIsBfaOn" value="True" /> <input type="hidden" name="hdnCartCount" value="" /> <input type="hidden" name="Brand" /> <input type="hidden" name="hdnisEsimAutomationEnabled" value="True" /> <input type="hidden" id="EppEmailAddress" name="EppEmailAddress" value="" /> <input type="hidden" id="AutoPromoCode" name="AutoPromoCode" value="" /> </form> <script> jQuery(document).ready(function () { if (jQuery("#EppEmailAddressFromCart").val() !== undefined && jQuery("#EppEmailAddressFromCart").val() !== null && jQuery("#EppEmailAddressFromCart").val() !== "") { jQuery("#EppEmailAddress").val($("#EppEmailAddressFromCart").val()); } }); </script> </div> <style> @media (min-width: 751px) { .buy-now-simcard-modal-dialog { width: 645px; } .simcard-modal-action-link { position: absolute; bottom: 5px; } } @media (max-width: 750px) { .modal-body-list-item-xs-wrap { display: flex !important; } .anchor-text + .anchor-icon { margin-left: 5px; } } .buy-now-simcard-modal-dialog .tileButton a { color: #555; } .buy-now-simcard-modal-dialog .track { width: 200%; } .buy-now-simcard-modal-dialog .customer-type-selection, .buy-now-simcard-modal-dialog .new-customer-type-selection { width: 50%; } .buy-now-simcard-modal-dialog .slide-demo.screen-two-active .track { transform: translateX(-50%); } .buy-now-change-region-wrapper .change-region-popup .change-region-provinces-button .change-region-link:focus::before { top: 15px; } .buy-now-change-region-wrapper .change-region-province-only .icon-change { top: 15px; } .buy-now-change-region-wrapper .change-region-popup a.change-region-link { padding: 10px 48px 10px 30px; width: auto; } .buy-now-change-region-wrapper .change-region-popup .icon-change { left: 80%; } .buy-now-change-region-wrapper .change-region-popup .change-region-link-selected .icon-change { left: 85%; } .buy-now-change-region-wrapper .change-region-popup .icon-change.icon-fr, .buy-now-change-region-wrapper .change-region-popup .change-region-link-selected .icon-change.icon-fr { left: 95%; } .buy-now-change-region-wrapper .change-region-popup .change-region-provinces-button .change-region-link:focus::before { width: 70%; } .buy-now-change-region-wrapper .change-region-provinces { right: auto; } .buy-now-change-region-wrapper .change-region-mobile .change-region-provinces { top: -439px; width: 90%; } .buy-now-change-region-wrapper .change-region-popup:after, .buy-now-change-region-wrapper .change-region-mobile:after { background: none; } .buy-now-change-region-wrapper .change-region-close { display: none; } </style> <div id="modal-order-now-sim-card-95437bde-7cce-404c-add2-2311c16ebcd3" class="modal fade scrollable-body" role="dialog" aria-modal="true" data-backdrop="true" data-keyboard="true" aria-labelledby="modal-build-solution-title-95437bde-7cce-404c-add2-2311c16ebcd3"> <div class="modal-dialog buy-now-simcard-modal-dialog" role="document"> <div class="modal-content slide-demo" id="simSlideDemo"> <div class="modal-header"> <h2 id="modal-build-solution-title-95437bde-7cce-404c-add2-2311c16ebcd3" class="small-title"> Select an option </h2> <button id="btnCloseBuyNowModalSimcard-95437bde-7cce-404c-add2-2311c16ebcd3" type="button" class="close" data-dismiss="modal" aria-label="Close"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="modal-body margin-b-xs-15 margin-b-20 no-pad"> <div class="modal-tile-wrap"> <div class="track" id="track"> <div class="container-flex-box-wrap column-spacer-sm-15 same-height-wrap customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 margin-l-10"> Are you a new or existing Bell customer? </h3>  <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="0"> <div id="btnSubmitByNewCustomerButton" class="js-btnSubmitByNewCustomer js-btnSubmitByNewCustomer js-omni-button h-100 slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer" data-omni-s_obtn="New customer" data-omni-s_oapt="647-0-0"> <div data-same-height-index="17"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/Phone.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2">I'm new to Bell</h3> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Create a new account. </p> </div> </div> </div> </div> <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="0"> <div class="slim-border box-shadow-round pad-h-xs-15 h-100 pad-30 overflowHidden d-flex flex-column pointer"> <a id="lnkBuyNowModalSimcardMonthlyPlanAAL" class="js-omni-button" href="https://mybell.bell.ca/Login?refreshLink=//www.bell.ca%2fMobility%2faddalineProductDetailRedirect%3fsource%3dmybell%26rawurl%3d%252fMobility" data-omni-s_obtn="Existing customer - new device" data-omni-s_oapt="647-0-0" > <div data-same-height-index="17"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/Customer.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2">I'm an existing customer</h3> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Manage my account. </p> </div> </div> </a> </div> </div> </div> <div class="container-flex-box-wrap column-spacer-sm-15 new-customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 backButtomHeader"> <a tabindex="-1" href="javascript:void(0)" id="simBackToStepOne" class="pointer backButton anchor-icon icon txtBold txtBlue icon-chevron-left" aria-label="Back How would you like to activate your phone? "></a> <span class="anchor-text"> Please select your province to see the most accurate information, including pricing and product availability </span> </h3>  <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a tabindex="-1" class="js-btnSubmitByNewCustomer js-omni-button full-width-link h-100" id="sim-new-customer-cta-websiteProvince" href="javascript:void(0)" data-omni-s_obtn="New customer - website region" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column h-100 "> <div data-same-height-index="15"> <div class="margin-b-30" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"> <rect width="72" height="72" rx="36" fill="#00549A"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M35.6819 16.78C43.327 16.78 50.1909 22.8069 50.1909 31.06C50.1909 36.9774 47.4284 41.9179 41.8487 48.0525L41.741 48.1674C41.0427 48.9115 37.1716 53.0369 36.2595 54.1384C35.9596 54.5006 35.404 54.5006 35.1041 54.1382C34.1851 53.0279 30.2594 48.845 29.605 48.1477L29.5125 48.049C23.9338 41.9153 21.1719 36.9759 21.1719 31.06C21.1719 22.7089 27.9039 16.78 35.6819 16.78ZM28.4709 31.99C28.4709 36.0369 31.628 39.33 35.5379 39.33C39.4486 39.33 42.6059 36.0371 42.6059 31.99C42.6059 27.9347 39.4502 24.64 35.5379 24.64C31.6263 24.64 28.4709 27.9349 28.4709 31.99ZM41.1059 31.99C41.1059 35.2224 38.6057 37.83 35.5379 37.83C32.4709 37.83 29.9709 35.2223 29.9709 31.99C29.9709 28.7491 32.4696 26.14 35.5379 26.14C38.607 26.14 41.1059 28.749 41.1059 31.99ZM48.6909 31.06C48.6909 36.508 46.0892 41.161 40.7391 47.0432C40.7387 47.0436 40.7299 47.0529 40.7134 47.0705C40.3947 47.4096 37.194 50.8156 35.682 52.5157C34.1324 50.7731 30.8087 47.2381 30.6297 47.0478L30.6222 47.0398C25.273 41.1584 22.6719 36.5066 22.6719 31.06C22.6719 23.5828 28.693 18.28 35.6819 18.28C42.5388 18.28 48.6909 23.6819 48.6909 31.06Z" fill="white"/> </svg> </div> <div class="margin-b-15"> <h3 class="subtitle-2 websiteProvinceNamePrompt"> {0} </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> This is the region you are currently browsing in. </p> </div> </div> </div> </a> </div>   <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a class="js-btnSubmitByNewCustomer js-btnChangeRegionAndSubmitByNewCustomer js-omni-button full-width-link h-100" tabindex="-1" id="sim-new-customer-cta-ipProvince" data-omni-s_obtn="New customer - location region" data-omni-s_oapt="647-0-0" data-region-province-code=""> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer h-100 " > <div data-same-height-index="15"> <div class="margin-b-30" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"> <rect x="0.75" y="0.75" width="70.5" height="70.5" rx="35.25" fill="#00549A"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M36.5853 26.177C39.1373 25.8132 41.1003 23.6201 41.1003 20.97C41.1003 18.0641 38.7409 15.7 35.8353 15.7C32.9289 15.7 30.5693 18.064 30.5693 20.97C30.5693 23.6203 32.5326 25.8133 35.0853 26.177V30.5076L30.9445 28.1414C30.7515 28.0311 30.5185 28.0156 30.3126 28.0993L18.3126 32.9793C18.0398 33.0903 17.8613 33.3555 17.8613 33.65V52.03C17.8613 52.544 18.3819 52.8943 18.8581 52.7007L30.5319 47.9533L40.7261 53.7786C40.9363 53.8987 41.1926 53.9058 41.4091 53.7976L53.4081 47.7976C53.6534 47.6749 53.8083 47.4242 53.8083 47.15V28.77C53.8083 28.2318 53.2419 27.8817 52.7605 28.1225L41.1081 33.9492L36.5853 31.3647V26.177ZM35.0853 32.1753V39.68C35.0853 40.0942 35.4211 40.43 35.8353 40.43C36.2495 40.43 36.5853 40.0942 36.5853 39.68V33.0325L40.4333 35.2313V51.9436L31.1453 46.6361V29.9239L35.0853 32.1753ZM41.9333 51.9165L52.3603 46.7026V29.9415L41.9333 35.1554V51.9165ZM19.3093 50.954L29.6453 46.7507V29.9339L19.3093 34.1372V50.954ZM30.5611 29.59H30.4908L30.5319 29.5733L30.5611 29.59ZM39.6003 20.97C39.6003 18.8919 37.9118 17.2 35.8353 17.2C33.758 17.2 32.0693 18.8918 32.0693 20.97C32.0693 23.0458 33.7556 24.73 35.8353 24.73C37.9142 24.73 39.6003 23.0457 39.6003 20.97Z" fill="white"/> <rect x="0.75" y="0.75" width="70.5" height="70.5" rx="35.25" stroke="white" stroke-width="1.5"/> </svg> </div> <div class="margin-b-15"> <h3 class="subtitle-2 ipProvinceNamePrompt"> {0} </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> This is a Region you may be interested in. </p> </div> </div> </div> </a> </div>  </div> </div> </div> <div class="buy-now-change-region-wrapper col-sm-12 ignore-default-province-select-handler" style="display:none;"> <input id="textImInDifferentRegion" value="I live in a different province" hidden>  <div class="change-region-popup change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="region-confirmation"> <span> Your current region: </span> <span class="change-region"> <strong>Ontario</strong> </span> </div> <div class="change-region-provinces-button"> <a href="#changeRegionBox" class="change-region-link collapse-trigger" role="button" aria-expanded="false" aria-controls="changeRegionBox" data-target="#changeRegionBox" data-toggle="collapse"> <span class="sr-only"> Change current region </span> <span class="change-region-text" aria-hidden="true"> Change </span> <svg class="icon icon-change " aria-hidden="true"><use xlink:href="#icon-change"></use></svg> </a> <div class="change-region-provinces change-region-hidden" tabindex="-1" id="changeRegionBox"> <form class="province-form"> <fieldset form="province-form" class="province-form-fieldset change-region-fieldset"> <legend> Select your province or territory below</legend> <ul class="change-region-list" role="listbox"> <li> <input id="8014a1d1-d72a-4db7-acef-ef1a3596ac78" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="AB" /> <label class="" for="8014a1d1-d72a-4db7-acef-ef1a3596ac78"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="07a94821-84aa-46e4-9fb8-544a01a721e2" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="BC" /> <label class="" for="07a94821-84aa-46e4-9fb8-544a01a721e2"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="b7b7602d-2321-4cab-b326-d21dc2dcb5f1" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="MB" /> <label class="" for="b7b7602d-2321-4cab-b326-d21dc2dcb5f1"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="20a49de9-da6d-4181-bab8-a29136be381b" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="NB" /> <label class="" for="20a49de9-da6d-4181-bab8-a29136be381b"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="3e4cd4da-d293-4588-9f40-f59e564f2163" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="NL" /> <label class="" for="3e4cd4da-d293-4588-9f40-f59e564f2163"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="3e88c6d8-ec0a-4297-9fb7-93510bbb9318" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="NT" /> <label class="" for="3e88c6d8-ec0a-4297-9fb7-93510bbb9318"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="908e92d6-473d-4155-b05c-fd76dec5fb8d" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="NS" /> <label class="" for="908e92d6-473d-4155-b05c-fd76dec5fb8d"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="a245432a-5d3b-42d5-b96b-15331783fe9e" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="NU" /> <label class="" for="a245432a-5d3b-42d5-b96b-15331783fe9e"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="46b731be-a9c4-4a30-991e-a1066e5e5121" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="46b731be-a9c4-4a30-991e-a1066e5e5121"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="397f1eb6-987b-4c0f-ba45-9927f388b613" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="PE" /> <label class="" for="397f1eb6-987b-4c0f-ba45-9927f388b613"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="5ab6ae83-65f1-44f5-8847-ff95bb3cbd1a" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="QC" /> <label class="" for="5ab6ae83-65f1-44f5-8847-ff95bb3cbd1a"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="b27d05d6-aacf-489b-a191-b09ac85ff03d" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="SK" /> <label class="" for="b27d05d6-aacf-489b-a191-b09ac85ff03d"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="0f47f116-42ec-4e55-8ca7-7f016b55d292" type="radio" role="option" tabindex="0" name="province-748cf1cf-d769-44c2-8ec0-460fbaeae4a4" value="YT" /> <label class="" for="0f47f116-42ec-4e55-8ca7-7f016b55d292"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close margin-t-20"><a href="javascript:void(0)" role="button" aria-label="Close change region popup"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a></span> </div> </div> <input id="showProvinceSelector" value="true" hidden /> <input id="IPRegionProvinceCode" hidden /> <input id="showProvinceSelectorWhenNonIpZoneSelected" value="false" hidden /> <script> document.addEventListener('DOMContentLoaded', function () { var ul = document.querySelectorAll('.change-region-list'); var changeButton = document.querySelectorAll(".change-region-link") var liSelected; var index = 0; ul.forEach((elem, i) => { elem.querySelectorAll('input').forEach((e, i) => { e.addEventListener('keydown', function (et) { var KeyID = et.key; switch (KeyID) { case "Enter": case " ": e.click(); break; default: break; } }); }); elem.addEventListener('focus', (event) => { elem.setAttribute('aria-hidden', 'false'); }); elem.addEventListener('keydown', function (event) { var len = elem.getElementsByTagName('li').length - 1; if ((index == len && event.which === 9 && !event.shiftKey) || (index == 0 && (event.which === 9 && event.shiftKey))) { return; } if (event.which === 40 || (event.which === 9 && !event.shiftKey)) { index++; //down if (liSelected) { next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index <= len) { liSelected = next; if (liSelected.querySelector("input").hasAttribute("disabled")) { index++; next = elem.getElementsByTagName('li')[index]; liSelected = next; } } else { index = 0; liSelected = elem.getElementsByTagName('li')[index]; } liSelected.querySelector("input").focus(); } else { index = 1; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); } event.preventDefault(); } else if (event.which === 38 || (event.which === 9 && event.shiftKey)) { //up if (liSelected) { index--; liSelected.querySelector("input").focus(); next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index >= 0) { liSelected = next; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); if (liSelected.querySelector("input").hasAttribute("disabled")) { index--; next = elem.getElementsByTagName('li')[index]; liSelected = next; liSelected.querySelector("input").focus(); } } else { index = len; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } } else { index = 1; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } event.preventDefault(); } }, false); }); changeButton.forEach((elem, i) => { elem.addEventListener('focus', (event) => { index = 0; }); elem.addEventListener('keydown', function (event) { if (event.which === 9 && !event.shiftKey && ((elem.getAttribute("aria-expanded") === "true") || !document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden"))) { ul[i].getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } if ((event.which === 13) && document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); elem.addEventListener('click', function (event) { if (document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); }); document.querySelector(".mobileCloseButton").addEventListener('keydown', (event) => { if (event.which === 9) { index = 0; document.querySelector("#changeRegionBoxMobile").querySelector("ul").getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } }); }); </script>  <div class="change-region-mobile change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="change-region-provinces-button"> <span class="region-confirmation"> Your current region: </span> <span class="change-region"> <span class="current-province-title"> <strong>Ontario</strong> </span> <a class="change-region-link" href="javascript:void(0)" role="link"> <span class="change-region-text">change</span> </a> </span> <div class="change-region-provinces change-region-hidden" role="dialog" id="changeRegionBoxMobile"> <div class="province-form-title province-form-title-hidden"> Select a region: <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close" class="mobileCloseButton"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <form class="province-form"> <fieldset form="province-form" class="change-region-fieldset"> <legend> Select your province or territory below </legend> <ul class="change-region-list" role="listbox"> <li> <input id="8fc5f9f7-e2fe-4387-9d07-c3718c1244bf" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="AB" /> <label class="" for="8fc5f9f7-e2fe-4387-9d07-c3718c1244bf"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="a55487d2-f2c9-4c80-9daf-1515155e5e6e" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="BC" /> <label class="" for="a55487d2-f2c9-4c80-9daf-1515155e5e6e"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="1d904519-3426-49b3-8c7a-1023139f0acd" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="MB" /> <label class="" for="1d904519-3426-49b3-8c7a-1023139f0acd"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="9450dbb0-61a5-4c4d-aaa9-260f4af62c4f" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="NB" /> <label class="" for="9450dbb0-61a5-4c4d-aaa9-260f4af62c4f"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="85a32176-8288-4f77-b4fb-492e6f76433a" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="NL" /> <label class="" for="85a32176-8288-4f77-b4fb-492e6f76433a"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="b320bab8-c19c-431c-9598-9bbdc2822bbd" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="NT" /> <label class="" for="b320bab8-c19c-431c-9598-9bbdc2822bbd"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="07bd422d-5c44-4929-82a6-8edb715098e5" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="NS" /> <label class="" for="07bd422d-5c44-4929-82a6-8edb715098e5"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="947edf3a-c33a-40e4-ab61-e424eb6c9fd6" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="NU" /> <label class="" for="947edf3a-c33a-40e4-ab61-e424eb6c9fd6"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="fcd534d5-9a3e-42a3-a754-6d4fb6d7d6ab" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="fcd534d5-9a3e-42a3-a754-6d4fb6d7d6ab"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="f941b7ac-9cb2-4829-805c-d5b537fdc4ed" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="PE" /> <label class="" for="f941b7ac-9cb2-4829-805c-d5b537fdc4ed"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="e0c66174-f0fd-4de3-9219-e6fd11161bdf" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="QC" /> <label class="" for="e0c66174-f0fd-4de3-9219-e6fd11161bdf"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="63be5cf8-ebee-43b1-8980-2358f29d6573" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="SK" /> <label class="" for="63be5cf8-ebee-43b1-8980-2358f29d6573"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="330894b7-688d-4c33-afe3-43f8ee509f6d" type="radio" role="option" tabindex="0" name="province-880fb163-eabc-47af-9c1c-163c0b0167a5" value="YT" /> <label class="" for="330894b7-688d-4c33-afe3-43f8ee509f6d"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <div class="change-region-screen change-region-hidden"></div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function () { $(".buy-now-simcard-modal-dialog .buy-now-change-region-wrapper").hide(); if ('False' == "True") { $('#lnkBuyNowModalSimcardEsimAAL').attr("data-toggle", "modal"); $('#lnkBuyNowModalSimcardEsimAAL').attr("href", "#modal-mobility-account-not-found"); } var slideDemo = document.getElementById("simSlideDemo"); var ipProvinceName = $('#IPRegionProvinceCode').val(); var websiteProvinceName = $("meta[name='province']").attr("content"); var ipProvinceElement = null; if (ipProvinceName != "" && !/[^a-zA-Z]/.test(ipProvinceName)){ ipProvinceElement = document.querySelector('[data-value=' + ipProvinceName + ']') != null ? document.querySelector('[data-value=' + ipProvinceName + ']') : document.getElementById("province-selector-popup") != null ? document.getElementById("province-selector-popup").querySelector('[value=' + ipProvinceName + ']') : null; } var fullIpProvinceName = ""; if (ipProvinceElement != null){ fullIpProvinceName = ipProvinceElement.querySelector('.g-prov-selector-province-label') != null ? ipProvinceElement.querySelector('.g-prov-selector-province-label').innerHTML.trim() : ipProvinceElement.nextSibling.nextSibling.innerHTML.trim(); } var websiteProvinceElement = document.querySelector('[data-value=' + websiteProvinceName + ']') != null ? document.querySelector('[data-value=' + websiteProvinceName + ']') : document.getElementById("province-selector-popup").querySelector('[value=' + websiteProvinceName + ']'); var fullWebsiteProvinceName = ""; if (websiteProvinceElement != null){ fullWebsiteProvinceName = websiteProvinceElement.querySelector('.g-prov-selector-province-label') != null ? websiteProvinceElement.querySelector('.g-prov-selector-province-label').innerHTML.trim() : websiteProvinceElement.nextSibling.nextSibling.innerHTML.trim(); } var screenOneLinks = document.querySelectorAll(".buy-now-simcard-modal-dialog .customer-type-selection a"), screenTwoLinks = document.querySelectorAll(".buy-now-simcard-modal-dialog .new-customer-type-selection a"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); if (ipProvinceElement != null && ipProvinceName != websiteProvinceName) { $('#btnSubmitByNewCustomerButton') .removeClass('js-btnSubmitByNewCustomer') .removeClass('js-omni-button'); $('.buy-now-simcard-modal-dialog .ipProvinceNamePrompt').text($('.buy-now-simcard-modal-dialog .ipProvinceNamePrompt').first().text().replace('{0}', fullIpProvinceName)); $('.buy-now-simcard-modal-dialog .ipProvinceNamePrompt').closest('a').attr('data-region-province-code', $('#IPRegionProvinceCode').val()); $('.buy-now-simcard-modal-dialog .websiteProvinceNamePrompt').text($('.buy-now-simcard-modal-dialog .websiteProvinceNamePrompt').first().text().replace('{0}', fullWebsiteProvinceName)); self.btnNextNewCustomer = document.getElementById("btnSubmitByNewCustomerButton"); self.btnNextNewCustomer.addEventListener("click", function () { $(".new-customer-type-selection").css("display", "flex") slideDemo.classList.add("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); $(".buy-now-simcard-modal-dialog .new-customer-type-selection").animate({ height: "100%" }); $(".buy-now-simcard-modal-dialog .buy-now-change-region-wrapper .change-region-text").text($('#textImInDifferentRegion').val()); $(".buy-now-simcard-modal-dialog .buy-now-change-region-wrapper").show(); $(".buy-now-simcard-modal-dialog .buy-now-change-region-wrapper .region-confirmation").hide(); $(".buy-now-simcard-modal-dialog .buy-now-change-region-wrapper .current-province-title").hide(); $(".buy-now-simcard-modal-dialog .buy-now-change-region-wrapper .change-region-popup").removeClass('change-region-popup-hidden'); $(".buy-now-simcard-modal-dialog .buy-now-change-region-wrapper .change-region-mobile").removeClass('change-region-popup-hidden'); $(".buy-now-simcard-modal-dialog .buy-now-change-region-wrapper .change-region-popup .change-region-provinces .province-form-fieldset input, .buy-now-simcard-modal-dialog .buy-now-change-region-wrapper .change-region-mobile .change-region-provinces input").click(function (e) { e.stopImmediatePropagation(); $(this).parent('li') .addClass('js-btnSubmitByNewCustomer') .addClass('js-btnChangeRegionAndSubmitByNewCustomer') .attr('data-region-province-code', $(this).val()) .click(); }); }); $('#simBackToStepOne').on("click", function () { simBackToStepOne(); }); } function simBackToStepOne() { slideDemo.classList.remove("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); $(".buy-now-simcard-modal-dialog .buy-now-change-region-wrapper").hide(); $(".buy-now-simcard-modal-dialog .new-customer-type-selection").animate({ height: "0" }); screenOneLinks[0].focus(); } // constrain focus when modal opens $(window).on('shown.bs.modal', function (e) { simBackToStepOne(); var partitionDiv = document.querySelector("div.modal.show div.modal-dialog"); // selecting the modal content container. $(partitionDiv).parent().focus(); let partitionLinks, upperBound, partitionLinkLast; function setValues(){ partitionLinks = partitionDiv.querySelectorAll('button, a[href], [data-toggle="tooltip"]'); // selecting all the links and buttons. I started with the button first since the close button is a button. upperBound = partitionLinks.length - 1; // upperbound represents the highest index of the links partitionLinkLast = partitionLinks[upperBound], partitionFirst = partitionLinks[0]; // selecting the last and the first link/button in the modals. } setValues(); partitionDiv.addEventListener('change', (event) => { setValues(); }); function checkLinkPosition(linkArray, e) { if ($(partitionLinkLast).is(":focus") && (e.shiftKey == false) && (e.key) == "Tab") { // when it goes to the last link or button e.preventDefault(); partitionFirst.focus(); } else if ($(partitionFirst).is(":focus") && (e.shiftKey == true) && (e.key) == "Tab") { // when it goes to the first link or button e.preventDefault(); partitionLinkLast.focus(); } }; document.onkeydown = function (e) { checkLinkPosition(partitionLinks, e); }; }); }); var previousElement; $(window).on('show.bs.modal', function (e) { previousElement = (document.activeElement || document.body); }) $(window).on('hidden.bs.modal', function (e) { previousElement.focus() }); </script> <style> .buy-now-change-region-wrapper .change-region-provinces { right: auto; } .buy-now-change-region-wrapper .change-region-popup .change-region-provinces-button .change-region-link:focus::before { top: 15px; } .buy-now-change-region-wrapper .change-region-province-only .icon-change { top: 15px; } .buy-now-change-region-wrapper .change-region-popup a.change-region-link { padding: 10px 48px 10px 30px; width: auto; } .buy-now-change-region-wrapper .change-region-popup .icon-change { left: 80%; } .buy-now-change-region-wrapper .change-region-popup .change-region-link-selected .icon-change { left: 85%; } .buy-now-change-region-wrapper .change-region-popup .icon-change.icon-fr, .buy-now-change-region-wrapper .change-region-popup .change-region-link-selected .icon-change.icon-fr { left: 95%; } .buy-now-change-region-wrapper .change-region-popup .change-region-provinces-button .change-region-link:focus::before { width: 70%; } .buy-now-change-region-wrapper .change-region-popup:after, .buy-now-change-region-wrapper .change-region-mobile:after { background: none; } .buy-now-change-region-wrapper .change-region-mobile .change-region-provinces { top: -439px; width: 90%; } .buy-now-change-region-wrapper .change-region-close { display: none; } .backButtomHeader { display: flex; padding-left: 8px; padding-right: 8px; width: 100%; } .new-customer-type-selection .tileButton a { color: #555; } .modal-dialog div.tileButton:focus { outline: none !important; } .column-spacer-sm-15 > div { padding-left: 10px; padding-right: 10px } div.tile:hover { cursor: pointer; } div.slim-border { border: 1px solid #D4D4D4 } .byop-preferred-contact-option .tileButton a { color: #555; } /* Slider */ .modal-tile-wrap { width: 100%; overflow: hidden !important; } .track { display: flex; width: 200%; height: 100%; transform: none; transition: all .5s ease; } .existing-customer-aal-change-plan, .existing-customer-aal-upgrade, .new-customer-type-selection, .byop-what-are-you-ordering-option, .byop-preferred-contact-option { width: 33.33%; display: none; } .existing-customer-aal-upgrade, .byop-customer-type-selection { width: 50%; } .noUnderline, a.noUnderline:hover { text-decoration: none !important; } .container-flex-box-wrap .tileButton img { margin: 0; } .byop-modal-dialog .two-slides .track { width: 200%; } .byop-modal-dialog .two-slides .new-customer-type-selection, .byop-modal-dialog .two-slides .byop-customer-type-selection { width: 50%; display: flex !important; } .byop-modal-dialog .two-slides-hug .track { width: 200%; } .byop-modal-dialog .two-slides-change-plan .track { width: 200%; } .byop-modal-dialog .two-slides-hug .byop-customer-type-selection { width: 50%; display: flex !important; } .byop-modal-dialog .two-slides-change-plan .byop-customer-type-selection { width: 50%; display: flex !important; } .byop-modal-dialog .two-slides-hug .existing-customer-aal-upgrade { width: 50%; display: flex !important; } .byop-modal-dialog .two-slides-change-plan .existing-customer-aal-change-plan { width: 50%; display: flex !important; } .slide-demo.only-two-screens-active .track { transform: translateX(-50%); } .byop-modal-dialog .three-slides .track { width: 300%; } .byop-modal-dialog .two-slides-hug .byop-what-are-you-ordering-option, .byop-modal-dialog .two-slides-hug .new-customer-type-selection, .byop-modal-dialog .two-slides-hug .existing-customer-aal-change-plan, .byop-modal-dialog .three-slides .existing-customer-aal-upgrade, .byop-modal-dialog .three-slides .existing-customer-aal-change-plan, .byop-modal-dialog .two-slides-change-plan .byop-what-are-you-ordering-option, .byop-modal-dialog .two-slides-change-plan .new-customer-type-selection, .byop-modal-dialog .three-slides .new-customer-type-selection { display: none !important; } .byop-modal-dialog .three-slides .byop-customer-type-selection, .byop-modal-dialog .three-slides .byop-what-are-you-ordering-option, .byop-modal-dialog .three-slides .byop-preferred-contact-option { width: 33.33%; } .slide-demo.screen-two-active .three-slides .track { transform: translateX(-33.33%); } .slide-demo.screen-three-active .three-slides .track { transform: translateX(-66.66%); } .byop-modal-dialog .four-slides .track { width: 400%; } .byop-modal-dialog .four-slides .byop-customer-type-selection, .byop-modal-dialog .four-slides .new-customer-type-selection, .byop-modal-dialog .four-slides .byop-what-are-you-ordering-option, .byop-modal-dialog .four-slides .byop-preferred-contact-option { width: 25%; display: flex !important; } .slide-demo.screen-two-active .four-slides .track { transform: translateX(-25%); } .slide-demo.screen-two-hug-active .two-slides-hug .track { transform: translateX(-50%); } .slide-demo.screen-two-change-plan-active .two-slides-change-plan .track { transform: translateX(-50%); } .slide-demo.screen-three-active .four-slides .track { transform: translateX(-50%); } .slide-demo.screen-four-active .four-slides .track { transform: translateX(-75%); } .contact-unavailable .col-sm-6 .icon-mcs.txtBlue { color: #BABEC2; } .contact-unavailable .col-sm-6 .selectable { cursor: not-allowed; box-shadow: unset; } .contact-unavailable .col-sm-6 .selectable h3, .contact-unavailable .col-sm-6 .selectable p { color: #555555; } </style> <div id="modal-byop" class="modal fade scrollable-body" role="dialog" aria-modal="true" data-backdrop="true" data-keyboard="true" aria-labelledby="twoStepModal"> <div class="modal-dialog byop-modal-dialog"> <div class="modal-content slide-demo" role="document" id="slideDemo"> <div class="modal-header focus_outline_gray"> <h2 id="twoStepModal" class="small-title"> Select an option </h2> <button type="button" class="close" data-dismiss="modal" aria-label="close" id="modalClose"> <span class="icon icon-close txtBlue txtSize20"></span> </button> </div> <div class="modal-body margin-b-xs-15 margin-b-20 no-pad"> <div class="modal-tile-wrap"> <div class="track" id="track"> <div class="container-flex-box-wrap byop-customer-type-selection pad-h-xs-15 pad-h-20 same-height-wrap" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-30 margin-l-10" id="newCustomerButtonLabel"> Are you a new or existing Bell customer? </h3> <div class="d-block d-sm-flex column-spacer-sm-15 w-100" role="list">  <div class="col-sm-6 margin-b-15 tileButton" role="listitem"> <div class="h-100 slim-border box-shadow-round pad-30 overflowHidden d-flex flex-column pointer" role="button" tabindex="0" onclick="BELL.shop.byopFlow.onCustomerTypeSelected(this);" id="newCustomerButton" data-customer-type="newCustomer"> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/Phone.png"> </div> <div class="margin-b-15"> <h4 class="subtitle-2"> I'm new to Bell </h4> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Create a new account. </p> </div> </div> </div> </div> <div class="col-sm-6 margin-b-15 tileButton" role="listitem"> <div class="slim-border box-shadow-round h-100 pad-30 overflowHidden d-flex flex-column pointer" role="button" tabindex="0" data-customer-type="existingCustomer" onclick="BELL.shop.byopFlow.onCustomerTypeSelected(this);" id="existingCustomerButton" href="javascript:void(0)"> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/Customer.png"> </div> <div class="margin-b-15"> <h4 class="subtitle-2"> I'm an existing customer </h4> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Manage my account. </p> </div> </div> </div> </div> </div> </div> <div class="container-flex-box-wrap column-spacer-sm-15 new-customer-type-selection same-height-wrap pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 backButtomHeader"> <a tabindex="-1" id="goBackCaptionArrow2" class="pointer backButton anchor-icon icon txtBold txtBlue icon-chevron-left" aria-label="Back How would you like to activate your phone? "></a> <span class="anchor-text"> Please select your province to see the most accurate information, including pricing and product availability </span> </h3>  <div class="col-sm-6 margin-b-15 tileButton"> <a tabindex="-1" class="js-btnSubmitByNewCustomer js-omni-button full-width-link w-100 h-100" id="new-customer-cta-websiteProvince" role="button" href="#" data-omni-s_obtn="New customer - website region" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column w-100 h-100 "> <div data-same-height-index="15"> <div class="margin-b-30" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"> <rect width="72" height="72" rx="36" fill="#00549A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M35.6819 16.78C43.327 16.78 50.1909 22.8069 50.1909 31.06C50.1909 36.9774 47.4284 41.9179 41.8487 48.0525L41.741 48.1674C41.0427 48.9115 37.1716 53.0369 36.2595 54.1384C35.9596 54.5006 35.404 54.5006 35.1041 54.1382C34.1851 53.0279 30.2594 48.845 29.605 48.1477L29.5125 48.049C23.9338 41.9153 21.1719 36.9759 21.1719 31.06C21.1719 22.7089 27.9039 16.78 35.6819 16.78ZM28.4709 31.99C28.4709 36.0369 31.628 39.33 35.5379 39.33C39.4486 39.33 42.6059 36.0371 42.6059 31.99C42.6059 27.9347 39.4502 24.64 35.5379 24.64C31.6263 24.64 28.4709 27.9349 28.4709 31.99ZM41.1059 31.99C41.1059 35.2224 38.6057 37.83 35.5379 37.83C32.4709 37.83 29.9709 35.2223 29.9709 31.99C29.9709 28.7491 32.4696 26.14 35.5379 26.14C38.607 26.14 41.1059 28.749 41.1059 31.99ZM48.6909 31.06C48.6909 36.508 46.0892 41.161 40.7391 47.0432C40.7387 47.0436 40.7299 47.0529 40.7134 47.0705C40.3947 47.4096 37.194 50.8156 35.682 52.5157C34.1324 50.7731 30.8087 47.2381 30.6297 47.0478L30.6222 47.0398C25.273 41.1584 22.6719 36.5066 22.6719 31.06C22.6719 23.5828 28.693 18.28 35.6819 18.28C42.5388 18.28 48.6909 23.6819 48.6909 31.06Z" fill="white" /> </svg> </div> <div class="margin-b-15"> <h3 class="subtitle-2 websiteProvinceNamePrompt"> {0} </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> This is the region you are currently browsing in. </p> </div> </div> </div> </a> </div>   <div class="col-sm-6 margin-b-15 tileButton"> <a class="js-btnSubmitByNewCustomer js-btnChangeRegionAndSubmitByNewCustomer js-omni-button full-width-link w-100 h-100" tabindex="-1" id="new-customer-cta-ipProvince" role="button" data-omni-s_obtn="New customer - location region" data-omni-s_oapt="647-0-0" data-region-province-code=""> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer w-100 h-100 "> <div data-same-height-index="15"> <div class="margin-b-30" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"> <rect x="0.75" y="0.75" width="70.5" height="70.5" rx="35.25" fill="#00549A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M36.5853 26.177C39.1373 25.8132 41.1003 23.6201 41.1003 20.97C41.1003 18.0641 38.7409 15.7 35.8353 15.7C32.9289 15.7 30.5693 18.064 30.5693 20.97C30.5693 23.6203 32.5326 25.8133 35.0853 26.177V30.5076L30.9445 28.1414C30.7515 28.0311 30.5185 28.0156 30.3126 28.0993L18.3126 32.9793C18.0398 33.0903 17.8613 33.3555 17.8613 33.65V52.03C17.8613 52.544 18.3819 52.8943 18.8581 52.7007L30.5319 47.9533L40.7261 53.7786C40.9363 53.8987 41.1926 53.9058 41.4091 53.7976L53.4081 47.7976C53.6534 47.6749 53.8083 47.4242 53.8083 47.15V28.77C53.8083 28.2318 53.2419 27.8817 52.7605 28.1225L41.1081 33.9492L36.5853 31.3647V26.177ZM35.0853 32.1753V39.68C35.0853 40.0942 35.4211 40.43 35.8353 40.43C36.2495 40.43 36.5853 40.0942 36.5853 39.68V33.0325L40.4333 35.2313V51.9436L31.1453 46.6361V29.9239L35.0853 32.1753ZM41.9333 51.9165L52.3603 46.7026V29.9415L41.9333 35.1554V51.9165ZM19.3093 50.954L29.6453 46.7507V29.9339L19.3093 34.1372V50.954ZM30.5611 29.59H30.4908L30.5319 29.5733L30.5611 29.59ZM39.6003 20.97C39.6003 18.8919 37.9118 17.2 35.8353 17.2C33.758 17.2 32.0693 18.8918 32.0693 20.97C32.0693 23.0458 33.7556 24.73 35.8353 24.73C37.9142 24.73 39.6003 23.0457 39.6003 20.97Z" fill="white" /> <rect x="0.75" y="0.75" width="70.5" height="70.5" rx="35.25" stroke="white" stroke-width="1.5" /> </svg> </div> <div class="margin-b-15"> <h3 class="subtitle-2 ipProvinceNamePrompt"> {0} </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> This is a Region you may be interested in. </p> </div> </div> </div> </a> </div>  </div> <div class="container-flex-box-wrap byop-what-are-you-ordering-option pad-h-xs-15 pad-h-20"> <div id="goBackButton" style="width: 100%; display:flex; align-items: center;"> <h3 class="subtitle-2 margin-b-20 pad-t-5 pad-h-10"> <span class="d-flex"> <span class="pointer anchor-icon icon txtBold txtBlue icon-chevron-left" id="goBackCaptionArrow3" role="button" aria-labelledby="modalBackBtn1 newCustomerButtonLabel" style="padding-top:3px;"><span class="sr-only" id="modalBackBtn1">Back to </span></span> <span class="anchor-text" id="InternetAndMobilityLabel"> What services would you like to order? </span> </span> </h3> </div> <div class="d-block d-sm-flex column-spacer-sm-15 w-100 same-height-wrap" data-same-height-skip="m" role="list">  <div class="col-sm-6 margin-b-15 tileButton" role="listitem"> <div id="btnInternetAndMobility" class="h-100 slim-border box-shadow-round pad-30 overflowHidden d-flex flex-column pointer" role="button" tabindex="-1"> <div data-same-height-index="2"> <div class="margin-b-30" aria-hidden="true"> <div class="icon-mcs icon-internet_mobile_bl_bg txtBlue txtSize72 margin-b-30" aria-hidden="true"></div> </div> <div class="margin-b-5"> <h4 class="subtitle-2"> Mobility and Internet </h4> </div> <div> <p class="mb-0" id="byop-what-are-you-ordering-option-1"> I want to order both Mobility and home services and save up to $15/mo. on my new Mobility line. </p> </div> </div> </div> </div>  <div class="col-sm-6 margin-b-15 tileButton" role="listitem"> <div id="btnMobilityOnly" class="h-100 slim-border box-shadow-round pad-30 overflowHidden d-flex flex-column pointer" role="button" tabindex="-1"> <div data-same-height-index="2"> <div class="margin-b-30" aria-hidden="true"> <div class="icon-mcs icon-plus_device_bl_bg txtBlue txtSize72 margin-b-30" aria-hidden="true"></div> </div> <div class="margin-b-5"> <h4 class="subtitle-2"> Mobility only </h4> </div> <div> <p class="mb-0" id="byop-what-are-you-ordering-option-2"> I just want a Mobility line without the home services bundle offer. </p> </div> </div> </div> </div> </div> </div> <div class="container-flex-box-wrap byop-preferred-contact-option pad-h-xs-15 pad-h-20"> <div id="goBackButton" class="d-flex align-items-center w-100"> <h3 class="subtitle-2 margin-b-20 pad-t-5 pad-h-10"> <span class="d-flex"> <span class="pointer anchor-icon icon txtBold txtBlue icon-chevron-left" id="goBackCaptionArrow4" role="button" aria-labelledby="modalBackBtn2 InternetAndMobilityLabel" style="padding-top:3px;"><span class="sr-only" id="modalBackBtn2">Back to </span></span> <span class="anchor-text"> How would you like to place your order? </span> </span> </h3> </div> <div class="d-block d-sm-flex column-spacer-sm-15 w-100 same-height-wrap" data-same-height-skip="m" role="list">  <div class="col-sm-6 margin-b-15 tileButton" role="listitem"> <a class="full-width-link w-100 h-100" tabindex="-1" href="javascript:void(0)" id="chatLiveOption" role="button"> <div class="selectable slim-border box-shadow-round pad-30 overflowHidden d-flex flex-column pointer w-100 h-100"> <div data-same-height-index="3"> <div class="margin-b-30" aria-hidden="true"> <div class="icon-mcs icon-chat_texting_bl_bg txtBlue txtSize72 margin-b-30" aria-hidden="true"></div> </div> <div class="margin-b-5"> <h4 class="subtitle-2"> Chat live </h4> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> Available 7 days a week from 7 a.m. to midnight </p> </div> </div> </div> </a> </div>  <div class="col-sm-6 margin-b-15 tileButton" role="listitem"> <a class="full-width-link w-100 h-100" tabindex="-1" role="button" id="callOption" href="tel:18667681196"> <div class="selectable slim-border box-shadow-round pad-30 overflowHidden d-flex flex-column pointer w-100 h-100"> <div data-same-height-index="3"> <div class="margin-b-30" aria-hidden="true"> <div class="icon-mcs icon-headset_bl_bg txtBlue txtSize72 margin-b-30" aria-hidden="true"></div> </div> <div class="margin-b-5"> <h4 class="subtitle-2"> Call <span class="text-nowrap"> 1 866 768-1196</span> </h4> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Available 7 days a week from 7 a.m. to midnight </p> </div> </div> </div> </a> </div> </div> </div>  <div class="container-flex-box-wrap existing-customer-aal-upgrade pad-h-xs-15 pad-h-20"> <div id="goBackButton" style="width: 100%; display:flex; align-items: center;"> <h3 class="subtitle-2 margin-b-20 pad-t-5 pad-h-10"> <span class="d-flex"> <span class="pointer anchor-icon icon txtBold txtBlue icon-chevron-left" id="goBackCaptionArrow1" role="button" aria-labelledby="modalBackBtn1 newCustomerButtonLabel" style="padding-top:3px;"><span class="sr-only" id="modalBackBtn1">Back to </span></span> <span class="anchor-text" id="InternetAndMobilityLabel"> Are you adding a new line or upgrading your phone on an existing line? </span> </span> </h3> </div> <div class="d-block d-sm-flex column-spacer-sm-15 w-100 same-height-wrap" data-same-height-skip="m" role="list">  <div class="col-sm-6 margin-b-15 tileButton" role="listitem"> <div class="slim-border box-shadow-round h-100 pad-30 overflowHidden d-flex flex-column pointer" role="button" tabindex="0" data-customer-type="existingAALCustomer" onclick="BELL.shop.byopFlow.onCustomerTypeSelected(this);" id="existingAALCustomerButton" href="javascript:void(0)"> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/AAL.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2"> Add a line </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> I want to add a line to my account. </p> </div> </div> </div> </div>  <div class="col-sm-6 margin-b-15 tileButton" role="listitem"> <div class="slim-border box-shadow-round h-100 pad-30 overflowHidden d-flex flex-column pointer" role="button" tabindex="0" data-customer-type="existingCustomer1" onclick="BELL.shop.byopFlow.onClickUpgradeDevice(this)" id="existingCustomerButton1" href="javascript:void(0)"> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/HUG.png"> </div> <div class="margin-b-15"> <h4 class="subtitle-2"> Upgrade my device </h4> </div> <div class="pad-r-xs-20"> <p class="mb-0"> I want to upgrade my device. </p> </div> </div> </div> </div> </div> </div>   <div class="container-flex-box-wrap existing-customer-aal-change-plan pad-h-xs-15 pad-h-20"> <div id="goBackButton" style="width: 100%; display:flex; align-items: center;"> <h3 class="subtitle-2 margin-b-20 pad-t-5 pad-h-10"> <span class="d-flex"> <span class="pointer anchor-icon icon txtBold txtBlue icon-chevron-left" id="goBackCaptionArrow1B" role="button" aria-labelledby="modalBackBtn1 newCustomerButtonLabel" style="padding-top:3px;"><span class="sr-only" id="modalBackBtn1">Back to </span></span> <span class="byod-title anchor-text" id="InternetAndMobilityLabel"> Are you adding a new line or changing your plan on an existing line? </span> </span> </h3> </div> <div class="d-block d-sm-flex column-spacer-sm-15 w-100 same-height-wrap" data-same-height-skip="m" role="list">  <div class="col-sm-6 margin-b-15 tileButton" role="listitem"> <div class="slim-border box-shadow-round h-100 pad-30 overflowHidden d-flex flex-column pointer" role="button" tabindex="0" data-customer-type="existingByodAALCustomer" onclick="BELL.shop.byopFlow.onCustomerTypeSelected(this);" id="existingByodAALCustomerButton" href="javascript:void(0)"> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/AAL.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2"> Add a line </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> I want to add a line to my account. </p> </div> </div> </div> </div>  <div class="col-sm-6 margin-b-15 tileButton" role="listitem"> <div class="slim-border box-shadow-round h-100 pad-30 overflowHidden d-flex flex-column pointer" role="button" tabindex="0" data-customer-type="existingCustomer1" onclick="BELL.shop.byopFlow.onClickChangeMyPlan(this)" id="existingCustomerButton1" href="javascript:void(0)"> <div data-same-height-index="16"> <div class="plan-img margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/change_my_plan.png"> </div> <div class="margin-b-15"> <h4 class="change-plan subtitle-2"> Change my plan </h4> </div> <div class="pad-r-xs-20"> <p class="change-plan-note mb-0"> I want to change my plan. </p> </div> </div> </div> </div> </div> </div>  </div> </div> <div class="buy-now-change-region-wrapper col-sm-12 ignore-default-province-select-handler" style="display:none;"> <input id="textImInDifferentRegion" value="I live in a different province" hidden>  <div class="change-region-popup change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="region-confirmation"> <span> Your current region: </span> <span class="change-region"> <strong>Ontario</strong> </span> </div> <div class="change-region-provinces-button"> <a href="#changeRegionBox" class="change-region-link collapse-trigger" role="button" aria-expanded="false" aria-controls="changeRegionBox" data-target="#changeRegionBox" data-toggle="collapse"> <span class="sr-only"> Change current region </span> <span class="change-region-text" aria-hidden="true"> Change </span> <svg class="icon icon-change " aria-hidden="true"><use xlink:href="#icon-change"></use></svg> </a> <div class="change-region-provinces change-region-hidden" tabindex="-1" id="changeRegionBox"> <form class="province-form"> <fieldset form="province-form" class="province-form-fieldset change-region-fieldset"> <legend> Select your province or territory below</legend> <ul class="change-region-list" role="listbox"> <li> <input id="6a3bf6e4-e9ed-4c78-a082-97580eae5775" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="AB" /> <label class="" for="6a3bf6e4-e9ed-4c78-a082-97580eae5775"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="41164a7b-9f95-4caf-81ce-fb88586c112c" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="BC" /> <label class="" for="41164a7b-9f95-4caf-81ce-fb88586c112c"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="d84bf2d4-f054-466f-954e-faad5fa3fac5" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="MB" /> <label class="" for="d84bf2d4-f054-466f-954e-faad5fa3fac5"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="bd59d9e9-b81b-49e7-bf9f-395d894ff12d" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="NB" /> <label class="" for="bd59d9e9-b81b-49e7-bf9f-395d894ff12d"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="46f05722-33c1-4997-821e-db6712e172fa" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="NL" /> <label class="" for="46f05722-33c1-4997-821e-db6712e172fa"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="ef44a069-3601-417d-84cc-04f598b2c509" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="NT" /> <label class="" for="ef44a069-3601-417d-84cc-04f598b2c509"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="19e36439-977d-4152-a155-e7a10a779bcc" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="NS" /> <label class="" for="19e36439-977d-4152-a155-e7a10a779bcc"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="9a502b77-afcc-40ee-b258-5d5db99ed167" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="NU" /> <label class="" for="9a502b77-afcc-40ee-b258-5d5db99ed167"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="4f00965f-551f-4c9b-975a-978aed95a90a" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="4f00965f-551f-4c9b-975a-978aed95a90a"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="29214ec6-b063-455c-a354-9d88cd06dcdd" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="PE" /> <label class="" for="29214ec6-b063-455c-a354-9d88cd06dcdd"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="0acff8a9-c621-4625-a88e-4e92e319ff13" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="QC" /> <label class="" for="0acff8a9-c621-4625-a88e-4e92e319ff13"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="4b0a4622-a141-41e8-98a1-9f2629bcec05" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="SK" /> <label class="" for="4b0a4622-a141-41e8-98a1-9f2629bcec05"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="6ca801e9-00a1-4914-892e-b6675a7ff9d0" type="radio" role="option" tabindex="0" name="province-0691c8f0-11dd-4f4d-9dfe-b15609f2fdca" value="YT" /> <label class="" for="6ca801e9-00a1-4914-892e-b6675a7ff9d0"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close margin-t-20"><a href="javascript:void(0)" role="button" aria-label="Close change region popup"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a></span> </div> </div> <input id="showProvinceSelector" value="true" hidden /> <input id="IPRegionProvinceCode" hidden /> <input id="showProvinceSelectorWhenNonIpZoneSelected" value="false" hidden /> <script> document.addEventListener('DOMContentLoaded', function () { var ul = document.querySelectorAll('.change-region-list'); var changeButton = document.querySelectorAll(".change-region-link") var liSelected; var index = 0; ul.forEach((elem, i) => { elem.querySelectorAll('input').forEach((e, i) => { e.addEventListener('keydown', function (et) { var KeyID = et.key; switch (KeyID) { case "Enter": case " ": e.click(); break; default: break; } }); }); elem.addEventListener('focus', (event) => { elem.setAttribute('aria-hidden', 'false'); }); elem.addEventListener('keydown', function (event) { var len = elem.getElementsByTagName('li').length - 1; if ((index == len && event.which === 9 && !event.shiftKey) || (index == 0 && (event.which === 9 && event.shiftKey))) { return; } if (event.which === 40 || (event.which === 9 && !event.shiftKey)) { index++; //down if (liSelected) { next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index <= len) { liSelected = next; if (liSelected.querySelector("input").hasAttribute("disabled")) { index++; next = elem.getElementsByTagName('li')[index]; liSelected = next; } } else { index = 0; liSelected = elem.getElementsByTagName('li')[index]; } liSelected.querySelector("input").focus(); } else { index = 1; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); } event.preventDefault(); } else if (event.which === 38 || (event.which === 9 && event.shiftKey)) { //up if (liSelected) { index--; liSelected.querySelector("input").focus(); next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index >= 0) { liSelected = next; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); if (liSelected.querySelector("input").hasAttribute("disabled")) { index--; next = elem.getElementsByTagName('li')[index]; liSelected = next; liSelected.querySelector("input").focus(); } } else { index = len; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } } else { index = 1; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } event.preventDefault(); } }, false); }); changeButton.forEach((elem, i) => { elem.addEventListener('focus', (event) => { index = 0; }); elem.addEventListener('keydown', function (event) { if (event.which === 9 && !event.shiftKey && ((elem.getAttribute("aria-expanded") === "true") || !document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden"))) { ul[i].getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } if ((event.which === 13) && document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); elem.addEventListener('click', function (event) { if (document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); }); document.querySelector(".mobileCloseButton").addEventListener('keydown', (event) => { if (event.which === 9) { index = 0; document.querySelector("#changeRegionBoxMobile").querySelector("ul").getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } }); }); </script>  <div class="change-region-mobile change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="change-region-provinces-button"> <span class="region-confirmation"> Your current region: </span> <span class="change-region"> <span class="current-province-title"> <strong>Ontario</strong> </span> <a class="change-region-link" href="javascript:void(0)" role="link"> <span class="change-region-text">change</span> </a> </span> <div class="change-region-provinces change-region-hidden" role="dialog" id="changeRegionBoxMobile"> <div class="province-form-title province-form-title-hidden"> Select a region: <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close" class="mobileCloseButton"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <form class="province-form"> <fieldset form="province-form" class="change-region-fieldset"> <legend> Select your province or territory below </legend> <ul class="change-region-list" role="listbox"> <li> <input id="59fcc008-0d19-4fc2-ab48-d0d2f943c398" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="AB" /> <label class="" for="59fcc008-0d19-4fc2-ab48-d0d2f943c398"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="24f46c7c-fdb0-44d7-be01-4cf45392a18d" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="BC" /> <label class="" for="24f46c7c-fdb0-44d7-be01-4cf45392a18d"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="6945a9a8-5ede-4438-ac3a-e758b8acf04c" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="MB" /> <label class="" for="6945a9a8-5ede-4438-ac3a-e758b8acf04c"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="0c7e33e8-48b9-43b0-9ea9-e59aae1a99eb" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="NB" /> <label class="" for="0c7e33e8-48b9-43b0-9ea9-e59aae1a99eb"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="162f684c-1132-4545-bfa8-dedd077cf1c0" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="NL" /> <label class="" for="162f684c-1132-4545-bfa8-dedd077cf1c0"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="b93a339c-6966-448f-90e9-f7b7cb77d218" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="NT" /> <label class="" for="b93a339c-6966-448f-90e9-f7b7cb77d218"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="2674fad5-77f3-4dec-84ef-0cdef1cdfbd1" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="NS" /> <label class="" for="2674fad5-77f3-4dec-84ef-0cdef1cdfbd1"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="ce74e5d7-b24d-49fb-83f5-6de6021fee64" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="NU" /> <label class="" for="ce74e5d7-b24d-49fb-83f5-6de6021fee64"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="6121b90c-e9dd-49d5-9872-2cca28ec00ab" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="6121b90c-e9dd-49d5-9872-2cca28ec00ab"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="207d1647-bbbc-485f-99be-fb71f28519d4" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="PE" /> <label class="" for="207d1647-bbbc-485f-99be-fb71f28519d4"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="e54838df-80b5-41c1-80c3-42f5b16e06bb" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="QC" /> <label class="" for="e54838df-80b5-41c1-80c3-42f5b16e06bb"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="0926a2b8-c1ac-40d7-b432-6718ac98d8ab" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="SK" /> <label class="" for="0926a2b8-c1ac-40d7-b432-6718ac98d8ab"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="0e39f7f5-1cc7-4afc-bfed-a3b8a1177883" type="radio" role="option" tabindex="0" name="province-ea00a2e0-e6e7-478a-bc95-7ed4e44109a5" value="YT" /> <label class="" for="0e39f7f5-1cc7-4afc-bfed-a3b8a1177883"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <div class="change-region-screen change-region-hidden"></div> </div> </div> <div style="display:none;" data-product-type="esim" data-product-id="ab067b94-af5e-4455-b94d-1bd79cf60442"> </div> </div> </div> </div> </div> <script> var BELL = (function (bell, $) { bell.shop = bell.shop || {}; bell.shop.byopFlow = { aalDeviceListingLink: "https://mybell.bell.ca/Login?refreshLink=//www.bell.ca%2fMobility%2fAAL%2fSmartphones_and_mobile_internet_devices%26rawurl%3d%252fMobility", crossSellAllowedProvinces: ["QC","ON"], customerType: "", eChatOperational: "True", eSimAddDeviceLink: "https://mybell.bell.ca/Login?refreshLink=//www.bell.ca%2fMobility%2faddalineProductDetailRedirect%3fsource%3dmybell%26product-id%3dab067b94-af5e-4455-b94d-1bd79cf60442%26isEsim%3dtrue%26rawurl%3d%252fMobility", isAuthenticated: 'False'.toLowerCase() === 'true', isInternetFlowType: false, isMobilityFlowType: false, isSimPlanFlowType: false, isAalFlowType: false, isSmartPhoneFlowType: false, isRegionMismatch: false, mobilityPlansLink: "/Mobility/Cell_phone_plans/Buy-a-new-phone/Mobility_only.tab", mobilityBRSLink: "/Bell-bundles/Internet-Mobility#INT=MOB_mobplanpg_BTN_MIEntrypoints_Mass_071724_rl", shopDeviceListingLink: "/Mobility/Smartphones_and_mobile_internet_devices#INT=MOB_mobunlimrtplpg_TXT_getstarted_Mass_09012012_es", init: function () { var self = this; var slideDemo = document.getElementById("slideDemo"); //Screen Tiles self.btnNextNewCustomer = document.getElementById("newCustomerButton"); self.btnNextExistingCustomer = document.getElementById("existingCustomerButton"); self.btnNextAALUpgradeCustomer = document.getElementById("upgradeCustomerButton"); self.btnNextExistingAALCustomer = document.getElementById("existingAALCustomerButton"); self.btnNextExistingByodAALCustomer = document.getElementById("existingByodAALCustomerButton"); self.btnInternetAndMobility = document.getElementById("btnInternetAndMobility"); self.btnMobilityOnly = document.getElementById("btnMobilityOnly"); self.btnNextNewCustomer_WebRegion = document.getElementById("new-customer-cta-websiteProvince"); self.btnNextNewCustomer_IPRegion = document.getElementById("new-customer-cta-ipProvince"); //Screen Prev Buttons self.screenTwoHugPrev = document.getElementById("goBackCaptionArrow1"); self.screenTwoChangePlanPrev = document.getElementById("goBackCaptionArrow1B"); self.screenTwoPrev = document.getElementById("goBackCaptionArrow2"); self.screenThreePrev = document.getElementById("goBackCaptionArrow3"); self.screenFourPrev = document.getElementById("goBackCaptionArrow4"); var ipProvinceName = encodeURIComponent($('#IPRegionProvinceCode').val()); var websiteProvinceName = encodeURIComponent($("meta[name='province']").attr("content")); var ipProvinceElement = null; if (ipProvinceName != "" && !/[^a-zA-Z]/.test(ipProvinceName)){ ipProvinceElement = document.querySelector('[data-value=' + ipProvinceName + ']') != null ? document.querySelector('[data-value=' + ipProvinceName + ']') : document.getElementById("province-selector-popup") != null ? document.getElementById("province-selector-popup").querySelector('[value=' + ipProvinceName + ']') : null; } var fullIpProvinceName = ""; if (ipProvinceElement != null){ fullIpProvinceName = ipProvinceElement.querySelector('.g-prov-selector-province-label') != null ? ipProvinceElement.querySelector('.g-prov-selector-province-label').innerHTML.trim() : ipProvinceElement.nextSibling.nextSibling.innerHTML.trim(); } var websiteProvinceElement = document.querySelector('[data-value=' + websiteProvinceName + ']') != null ? document.querySelector('[data-value=' + websiteProvinceName + ']') : document.getElementById("province-selector-popup").querySelector('[value=' + websiteProvinceName + ']'); var fullWebsiteProvinceName = ""; if (websiteProvinceElement != null){ fullWebsiteProvinceName = websiteProvinceElement.querySelector('.g-prov-selector-province-label') != null ? websiteProvinceElement.querySelector('.g-prov-selector-province-label').innerHTML.trim() : websiteProvinceElement.nextSibling.nextSibling.innerHTML.trim(); } if (ipProvinceElement != null && ipProvinceName != websiteProvinceName) { self.isRegionMismatch = true; $('.byop-modal-dialog .ipProvinceNamePrompt').text($('.byop-modal-dialog .ipProvinceNamePrompt').first().text().replace('{0}', fullIpProvinceName)); $('.byop-modal-dialog .ipProvinceNamePrompt').closest('a').attr('data-region-province-code', $('#IPRegionProvinceCode').val()); $('.byop-modal-dialog .websiteProvinceNamePrompt').text($('.byop-modal-dialog .websiteProvinceNamePrompt').first().text().replace('{0}', fullWebsiteProvinceName)); self.screenTwoPrev.addEventListener("click", onButtonClick_ToScreenOne); self.screenThreePrev.addEventListener("click", onButtonClick_ToScreenTwo); self.screenFourPrev.addEventListener("click", onButtonClick_ToScreenThree); self.btnNextNewCustomer.addEventListener("click", onButtonClick_ToScreenTwo); self.btnInternetAndMobility.addEventListener("click", onButtonClick_ToScreenFour); self.btnMobilityOnly.addEventListener("click", onButtonClick_InternetMobilityClick); self.btnNextNewCustomer_WebRegion.addEventListener("click", onButtonClick_WebRegionSelectAndToScreenThree); self.btnNextNewCustomer_IPRegion.addEventListener("click", onButtonClick_IPRegionSelectAndToScreenThree); } else { self.screenThreePrev.addEventListener("click", onButtonClick_ToScreenOne); self.screenFourPrev.addEventListener("click", onButtonClick_ToScreenThree); self.btnNextNewCustomer.addEventListener("click", onButtonClick_ToScreenThree); self.btnInternetAndMobility.addEventListener("click", onButtonClick_ToScreenFour); self.btnMobilityOnly.addEventListener("click", onButtonClick_InternetMobilityClick); } self.screenTwoHugPrev.addEventListener("click", onButtonClick_ToScreenOne); self.screenTwoChangePlanPrev.addEventListener("click", onButtonClick_ToScreenOne); self.btnNextExistingAALCustomer.addEventListener("click", onExistingAALCustomerButtonClick); self.btnNextExistingByodAALCustomer.addEventListener("click", onExistingByodAALCustomerButtonClick); self.btnNextExistingCustomer.addEventListener("click", onExistingCustomerButtonClick); self.setActiveTabLinksForAccessibility("screenOne"); self.animateHeightForAllScreens(".byop-customer-type-selection"); self.checkForChatOptionTimings(); self.checkForEChatEnabled(); self.checkForOpenChatOnLoad(); function onButtonClick_ToScreenTwo() { if (ipProvinceName != '' && ipProvinceName != websiteProvinceName) { self.isInternetFlowType ? self.triggerScreenTwoForHomeServicesWithRegionMismatch() : self.triggerScreenTwoForOthersWithRegionMismatch(); } else { triggerScreenTwoForOthers(); } self.setActiveTabLinksForAccessibility("screenTwo"); self.animateHeightForAllScreens(".new-customer-type-selection"); $(".byop-modal-dialog .buy-now-change-region-wrapper .change-region-text").text($('#textImInDifferentRegion').val()); $(".byop-modal-dialog .buy-now-change-region-wrapper").show(); $(".byop-modal-dialog .buy-now-change-region-wrapper .region-confirmation").hide(); $(".byop-modal-dialog .buy-now-change-region-wrapper .current-province-title").hide(); $(".byop-modal-dialog .buy-now-change-region-wrapper .change-region-popup").removeClass('change-region-popup-hidden'); $(".byop-modal-dialog .buy-now-change-region-wrapper .change-region-mobile").removeClass('change-region-popup-hidden'); $(".byop-modal-dialog .buy-now-change-region-wrapper .change-region-popup .change-region-provinces .province-form-fieldset input, .byop-modal-dialog .buy-now-change-region-wrapper .change-region-mobile .change-region-provinces input").click(function (e) { e.stopImmediatePropagation(); PS.setRegionCookieValue($(this).val(), '', true); self.checkForCrossSellEnabled($(this).val()) ? onButtonClick_ToScreenThree() : self.defaultEsimSelectionForSB(); }); //TriggerAnalytics self.triggerAnalyticsForModal(".new-customer-type-selection > h3"); } function onButtonClick_ToScreenThree() { if (self.isInternetFlowType) { if (ipProvinceName != '' && ipProvinceName != websiteProvinceName) { self.triggerScreenThreeForHomeServicesWithRegionMismatch(); } else { self.triggerScreenThreeForHomeServicesWithoutRegionMismatch(); } self.setActiveTabLinksForAccessibility("screenThree"); self.animateHeightForAllScreens(".byop-what-are-you-ordering-option"); //triggerAnalytics self.triggerAnalyticsForModal(".byop-what-are-you-ordering-option > div > h3"); } else { self.defaultEsimSelectionForSB(); } } function onButtonClick_ToScreenFour() { if (self.isSimPlanFlowType) { window.location.href = self.mobilityBRSLink; } else { if (ipProvinceName != '' && ipProvinceName != websiteProvinceName) { self.triggerScreenFourForHomeServicesWithRegionMismatch(); } else { self.triggerScreenFourForHomeServicesWithoutRegionMismatch(); } self.setActiveTabLinksForAccessibility("screenFour"); self.animateHeightForAllScreens(".byop-preferred-contact-option"); //triggerAnalytics self.triggerAnalyticsForModal(".byop-preferred-contact-option > div > h3"); } } function onButtonClick_ToScreenTwoChangePlan() { if (self.isSimPlanFlowType) { self.triggerScreenTwoForChangePlan(); self.setActiveTabLinksForAccessibility("ScreenTwoChangePlan"); self.animateHeightForAllScreens(".existing-customer-aal-change-plan"); } } function onButtonClick_ToScreenTwoHug() { if (self.isSmartPhoneFlowType) { self.triggerScreenTwoForHug(); self.setActiveTabLinksForAccessibility("ScreenTwoHug"); self.animateHeightForAllScreens(".existing-customer-aal-upgrade"); } } function onButtonClick_IPRegionSelectAndToScreenThree() { if (ipProvinceName != undefined && ipProvinceName != null && ipProvinceName != "") { PS.setRegionCookieValue(ipProvinceName, '', true); self.checkForCrossSellEnabled(ipProvinceName) ? onButtonClick_ToScreenThree() : self.defaultEsimSelectionForSB(); } } function onButtonClick_WebRegionSelectAndToScreenThree() { if (websiteProvinceName != undefined && websiteProvinceName != null && websiteProvinceName != "") { PS.setRegionCookieValue(websiteProvinceName, '', true); self.checkForCrossSellEnabled(websiteProvinceName) ? onButtonClick_ToScreenThree() : self.defaultEsimSelectionForSB(); } } function onButtonClick_ToScreenOne() { self.triggerScreenOne(); } function onButtonClick_InternetMobilityClick() { if (self.isInternetFlowType && self.isSmartPhoneFlowType) { window.location.href = self.mobilityPlansLink; } else { self.defaultEsimSelectionForSB(); } } function onExistingCustomerButtonClick() { if (self.isSmartPhoneFlowType) { self.triggerScreenTwoForHug(); self.setActiveTabLinksForAccessibility("ScreenTwoHug"); self.animateHeightForAllScreens(".existing-customer-aal-upgrade"); } else { self.triggerScreenTwoForChangePlan(); self.setActiveTabLinksForAccessibility("ScreenTwoChangePlan"); self.animateHeightForAllScreens(".existing-customer-aal-change-plan"); } //self.defaultEsimSelectionForSB(); } function onExistingAALCustomerButtonClick() { self.defaultEsimSelectionForSB(); } function onExistingByodAALCustomerButtonClick() { self.defaultEsimSelectionForSB(); } $(".tileButton").keyup(function (event) { if (event.keyCode === 13) { $(this).children(".box-shadow-round").click(); $(this).children("a").click(); } }); $("#goBackCaptionArrow1").keyup(function (event) { if (event.keyCode === 13) { $(this).click(); setTimeout(function () { $('#goBackCaptionArrow1').focus(); }, 200) } }); $("#goBackCaptionArrow1B").keyup(function (event) { if (event.keyCode === 13) { $(this).click(); setTimeout(function () { $('#goBackCaptionArrow1B').focus(); }, 200) } }); $("#goBackCaptionArrow").keyup(function (event) { if (event.keyCode === 13) { $(this).click(); } }); $("#goBackCaptionArrow3").keyup(function (event) { if (event.keyCode === 13) { $(this).click(); $("#twoStepModal").siblings(".close").focus(); } }); $("#goBackCaptionArrow4").keyup(function (event) { if (event.keyCode === 13) { $(this).click(); setTimeout(function () { $('#goBackCaptionArrow3').focus(); }, 200) } }); }, onCustomerTypeSelected: function (el) { this.customerType = $(el).data("customer-type"); //Trigger Analytics this.triggerAnalyticsForCustomerSelected(); }, onClickUpgradeDevice: function (event) { $('#modal-order-now').modal('hide'); window.location.href = "https://mybell.bell.ca/Login?refreshlink=https://mybell.bell.ca/sso/ssoauth.aspx?ReturnUrl=/PunchInOut/punchin?DirectAccess=Hardwaredeviceupgrade"; }, onClickChangeMyPlan: function (event) { $('#modal-order-now').modal('hide'); window.location.href ="https://mybell.bell.ca/Login?refreshLink=https://mybell.bell.ca/Punchin.aspx?DirectAccess=ChangeRatePlan&EXT=MOB_vanity_IVR_in_queue_mass_010420_RS "; }, resetByopFlow: function () { $("#goBackCaptionArrow2").show(); $('#goBackCaptionArrow2').click(); this.resetInternetFlowType(); this.resetMobilityFlowType(); this.resetSimPlanType(); this.resetSmartPhonePlanType(); sessionStorage.removeItem("CrossSellEChatOnLoad"); }, existingCustomerLightBoxSetup: function () { $("#goBackCaptionArrow").remove(); $("#existingCustomerButton").click(); $('#goBackButton').replaceWith($('#goBackButton').clone()); // removing all event listeners }, defaultEsimSelectionForSB: function () { if (this.customerType === "newCustomer") { this.checkForNewCustomerRedirection(); } else if (this.isSmartPhoneFlowType && this.customerType === "existingAALCustomer") { this.checkForExistingCustomerRedirection(); } else if (this.isSimPlanFlowType && this.customerType === "existingByodAALCustomer") { this.checkForExistingCustomerRedirection(); } else if (!this.isSmartPhoneFlowType && this.customerType === "existingCustomer") { this.checkForExistingCustomerRedirection(); } }, checkForNewCustomerRedirection: function () { if (this.isInternetFlowType && this.isSmartPhoneFlowType) { this.redirectWithDelayForAdobeTracking(this.shopDeviceListingLink); } else { const getESimContainer = $('div[data-product-type="esim"]'); this.onSimCardTypeSelected(getESimContainer); } }, checkForExistingCustomerRedirection: function () { if (this.isInternetFlowType && this.isSmartPhoneFlowType) { this.redirectWithDelayForAdobeTracking(this.aalDeviceListingLink); } else if (this.isAuthenticated && this.isInternetFlowType && this.isSimPlanFlowType) { const getESimContainer = $('div[data-product-type="esim"]'); this.onSimCardTypeSelected(getESimContainer); } else { this.redirectWithDelayForAdobeTracking(this.eSimAddDeviceLink); } }, onSimCardTypeSelected: function (el) { var productId = $(el).data("product-id"); var $container = $('.prodDetailBuynow[data-product-id="' + productId + '"]'); var produceType = $(el).data("product-type"); if ($container.length > 0) { if (this.customerType === "newCustomer") { BELL.shop.buynow.showLoadingIndicator(); verifyAndSubmit(el, $container); } //else if (this.isSmartPhoneFlowType && this.customerType === "existingAALCustomer") { else if (this.customerType === "existingAALCustomer") { $container.find("input.js-btnSolutionBuild").first().trigger("click"); } else if (!this.isSmartPhoneFlowType && this.customerType === "existingByodAALCustomer") { $container.find("input.js-btnSolutionBuild").first().trigger("click"); } else if (!this.isSmartPhoneFlowType && this.customerType === "existingCustomer") { $container.find("input.js-btnSolutionBuild").first().trigger("click"); } $('#modal-byop').modal('hide'); } }, initiateByopFlow: function () { if (this.isAuthenticated) { if (this.isSmartPhoneFlowType) { this.onCustomerTypeSelected($('div[data-customer-type="existingAALCustomer"]')); } else if (this.isSimPlanFlowType) { this.onCustomerTypeSelected($('div[data-customer-type="existingByodAALCustomer"]')); } else { //this.onCustomerTypeSelected($('div[data-customer-type="existingCustomer"]')); this.onCustomerTypeSelected($('div[data-customer-type="existingAALCustomer"]')); } this.defaultEsimSelectionForSB(); return; } this.initiateNewAndExistingLightbox(); $('#modal-byop').modal('show'); }, initiateInternetFlowType: function () { this.isInternetFlowType = this.checkForCrossSellEnabled(); this.isRegionMismatch ? this.triggerScreenOneForHomeServicesWithRegionMismatch() : this.triggerScreenOneForHomeServicesWithoutRegionMismatch(); }, initiateMobilityFlowType: function () { this.isMobilityFlowType = this.checkForCrossSellEnabled(); this.triggerScreenOneForOthers(); }, initiateSimPlanType: function () { this.isSimPlanFlowType = true; }, initiateSmartPhonePlanType: function () { this.isSmartPhoneFlowType = true; }, initiateNewAndExistingLightbox: function () { this.triggerScreenOne(); }, initiateAalFlowType: function () { this.isAalFlowType = true; if (this.isSmartPhoneFlowType) { this.triggerScreenTwoForHug(); } else { this.triggerScreenTwoForChangePlan(); } }, resetAalFlowType: function () { this.isAalFlowType = false; }, resetInternetFlowType: function () { this.isInternetFlowType = false; }, resetMobilityFlowType: function () { this.isMobilityFlowType = false; }, resetSimPlanType: function () { this.isSimPlanFlowType = false; }, resetSmartPhonePlanType: function () { this.isSmartPhoneFlowType = false; }, checkForCrossSellEnabled: function (selectedProvince) { var currentPageProvince = encodeURIComponent($("meta[name='province']").attr("content")); if (selectedProvince) { currentPageProvince = selectedProvince; } if (currentPageProvince != undefined && currentPageProvince != null && currentPageProvince != "") { if (this.crossSellAllowedProvinces.includes(currentPageProvince.toUpperCase())) { this.updateOfferDetailsForCrossSellProvinces(selectedProvince); return true; } } return false; }, updateOfferDetailsForCrossSellProvinces: function (newSelectedProvince) { var currentPageProvince = encodeURIComponent($("meta[name='province']").attr("content")); if (newSelectedProvince != undefined && newSelectedProvince != null && newSelectedProvince != "") { if (newSelectedProvince.toUpperCase() === "QC") { $('#byop-what-are-you-ordering-option-1').html("I want to order both Mobility and home services and save up to $20/mo. on my new Mobility line."); } else if (newSelectedProvince.toUpperCase() === "ON") { $('#byop-what-are-you-ordering-option-1').html("I want to order both Mobility and home services and save up to $15/mo. on my new Mobility line."); } if (currentPageProvince.toUpperCase() !== newSelectedProvince.toUpperCase()) { sessionStorage.setItem("CrossSellEChatOnLoad", "true"); } } }, triggerScreenOneForHomeServicesWithRegionMismatch: function () { $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('three-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('four-slides'); $(".byop-modal-dialog .modal-tile-wrap").addClass('four-slides'); }, triggerScreenOneForHomeServicesWithoutRegionMismatch: function () { $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('four-slides'); $(".byop-modal-dialog .modal-tile-wrap").addClass('three-slides'); }, triggerScreenOneForOthers: function () { $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('four-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('three-slides'); $(".byop-modal-dialog .modal-tile-wrap").addClass('two-slides'); }, triggerScreenTwoForHomeServicesWithRegionMismatch: function () { var slideDemo = document.getElementById("slideDemo"); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('three-slides'); $(".byop-modal-dialog .modal-tile-wrap").addClass('four-slides'); setTimeout(function () { slideDemo.classList.remove("screen-three-active"); slideDemo.classList.remove("only-two-screens-active"); slideDemo.classList.remove("screen-four-active"); slideDemo.classList.add("screen-two-active"); }, 100); $(".byop-what-are-you-ordering-option").animate({ height: "100%" }); }, triggerScreenTwoForOthersWithRegionMismatch: function() { var slideDemo = document.getElementById("slideDemo"); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('three-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('four-slides'); $(".byop-modal-dialog .modal-tile-wrap").addClass('two-slides'); setTimeout(function () { slideDemo.classList.remove("screen-three-active"); slideDemo.classList.remove("screen-two-active"); slideDemo.classList.remove("screen-four-active"); slideDemo.classList.add("only-two-screens-active"); }, 100); }, triggerScreenTwoForOthers: function () { var slideDemo = document.getElementById("slideDemo"); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('four-slides'); $(".byop-modal-dialog .modal-tile-wrap").addClass('three-slides'); setTimeout(function () { slideDemo.classList.remove("only-two-screens-active"); slideDemo.classList.remove("screen-two-active"); slideDemo.classList.remove("screen-four-active"); slideDemo.classList.add("screen-three-active"); }, 100); }, triggerScreenTwoForHug: function () { var slideDemo = document.getElementById("slideDemo"); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('four-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('three-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").addClass('two-slides-hug'); setTimeout(function () { slideDemo.classList.remove("only-two-screens-active"); slideDemo.classList.remove("screen-two-active"); slideDemo.classList.remove("screen-four-active"); slideDemo.classList.remove("screen-two-change-plan-active"); slideDemo.classList.add("screen-two-hug-active"); }, 100); this.setActiveTabLinksForAccessibility("screenTwoHug"); this.animateHeightForAllScreens(".existing-customer-aal-upgrade"); }, triggerScreenTwoForChangePlan: function () { var slideDemo = document.getElementById("slideDemo"); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('four-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('three-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").addClass('two-slides-change-plan'); setTimeout(function () { slideDemo.classList.remove("only-two-screens-active"); slideDemo.classList.remove("screen-two-active"); slideDemo.classList.remove("screen-four-active"); slideDemo.classList.remove("screen-two-hug-active"); slideDemo.classList.add("screen-two-change-plan-active"); }, 100); this.setActiveTabLinksForAccessibility("screenTwoChangePlan"); this.animateHeightForAllScreens(".existing-customer-aal-change-plan"); }, triggerScreenThreeForHomeServicesWithRegionMismatch: function () { var slideDemo = document.getElementById("slideDemo"); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('three-slides'); $(".byop-modal-dialog .modal-tile-wrap").addClass('four-slides'); setTimeout(function () { slideDemo.classList.remove("screen-two-active"); slideDemo.classList.remove("only-two-screens-active"); slideDemo.classList.remove("screen-four-active"); slideDemo.classList.add("screen-three-active"); }, 100); $(".byop-modal-dialog .buy-now-change-region-wrapper").hide(); }, triggerScreenThreeForHomeServicesWithoutRegionMismatch: function () { var slideDemo = document.getElementById("slideDemo"); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('four-slides'); $(".byop-modal-dialog .modal-tile-wrap").addClass('three-slides'); setTimeout(function () { slideDemo.classList.remove("only-two-screens-active"); slideDemo.classList.remove("screen-three-active"); slideDemo.classList.remove("screen-four-active"); slideDemo.classList.add("screen-two-active"); }, 100); $(".byop-preferred-contact-option").removeClass('d-flex'); $(".byop-what-are-you-ordering-option").addClass('d-flex'); $(".byop-modal-dialog .buy-now-change-region-wrapper").hide(); }, triggerScreenFourForHomeServicesWithRegionMismatch: function () { var slideDemo = document.getElementById("slideDemo"); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('three-slides'); $(".byop-modal-dialog .modal-tile-wrap").addClass('four-slides'); setTimeout(function () { slideDemo.classList.remove("only-two-screens-active"); slideDemo.classList.remove("screen-two-active"); slideDemo.classList.remove("screen-three-active"); slideDemo.classList.add("screen-four-active"); }, 100); $(".byop-modal-dialog .buy-now-change-region-wrapper").hide(); this.checkForChatOptionTimings(); }, triggerScreenFourForHomeServicesWithoutRegionMismatch: function () { var slideDemo = document.getElementById("slideDemo"); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-hug'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides-change-plan'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('two-slides'); $(".byop-modal-dialog .modal-tile-wrap").removeClass('four-slides'); $(".byop-modal-dialog .modal-tile-wrap").addClass('three-slides'); setTimeout(function () { slideDemo.classList.remove("only-two-screens-active"); slideDemo.classList.remove("screen-two-active"); slideDemo.classList.remove("screen-four-active"); slideDemo.classList.add("screen-three-active"); }, 100); $(".byop-preferred-contact-option").addClass('d-flex'); $(".byop-modal-dialog .buy-now-change-region-wrapper").hide(); this.checkForChatOptionTimings(); }, triggerScreenOne: function () { var slideDemo = document.getElementById("slideDemo"); slideDemo.classList.remove("only-two-screens-active"); slideDemo.classList.remove("screen-two-active"); slideDemo.classList.remove("screen-three-active"); slideDemo.classList.remove("screen-four-active"); slideDemo.classList.remove("screen-two-hug-active"); slideDemo.classList.remove("screen-two-change-plan-active"); $(".byop-what-are-you-ordering-option").removeClass('d-flex'); $(".byop-modal-dialog .new-customer-type-selection").animate({ height: "0" }); this.setActiveTabLinksForAccessibility("screenOne"); this.animateHeightForAllScreens(".byop-customer-type-selection"); $(".byop-modal-dialog .buy-now-change-region-wrapper").hide(); //TriggerAnalytics this.triggerAnalyticsForModal(".byop-customer-type-selection > h3"); }, setActiveTabLinksForAccessibility: function (activeScreen) { var allScreenLinks = { screenOne: document.querySelectorAll(".byop-modal-dialog .byop-customer-type-selection .box-shadow-round"), screenTwo: document.querySelectorAll(".byop-modal-dialog .new-customer-type-selection a, #goBackCaptionArrow2"), screenTwoHug: document.querySelectorAll(".byop-modal-dialog .existing-customer-aal-upgrade a, #goBackCaptionArrow1"), screenTwoChangePlan: document.querySelectorAll(".byop-modal-dialog .existing-customer-aal-change-plan a, #goBackCaptionArrow1B"), screenThree: document.querySelectorAll(".byop-modal-dialog .byop-what-are-you-ordering-option .box-shadow-round, #goBackCaptionArrow3"), screenFour: document.querySelectorAll("#goBackCaptionArrow4") }; for (var screen in allScreenLinks) { allScreenLinks[screen].forEach(function (link) { screen === activeScreen ? link.setAttribute("tabindex", "0") : link.setAttribute("tabindex", "-1"); }); } }, animateHeightForAllScreens: function (activeScreen) { if (this.isSmartPhoneFlowType) { var allScreenContainer = [".byop-customer-type-selection", ".new-customer-type-selection", ".byop-what-are-you-ordering-option", ".byop-preferred-contact-option", "existing-customer-aal-upgrade"]; } else { var allScreenContainer = [".byop-customer-type-selection", ".new-customer-type-selection", ".byop-what-are-you-ordering-option", ".byop-preferred-contact-option", "existing-customer-aal-change-plan"]; } allScreenContainer.forEach(function (container) { container === activeScreen ? $(container).animate({ height: "100%" }) : $(container).animate({ height: "0" }); }); }, checkForChatOptionTimings: function () { var currentHour = (new Date()).getHours(); var chatLive = document.getElementById('chatLiveOption'); if ((currentHour >= 7) && (currentHour <= 24)) { $('.byop-preferred-contact-option').removeClass('contact-unavailable'); chatLive.addEventListener("click", this.openChatOption); $('#chatLiveOption').attr('aria-disabled', false); $('#chatLiveOption').attr('tabindex', 0); $('#callOption').attr('aria-disabled', false); $('#callOption').attr('tabindex', 0); } else { $('.byop-preferred-contact-option').addClass('contact-unavailable'); $('.byop-preferred-contact-option a').attr('href', 'javascript:void(0)'); $('#chatLiveOption').attr('aria-disabled', true); $('#chatLiveOption').attr('tabindex', -1); $('#callOption').attr('aria-disabled', true); $('#callOption').attr('tabindex', -1); } }, triggerAnalyticsForCustomerSelected: function () { if (this.customerType === "newCustomer") { s_oTrackPage({ "s_oAPT": "647-0-0", "s_oBTN": this.isSimPlanFlowType ? "new customer - byod" : "new customer - new device" }); } else if (this.customerType === "existingCustomer" && !this.isAuthenticated) { s_oTrackPage({ "s_oAPT": "647-0-0", "s_oBTN": this.isSimPlanFlowType ? "existing customer - byod" : "existing customer - new device" }); } else if (this.customerType === "existingAALCustomer" && !this.isAuthenticated) { s_oTrackPage({ "s_oAPT": "647-0-0", "s_oBTN": this.isSimPlanFlowType ? "existing customer - byod" : "existing customer - new device" }); } }, triggerAnalyticsForModal: function (selector) { s_oTrackPage({ "s_oAPT": "104-0-0", "s_oPRM": (this.isSimPlanFlowType ? "byod" : "new device") + ":" + $("#twoStepModal").text().replace(/\s+/g, ' ').trim(), "s_oLBC": $(selector).text().replace(/\s+/g, ' ').trim().slice(0, 100) }); }, checkForEChatEnabled: function () { if (this.eChatOperational) { $('#chatLiveOption').attr('aria-disabled', false); $('#chatLiveOption').removeClass('disabled'); } else { $('#chatLiveOption').attr('aria-disabled', true); $('#chatLiveOption').addClass('disabled'); } }, openChatOption: function () { if (sessionStorage.getItem("CrossSellEChatOnLoad") === "true") { window.location.reload(); } else { $('#eChat_MoreWaysTo_Shop').click(); $('#modal-byop').modal('hide'); } }, checkForOpenChatOnLoad: function () { if (sessionStorage.getItem("CrossSellEChatOnLoad") === "true") { $(document).ready(function () { var interval = setInterval(openChatWindow, 1000); function openChatWindow() { if (EChat && EChat.openChatLive) { console.log('Echat open window'); $('#eChat_MoreWaysTo_Shop').click(); } } // EChat is not loaded, clear the interval setTimeout(function () { console.log('Echat session cleared'); clearInterval(interval); }, 10000); sessionStorage.removeItem("CrossSellEChatOnLoad"); }); } }, redirectWithDelayForAdobeTracking: function (url) { setTimeout(() => { window.location.href = url; }, 500); } }; return bell; })(BELL || {}, $); BELL.shop.byopFlow.init(); </script> </div>  <div class="prodDetailBuynow" data-product-id="ab067b94-af5e-4455-b94d-1bd79cf60442"> <form id="selectionForm_ab067b94-af5e-4455-b94d-1bd79cf60442" action="" method="post"> <input id="hdProductIdab067b94-af5e-4455-b94d-1bd79cf60442" name="ProductId" type="hidden" value="ab067b94-af5e-4455-b94d-1bd79cf60442" /><input id="hdSelectedTermIdab067b94-af5e-4455-b94d-1bd79cf60442" name="SelectedTermId" type="hidden" value="35ddad4b-8019-48c9-a723-340cd8800066" /><input id="hdSelectedSolutionIdab067b94-af5e-4455-b94d-1bd79cf60442" name="SelectedSolution" type="hidden" value="" /><input id="hdIsQuickviewab067b94-af5e-4455-b94d-1bd79cf60442" name="IsQuickview" type="hidden" value="False" /><input id="hdIsShowStaticRatingsab067b94-af5e-4455-b94d-1bd79cf60442" name="IsShowStaticRatings" type="hidden" value="False" /><input id="hdIsHideImageGalleryModalab067b94-af5e-4455-b94d-1bd79cf60442" name="IsHideImageGalleryModal" type="hidden" value="False" /><input id="hdIsProductDetailsModalab067b94-af5e-4455-b94d-1bd79cf60442" name="IsProductDetailsModal" type="hidden" value="False" /><input id="hdImageTypeab067b94-af5e-4455-b94d-1bd79cf60442" name="ImageType" type="hidden" value="mediumImageUrl" /><input id="hdDescriptionTypeab067b94-af5e-4455-b94d-1bd79cf60442" name="DescriptionType" type="hidden" value="" /><input id="hdLinkTypeab067b94-af5e-4455-b94d-1bd79cf60442" name="LinkType" type="hidden" value="sb" /><input id="hdResourceFilePathab067b94-af5e-4455-b94d-1bd79cf60442" name="ResourceFilePath" type="hidden" value="" /><input id="hdSkuab067b94-af5e-4455-b94d-1bd79cf60442" name="Sku" type="hidden" value="109157" /><input id="term_elementab067b94-af5e-4455-b94d-1bd79cf60442" name="term_elementab067b94-af5e-4455-b94d-1bd79cf60442" type="hidden" value="" /><input id="hdwebAppNameab067b94-af5e-4455-b94d-1bd79cf60442" name="webAppName" type="hidden" value="" /> </form> <div class="prodDetailBuyButton" style="display: none;"> <span class="d-none">Buy the eSIM build your solution now</span> <input href="javascript:void(0)" value="Build your solution" type="submit" class="js-btnSolutionBuild btn btn-default" data-product-id="ab067b94-af5e-4455-b94d-1bd79cf60442" /> <form method="post" hello="world" action="/Mobility/Build_your_mobile_solution?prd=eSIM" style="width: 0;" class="js-shop-solution-builder-form" autocomplete="off"> <input name="id" type="hidden" value="ab067b94-af5e-4455-b94d-1bd79cf60442" /> <input name="IsUpgradeYourServiceDisplayed" type="hidden" value="true" disabled="disabled" /> <input name="hdnHUGdeviceUpdateURL" type="hidden" /> <input name="productType" type="hidden" value="WirelessHandset" /> <input name="OfferId" type="hidden" value="949eff3c-dae5-47ed-8a6e-60f7861ebd85" /> <input name="OfferQty" type="hidden" value="1" /> <input name="TermId" type="hidden" value="35ddad4b-8019-48c9-a723-340cd8800066" /> <input name="Promo" type="hidden" /> <input name="RatePlanOfferId" type="hidden" value="" /> <input name="DataPlanOfferId" type="hidden" value="" /> <input name="ShowSpecialOfferWarning" type="hidden" value="false" /> <input name="TrySkipSolution" type="hidden" value="false" /> <input name="IsPromoAddAline" type="hidden" value="false" /> <input type="hidden" name="pagehierarchyid" value="10111" /> <input type="hidden" name="pagehierarchycode" value="MOBILITY_WHY_BELL" /> <input type="hidden" name="metadatapageid" value="PrsShpWls_ProductDetail_Tablets" /> <input type="hidden" name="producttype" value="WirelessHandset" /> <input type="hidden" name="productname" value="eSIM" /> <input type="hidden" name="originurl" value="/Mobility" /> <input type="hidden" name="SKUID" value="109157" /> <input type="hidden" name="BMCID" value="" /> <input type="hidden" name="ProductCategory" /> <input type="hidden" name="hdnIsBfaOn" value="True" /> <input type="hidden" name="hdnCartCount" value="" /> <input type="hidden" name="Brand" /> <input type="hidden" name="hdnisEsimAutomationEnabled" value="True" /> <input type="hidden" id="EppEmailAddress" name="EppEmailAddress" value="" /> <input type="hidden" id="AutoPromoCode" name="AutoPromoCode" value="" /> </form> <script> jQuery(document).ready(function () { if (jQuery("#EppEmailAddressFromCart").val() !== undefined && jQuery("#EppEmailAddressFromCart").val() !== null && jQuery("#EppEmailAddressFromCart").val() !== "") { jQuery("#EppEmailAddress").val($("#EppEmailAddressFromCart").val()); } }); </script> </div> <div id="modal-order-now-sim-card-ab067b94-af5e-4455-b94d-1bd79cf60442" class="modal fade scrollable-body" role="dialog" aria-modal="true" data-backdrop="true" data-keyboard="true" aria-labelledby="modal-build-solution-title"> <div class="modal-dialog buy-now-esimcard-modal-dialog"> <div class="modal-content slide-demo" role="document" id="esimSlideDemo"> <div class="modal-header margin-b-30 margin-b-xs-0" data-omni-content="Select an option"> <h2 id="modal-build-solution-title" class="small-title"> Select an option </h2> <button type="button" class="close" data-dismiss="modal" aria-label="close"> <span class="icon icon-close txtSize20 txtBlue" role="img" aria-label="close" aria-hidden="true"></span> <span class="sr-only">Close modal</span> </button> </div> <div class="modal-body margin-b-xs-15 margin-b-20 no-pad "> <div class="modal-tile-wrap"> <div class="track" id="track">  <div class="container-flex-box-wrap column-spacer-sm-15 same-height-wrap customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 margin-l-10"> Are you a new or existing Bell customer? </h3>  <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="0"> <div id="btnSubmitByNewCustomerButton" class="js-btnSubmitByNewCustomer js-btnSubmitByNewCustomer js-omni-button h-100 slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer" data-omni-s_obtn="New customer" data-omni-s_oapt="647-0-0"> <div data-same-height-index="17"> <div class="margin-b-30" aria-hidden="true"> <img height="73" loading="lazy" src="/Styles/images/byod/Phone.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2">I'm new to Bell</h3> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Create a new account. </p> </div> </div> </div> </div> <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="0"> <div id="btnSubmitByExistingCustomerButton" class="js-omni-button slim-border box-shadow-round pad-h-xs-15 h-100 pad-30 overflowHidden d-flex flex-column pointer " data-omni-s_obtn="Existing customer - new device" data-omni-s_oapt="647-0-0" tabindex="0"> <div data-same-height-index="17"> <div class="margin-b-30" aria-hidden="true"> <img height="73" loading="lazy" src="/Styles/images/byod/Customer.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2">I'm an existing customer</h3> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Manage my account. </p> </div> </div> </div> </div> </div>  <div class="container-flex-box-wrap column-spacer-sm-15 existing-customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 backButtomHeader"> <button tabindex="-1" id="backToStepOne" class="pointer backButton anchor-icon icon txtBold txtBlue icon-chevron-left" aria-label="Back How would you like to activate your phone? "></button> <span class="anchor-text"> Are you adding a new line or changing your plan on an existing line? </span> </h3>  <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a id="btnShowAddNewDeviceLightbox" tabindex="-1" class="js-omni-button full-width-link h-100" id="existing-customer-cta1" href="https://mybell.bell.ca/Login?refreshLink=//www.bell.ca%2fMobility%2faddalineProductDetailRedirect%3fsource%3dmybell%26product-id%3dab067b94-af5e-4455-b94d-1bd79cf60442%26isEsim%3dtrue%26rawurl%3d%252fMobility" onclick="BELL.shop.eSimByodModal.onClickAddALine()" data-omni-s_obtn="Existing customer - new device" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column h-100 "> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img height="73" loading="lazy" src="/Styles/images/byod/AAL.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2"> Add a line </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> I want to add a line to my account. </p> </div> </div> </div> </a> </div>   <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a class="js-omni-button full-width-link h-100" tabindex="-1" data-omni-s_obtn="Existing customer - change service" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer h-100 " onclick="BELL.shop.eSimByodModal.onClickChangePlan(this)"> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/change_my_plan.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2"> Change my plan </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> I want to change my plan. </p> </div> </div> </div> </a> </div>  </div> <div class="container-flex-box-wrap column-spacer-sm-15 new-customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 backButtomHeader"> <a tabindex="-1" id="esimBackToStepOne" class="pointer backButton anchor-icon icon txtBold txtBlue icon-chevron-left" aria-label="Back How would you like to activate your phone? "></a> <span class="anchor-text"> Please select your province to see the most accurate information, including pricing and product availability </span> </h3>  <div class="col-sm-6 margin-b-15 tileButton"> <a tabindex="-1" class="js-btnSubmitByNewCustomer js-omni-button full-width-link h-100" role="button" id="sim-new-customer-cta-websiteProvince" href="javascript:void(0)" data-omni-s_obtn="New customer - website region" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column h-100 "> <div data-same-height-index="15"> <div class="margin-b-30" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"> <rect width="72" height="72" rx="36" fill="#00549A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M35.6819 16.78C43.327 16.78 50.1909 22.8069 50.1909 31.06C50.1909 36.9774 47.4284 41.9179 41.8487 48.0525L41.741 48.1674C41.0427 48.9115 37.1716 53.0369 36.2595 54.1384C35.9596 54.5006 35.404 54.5006 35.1041 54.1382C34.1851 53.0279 30.2594 48.845 29.605 48.1477L29.5125 48.049C23.9338 41.9153 21.1719 36.9759 21.1719 31.06C21.1719 22.7089 27.9039 16.78 35.6819 16.78ZM28.4709 31.99C28.4709 36.0369 31.628 39.33 35.5379 39.33C39.4486 39.33 42.6059 36.0371 42.6059 31.99C42.6059 27.9347 39.4502 24.64 35.5379 24.64C31.6263 24.64 28.4709 27.9349 28.4709 31.99ZM41.1059 31.99C41.1059 35.2224 38.6057 37.83 35.5379 37.83C32.4709 37.83 29.9709 35.2223 29.9709 31.99C29.9709 28.7491 32.4696 26.14 35.5379 26.14C38.607 26.14 41.1059 28.749 41.1059 31.99ZM48.6909 31.06C48.6909 36.508 46.0892 41.161 40.7391 47.0432C40.7387 47.0436 40.7299 47.0529 40.7134 47.0705C40.3947 47.4096 37.194 50.8156 35.682 52.5157C34.1324 50.7731 30.8087 47.2381 30.6297 47.0478L30.6222 47.0398C25.273 41.1584 22.6719 36.5066 22.6719 31.06C22.6719 23.5828 28.693 18.28 35.6819 18.28C42.5388 18.28 48.6909 23.6819 48.6909 31.06Z" fill="white" /> </svg> </div> <div class="margin-b-15"> <h3 class="subtitle-2 websiteProvinceNamePrompt"> {0} </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> This is the region you are currently browsing in. </p> </div> </div> </div> </a> </div>   <div class="col-sm-6 margin-b-15 tileButton"> <a class="js-btnSubmitByNewCustomer js-btnChangeRegionAndSubmitByNewCustomer js-omni-button full-width-link h-100" tabindex="-1" role="button" id="sim-new-customer-cta-ipProvince" data-omni-s_obtn="New customer - location region" data-omni-s_oapt="647-0-0" data-region-province-code=""> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer h-100 "> <div data-same-height-index="15"> <div class="margin-b-30" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"> <rect x="0.75" y="0.75" width="70.5" height="70.5" rx="35.25" fill="#00549A" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M36.5853 26.177C39.1373 25.8132 41.1003 23.6201 41.1003 20.97C41.1003 18.0641 38.7409 15.7 35.8353 15.7C32.9289 15.7 30.5693 18.064 30.5693 20.97C30.5693 23.6203 32.5326 25.8133 35.0853 26.177V30.5076L30.9445 28.1414C30.7515 28.0311 30.5185 28.0156 30.3126 28.0993L18.3126 32.9793C18.0398 33.0903 17.8613 33.3555 17.8613 33.65V52.03C17.8613 52.544 18.3819 52.8943 18.8581 52.7007L30.5319 47.9533L40.7261 53.7786C40.9363 53.8987 41.1926 53.9058 41.4091 53.7976L53.4081 47.7976C53.6534 47.6749 53.8083 47.4242 53.8083 47.15V28.77C53.8083 28.2318 53.2419 27.8817 52.7605 28.1225L41.1081 33.9492L36.5853 31.3647V26.177ZM35.0853 32.1753V39.68C35.0853 40.0942 35.4211 40.43 35.8353 40.43C36.2495 40.43 36.5853 40.0942 36.5853 39.68V33.0325L40.4333 35.2313V51.9436L31.1453 46.6361V29.9239L35.0853 32.1753ZM41.9333 51.9165L52.3603 46.7026V29.9415L41.9333 35.1554V51.9165ZM19.3093 50.954L29.6453 46.7507V29.9339L19.3093 34.1372V50.954ZM30.5611 29.59H30.4908L30.5319 29.5733L30.5611 29.59ZM39.6003 20.97C39.6003 18.8919 37.9118 17.2 35.8353 17.2C33.758 17.2 32.0693 18.8918 32.0693 20.97C32.0693 23.0458 33.7556 24.73 35.8353 24.73C37.9142 24.73 39.6003 23.0457 39.6003 20.97Z" fill="white" /> <rect x="0.75" y="0.75" width="70.5" height="70.5" rx="35.25" stroke="white" stroke-width="1.5" /> </svg> </div> <div class="margin-b-15"> <h3 class="subtitle-2 ipProvinceNamePrompt"> {0} </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> This is a Region you may be interested in. </p> </div> </div> </div> </a> </div>  </div> </div> </div> <div class="buy-now-change-region-wrapper col-sm-12 ignore-default-province-select-handler" style="display:none;"> <input id="textImInDifferentRegion" value="I live in a different province" hidden>  <div class="change-region-popup change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="region-confirmation"> <span> Your current region: </span> <span class="change-region"> <strong>Ontario</strong> </span> </div> <div class="change-region-provinces-button"> <a href="#changeRegionBox" class="change-region-link collapse-trigger" role="button" aria-expanded="false" aria-controls="changeRegionBox" data-target="#changeRegionBox" data-toggle="collapse"> <span class="sr-only"> Change current region </span> <span class="change-region-text" aria-hidden="true"> Change </span> <svg class="icon icon-change " aria-hidden="true"><use xlink:href="#icon-change"></use></svg> </a> <div class="change-region-provinces change-region-hidden" tabindex="-1" id="changeRegionBox"> <form class="province-form"> <fieldset form="province-form" class="province-form-fieldset change-region-fieldset"> <legend> Select your province or territory below</legend> <ul class="change-region-list" role="listbox"> <li> <input id="ca4c93d1-25e8-4cb1-b95c-77c5333f6284" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="AB" /> <label class="" for="ca4c93d1-25e8-4cb1-b95c-77c5333f6284"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="362cd953-93d9-44be-ab0d-cedca968b43c" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="BC" /> <label class="" for="362cd953-93d9-44be-ab0d-cedca968b43c"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="90bfa856-5175-4dc6-8ffa-17814ec22ace" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="MB" /> <label class="" for="90bfa856-5175-4dc6-8ffa-17814ec22ace"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="cd4ab0c8-aa06-46da-8dd8-c8b9c65c8d0d" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="NB" /> <label class="" for="cd4ab0c8-aa06-46da-8dd8-c8b9c65c8d0d"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="6ce2c55d-119a-45dd-b515-d4e55738840c" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="NL" /> <label class="" for="6ce2c55d-119a-45dd-b515-d4e55738840c"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="681729e2-e527-4d94-915d-a78305521d6c" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="NT" /> <label class="" for="681729e2-e527-4d94-915d-a78305521d6c"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="7d7e3f9d-22a0-4c56-b32e-74eadf18bb52" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="NS" /> <label class="" for="7d7e3f9d-22a0-4c56-b32e-74eadf18bb52"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="48e10c90-a160-4e88-91a0-594df5c6fe8b" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="NU" /> <label class="" for="48e10c90-a160-4e88-91a0-594df5c6fe8b"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="7b67d900-9b32-444f-8be9-517ec19a671c" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="7b67d900-9b32-444f-8be9-517ec19a671c"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="bebdeb27-f9ed-42c0-bcbd-53297af6c611" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="PE" /> <label class="" for="bebdeb27-f9ed-42c0-bcbd-53297af6c611"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="de20e082-44f8-4da8-b44a-8668eebcc577" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="QC" /> <label class="" for="de20e082-44f8-4da8-b44a-8668eebcc577"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="237741f7-663e-448c-89c9-5a58bc7eece3" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="SK" /> <label class="" for="237741f7-663e-448c-89c9-5a58bc7eece3"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="a0ff6bbe-d593-42f4-b5db-1ac7012eafb9" type="radio" role="option" tabindex="0" name="province-48c930de-65b4-4bf3-a160-eb0389394026" value="YT" /> <label class="" for="a0ff6bbe-d593-42f4-b5db-1ac7012eafb9"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close margin-t-20"><a href="javascript:void(0)" role="button" aria-label="Close change region popup"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a></span> </div> </div> <input id="showProvinceSelector" value="true" hidden /> <input id="IPRegionProvinceCode" hidden /> <input id="showProvinceSelectorWhenNonIpZoneSelected" value="false" hidden /> <script> document.addEventListener('DOMContentLoaded', function () { var ul = document.querySelectorAll('.change-region-list'); var changeButton = document.querySelectorAll(".change-region-link") var liSelected; var index = 0; ul.forEach((elem, i) => { elem.querySelectorAll('input').forEach((e, i) => { e.addEventListener('keydown', function (et) { var KeyID = et.key; switch (KeyID) { case "Enter": case " ": e.click(); break; default: break; } }); }); elem.addEventListener('focus', (event) => { elem.setAttribute('aria-hidden', 'false'); }); elem.addEventListener('keydown', function (event) { var len = elem.getElementsByTagName('li').length - 1; if ((index == len && event.which === 9 && !event.shiftKey) || (index == 0 && (event.which === 9 && event.shiftKey))) { return; } if (event.which === 40 || (event.which === 9 && !event.shiftKey)) { index++; //down if (liSelected) { next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index <= len) { liSelected = next; if (liSelected.querySelector("input").hasAttribute("disabled")) { index++; next = elem.getElementsByTagName('li')[index]; liSelected = next; } } else { index = 0; liSelected = elem.getElementsByTagName('li')[index]; } liSelected.querySelector("input").focus(); } else { index = 1; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); } event.preventDefault(); } else if (event.which === 38 || (event.which === 9 && event.shiftKey)) { //up if (liSelected) { index--; liSelected.querySelector("input").focus(); next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index >= 0) { liSelected = next; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); if (liSelected.querySelector("input").hasAttribute("disabled")) { index--; next = elem.getElementsByTagName('li')[index]; liSelected = next; liSelected.querySelector("input").focus(); } } else { index = len; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } } else { index = 1; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } event.preventDefault(); } }, false); }); changeButton.forEach((elem, i) => { elem.addEventListener('focus', (event) => { index = 0; }); elem.addEventListener('keydown', function (event) { if (event.which === 9 && !event.shiftKey && ((elem.getAttribute("aria-expanded") === "true") || !document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden"))) { ul[i].getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } if ((event.which === 13) && document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); elem.addEventListener('click', function (event) { if (document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); }); document.querySelector(".mobileCloseButton").addEventListener('keydown', (event) => { if (event.which === 9) { index = 0; document.querySelector("#changeRegionBoxMobile").querySelector("ul").getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } }); }); </script>  <div class="change-region-mobile change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="change-region-provinces-button"> <span class="region-confirmation"> Your current region: </span> <span class="change-region"> <span class="current-province-title"> <strong>Ontario</strong> </span> <a class="change-region-link" href="javascript:void(0)" role="link"> <span class="change-region-text">change</span> </a> </span> <div class="change-region-provinces change-region-hidden" role="dialog" id="changeRegionBoxMobile"> <div class="province-form-title province-form-title-hidden"> Select a region: <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close" class="mobileCloseButton"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <form class="province-form"> <fieldset form="province-form" class="change-region-fieldset"> <legend> Select your province or territory below </legend> <ul class="change-region-list" role="listbox"> <li> <input id="47584953-f3eb-4052-b738-9244c3290c87" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="AB" /> <label class="" for="47584953-f3eb-4052-b738-9244c3290c87"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="4f69f677-6df8-4a87-a3f9-b29b8e6f7eab" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="BC" /> <label class="" for="4f69f677-6df8-4a87-a3f9-b29b8e6f7eab"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="41e4a90f-d38e-4c4e-ab6d-68d68c67c526" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="MB" /> <label class="" for="41e4a90f-d38e-4c4e-ab6d-68d68c67c526"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="af659cb0-0078-496d-a4ce-7c3ee3b35b04" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="NB" /> <label class="" for="af659cb0-0078-496d-a4ce-7c3ee3b35b04"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="34281f38-4cee-4f54-8b74-520628192b2b" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="NL" /> <label class="" for="34281f38-4cee-4f54-8b74-520628192b2b"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="f3cb670d-a9e0-4733-b339-14cdfb7e50a0" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="NT" /> <label class="" for="f3cb670d-a9e0-4733-b339-14cdfb7e50a0"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="bafc2a3b-5ed2-4c8b-ab3f-1d4aa07f576f" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="NS" /> <label class="" for="bafc2a3b-5ed2-4c8b-ab3f-1d4aa07f576f"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="649e8df7-a129-4d16-9769-f86a8996ec0b" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="NU" /> <label class="" for="649e8df7-a129-4d16-9769-f86a8996ec0b"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="a1eddbae-6c69-4388-a2fc-a90302bb456d" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="a1eddbae-6c69-4388-a2fc-a90302bb456d"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="327415dd-a98c-4160-9ead-4ec285721ea1" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="PE" /> <label class="" for="327415dd-a98c-4160-9ead-4ec285721ea1"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="caf1654d-29df-413e-9e01-79ad734a2858" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="QC" /> <label class="" for="caf1654d-29df-413e-9e01-79ad734a2858"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="95236724-59cd-4659-ab3c-93bfd4c6cbb6" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="SK" /> <label class="" for="95236724-59cd-4659-ab3c-93bfd4c6cbb6"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="1a22cde9-1355-4ebb-bbc9-fac8c0edae41" type="radio" role="option" tabindex="0" name="province-d449ba49-ae45-41aa-9101-c1682bb1d650" value="YT" /> <label class="" for="1a22cde9-1355-4ebb-bbc9-fac8c0edae41"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <div class="change-region-screen change-region-hidden"></div> </div> </div> </div> </div> </div> </div> <style> #modal-order-now .change-region-popup .icon-change { left: 80%; } #modal-order-now .change-region-provinces { right: auto; } #modal-order-now .change-region-popup .change-region-link-selected .icon-change { left: 85%; } #modal-order-now .change-region-popup .icon-change.icon-fr { left: 85%; } #modal-order-now .change-region-popup .icon-change.icon-fr, #modal-order-now .change-region-popup .change-region-link-selected .icon-change.icon-fr { left: 95%; } #modal-order-now .change-region-popup .change-region-provinces-button .change-region-link:focus::before { width: 70%; } #modal-order-now .change-region-popup:after, #modal-order-now .change-region-mobile:after { background: none; } #modal-order-now .change-region-mobile .change-region-provinces { top: -439px; width: 90%; } #modal-order-now .change-region-popup .change-region-provinces-button .change-region-link:focus::before { top: 15px; } #modal-order-now .change-region-province-only .icon-change { top: 15px; } #modal-order-now .change-region-popup a.change-region-link { padding: 10px 48px 10px 30px; width: auto; } #modal-order-now .change-region-close { display: none; } .new-customer-type-selection .tileButton a { color: #555; } .backButton { padding: 0; border: none; background: transparent; align-self: flex-start; margin-top: 3px; } .backButtomHeader { display: flex; padding-left: 8px; padding-right: 8px; width: 100%; } .column-spacer-sm-15 > div { padding-left: 10px; padding-right: 10px } div.slim-border { border: 1px solid #D4D4D4 } a.full-width-link { display: inline-block; width: 100%; } /* Slider */ .tileText { color: #111; } .tileButton:focus > div, .tileButton:focus .selectable { border-color: #00549a; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } .modal-dialog div.tileButton:focus { outline: none !important; } .modal-tile-wrap { width: 100%; overflow: hidden !important; } .track { display: flex; width: 300%; height: 100%; transform: none; transition: all .5s ease; } .slide-demo.screen-three-active .track { transform: translateX(-33.33%); } .slide-demo.screen-two-active .track { transform: translateX(-67%); } .customer-type-selection, .existing-customer-type-selection, .new-customer-type-selection, .tile { width: 33.33%; display: flex; } .container-flex-box-wrap .tileButton img { margin: 0; } </style> <script> var BELL = (function (bell, $) { bell.shop = bell.shop || {}; bell.shop.eSimByodModal = { init: function () { var self = this; $(".buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper").hide(); var slideDemo = document.getElementById("esimSlideDemo"); var ipProvinceName = $('#IPRegionProvinceCode').val(); var websiteProvinceName = $("meta[name='province']").attr("content"); var ipProvinceElement = null; if (ipProvinceName != "" && !/[^a-zA-Z]/.test(ipProvinceName)) { ipProvinceElement = document.querySelector('[data-value=' + ipProvinceName + ']') != null ? document.querySelector('[data-value=' + ipProvinceName + ']') : document.getElementById("province-selector-popup") != null ? document.getElementById("province-selector-popup").querySelector('[value=' + ipProvinceName + ']') : null; } var fullIpProvinceName = ""; if (ipProvinceElement != null) { fullIpProvinceName = ipProvinceElement.querySelector('.g-prov-selector-province-label') != null ? ipProvinceElement.querySelector('.g-prov-selector-province-label').innerHTML.trim() : ipProvinceElement.nextSibling.nextSibling.innerHTML.trim(); } var websiteProvinceElement = document.querySelector('[data-value=' + websiteProvinceName + ']') != null ? document.querySelector('[data-value=' + websiteProvinceName + ']') : document.getElementById("province-selector-popup").querySelector('[value=' + websiteProvinceName + ']'); var fullWebsiteProvinceName = ""; if (websiteProvinceElement != null) { fullWebsiteProvinceName = websiteProvinceElement.querySelector('.g-prov-selector-province-label') != null ? websiteProvinceElement.querySelector('.g-prov-selector-province-label').innerHTML.trim() : websiteProvinceElement.nextSibling.nextSibling.innerHTML.trim(); } var screenOneLinks = document.querySelectorAll(".buy-now-esimcard-modal-dialog .customer-type-selection a"), screenTwoLinks = document.querySelectorAll(".buy-now-esimcard-modal-dialog .new-customer-type-selection a"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); self.btnNext = document.getElementById("btnSubmitByExistingCustomerButton"); self.btnNextNewCustomer = document.getElementById("btnSubmitByNewCustomerButton"); self.btnPrev = document.getElementById("backToStepOne"); self.btnPrevNewCustomer = document.getElementById("esimBackToStepOne"); var screenOneLinks = document.querySelectorAll(".buy-now-esimcard-modal-dialog .customer-type-selection .tileButton"), screenThreeLinks = document.querySelectorAll(".buy-now-esimcard-modal-dialog .existing-customer-type-selection a, #backToStepOne"), screenTwoLinks = document.querySelectorAll(".buy-now-esimcard-modal-dialog .new-customer-type-selection .tileButton"); if (ipProvinceElement != null && ipProvinceName != websiteProvinceName) { $('.buy-now-esimcard-modal-dialog #btnSubmitByNewCustomerButton') .removeClass('js-btnSubmitByNewCustomer') .removeClass('js-omni-button'); $('.buy-now-esimcard-modal-dialog .ipProvinceNamePrompt').text($('.buy-now-esimcard-modal-dialog .ipProvinceNamePrompt').first().text().replace('{0}', fullIpProvinceName)); $('.buy-now-esimcard-modal-dialog .ipProvinceNamePrompt').closest('a').attr('data-region-province-code', $('#IPRegionProvinceCode').val()); $('.buy-now-esimcard-modal-dialog .websiteProvinceNamePrompt').text($('.buy-now-esimcard-modal-dialog .websiteProvinceNamePrompt').first().text().replace('{0}', fullWebsiteProvinceName)); $(".buy-now-esimcard-modal-dialog #btnSubmitByNewCustomerButton").on("click", function () { $(".new-customer-type-selection").css("display", "flex") slideDemo.classList.add("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); $(".buy-now-esimcard-modal-dialog .new-customer-type-selection").animate({ height: "100%" }); $(".buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper .change-region-text").text($('#textImInDifferentRegion').val()); $(".buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper").show(); $(".buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper .region-confirmation").hide(); $(".buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper .current-province-title").hide(); $(".buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper .change-region-popup").removeClass('change-region-popup-hidden'); $(".buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper .change-region-mobile").removeClass('change-region-popup-hidden'); $(".buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper .change-region-popup .change-region-provinces .province-form-fieldset input, .buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper .change-region-mobile .change-region-provinces input").click(function (e) { e.stopImmediatePropagation(); $(this).parent('li') .addClass('js-btnSubmitByNewCustomer') .addClass('js-btnChangeRegionAndSubmitByNewCustomer') .attr('data-region-province-code', $(this).val()) .click(); }); }); $('#esimBackToStepOne').on("click", function () { esimBackToStepOne(); }); } screenThreeLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); self.btnNext.addEventListener("click", function () { slideDemo.classList.add("screen-three-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); screenThreeLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); $(".existing-customer-type-selection").animate({ height: "100%" }); }); self.btnPrev.addEventListener("click", function () { backToStepOne(); }); $(".tileButton").keyup(function (event) { if (event.keyCode === 13) { $(this).children(".box-shadow-round").click(); $(this).children("a").click(); } }); $("#backToStepOne, #esimBackToStepOne").keyup(function (event) { if (event.keyCode === 13) { $(this).click(); } }); $(".js-btnSolutionBuild").click(function (event) { document.getElementById("backToStepOne").click(); }); function backToStepOne() { slideDemo.classList.remove("screen-three-active"); slideDemo.classList.remove("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); screenThreeLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); $(".existing-customer-type-selection").animate({ height: "0" }); $(".new-customer-type-selection").animate({ height: "0" }); screenOneLinks[0].focus(); $(".buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper").hide(); } function esimBackToStepOne() { slideDemo.classList.remove("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); $(".buy-now-esimcard-modal-dialog .buy-now-change-region-wrapper").hide(); $(".buy-now-esimcard-modal-dialog .new-customer-type-selection").animate({ height: "0" }); screenOneLinks[0].focus(); } $(window).on('shown.bs.modal', function (e) { esimBackToStepOne(); }); }, onClickChangePlan: function (event) { $('#modal-order-now').modal('hide'); window.location.href = "https://mybell.bell.ca/Login?refreshLink=https://mybell.bell.ca/Punchin.aspx?DirectAccess=ChangeRatePlan&EXT=MOB_vanity_IVR_in_queue_mass_010420_RS "; }, onClickAddALine: function () { BELL.shop.buynow.showLoadingIndicator(); $('#modal-order-now').modal('hide'); }, trackAnalytics: function (selector) { s_oTrackPage({ s_oAPT: "104-0-0", s_oPRM: $("#twoStepModal").text().replace(/\s+/g, ' ').trim(), s_oLBC: $(selector).text().replace(/\s+/g, ' ').trim().slice(0, 100) }); } }; return bell; })(BELL || {}, $); BELL.shop.eSimByodModal.init(); </script> </div> </div> <div id="eSim-compatible-devices-modal" role="dialog" class="modal fade scrollable-body" aria-modal="true" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-label="eSIM compatible devices dialog"> <div class="modal-dialog"> <div class="modal-content" role="document"> <div class="modal-header"> <h2 id="eSim-compatible-devices-modal-title" class="small-title pad-r-15">eSIM compatible devices</h2> <button type="button" class="close" id="btnCloseEsimCompatibleDevicesModal" data-dismiss="modal"> <span role="img" aria-label="Close" class="icon icon-close txtBlue txtSize20" aria-hidden="true"></span> <span class="sr-only">Close</span> </button> </div> <div class="modal-body"> <div class="container"> <div class="container-flex-box-wrap"> <div class="col-12 col-md-12 col-sm-12"> <h3 class="small-title margin-b-10">Apple</h3> <ul> <li>iPhone XS, iPhone XS Max, iPhone XR, or later (dual eSIMs supported on iPhone 13 or later)</li> </ul> </div> <div class="col-12 col-md-12 col-sm-12"> <h3 class="small-title margin-b-10">Google</h3> <ul> <li>Google Pixel 3 series or later</li> </ul> </div> <div class="col-12 col-md-12 col-sm-12"> <h3 class="small-title margin-b-10">Samsung</h3> <ul> <li>Samsung Galaxy S21 / S21+ / S21 Ultra or later</li> <li>Samsung Galaxy Z Fold 3 / Z Flip 3 or later</li> <li>Samsung Galaxy Note20 / Note20 Ultra or later</li> </ul> </div> <div class="col-12 col-md-12 col-sm-12"> <h3 class="small-title margin-b-10">Motorola</h3> <ul> <li>Motorola Edge series / Moto G 5G or later</li> </ul> </div> <p class="margin-t-10 margin-b-0">eSIM compatibility may vary for models purchased outside of Canada. Please check with your manufacturer if you have any doubts.</p> </div> </div> </div> </div> </div> </div> <div id="mts-modal" class="modal fade scrollable-body" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="mts-modal-title"> <div class="modal-dialog mts-modal-dialog"> <div class="modal-content" role="document"> <div class="modal-header"> <span></span> <button id="btnCloseMtsModal" type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtSize16 font-weight-bold" style="color: grey;"></span></button> </div> <div class="modal-body"> <span>Unfortunately, this task cannot be completed online. Visit a </span> <a id="mtsStoreLocator" href="/Store_Locator?place=">Bell MTS store</a> <span> to add a device.</span> </div> </div> </div> </div> <div id="simAddedToCartModalContainerModal"></div> <div id="divloadertext_plan_builder" class="hide"> <div style="text-align:left"><strong style="font-family: Arial; font-weight: bold; font-size: 14px; color:#111">Loading solution options...</strong><p style="margin:5px 0 0 0; font-size:14px; font-color: #555; font-family: Arial; ">Please wait a moment.</p></div> </div> </div> <div class="why-bell"> <div class="section devices pad-v-90 pad-v-xl-45 pad-v-xs-60"> <div class="container"> <div class="d-flex align-items-center flex-column flex-sm-row" data-animate="fade"> <div class="flex-fill"> <h2 class="display-small txtCenter-xs">The latest phones</h2> </div> <div class="devices__headnote pad-v-15 pad-h-30 pad-xs-15 flex-2 margin-t-xs-45 d-flex "> <div class="d-flex align-items-center"> <span class=" align-items-center"> <p class="big-price margin-r-10 margin-b-0"> 0<span>%</span> </p> <p class="big-price margin-r-10 margin-b-0 flex-vCenter"> <span>APR</span> </p> </span> </div> <div class="pad-l-10 rightTitle flex-vCenter"> Get a phone over 24 monthly payments at 0% APR with SmartPay. </div> </div> </div> <div class="same-height-wrap margin-t-45" data-animate-batch=".card-device" data-animate-effect="slide" data-animate-delay=".15" data-animate-mobile-delay="0" data-animate-mobile-start="top bottom"> <div class="devices__carousel"> <div class="card-device same-height" data-same-height-index="10" data-product-brand="Samsung"> <a href="/Mobility/Products/Samsung-Galaxy-S24" aria-labelledby="title_b75c9a6f-c8fa-44fb-a912-c014057065e4" aria-describedby="bluebox_b75c9a6f-c8fa-44fb-a912-c014057065e4 price_b75c9a6f-c8fa-44fb-a912-c014057065e4" id="details_item_b75c9a6f-c8fa-44fb-a912-c014057065e4" data-product-title="Samsung Galaxy S24" data-product-productId="b75c9a6f-c8fa-44fb-a912-c014057065e4" data-product-productType="WirelessHandset" data-product-offerId="d622f1b9-49a8-49d1-a330-69d2b6282068" data-product-bmc="XSSE15IX" data-product-sku="111626" data-product-category="Superphones" data-product-brand="Samsung"> <div class="card-device__tag bgBlue txtSize12 txtBold txtWhite text-uppercase"> SAVE <span>$</span>880<span>.00</span> * </div> <div class="card-device__image margin-t-15 pad-h-15"> <img src="/Styles/images/Samsung_Galaxy_S24_5GPlus_Marble_Gray_AI_lrg1_EN.png" class="img-responsive img-responsive-height margin-h-auto lazy" loading="lazy"> </div> <div class="pad-h-30"> <div class="card-device__model display-xxsmall txtBlack2B same-height" data-same-height-index="11">Samsung Galaxy S24</div> <div class="card-device__price margin-t-15 pad-b-30 d-flex align-items-end justify-content-between txtDarkGrey"> <div> <div class="big-price-surtitle margin-b-5 txtSize14">From</div> <div id="bigPrice_b75c9a6f-c8fa-44fb-a912-c014057065e4" class="big-price priceText txtBlue" aria-hidden="true"> <span>$</span>10<span>.00</span><span>/mo.</span> </div> <div class="big-price-surtitle margin-t-5 txtSize14">for 24 months</div> </div> </div> </div> <div class="pad-h-30 "> <div class=" margin-b-30 same-height" data-same-height-index="1"> <p class="txtDarkGrey txtSize12"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option. *Over 24 months on SmartPay vs. our device full price. </p> </div> </div> </a> <div class="pad-b-40 pad-h-30 txtCenter"> <a href="/Mobility/Products/Samsung-Galaxy-S24" class="btn btn-default btn-lg h-line-container" aria-labelledby="title_b75c9a6f-c8fa-44fb-a912-c014057065e4" aria-describedby="bluebox_b75c9a6f-c8fa-44fb-a912-c014057065e4 price_b75c9a6f-c8fa-44fb-a912-c014057065e4" aria-label="Shop Samsung Galaxy S24 now" id="details_item_b75c9a6f-c8fa-44fb-a912-c014057065e4" data-product-title="Samsung Galaxy S24" data-product-productId="b75c9a6f-c8fa-44fb-a912-c014057065e4" data-product-productType="WirelessHandset" data-product-offerId="d622f1b9-49a8-49d1-a330-69d2b6282068" data-product-bmc="XSSE15IX" data-product-sku="111626" data-product-category="Superphones" data-product-brand="Samsung"> Shop now </a> </div> </div> <div class="card-device same-height" data-same-height-index="10" data-product-brand="Google"> <a href="/Mobility/Products/Google-Pixel-9" aria-labelledby="title_165c0dcc-2f68-445c-8381-7d834b08825c" aria-describedby="bluebox_165c0dcc-2f68-445c-8381-7d834b08825c price_165c0dcc-2f68-445c-8381-7d834b08825c" id="details_item_165c0dcc-2f68-445c-8381-7d834b08825c" data-product-title="Google Pixel 9" data-product-productId="165c0dcc-2f68-445c-8381-7d834b08825c" data-product-productType="WirelessHandset" data-product-offerId="b81c3aa4-7489-4858-ae2f-77c32ec0b9f6" data-product-bmc="XPIX95PX" data-product-sku="112247" data-product-category="Superphones" data-product-brand="Google"> <div class="card-device__tag bgBlue txtSize12 txtBold txtWhite text-uppercase"> SAVE <span>$</span>930<span>.00</span> * </div> <div class="card-device__image margin-t-15 pad-h-15"> <img src="/Styles/wireless/Google_pixel_9/Google_Pixel_9_Peony_Alt_Lrg1.png" class="img-responsive img-responsive-height margin-h-auto lazy" loading="lazy"> </div> <div class="pad-h-30"> <div class="card-device__model display-xxsmall txtBlack2B same-height" data-same-height-index="11">Google Pixel 9</div> <div class="card-device__price margin-t-15 pad-b-30 d-flex align-items-end justify-content-between txtDarkGrey"> <div> <div class="big-price-surtitle margin-b-5 txtSize14">From</div> <div id="bigPrice_165c0dcc-2f68-445c-8381-7d834b08825c" class="big-price priceText txtBlue" aria-hidden="true"> <span>$</span>1<span>.00</span><span>/mo.</span> </div> <div class="big-price-surtitle margin-t-5 txtSize14">for 24 months</div> </div> </div> </div> <div class="pad-h-30 "> <div class=" margin-b-30 same-height" data-same-height-index="1"> <p class="txtDarkGrey txtSize12"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option. *Over 24 months on SmartPay vs. our device full price. </p> </div> </div> </a> <div class="pad-b-40 pad-h-30 txtCenter"> <a href="/Mobility/Products/Google-Pixel-9" class="btn btn-default btn-lg h-line-container" aria-labelledby="title_165c0dcc-2f68-445c-8381-7d834b08825c" aria-describedby="bluebox_165c0dcc-2f68-445c-8381-7d834b08825c price_165c0dcc-2f68-445c-8381-7d834b08825c" aria-label="Shop Google Pixel 9 now" id="details_item_165c0dcc-2f68-445c-8381-7d834b08825c" data-product-title="Google Pixel 9" data-product-productId="165c0dcc-2f68-445c-8381-7d834b08825c" data-product-productType="WirelessHandset" data-product-offerId="b81c3aa4-7489-4858-ae2f-77c32ec0b9f6" data-product-bmc="XPIX95PX" data-product-sku="112247" data-product-category="Superphones" data-product-brand="Google"> Shop now </a> </div> </div> <div class="card-device same-height" data-same-height-index="10" data-product-brand="Apple"> <a href="/Mobility/Products/iPhone-15" aria-labelledby="title_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" aria-describedby="bluebox_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1 price_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" id="details_item_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" data-product-title="iPhone 15" data-product-productId="6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" data-product-productType="WirelessHandset" data-product-offerId="64f9d32b-7a4f-41b0-83e1-4bac5499ee9d" data-product-bmc="X15PH5BX" data-product-sku="111113" data-product-category="Superphones, Apple" data-product-brand="Apple"> <div class="card-device__tag bgBlue txtSize12 txtBold txtWhite text-uppercase"> SAVE <span>$</span>240<span>.00</span> * </div> <div class="card-device__image margin-t-15 pad-h-15"> <img src="/Styles/wireless/iPhone_15/iPhone15_Black_lrg1.png" class="img-responsive img-responsive-height margin-h-auto lazy" loading="lazy"> </div> <div class="pad-h-30"> <div class="card-device__model display-xxsmall txtBlack2B same-height" data-same-height-index="11">iPhone 15</div> <div class="card-device__price margin-t-15 pad-b-30 d-flex align-items-end justify-content-between txtDarkGrey"> <div> <div class="big-price-surtitle margin-b-5 txtSize14">From</div> <div id="bigPrice_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" class="big-price priceText txtBlue" aria-hidden="true"> <span>$</span>20<span>.00</span><span>/mo.</span> </div> <div class="big-price-surtitle margin-t-5 txtSize14">for 24 months</div> </div> </div> </div> <div class="pad-h-30 "> <div class=" margin-b-30 same-height" data-same-height-index="1"> <p class="txtDarkGrey txtSize12"> Taxes extra. Requires an eligible 2-year rate plan with Device Return Option. *Over 24 months on SmartPay vs. our device full price. </p> </div> </div> </a> <div class="pad-b-40 pad-h-30 txtCenter"> <a href="/Mobility/Products/iPhone-15" class="btn btn-default btn-lg h-line-container" aria-labelledby="title_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" aria-describedby="bluebox_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1 price_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" aria-label="Shop iPhone 15 now" id="details_item_6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" data-product-title="iPhone 15" data-product-productId="6ad6b06c-905e-4de6-9e7b-a6ae808e01b1" data-product-productType="WirelessHandset" data-product-offerId="64f9d32b-7a4f-41b0-83e1-4bac5499ee9d" data-product-bmc="X15PH5BX" data-product-sku="111113" data-product-category="Superphones, Apple" data-product-brand="Apple"> Shop now </a> </div> </div> <input type="hidden" id="CategoryName" value="Top Sellers" /> <input type="hidden" id="devicesCount" value="3" /> <script> $(document).ready(function () { if (3 <= 3) { $("#centerCTA").removeClass("hide"); $("#centerCTA").addClass("d-none d-xl-block d-lg-block d-md-block"); $("#rightCTA").addClass("d-flex flex-column d-xl-none d-lg-none d-md-none"); } }) </script> </div> </div> <div id="centerCTA" class="hide"> <div class="featured-plans__cta margin-t-30 in-view"> <div class="btn-wrapper"> <a href="/Mobility/Smartphones_and_mobile_internet_devices#INT=MOB_mobhmpg_BTN_ShopAllPhones_Mass_100224_rm_Mid" class="btn btn-default btn-lg"> See all phones </a> </div> </div> </div> <div id="rightCTA" class=""> <div class="devices__bottom-controls d-flex justify-content-between align-items-center" data-animate="fade">  <div class="devices__arrows" data-animate="fade"></div> <div class=""> <a href="/Mobility/Smartphones_and_mobile_internet_devices#INT=MOB_mobhmpg_BTN_ShopAllPhones_Mass_100224_rm_Mid" class="btn btn-default btn-lg"> See all phones </a> </div> </div> </div> </div> </div> </div> <script> $(window).on('load', function () { $('.why-bell > .devices').deviceCarouselCards({ isFilterEnabled: false }); $('.why-bell > .devices > .slick-prev').attr({ "aria-label": "View previous device", "tabindex": 0, "role": "button" }); $('.why-bell > .devices > .slick-next').attr({ "aria-label": "View next device", "tabindex": 0, "role": "button" }); }); </script> <style> .why-bell .devices .featured-plans__cta .btn-wrapper { background-color: #E1E1E1; } </style> <section class="why-bell"> <div class="container pad-v-xxxl-90 pad-v-45"> <div class="container-flex-box-wrap column-spacer-15 column-spacer-xs-15 same-height-wrap margin-b-xs-0" data-same-height-skip="m"> <div class="col-12 col-sm-6 same-height-1 margin-b-xs-15 mb-omni-js" id="MOB-save-for-member-tile" data-same-height-index="21"> <div class="box-round box-vignette-round-before relative overflowHidden banner-pad-lg-40 banner-pad-md-30 banner-pad-sm-25 banner-pad-xs-30 fullHeight"> <div class="container-flex-box-wrap column-reverse flex-sm-row-reverse fullHeight same-height-1" data-same-height-index="22"> <div class="promoBannerImg align-self-center col-md-5 col-sm-5 col-xs-12 pad-h-xs-0 margin-b-xs-0 same-height-1 " data-same-height-index="23"> <img class="lazy img-responsive margin-l-auto margin-h-sm-auto margin-h-xs-auto" loading="lazy" alt="" src="/Styles/media/Mobility/img/img_Store_Locator_tile_trade-in_ALT_en.png" style=""> </div> <div class="col-md-7 col-sm-7 col-xs-12 container-flex-box-wrap flex-column "> <div> <h2 class="margin-b-10 margin-b-sm-15 promotion-banner-title"> Save up to $800 when you trade in.<sup class='legaltext' data-legal='WUXQRD'>14</sup> </h2> <p class="promotion-banner-body">We'll give you a credit for the value of your current phone when you purchase a new one.</p> </div> <div class="margin-b-xs-30"> <a class="font-weight-bold margin-b-15 mb-omni-link-js bhp-promotion-banner-cta" href="/Mobility/Trade-in-program#INT=MOB_mobhmpg_BAN_tradein_MASS_110124_PB" aria-label="Learn more Save up to $800 when you trade in." data-omnimbid="MB:MOB-fibe-tradein-tile"> <span>Learn more</span> </a> </div> </div> </div> </div> </div> <div class="col-12 col-sm-6 same-height-1 margin-b-xs-15 mb-omni-js" id="MOB-save-for-member-tile" data-same-height-index="21"> <div class="box-round box-vignette-round-before relative overflowHidden banner-pad-lg-40 banner-pad-md-30 banner-pad-sm-25 banner-pad-xs-30 fullHeight"> <div class="container-flex-box-wrap column-reverse flex-sm-row-reverse fullHeight same-height-1" data-same-height-index="22"> <div class="promoBannerImg align-self-center col-md-5 col-sm-5 col-xs-12 pad-h-xs-0 margin-b-xs-0 same-height-1 " data-same-height-index="23"> <img class="lazy img-responsive margin-l-auto margin-h-sm-auto margin-h-xs-auto" loading="lazy" alt="" src="/Styles/media/Mobility/img/img-whyBellTile_Crave_basic_Sep2024_EN.jpg" style=""> </div> <div class="col-md-7 col-sm-7 col-xs-12 container-flex-box-wrap flex-column "> <div> <h2 class="margin-b-10 margin-b-sm-15 promotion-banner-title"> Crave, now offered with select mobile plans. </h2> <p class="promotion-banner-body"> Enjoy the best series and movies from HBO, Max and more. </p> </div> <div class="margin-b-xs-30"> <a class="font-weight-bold margin-b-15 mb-omni-link-js bhp-promotion-banner-cta" href="/Mobility/Cell_phone_plans/Unlimited-plans/Mobility_only.tab#INT=MOB_mobhmpg_BAN_Crave_MASS_110124_PB" aria-label="See all plans Crave, now offered with select mobile plans." data-omnimbid="MB:MOB-save-for-member-tile"> <span>See all plans</span> </a> </div> </div> </div> </div> </div> </div> </div> </section> <script> if ($(this).find('.same-height-1').length > 0) { $(this).find('.same-height-1').each(function () { resetSameHeightElements($(this)); processSameHeightElements($(this)); }); } </script>  <div class="why-bell"> <div class="section"> <div class="best-network"> <div class="best-network__sticky"> <div class="best-network__animation"> <div class="best-network__device"> <div class="video-wrapper"> <video id="mobility-5g-network" class="video-lazy" data-video-src="https://www.bell.ca/Styles/Videos/WhyBell_Mobility_LandingPage_2400x1600_Network_v5.mp4" muted playsinline loop aria-hidden="true" preload="none"> Your browser does not support the video tag. </video> <div class="image-lazy" data-image-src="/Styles/media/Mobility/img/WhyBell_Mobility_LandingPage_PosterImage_Network_v1.jpg" data-image-alt="Available in select locations"> <noscript> <img src="/Styles/media/Mobility/img/WhyBell_Mobility_LandingPage_PosterImage_Network_v1.jpg" alt="Available in select locations" loading="lazy" /> </noscript> </div> </div> <div class="best-network__mask"> <img src="/Styles/media/Mobility/img/mobility-5g-network-phone-mask-v2.png" width="800" alt="" class="img-fluid" loading="lazy" /> </div> <div class="best-network__badge"> <img src="/Styles/media/Mobility/img/mobility-5g-plus-badge.png" alt="5G+" width="316" class="img-fluid" loading="lazy" /> </div> </div> </div> <div class="best-network__content"> <h2 class="display-small best-network__heading">Canada's fastest and most reliable<br>5G+ network<sup class='legaltext' data-legal='WUXQRM'>15</sup></h2> <p class="txtSize18 line-height-22 txtBlack best-network__text">We've built our award-winning network with a single goal: delivering the fastest speeds and the most reliable connection to Canadians. Find out why millions have already switched.</p> </div> </div> </div> </div> </div>  <div class="why-bell"> <div class="section pad-v-90 pad-v-xl-45 pad-v-lg-30"> <div class="container"> <div class="network-carousel"> <div class="h-100 relative">  <button class="slider-rotating-carousel-pause" type="button" data-pressed="false" tabindex="0" aria-disabled="true" role="button" aria-label="Pause automatic slide show" data-play-label="Play automatic slide show" data-pause-label="Pause automatic slide show"> <div aria-hidden="true" class="slider-rotating-carousel-pause-bg"></div> </button> <div class="network-carousel__videos"> <div class="network-carousel__videos-slick"> <div class="network-carousel__video"> <video class="video-lazy" poster="/Styles/media/Mobility/img/WhyBell_Mobility_LandingPage_PosterImage_MostReliable_v1.png" muted playsinline preload="none" loading="lazy"> <source src="https://www.bell.ca/Styles/Videos/WhyBell_Mobility_LandingPage_2400x1600_MostReliable_v2.mp4" type="video/mp4" /> </video> </div> <div class="network-carousel__video"> <video class="video-lazy" poster="/Styles/media/Mobility/img/WhyBell_Mobility_LandingPage_PosterImage_FastestSpeed.png" muted playsinline preload="none" loading="lazy"> <source src="https://www.bell.ca/Styles/Videos/WhyBell_Mobility_LandingPage_2400x1600_FastestSpeed_v2.mp4" type="video/mp4" /> </video> </div> <div class="network-carousel__video"> <video class="video-lazy" poster="/Styles/media/Mobility/img/WhyBell_Mobility_LandingPage_PosterImage_LargestNetwork.png" muted playsinline preload="none" loading="lazy"> <source src="https://www.bell.ca/Styles/Videos/WhyBell_Mobility_LandingPage_2400x1600_LargestNetwork_v2.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <div class="network-carousel__texts"> <div class="network-carousel__texts-slick is-paused"> <div> <h3 class="display-xsmall">The most <span class="txtNoWrap">reliable<sup class='legaltext' data-legal='WUXQRM'>15</sup></span></h3> <p class="txtSize18 line-height-22 margin-t-15">Whether you’re talking with loved ones, shopping online, or using a navigation app, you can always count on a consistent connection with Canada’s most reliable 5G+ network.<sup class='legaltext' data-legal='WUXQRM'>15</sup></p> </div> <div> <h3 class="display-xsmall">The fastest <span class="txtNoWrap">speeds<sup class='legaltext' data-legal='WUXQRM'>15</sup></span></h3> <p class="txtSize18 line-height-22 margin-t-15">Speed matters for doing what you love on your favourite apps. From streaming, sharing content, and gaming, our network delivers the fastest 5G+ speeds<sup class='legaltext' data-legal='WUXQRM'>15</sup> in Canada.</p> </div> <div> <h3 class="display-xsmall">The largest <span class="txtNoWrap">coverage<sup class='legaltext' data-legal='WUXQRN'>16</sup></span></h3> <p class="txtSize18 line-height-22 margin-t-15">From city to cottage country, Canada’s largest 5G+ network<sup class='legaltext' data-legal='WUXQRN'>16</sup> has you covered wherever life takes you.</p> </div> </div> </div> <div class="network-carousel__controls"> <a href="/Mobility/Our_network#INT=MOB_mobhmpg_BAN_Network_MASS_110124_PB" class="network-carousel__cta margin-b-30 ">Learn about our network</a> <div class="d-flex d-sm-block justify-content-between align-items-center w-100"> <div class="network-carousel__dots ">  </div> <div class="network-carousel__arrows margin-t-30 margin-t-xs-0">  </div> </div> </div> </div> </div> </div> </div> <script> $(window).on('load', function () { var language = $("meta[name=language]").attr("content"); var ariaPlayBtnText = "Play animation"; var ariaPauseBtnText = "Pause animation"; var viewPrevious = "View previous animation"; var viewNext = "View next animation"; if (language != "en") { ariaPlayBtnText = "Jouer l'animation"; ariaPauseBtnText = "Mettre l'animation sur pause"; viewPrevious = "Voir l'animation précédente"; viewNext = "Voir l'animation suivante"; } var rotationTime = 5000; $('.network-carousel__controls').attr('style', '--carousel-rotation-time: ' + rotationTime/1000 + 's' ); $('.network-carousel__texts-slick').slick({ asNavFor: '.network-carousel__videos-slick', arrows: true, appendArrows: $('.network-carousel__arrows'), autoplay: true, autoplaySpeed: rotationTime, dots: true, appendDots: $('.network-carousel__dots'), fade: true, infinite: true, slidesToShow: 1, slidesToScroll: 1, responsive: [ { breakpoint: 767, settings: { fade: false } } ] }); $('.network-carousel__videos-slick').slick({ asNavFor: '.network-carousel__texts-slick', arrows: false, dots: false, fade: true, infinite: true, slidesToShow: 1, slidesToScroll: 1, }); var slickPrev = $('.network-carousel__controls').find('.slick-prev'); var slickNext = $('.network-carousel__controls').find('.slick-next'); slickPrev.attr({ "role": "button", "aria-label": viewPrevious }); slickNext.attr({ "role": "button", "aria-label": viewNext }); // Play/Pause Button var isPlaying = false; function pauseCarousel() { $('.network-carousel__texts-slick').slick('pause'); $('.network-carousel__dots').addClass('is-paused'); var curVideo = $('.network-carousel__videos-slick .slick-current').find('video'); if( curVideo ) { $(curVideo)[0].pause(); } $('.slider-rotating-carousel-pause').attr({ "aria-label": ariaPlayBtnText, "data-play-label": ariaPlayBtnText, "data-pause-label": ariaPlayBtnText, 'data-pressed': true }); isPlaying = false; } function playCarousel() { $('.network-carousel__texts-slick').slick('play'); $('.network-carousel__dots').removeClass('is-paused'); var curVideo = $('.network-carousel__videos-slick .slick-current').find('video'); if( curVideo ) { $(curVideo)[0].play(); } $('.slider-rotating-carousel-pause').attr({ "aria-label": ariaPauseBtnText, "data-play-label": ariaPauseBtnText, "data-pause-label": ariaPauseBtnText, 'data-pressed': false }); isPlaying = true; } $('.slider-rotating-carousel-pause').on('click', function () { if (isPlaying) { pauseCarousel(); } else { playCarousel(); } }); $('.network-carousel__texts-slick').on('init', function(){ pauseCarousel(); }); // Play slider when it enters viewport var observerConfig = { threshold: [0.25] }; var sliderObserver = new IntersectionObserver( function(entries) { entries.forEach( function(entry) { if (entry.intersectionRatio > 0) { if(!isPlaying) { //console.log("play carousel"); playCarousel(); isPlaying = true; } } else { //console.log(isPlaying); if (isPlaying) { //console.log("Pause carousel"); pauseCarousel(); isPlaying = false; } } }); }, observerConfig); sliderObserver.observe($('.network-carousel__texts-slick').get(0)); // Videos Playback $('.network-carousel__videos-slick').on('afterChange', function(event, slick, currentSlide, nextSlide){ $('.network-carousel__video video').each(function() { $(this).get(0).currentTime = 0; $(this).get(0).pause(); }); var curVideo = $('.network-carousel__video video').eq(currentSlide).get(0); curVideo.currentTime = 0; curVideo.play(); curVideo.addEventListener("ended", (event) => { $('.network-carousel__texts-slick').slick('slickNext'); }); }); //Fix Tabbing issue $('.network-carousel__texts-slick').on('beforeChange', function (event, slick, currentSlide, nextSlide) { if ($('.is_tabbing .network-carousel__dots .slick-dots button:focus').length) { $('.is_tabbing .network-carousel__dots .slick-dots button').eq(currentSlide).blur(); $('.is_tabbing .network-carousel__dots .slick-dots button').eq(nextSlide).focus(); } if ($('.is_tabbing .network-carousel__arrows .slick-prev:focus').length) { if ( !(currentSlide == 0 && nextSlide === slick.$slides.length - 1) && nextSlide > currentSlide || (currentSlide === slick.$slides.length - 1 && nextSlide == 0) ) { $('.is_tabbing .network-carousel__arrows .slick-prev').blur(); $('.is_tabbing .network-carousel__arrows .slick-next').focus(); } } if ($('.is_tabbing .network-carousel__arrows .slick-next:focus').length) { if ( !(nextSlide == 0 && currentSlide === slick.$slides.length - 1) && currentSlide > nextSlide || (currentSlide == 0 && nextSlide === slick.$slides.length - 1) ) { $('.is_tabbing .network-carousel__arrows .slick-next').blur(); $('.is_tabbing .network-carousel__arrows .slick-prev').focus(); } } }); window.initAnimations({ 'animateStart': 'top 95%' }); }); </script> <script> $(".collapse-trigger").click(function() { $(this).focus(); }); $(document).ready(function () { var node = $('.container.additional-details.margin-v-30').get(0).nextSibling; node.parentNode.removeChild(node); $(".additional-details #additional-details-body #legal-target-list li").each(function () { $(this).attr("id", "ltl-" + $(this).attr("id")); }); $(".modal .modal-content ol#legal-target-list").each(function () { $(this).attr("class", "legal-target-list"); $(this).removeAttr("id"); }); }); </script> <section class="container additional-details margin-v-30 no-cable-internet" id="offerDetails"> <div> <div role="heading" aria-level="2" class="accordion-heading"> <a id="accordion-additional-details-label" href="javascript:void(0)" data-toggle="collapse" data-target="#additional-details-body" class="collapse-trigger accss-custom-accordion" role="button" aria-expanded="false" aria-controls="additional-details-body" data-icon-expand="icon-small_icon_expand" data-icon-collapse="icon-small_icon_collapse"> <span class="anchor-icon icon3 icon-small_icon_expand txtSize22" aria-hidden="true"></span> <div class="txtSize18 line-height-18 anchor-text">Details</div> </a> </div> <div class="accordion-body collapse small-text" id="additional-details-body" role="region" aria-labelledby="accordion-additional-details-label"> <p style=" padding-left: 17px; line-height: 14px;"><sup>†</sup>Offers available to current Bell Advantages Members with select Bell consumer and small business services and an account in good standing. The Bell Advantages Program and offers are subject to cancellation or change without notice. Offers cannot be combined with any other offers including products ending in .96. While supplies last. Taxes and Environmental Handling Fees are extra, where applicable. Bell mobile phone number or Bell account number must be presented at time of purchase. The Program discounts exclude certain products including The Source Gift Cards, all prepaid cards (such as airtime cards, iTunes, Xbox), mobile phones and plans, security deposits, pre-orders, laptops, desktops, monitors, gaming hardware, select media streaming devices, select Apple, Bose, Sonos, Beats, Google, Sony, Amazon products and other products The Source may designate from time to time. Extended returns offer an additional 30-day return window on most products except mobile phones and subscriber services connected devices. Cannot be combined with other extended return periods. All conditional requirements and exceptions still apply. Please see store or visit <a href="https://www.thesource.ca/en-ca/ReturnsExchanges">thesource.ca/ReturnsExchanges</a> for details. For other Program terms, see <a href="https://www.thesource.ca/en-ca/register/termsAndConditions">thesource.ca/en-ca/register/termsAndConditions</a>..</p> <p style=" padding-left: 17px; line-height: 14px;"><sup>‡</sup> Available with new activations with Bell SmartPay on any Unlimited Share plan (2-year or 30-day BYOD; excludes tablets, Mobile Internet and IoT products). Savings applied as a $10 monthly bill credit over the next 12 months. Regular price applies thereafter. Additional one-time fees are subject to change over time. See bell.ca/onetimefees for details. </p> <p style=" padding-left: 17px; line-height: 14px;"><sup>‡</sup> Exclusive rate plan on your first line. Available when you bring your own phone or get a new one. Connection Service Fee ($70) applies. </p> <p style=" padding-left: 17px; line-height: 14px;"><sup>*</sup> With a new activation or upgrade. A $70 one-time Connection Service Fee applies. At participating locations. Must be 18 years or older and legal owner of the phone traded in. Max. 1 phone per trade-in. The minimum trade-in value of the device must be $25. Rebate applies at the time of purchase on the price of the device and/or accessories in store after taxes. Amount of rebate depends on the value of the phone. Device must power on and be functional. See <a href="/trade-in">bell.ca/trade-in</a> for details. </p> <ol id='legal-target-list'><li id=WUXQQX data-legal-id=WUXQQX>Offer valid with an eligible 2-year or 30-day plan. New activations only. Applicable to smartphones only; not eligible on tablets, Mobile Internet or IoT products. Bill credit is comprised of waived one-time Connection Service Fee ($70) applied as a separate credit by your 1st or 2nd billing period.</li><li id=WUXPPT data-legal-id=WUXPPT>Based on a third party score (Global Wireless Solutions OneScore™) calculated using wireless network testing in Canada against other national wireless networks. See <a href="/network">bell.ca/network</a>.</li><li id=MZUQV data-legal-id=MZUQV>Savings based on up to $20/mo. savings off of the rate plan on your first line.</li><li id=WUXONH data-legal-id=WUXONH>Includes 25 5-minute messages.</li><li id=WUXONI data-legal-id=WUXONI>Simultaneous use of airtime.</li><li id=WUXOUN data-legal-id=WUXOUN>5G/5G+ access requires a compatible device and a compatible rate plan (even if a 5G/5G+ symbol appears on your device). Coverage is approximate, may vary and may not include indoor coverage; see <a href="/5G">bell.ca/5G</a>. Speed, performance and whether a 5G/5G+ device uses the available 5G/5G+ network depend on various factors including: your rate plan, topography, environmental conditions, the current serving radio conditions at your location and whether the device is actively downloading or uploading data. Access is subject to Bell’s management of network resources, using methods which include Internet traffic management practices. See <a href="/ITMP">bell.ca/ITMP</a>.  </li><li id=WUXQFX data-legal-id=WUXQFX>Speeds of up to 256 Kbps for very light web browsing, email and messaging.</li><li id=WUXQFP data-legal-id=WUXQFP>Subscriber must be (and remain) a Canadian resident and the majority of your usage must be in Canada. Max. data usage per user may be capped at 10 GB/ billing period while in the U.S. and Mexico. Includes texts sent to a Canadian, U.S., or Mexican phone number while in Canada, U.S. and Mexico, texts received while in Canada, the U.S., and Mexico and excludes premium texts. While in the U.S. and Mexico, calls to numbers that are outside of Canada, the U.S. and Mexico are not included and will be billed at $1.45/min. Roaming outside Canada, the U.S., and Mexico is not included. Sending and receiving picture or video messaging in the U.S. and Mexico and Push-to-Talk services use data from your rate plan.</li><li id=WUXPQI data-legal-id=WUXPQI>Speeds of up to 512 Kbps for light web browsing, email and messaging.</li><li id=WUXPRQ data-legal-id=WUXPRQ>Available with continued subscription to your rate plan and registration to Crave Basic with Ads. Data usage charges may apply. Changes in your plan will result in loss of Crave Basic with Ads. Downloading Crave Basic with Ads content is not available. Video Resolution is up to 720p. A limited number of titles are unavailable on the Crave Basic with Ads plan due to licensing restrictions. Airplay, Roku, PS4 and PS5 are not supported in this package. Crave Basic with Ads will automatically stop after promotional period. Crave is a trademark of Bell Media Inc. and used under license.</li><li id=WUXPNB data-legal-id=WUXPNB>Sent texts include texts sent to a U.S. or International phone number while in Canada and excludes texts sent to a landline, roaming, alerts, premium texts (short codes), and texts sent with an instant messaging application. Received texts include texts received while in Canada from a U.S. or International phone number and service-related texts from Bell and exclude roaming and premium texts (short codes), alerts or dial-up texts. Overage rates may apply. Certain International destinations not available. See <a href="https://www.bell.ca/internationaltext">bell.ca/internationaltext</a> for details.</li><li id=MZUUX data-legal-id=MZUUX>Using the data from your plan, your phone becomes a Wi-Fi connection for other devices, like tablets and laptops. Hotspot capabilities must be turned on in your device settings to be used.</li><li id=WUXQMS data-legal-id=WUXQMS>Requires a mobile phone or smartphone that is capable of receiving text messages. To use Voicemail to Text, you must be subscribed to Message Centre.</li><li id=WUXQRD data-legal-id=WUXQRD>With a new activation or upgrade. Must be 18 years or older and legal owner of the phone traded in. Max. 1 phone per trade-in. The minimum trade-in value of the device must be $25. Rebate applies at the time of purchase on the price of the device and/or accessories in store after taxes. Amount depends on the trade-in value of the device based on the device condition; not all devices are eligible. See <a href="https://www.bell.ca/tradein">bell.ca/tradein</a> for details.</li><li id=WUXQRM data-legal-id=WUXQRM>5G+ performance and speed claims are based on a third-party score (Global Wireless Solutions OneScore™) calculated using wireless network testing in Canada comparing Bell against other competitive national wireless networks while actively using 3500MHz spectrum. <a href="/5G">Bell.ca/5G</a></li><li id=WUXQRN data-legal-id=WUXQRN>Based on total square km of coverage on the shared 5G+ network available from Bell vs. Rogers’ 5G+ network (3500 MHz 5G). See <a href="/5G">Bell.ca/5G</a> for details.</li></ol> <div id="Banner_Legal_adtg"></div> <div id="Tile_Legal_adtg"></div> <div id="Retargeting_Legal_adtg"></div> <div id="Target_legal_adtg"> </div> <div id="Target_back_to_school_legal_adtg"> </div> <div id="iPhone_Auto_Allocation_Target_legal_adtg"> </div> <div id="Target_SKlegal_adtg"> </div> <div id="left-tile-legal_adtg"> </div> </div> </div> </section> <style> .adobetarget-campaign-group { display: none; } </style> <section id="adobetarget-campaign-group" class="adobetarget-campaign-group sibling-target"> <section id="PROD_MOB_ON_Existing_BRS_NO_MOB_Banner_97539/98141_September_12_2024" class="adobetarget-campaign-item" data-campaign-name="PROD_MOB_ON_Existing_BRS_NO_MOB_Banner_97539/98141_September 12 2024"> <div id="PROD_MOB_ON_Existing_BRS_NO_MOB_Banner_97539/98141_September_12_2024_content"> <div id="byod_target_banner_98906_container" style="display: none;"> <div class="bhp-offer-main bhp-tiles mb-omni-js" id="byod_target_banner_98906"> <div class="bhp-offer-image-wrap"> <img class="bhp-offer-image" loading="lazy" src="/Styles/images/img-banner_BTS_BYOD_5G.jpg" alt="5G" height="180" width="235"> </div> <div class="bhp-offer-content-wrap"> <div class="bhp-offer-content"> <div class="bhp-offer-subtitle" style="white-space: nowrap;"> Exclusive for Bell Internet customers </div> <h2 id="modaltitle_id_byod_target_banner_98906" class="bhp-offer-title"> <span class='region-text' data-region-text='_WZHDS'>Bring your own phone and get 120 GB for <div class="banner-price" aria-hidden="true"> <span>$</span>45<span>.00/mo.</span> <span class="sr-only">45 dollars per month.</span> </div></span> </h2> <a id="lrn_moreid_byod_target_banner_98906" href="https://mybell.bell.ca/Login?refreshLink=https://www.bell.ca/Mobility/addalineProductDetailRedirect%3Fsource%3Dmybell%26rawurl%3D%252fMobility%252fCell_phone_plans%252fUnlimited-plans%26product-id%3Dab067b94-af5e-4455-b94d-1bd79cf60442%26isEsim%3Dtrue" class="tracking-swap bhp-offer-cta accss-focus-space mb-omni-link-js" tabindex="0" data-omni-s_oapt="647-0-0" data-omni-s_obtn="Get this offer now" aria-labelledby="lrn_moreid_byod_target_banner_98906 modaltitle_id_byod_target_banner_98906" data-omnimbid="MB:98906_BYOD_Target_banner"> <span>Get this offer now</span> <svg class="bhp-icon-cta-pill"> <use xlink:href="#icon-cta-pill"></use> </svg> </a> <p style="font-size: 12px; margin-bottom: 0;margin-top: 15px;">Includes Autopay credit.</p> </div> </div> </div> </div> </div> <div id="PROD_MOB_ON_Existing_BRS_NO_MOB_Banner_97539/98141_September_12_2024_legal"> </div> </section> </section> </main> <style> .border-top-1-solid { border-top: 1px solid #d4d4d4; } .footer-box-shadow { box-shadow: none !important; } button.footer-accordion-toggle { background-color: unset; } .footer-accordion-toggle h3.icon-chevron-down:before, .footer-accordion-toggle h3.icon-chevron-up:before { display: none; } .footer-aboutus, .footer-resources { border: none; border-radius: 2px; } .footer-outline-icon { display: inline-block; width: 31px; height: 31px; border: solid 2px #00549a; border-radius: 50%; position: relative; } .footer-center-icon { position: absolute; top: 52%; left: 52%; transform: translate(-50%,-50%); font-size: 20px; } .footer-icon-round-border:before { color: #00549a; border: solid 2px #00549a; padding: 4px; border-radius: 50%; } .accordion-heading .icon-chevron-up, .accordion-heading .icon-chevron-down { right: 0; top: 7px; } .accordion-heading .collapsed .icon-chevron-up:before, .accordion-heading .collapsed .icon-chevron-down:before { transform: rotate( 90deg ) !important; } .accordion-heading .icon-chevron-up:before, .accordion-heading .icon-chevron-down:before { transform-origin: 45% 40% !important; transform: rotate( -90deg ) !important; } .accordion-heading a.collapse-trigger:hover, .accordion-heading a.collapse-trigger:focus { text-decoration: none; } .bgGray19 a .footer-icon:hover, .bgGray19 a .footer-icon-social:hover { background-color: #f4f4f4; } .gf-shop .rsx-skip-to-main-link { display: inline-block; padding: 7px 12px; position: absolute; left: -300px; text-decoration: underline; border-bottom-right-radius: 8px; transition: left .3s ease-out; background-color: #e1e1e1; z-index: 3000; font-size: 13px; color: #00549a; } .gf-shop .rsx-skip-to-main-link:focus { color: #00549a; left: 0; } .customer-resources-list { columns: 2; -webkit-columns: 2; -moz-columns: 2; width: 100%; } .customer-resources-list li { transform: translateZ(0); } .customer-resources-list li a { position: relative; } .customer-resources-list li a:focus { text-shadow: #fff 0px 0px 0px; } @media(max-width: 540px) { .footer-copyright-social-wrap { flex-direction: column-reverse !important; } .hidden-xs { display: none; } .social-links { width: 100%; } .footer-copyright-links { display: flex; flex-direction: column; } } @media(min-width: 520px) { .jobs-link { display: none !important; } } @media(min-width: 768px) { .call-to-action { display: contents; } } @media(min-width: 541px) and (max-width: 767px) { .hidden-sm { display: none; } } @media(min-width: 768px) and (max-width: 992px) { .hidden-tablet { display: none; } .hidden-md { display: none; } } @media(min-width: 992px) { .call-to-action { display: contents; } .hidden-lg { display: none; } } @media (max-width: 999px) and (min-width: 520px) { .rsx-pad-15-right-sm { padding-right: 15px; } } .customListStyleNone { list-style: none; } @media (max-height: 400px) { footer.gf-shop #footnote-modal-id .modal-body { margin-bottom: 5px; } } </style> <footer class="gf-shop bgGray19 d-print-none border-top-1-solid"> <div id="footnote-modal-id" class="modal scrollable-body fade footnote-modal" role="dialog" aria-modal="true" tabindex="-1" data-backdrop="false" data-keyboard="true" aria-labelledby="modal-title"> <div class="modal-dialog w-100" role="document"> <div class="modal-content"> <div class="container px-0"> <div class="modal-header focus_outline_gray" data-omni-content='Additional details'> <h2 id="modal-title" class="surtitle-black"> Additional details </h2> <button type="button" class="close footnote-modal-close"><span role="img" aria-label="Close Modal" class="icon icon-close txtBlue txtSize20 font-weight-bold" aria-hidden="true"></span><span class="sr-only">Close modal</span></button> </div> <div class="modal-body mt-0"> </div> </div> </div> </div> </div> <a href="#maincontent" class="skip-to-main-link"> Back to main content </a> <div class="brightedge" id="brightedge"> <div class="container"> <nav class="brightedge-wrap" aria-labelledby="popular-pages-heading"> <div class="brightedge-title" id="popular-pages-heading" role="heading" aria-level="2" > Popular pages </div> <ul class="brightedge-list seob-omni-js" id="popular-page"> <li> <a id="popular-page-Cell_Phones_and_Smartphones" class="js-omni-seo" data-omni-seo-id="Cell Phones and Smartphones" href="https://www.bell.ca/Mobility/Smartphones_and_mobile_internet_devices" title="">Cell Phones and Smartphones</a> </li> <li> <a id="popular-page-Network_Coverage" class="js-omni-seo" data-omni-seo-id="Network Coverage" href="https://www.bell.ca/Mobility/Our_network_coverage" title="">Network Coverage</a> </li> <li> <a id="popular-page-Prepaid_Phones_and_Plans" class="js-omni-seo" data-omni-seo-id="Prepaid Phones and Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Prepaid_plans" title="">Prepaid Phones and Plans</a> </li> <li> <a id="popular-page-Trade-in_program" class="js-omni-seo" data-omni-seo-id="Trade-in program" href="https://www.bell.ca/Mobility/Trade-in-program" title="">Trade-in program</a> </li> <li> <a id="popular-page-iPhone,_iPad_and_Apple_Watch" class="js-omni-seo" data-omni-seo-id="iPhone iPad and Apple Watch" href="https://www.bell.ca/Mobility/Apple" title="">iPhone, iPad and Apple Watch</a> </li> <li> <a id="popular-page-Transfer_Your_Cell_Phone_Number_to_Bell" class="js-omni-seo" data-omni-seo-id="Transfer Your Cell Phone Number to Bell" href="https://www.bell.ca/Mobility/Transfer_cell_phone_number_to_Bell" title="">Transfer Your Cell Phone Number to Bell</a> </li> </ul> </nav> </div> </div> <style> .brightedge { background-color: #f4f4f4; padding: 30px 0 0; } .brightedge > .container { margin-bottom: 0; } .brightedge-wrap { border: 1px solid #e1e1e1; border-radius: 10px; background-color: #fff; padding: 25px 25px 12px; } .brightedge-title { color: #111; font-weight: bold; margin-bottom: 13px; } .brightedge-list { padding: 0; margin: 0; list-style-type: none; } .brightedge-list li { display: block; padding: 0; margin: 11px 0; } .brightedge-list li a { text-decoration: none; } .brightedge-list li a:hover, .brightedge-list li a:focus { text-decoration: underline; } .page-code_prsshpwls-our-network .brightedge, [class*="rsx-"] .brightedge { background-color: #f4f4f4; } .page-code_prsshpwls-landing footer.rsx-footer .brightedge { background-color: #F4F4F4; } @media(min-width:768px) { .brightedge-wrap { padding-bottom: 17px; } .brightedge-title { margin-bottom: 10px; } .brightedge-list { display: flex; flex-wrap: wrap; } .brightedge-list li { margin: 5px 15px 5px 0; padding-right: 15px; border-right: 1px solid #e1e1e1; } .brightedge-list li:last-of-type { margin-right: 0; padding-right: 0; border-right: none; } } </style> <div class="container"> <div class="spacer30 clear"></div> <section class="hidden-md hidden-lg"> <div class="accordion-heading relative"> <button class="footer-accordion-toggle collapsed txtNoUnderline footer-box-shadow footer-aboutus" href="javascript:void(0)" data-toggle="collapse" data-target="#footer-about-us" class="collapse-trigger collapsed" role="button" aria-expanded="false" aria-controls="footer-about-us" data-icon-expand="icon-chevron-up" data-icon-collapse="icon-chevron-down"> <span class="anchor-icon icon txtSize14 icon-chevron-up absolute" aria-hidden="true"></span> <h3 role="heading" aria-level="2" class="txtBold txtBlack txtSize18">About us</h3> </button> </div> <div class="accordion-body collapse-accordion-accessible-toggle collapse margin-30-top" id="footer-about-us" style=""> <ul class="noBullets"> <li> <a href="http://support.bell.ca/AboutBell#INT=OTH_hmpg_TXT_footer_about-bell">About Bell Canada</a> <div class="spacer9"></div> </li> <li> <a href="https://letstalk.bell.ca/en/#INT=corp_hmpg_footer_lets talk_01232018" class="txtSize14">Bell Let's Talk</a> <div class="spacer9"></div> </li> <li> <a href="/Bell-for-Better" class="txtSize14">Bell for Better</a> <div class="spacer9"></div> </li> <li> <a href="https://jobs.bell.ca/ca/en" class="txtSize14">Jobs@Bell</a> <div class="spacer9"></div> </li> <li> <a href="http://www.bellmedia.ca" class="txtSize14">Bell Media</a> <div class="spacer9"></div> </li> </ul> </div> <div class="spacer20 clear"></div> <div class="spacer1 bgGrayLight6"></div> <div class="spacer30 clear"></div> <div class="accordion-heading relative"> <button class="footer-accordion-toggle collapsed txtNoUnderline footer-box-shadow footer-resources" href="javascript:void(0)" data-toggle="collapse" data-target="#footer-customer-resources" class="collapse-trigger collapsed" role="button" aria-expanded="false" aria-controls="footer-customer-resources" data-icon-expand="icon-chevron-up" data-icon-collapse="icon-chevron-down"> <span class="anchor-icon icon txtSize14 icon-chevron-up absolute" aria-hidden="true"></span> <h3 role="heading" aria-level="2" class="txtBold txtBlack txtSize18">Customer resources</h3> </button> </div> <div class="accordion-body collapse-accordion-accessible-toggle collapse margin-30-top" id="footer-customer-resources" style=""> <ul class="noBullets"> <li> <a href="https://support.bell.ca/billing-and-accounts/sales_and_refund_policy/how_do_warranties_and_returns_on_bell_ca_online_orders_work#INT=All_TXT_footer_Mass_040320_HC_returns">Return policy</a> <div class="spacer9"></div> </li> <li> <a href="/Security_and_privacy/Commitment_to_privacy">Privacy</a> <div class="spacer9"></div> </li> <li> <a href="https://support.bell.ca/Billing-and-Accounts/Security_and_privacy">Security</a> <div class="spacer9"></div> </li> <li> <a href="/Legal_and_terms#INT=OTH_legal_TXT_Footer">Legal and regulatory</a> <div class="spacer9"></div> </li> <li><a href="https://webmail.bell.net/" target="_blank">Bell email</a> <div class="spacer9"></div></li> <li> <a href="javascript:void(0)" onclick="myPopup('https://crtc.gc.ca/eng/internet/codesimpl.htm#INT=OTH_hmpg_TXT_footer_internet-code', 'Internet Code', 600, 750);">Internet Code</a> <div class="spacer9"></div> </li> <li> <a href="/CRTC-Wireless-Code">Wireless Code</a> <div class="spacer9"></div> </li> <li> <a href="https://forum.bell.ca?INT=All_footer_TXT_CForum_Mass_082921_mstl">Community forum</a> <div class="spacer9"></div> </li> <li> <a href="https://www.bell.ca/shipping-tracker#INT=OTH_hmpg_TXT_footer_TrackMyOrder">Track my order</a> <div class="spacer9"></div> </li> </ul> </div> <div class="spacer20 clear"></div> <div class="spacer1 bgGrayLight6"></div> </section> <div class="spacer30 clear"></div> <div class="row no-margin"> <div class="hidden-xs hidden-sm col-sm-3 col-md-3 col-lg-3"> <h2 class="txtBold txtBlack txtSize18 h3" id="AboutUsLabel">About us</h2> <div class="spacer30"></div> <ul class="noBullets" aria-labelledby="AboutUsLabel"> <li> <a href="http://support.bell.ca/AboutBell#INT=OTH_hmpg_TXT_footer_about-bell">About Bell Canada</a> <div class="spacer9"></div> </li> <li> <a href="https://letstalk.bell.ca/en/#INT=corp_hmpg_footer_lets talk_01232018" class="txtSize14">Bell Let's Talk</a> <div class="spacer9"></div> </li> <li> <a href="/Bell-for-Better" class="txtSize14">Bell for Better</a> <div class="spacer9"></div> </li> <li> <a href="https://jobs.bell.ca/ca/en" class="txtSize14">Jobs@Bell</a> <div class="spacer9"></div> </li> <li> <a href="http://www.bellmedia.ca" class="txtSize14">Bell Media</a> <div class="spacer9"></div> </li> </ul> </div> <div class="hidden-xs hidden-sm col-sm-6 col-md-6 col-lg-6"> <h2 class="txtBold txtBlack txtSize18 h3" id="CustomerResourcesLabel">Customer resources</h2> <div class="spacer30"></div> <div class="row no-margin"> <ul class="noBullets hidden-xs customer-resources-list rsx-pad-15-right-sm" aria-labelledby="CustomerResourcesLabel"> <li> <a href="https://support.bell.ca/billing-and-accounts/sales_and_refund_policy/how_do_warranties_and_returns_on_bell_ca_online_orders_work#INT=All_TXT_footer_Mass_040320_HC_returns">Return policy</a> <div class="spacer9"></div> </li> <li> <a href="/Security_and_privacy/Commitment_to_privacy">Privacy</a> <div class="spacer9"></div> </li> <li> <a href="https://support.bell.ca/Billing-and-Accounts/Security_and_privacy">Security</a> <div class="spacer9"></div> </li> <li> <a href="/Legal_and_terms#INT=OTH_legal_TXT_Footer">Legal and regulatory</a> <div class="spacer9"></div> </li> <li><a href="https://webmail.bell.net/" target="_blank">Bell email</a> <div class="spacer9"></div></li> <li> <a href="javascript:void(0)" aria-label="Internet Code (opens in new window)" onclick="myPopup('https://crtc.gc.ca/eng/internet/codesimpl.htm#INT=OTH_hmpg_TXT_footer_internet-code', 'Internet Code', 600, 750);">Internet Code</a> <div class="spacer9"></div> </li> <li> <a href="/CRTC-Wireless-Code">Wireless Code</a> <div class="spacer9"></div> </li> <li> <a href="https://forum.bell.ca?INT=All_footer_TXT_CForum_Mass_082921_mstl">Community forum</a> <div class="spacer9"></div> </li> <li> <a href="https://www.bell.ca/shipping-tracker#INT=OTH_hmpg_TXT_footer_TrackMyOrder">Track my order</a> <div class="spacer9"></div> </li> </ul> </div> </div> <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"> <h2 class="txtBold txtBlack txtSize18 h3" id="GetInTouchLabel">Get in touch</h2> <div class="spacer30"></div> <ul class="noBullets" aria-labelledby="GetInTouchLabel"> <li> <div class="flex align-items-center"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-contact-new txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="javascript:window.location = 'http://support.bell.ca/Contact-us/#INT=All_hmpg_TXT_footer_Mass_120115_mb_contactus_iCon'; return false;"></i> </div> <a href="http://support.bell.ca/Contact-us/#INT=All_hmpg_TXT_footer_Mass_120115_mb_contactus">Contact us</a> </div> <div class="spacer10"></div> </li> <li> <div class="flex align-items-center"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-location-pin txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="javascript:window.location='/Store_Locator#INT=All_hmpg_TXT_footer_Mass_120115_mb_findstore_iCon'"></i> </div> <a href="/Store_Locator#INT=All_hmpg_TXT_footer_Mass_120115_mb_findstore_iCon">Find a store</a> </div> <div class="spacer10"></div> </li> <li> <div class="flex align-items-center"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-calendar-solid txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="javascript:window.location='/Store_Locator#INT=All_hmpg_TXT_footer_Mass_120115_mb_findstore_iCon'"></i> </div> <a href="https://appointments.bell.ca/">Book an appointment</a> </div> </li> <li> <div class="flex align-items-center margin-10-top"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-chat_texting_bl_bg txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="KAMPYLE_ONSITE_SDK.showForm(2311);"></i> </div> <a class="" role="button" onclick="KAMPYLE_ONSITE_SDK.showForm(2311);" href="javascript:void(0)" onkeydown="if(event.keyCode==32){event.preventDefault();$('#rateid').click()};"> <span id="rateid">Site feedback</span> </a> </div> </li> </ul> </div> </div> <div class="spacer20 clear"></div> <div class="spacer1 bgGrayLight6"></div> <div class="spacer20 clear"></div> <div class="footer-copyright-social-wrap flex justify-content-between align-items-center"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 txtSize12 flex"> <a class="btn btn-primary txtDecorationNoneHover" href="/Accessibility_services#INT=OTH_Accessserv_TXT_Footer"> Accessibility centre </a> </div> <style> .h-divider { display: inline-block; color: #d4d4d4; border-right: solid 1px #d4d4d4; height: 25px; } .icon-blog-txt-en { width: 65px !important; } .icon-blog-txt-fr { width: 85px !important; } .js-shop-footer-twitter > a, .js-shop-footer-instagram > a { display: inline-block; } .footer-icon-social-alt { height: 48px; width: 48px; } @media(min-width: 768px) { .social-links { flex-basis: 0; } } @media (max-width: 767.98px) { .icon-blog-txt-en { width: 48px !important; } .icon-blog-txt-fr { width: 70px !important; } } </style> <ul class="flex align-items-center justify-content-between social-links col-sm-6 col-md-6 col-lg-6 customListStyleNone no-margin-bottom social-links-tooltip"> <li> <a class="txtNoUnderline" id="js-shop-footer-facebook" href="https://www.facebook.com/BellCanada" title="Bell Canada Facebook Page. Opens in new tab." target="_blank" rel="noopener noreferrer"> <span class="footer-icon-social-alt ht footer-icon-social-Facebook d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon icon-facebook txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li id="js-shop-footer-twitter" class="js-shop-footer-twitter"> <a class="txtNoUnderline" href="https://twitter.com/Bell" target="_blank" title="Bell Canada X Page. Opens in new tab." rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-social-Twitter d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon icon-twitter_x txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li id="js-shop-footer-instagram" class="js-shop-footer-instagram"> <a class="txtNoUnderline" href="https://www.instagram.com/bell/" target="_blank" title="Bell Canada Instagram Page. Opens in new tab." rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-social-Instagram d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon icon-instagram txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li> <a href="https://www.linkedin.com/company/bell" title="Bell Canada LinkedIn Page. Opens in new tab." target="_blank" class="txtNoUnderline" rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-linked-in d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon2 icon-linked-in-logo txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li> <a href="https://www.youtube.com/bellcanada" title="Bell Canada Youtube Page. Opens in new tab." target="_blank" class="txtNoUnderline" rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-youtube d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon2 icon-youtube txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> </ul> </div> <div class="spacer30"></div> <div class="footer-copyright-links flex col-xs-12 col-sm-12 col-md-12 col-lg-12"> <p class="txtSize12 margin-b-xs-5 margin-b-sm-5">© Bell Canada, 2024. All rights reserved.</p> <ul class="customListStyleNone no-pad margin-l-5 margin-l-xs-0"> <li class="txtDarkGrey hidden-xs d-inline-block" aria-hidden="true"> | </li> <li class="d-inline-block"> <a href="https://support.bell.ca/site_map#INT=OTH_hmpg_TXT_footer_site-map" class="txtDarkGrey txtSize12 no-break-white-space d-block">Site map</a> </li> </ul> </div> <div class="spacer30 clear"></div> </div> <div class="captchaStyle"> <div id="captchaDiv"></div> </div> <div id="login-modal" class="modal in" role="dialog"> <div class="modal-dialog login-footer-popup-aliant"> <div class="bgWhite"> <div class="pad-20-left pad-20-right clearfix"> <div class="spacer20"></div> <button type="button" class="close" data-dismiss="modal"><span class="icon icon-x-close txtBlue txtSize22"></span></button> </div> <style> .my-account-button-padding { padding-left:5% !important; padding-right:5% !important; } </style> <form id="loginForm_ec__MyAccountFooter" name="loginForm_ec" action='https://service.aliant.bell.ca/myaccount/login/login.jsf' method="post" novalidate="novalidate" class=" "> <div class="bellSlim txtSize24 txtBlack"> My Account </div> Fibe TV, Internet and Home phone <div class="spacer20"></div> <div class="margin-top"> <input class="btn btn-default col-xs-12 login-button-popup my-account-button-padding" value="Log in" type="submit" id="demoLoginJs_ec__MyAccountFooter"> <div class="spacer10 clear"> </div> <a href="https://service.aliant.bell.ca/myaccount/registration/registrationstep1.jsf" class="no-margin more-link"> Register for My Account </a> <div class="spacer10 clear"></div> </div> </form> <div class="floatL vPadding30 col-xs-12 col-sm-6 hidden"> <div class="bellSlim txtSize20 txtBlack"> (Bell Aliant) </div> <div style="height: 60px"> Manage your Bell Aliant Fibe TV, Internet, Home phone and Home security services </div> <div class="spacer20"></div> <div class="spacer5"></div> <a href="https://service.aliant.bell.ca/myaccount/account/accountoverview.jsf"> My account details </a> <span class="spacer5 clear block">   </span> <a href="https://service.aliant.bell.ca/myaccount/managemyaccount/accountprofile.jsf"> My profile </a> <div class="spacer10 clear"></div> <a href="https://service.aliant.bell.ca/myaccount/logout.jsp" data-order-logout-url="https://order.aliant.bell.ca/InternalServices/Logoff" class="btn btn-default col-xs-12 login-button-popup brf-btn-logout"> Log out from My Account </a> <div class="spacer10 clear">   </div> </div> <div class="pad-20-left pad-20-right visible-xs"> <div class="spacer20 clear"></div> <div class="spacer1 bgGray2"></div> <div class="spacer20 clear"></div> </div> <form id="loginForm_ec__Footer" name="loginForm_ec" action="https://mybell.bell.ca/Login" method="post" novalidate="novalidate" class=" vPadding20"> <div class="bellSlim txtSize24 txtBlack"> MyBell </div> <div class="spacer20"></div> <div class="margin-top"> <input class="btn btn-default col-xs-12 login-button-popup" value="Log in" type="submit" id="demoLoginJs_ec__Footer"> <div class="spacer10 clear">   </div> <a href="https://mybell.bell.ca/Registration" class="no-margin more-link"> Register for MyBell </a> <div class="spacer10 clear"></div> </div> </form> <div class="floatL vPadding20 col-xs-12 col-sm-6 hidden"> <div class="bellSlim txtSize20 txtBlack"> (Log in to MyBell) </div> <div style="height: 60px"> Manage your Bell Satellite TV and Mobility services </div> <a href="https://mybell.bell.ca/"> My services </a> <span class="spacer5 clear block">   </span> <a href="https://mybell.bell.ca/MyBills"> My bills and payments </a> <span class="spacer5 clear block">   </span> <a href="https://mybell.bell.ca/MyBellAccount"> My profile </a> <div class="spacer10 clear"></div> <a href="https://mybell.bell.ca/Logout" class="btn btn-default col-xs-12 login-button-popup brf-btn-logout"> Log out from MyBell </a> <div class="spacer10 clear">   </div> </div> <div class="spacer20 clear"></div> </div> </div> </div> </footer> <div id="shop-our-services-modal" class="modal fade scrollable-body cutom-popup" data-widget="modal" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="modal-specifications-details-title" secondary-modal> <div class="modal-dialog col-xs-12"> <div class="modal-content" role="document"> <div class="modal-header"> <h2 class="small-title" id="modal-specifications-details-title"><span class="rsx-txt-blue">Our services</span></h2> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20 pos-icon-n5"></span></button> </div> <div class="modal-body scroll-style"> <div class="rsx-txt-black"> <h3 class="ourservice-heading">Bell Canada</h3><p>Bell is Canada's largest communications company, providing consumers and business with solutions for all their communications needs.</p> <h3 class="ourservice-heading">The leader in digital TV</h3> <p>Bell Fibe TV, the <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Fibe-TV">best TV service</a>, provides stunning 4K picture and high-fidelity sound. Using fibre optic technology, Bell Fibe TV brings the best TV experience right to your door – no dish required.</p> <p>The Bell <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Fibe-TV-App">Fibe TV app</a> lets you access live TV and on-demand television content using your <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Fibe-TV-App/Bell-Streamer">Bell Streamer</a> or by downloading the Fibe TV app on Amazon Fire TV, Android TV, Apple TV or by Google Cast using your Google Chromecast.</p> <p>Bell Satellite TV provides a great variety of <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="https://channel.bell.ca/">HD and 4K channels</a>, the best receivers and the best image quality – making it the leader in <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell_TV">digital satellite TV</a> service in Canada.</p> <h3 class="ourservice-heading">The latest cell phones, Mobile Internet devices, smartwatches and tablets</h3> <p>Choose from the latest <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Apple">iPhone</a> devices from Apple, <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Samsung-phones">Samsung devices</a>, <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Google-Phones">Google phones</a>, <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Tablets">tablets</a> and other popular <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Smartphones_and_mobile_internet_devices">smartphones</a>. Stay connected on the <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Our_network">Bell 5G-capable network</a> with blazing-fast speeds, coast-to-coast coverage and clear reception.</p> <h3 class="ourservice-heading">Ultra-fast high-speed fibre home Internet</h3><p>Command the fastest upload speeds with Bell Fibe Internet on Canada’s largest fibre optic network. Bell's high-speed <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell_Internet">home Internet</a> lets you share photos and videos with upload speeds of up to 940 Mbps and download speeds of up to <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell_Internet/Products/Fibe-Internet-Gigabit15-FTTH">1.5 Gigabits</a> per second.</p> <h3 class="ourservice-heading">The most reliable home phone service</h3><p>If you are looking for reliable home phone services, Bell Home phone guarantees exceptional services at all times or you get your money back.</p> <h3 class="ourservice-heading">Promotions and offers</h3><p>Looking for new products and services from Bell? See the latest <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell-Promotions">Bell promotions and offers</a> or <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Store_Locator">visit a Bell store</a> to learn more.</p> <h3 class="ourservice-heading">Communications solutions for businesses</h3><p>As Canada's leading trusted technology advisor, Bell Canada delivers end-to-end solutions to our small and medium-sized business (SMB) customers, from <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="https://business.bell.ca/shop/small-business">business Internet</a> to <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Business/Mobility">business Mobility</a> services and long distance solutions.</p> <p><a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="https://business.bell.ca/shop/medium-large">Bell Business Markets</a> is committed to delivering the integrated solutions large organizations need to increase productivity, sustain profitable growth, maximize service differentiation and minimize risk in today's challenging environment.</p> <div class="ourservice-footer"> <a tabindex="0" data-dismiss="modal" class="rsx-modal-close rsx-modal-close-button close rsx-button rsx-margin-top" role="button" onclick="event.preventDefault();" onkeydown="if(event.keyCode==13 || event.keyCode==32){event.preventDefault();$('#close_btn_footer_cr79018').click()};"><span id="close_btn_footer_cr79018" style="color: #fff">Close</span></a> </div> <style> #shop-our-services-modal { z-index: 9999 !important; } .ourservice-heading { color: #111 !important; margin-bottom: 10px; } .ourservice-anchor { color: #00549a !important; margin-right: 0px !important; line-height: 10px !important; } .ourservice-anchor::after { margin-right: 0px !important; margin-left: 0px !important; } .rsx-footer-legal-links a:after { background-color: #5550; } .rsx-modal-close-button { position: relative; color: #fff !important; top: unset; right: unset; transform: unset; background: #003778; font-size: 16px; padding: 10px 36px; border: 2px solid #003778; text-shadow : unset; border-radius: 20px; font-weight: normal; } .ourservice-footer{ display: flex; } .txtUnderline{ text-decoration: underline; } #shop-our-services-modal .txtDecorationNoneHover, #shop-our-services-modal .txtDecorationNoneHover:focus, #shop-our-services-modal .txtDecorationNoneHover:hover{ text-decoration-thickness: 2px } </style> <script> $(document).ready(function () { try { $('.rsx-modal-close, .rsx-modal-close-button').click(function () { var modal = $(this).parents('.rsx-modal'); if (modal.length > 0) { modal.modal('close') } }); } catch (ex) { consoel.log(ex); } }) </script> </div> </div> </div> </div> </div> <style> .cutom-popup .small-title { color: #00549a !important; font-weight: 200; font-size: 32px; padding: 0; margin: 0; } .cutom-popup .modal-body { padding: 30px; } </style> <script> function myPopup(myURL, title, myWidth, myHeight) { var left = (screen.width / 2) - (myWidth / 2); var top = (screen.height / 2) - (myHeight / 2); var myWindow = window.open(myURL, title, 'resizable=yes, width=' + myWidth + ', height=' + myHeight + ', top=' + top + ', left=' + left); } </script> <script> $('.accordion-heading a.footer-accordion-toggle').click(function () { let target = $(event.target) if (target.hasClass('icon-chevron-up')) { target.removeClass('icon-chevron-up') target.addClass('icon-chevron-down') } else { target.addClass('icon-chevron-up') target.removeClass('icon-chevron-down') } }); $(document).ready(function () { setTimeout(function () { if (window.location.href.toLowerCase().includes('aliant')) { if (window.location.href.toLowerCase().includes('promotions/movies-and-series/crave') || window.location.href.toLowerCase().includes('promotions/films-et-series/crave')) { document.title = `${$("#fixedHeader .link-container li.active a").text()} - ${$("#fixedHeader .bellSlim").text()} - bellaliant.ca` } if (window.location.href.toLowerCase().includes('fibe-tv/hd-pvr-receivers') || window.location.href.toLowerCase().includes('tele-fibe/recepteurs-HD') || window.location.href.toLowerCase().includes('accueil/infocourriels') || window.location.href.toLowerCase().includes('emailcapture')) { document.title = `${$("main h1").text()} - bellaliant.ca`; } } //$('header').prepend('<span class="sr-only" role="alert">Current province: ' + $('#curr-province').text() + '</span>'); }, 900); }); //Global Connector </script>   <script src="/Styles/custom/echat/js/echat-common.min.js"></script> <script src="/Styles/custom/echat/js/echat-omniture.min.js"></script> <script type="text/javascript"> //Load polyfill.js only for IE if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) { document.write('<script src="/Styles/WidgetAssets/bwtk/dist/polyfill/polyfill.min.js"><\/script>'); } </script>   <script type="text/javascript">window.addEventListener('load', function(event){var link = document.createElement('link');link.setAttribute('rel', 'stylesheet');link.setAttribute('type', 'text/css');link.setAttribute('href', "/Styles/custom/echat/css/eChat_allBrowsers_framework.min.css");document.getElementsByTagName('head')[0].appendChild(link);});</script> <script type="text/javascript">window.addEventListener('load', function(event){var link = document.createElement('link');link.setAttribute('rel', 'stylesheet');link.setAttribute('type', 'text/css');link.setAttribute('href', "/Styles/custom/echat/css/eChat.min.css");document.getElementsByTagName('head')[0].appendChild(link);});</script> <script type="text/javascript">window.addEventListener('load', function(event){var link = document.createElement('link');link.setAttribute('rel', 'stylesheet');link.setAttribute('type', 'text/css');link.setAttribute('href', "/Styles/custom/echat/css/eChat-bell.min.css");document.getElementsByTagName('head')[0].appendChild(link);});</script>  <div id=eChat_B_GA></div> <script type="text/javascript">window.addEventListener('load', function(){ var chatAliveCookie = getCookie("__cwaf");var chatTabId = getCookie("__ctabid");if (chatAliveCookie !== "true" && (window.sessionStorage.__ctabid === chatTabId || (window.sessionStorage.__ctabid === "undefined" && !chatTabId) || (!window.sessionStorage.__ctabid && chatTabId === "undefined"))) {if(typeof EChat !== 'undefined'){ setTimeout(function(){ EChat.default.init({selector: "#eChat_B_GA",accessToken: "b819538b-5702-4c48-9d93-374781aa433b",botApiUrl: "https://ws.bell.ca",enBotApiPath: "/iva/en/web.io/?xt",frBotApiPath: "/iva/fr/web.io/?xt",accountName: "",bupAuthFlag: "false",currentPageCategory: "Mobility Shop",currentPageId: "B_SHP_EN_Mobility",entryPoint:"eChat_B_GA",language: "en",nsiAuth: "",province: "on",bupAuthToken: "",host: "https://www.bell.ca/",localizationApiUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Common/localization/ResourceBundle?widget=eChat",tokenGenerateUrl: "https://www.bell.ca/ajax/GenerateToken/GetToken",logEventDetailsUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Tools/Utilities/LogEventDetails",vaChatHistoryUrl: "https://apigate.bell.ca/api/echat/v2/chathistory",assetsPath: "/styles/Custom/echat/assets/",mediaPath: "/styles/Custom/echat/audio/echat/",loginUrlEn: "https://mybell.bell.ca/login",loginUrlFr: "https://mybell.bell.ca/login",isBlueHorizoneOn: "True",brand: "B",entryPointList: "eChat_Bell_ContactUs_MOB,eChat_Bell_ContactUs_INT,eChat_Bell_ContactUs_TV,eChat_Bell_ContactUs_HP,eChat_Bell_MOB_Escalations,eChat_Bell_BRS_Escalations,eChat_Bell_EPP,eChat_MoreWaysTo_Shop,eChat_ReadyToOrder",hideGlobalAnchorChatIcon: "False",isChatOperational: "True",operationalHour: "{From:00:00,To:23:59,Day:monday}",proactiveChatConnectionDelay: "30000",proactiveChatFlag: "True",subtleNotificationLifespan: "1200000",typingDelay: "2000",typingDetectInterval: "3000",typingIndicatorImageAltText: "Agent is typing Icon",typingIndicatorImageName: "step-tracker_loop.gif",chatExpiryDuration: "20",safariAutoSaveInterval: "20000",vaChatHistoryMaxMsg: "9999",mergeCookies: "true",agid: "",buid: "",botDirect: "false",enSocketUrl: "",frSocketUrl: "",socketPath: "",cookieDomain: ".bell.ca",}); }, 2000)} else { $.getScript("https://www.bell.ca/styles/Custom/echat/js/echat-component.js").done(function(script, textStatus){EChat.default.init({selector: "#eChat_B_GA",isBlueHorizoneOn: "True",accessToken: "b819538b-5702-4c48-9d93-374781aa433b",botApiUrl: "https://ws.bell.ca",enBotApiPath: "/iva/en/web.io/?xt",frBotApiPath: "/iva/fr/web.io/?xt",accountName: "",bupAuthFlag: "false",currentPageCategory: "Mobility Shop",currentPageId: "B_SHP_EN_Mobility",entryPoint:"eChat_B_GA",language: "en",nsiAuth: "",province: "on",bupAuthToken: "",host: "https://www.bell.ca/",localizationApiUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Common/localization/ResourceBundle?widget=eChat",tokenGenerateUrl: "https://www.bell.ca/ajax/GenerateToken/GetToken",logEventDetailsUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Tools/Utilities/LogEventDetails",vaChatHistoryUrl: "https://apigate.bell.ca/api/echat/v2/chathistory",assetsPath: "/styles/Custom/echat/assets/",mediaPath: "/styles/Custom/echat/audio/echat/",loginUrlEn: "https://mybell.bell.ca/login",loginUrlFr: "https://mybell.bell.ca/login",brand: "B",entryPointList: "eChat_Bell_ContactUs_MOB,eChat_Bell_ContactUs_INT,eChat_Bell_ContactUs_TV,eChat_Bell_ContactUs_HP,eChat_Bell_MOB_Escalations,eChat_Bell_BRS_Escalations,eChat_Bell_EPP,eChat_MoreWaysTo_Shop,eChat_ReadyToOrder",hideGlobalAnchorChatIcon: "False",isChatOperational: "True",operationalHour: "{From:00:00,To:23:59,Day:monday}",proactiveChatConnectionDelay: "30000",proactiveChatFlag: "True",subtleNotificationLifespan: "1200000",typingDelay: "2000",typingDetectInterval: "3000",typingIndicatorImageAltText: "Agent is typing Icon",typingIndicatorImageName: "step-tracker_loop.gif",chatExpiryDuration: "20",safariAutoSaveInterval: "20000",vaChatHistoryMaxMsg: "9999",mergeCookies: "true",agid: "",buid: "",botDirect: "false",enSocketUrl: "",frSocketUrl: "",socketPath: "",cookieDomain: ".bell.ca",}); })}if (window.sessionStorage.__ctabid && window.sessionStorage.__ctabid !== "undefined") {window.tabId = window.sessionStorage.__ctabid; window.sessionStorage.removeItem("__ctabid");console.log("window.tabId: " + window.tabId);} else { window.tabId = Math.floor(Math.random() * 1000000); console.log("window.tabId: " + window.tabId); document.cookie = "__ctabid=" + window.tabId + ";domain=.bell.ca;secure=true; path=/; samesite=Lax ";}}});window.addEventListener('beforeunload', function(event) { document.cookie = "__ctabid=undefined;domain=.bell.ca;secure=true; path=/; samesite=Lax "; window.sessionStorage.removeItem("__ctabid");}); </script>  <script> function getCookie(cookieName) { let cookie = {}; document.cookie.split(';').forEach(function (el) { var key = el.split('=')[0]; var value = el.substring(el.split("=")[0].length + 1); cookie[key.trim()] = value; }) return cookie[cookieName]; } // Omniture call for Echat. (function ($) { $(document).ready(function () { var newSessionOmniCall = false; var mergedCookies = "True" === "True"; if (!mergedCookies) document.cookie = "__eccomp" + "=;expires=" + new Date().toUTCString() + ";domain=" + ".bell.ca" + ";path=/"; setInterval(function () { try { var __cwi = mergedCookies ? readCookieContentById("__eccompslex", "__cwi") : getCookie("__cwi"); var __cvf = mergedCookies ? readCookieContentById("__eccomp", "__cvf") : getCookie("__cvf"); if (!newSessionOmniCall && __cwi === 'true' && __cvf === 'true') { newSessionPayloadCall('Mobility Shop', newSessionOmniCall, mergedCookies); newSessionOmniCall = true; } if (newSessionOmniCall && __cwi !== 'true') { newSessionOmniCall = false; } } catch (e) { } }, 2000); if ('False' == 'True') { echatPayloadCall('Mobility Shop', "BR", mergedCookies); } }); }(jQuery)); </script>  <script type="text/javascript"> var getCategory = function () { var locElem = document.querySelector('meta[name="NavUrl"]'); var loc = locElem ? locElem.content : null; switch (true) { case loc === '/Mobility/Smartphones_and_mobile_internet_devices': case loc === '/Mobility/Smartwatches': return "Phones"; case loc === '/Mobility/SIM-cards': return "Sim cards"; case loc === '/Mobility/Tablets': return "Tablets"; case loc === '/Mobility/Mobile-Internet-Devices-listing': return "Hubs and sticks"; default: return getCategoryFallBack(); } } var getName = function () { var tag = document.querySelector("input[name='hdOmnitureProductName']"); return tag ? tag.value : null; } var getSKU = function () { var tag = document.querySelector("input[name='hdOmnitureProductID']"); return tag ? tag.value : null; } var getCategoryFallBack = function () { var tag = document.querySelector("input[name='ProductCategory']"); var tagValue = tag ? tag.value : null; if (tagValue == null) { return null; } else { if (tagValue.includes("phones")) return "Phones"; } } var bannerID = ""; var cxpId = ""; var s_oCXP = ""; function loadMassBannerOmni() { try { var bannerIDMB = "MB:"; if (cxpId) bannerID = cxpId + ","; else if (window.location.href.toLowerCase().indexOf('logout') != -1 && $('#AdserveBanner #cxp-mybell-omniture').length) { s_oCXP = $("#AdserveBanner #cxp-mybell-omniture").data("omniS_ocxp"); bannerID = s_oCXP + ","; } $(".mb-omni-js").each(function () { var b_id = $(this).attr("id"); if (b_id && $(this).is(":visible") && $(this).find('a').length != 0) { bannerID = bannerID + bannerIDMB + b_id + ","; } }); var lastChar = bannerID.slice(-1); if (lastChar == ',') bannerID = bannerID.slice(0, -1); s_oCXP = bannerID; } catch{ } }; function loadSEOBannerOmni() { var seoBanner = ""; try { $(".seob-omni-js").each(function() { $(this).find('a.js-omni-seo').each(function() { var seoid = $(this).data('omni-seo-id'); if (seoid) seoBanner += "SEO:" + seoid + ","; }); }); if (seoBanner) { var lastChar = seoBanner.slice(-1); if (lastChar === ',') seoBanner = seoBanner.slice(0, -1); if (bannerID) bannerID += "," + seoBanner; else bannerID = seoBanner; } } catch (ex) { console.error(ex); } }; loadMassBannerOmni(); loadSEOBannerOmni(); orderId = ''; s_oPTE = true; s_oLNG = "en"; s_oPRV = "on"; s_oSIN = "458633697"; s_oLGS = false; s_oSID = "cdfde4dd-eddf-4491-9093-d171c52569c2"; s_oSID_OMN = "4d0805df-e8e7-4050-af9f-dd13798ac7a0"; s_oEID = ""; s_oSLOB = ""; s_oESTD = "2024-11-25"; s_oESTT = "01:41:44.702"; s_oLGSA = false; s_oLAB = ""; if ('False' == 'True' || 'False' == 'True') { s_oACT = ""; s_oMOT = ""; s_oBUP = "onebillMob4Svc"; s_oClientID = ""; s_oUVA = "User"; s_oTELF = "EDD3D8A22FB22966EFE93B2763180B3F"; } if (bannerID) s_oCXP = bannerID; if ('' != null && ''.toString() == "true") { //var s_oPRD = "[" + "{category:\"" + "" + "\",name:\"" + getName() + "\",sku:\"" + getSKU() + "\"" + "]" ; var s_oPRD = [{ category: "" + getCategory() + "", name: "" + getName() + "", sku: "" + getSKU() + "", quantity: "", legacysku: "" }]; console.log("Prd" + JSON.stringify(s_oPRD)); } s_oSS1 = 'Shop'; s_oSS2 = 'Mobile'; s_oSS3 = 'Why bell'; s_oPGN = 'Landing'; s_oDBAN = 'Default'; if ((s_oLGS == true || s_oLGS == "true") && s_oSS2.toLowerCase() == "mobile" && s_oSS3.toLowerCase().includes("devices")) { s_oCTP = "addline"; } setTimeout(function () { var bannerIDMB = "MB:"; $(".mb-omni-js").each(function () { var b_id = $(this).attr("id"); if (b_id && $(this).is(":visible")) { $("#" + b_id) ?.find('a').each(function () { $(this).addClass("mb-omni-link-js"); $(this).attr('data-omnimbid', bannerIDMB + b_id); }); } }); $(".mb-omni-link-js").on("click", function () { var omniMBID = $(this).data("omnimbid"); setTimeout(function () { s_oTrackPage({ 's_oAPT': '663-0-0', 's_oCXP': omniMBID }) }, 300); }); }, 2000); $("#AdserveBanner .js-omni-button").on("click", function (e) { var s_ocxpb = $(this).data("omniS_ocxpb"); if (s_ocxpb == undefined) { s_ocxpb = $(this).data("omnis_ocxpb"); } s_oTrackPage({ s_oAPT: "647-0-0", s_oCXPB: s_oCXP + ":" + s_ocxpb, s_oBTN: s_ocxpb }); }); </script> <script type="text/javascript"> function getCleanUrl(url) { if (url) { try { url = url.split(/[?#]/)[0]; } catch (e) { console.error("error while cleanning URL: ", e); } } return url; } window.addEventListener('load', function () { $.getScript("//static.cloud.coveo.com/coveo.analytics.js/2/coveoua.js") .done(function( script, textStatus ) { try { var cleanUrl = self.getCleanUrl(window.location.href); console.info("cleanUrl: " + cleanUrl); coveoua('init', 'xx7e3ef22b-c5e9-4fd4-8221-ba0c003e4b6c'); coveoua('send', 'pageview', { contentIdKey: '@clickableuri', contentIdValue: cleanUrl, contentType: 'Web Page', context_segment: 'consumer', context_language: 'en', context_province: 'ON' }); } catch (e) { console.error("Error reporting the pageview to Coveo UA: ", e); } }); }); </script> <script type="text/javascript"> var LOB = "Mobility"; </script> <script src="/Styles/media/core/js/brfcore-bottom.js?v=WHaqVVLOXIwoRLpzF5YFDaJ5t9kM5vMpYukB4bdxzu01"></script> <script src="/styles/media/mobility.js?v=sT5_7e4Eg-ktNjjiPEsd9_MxTiKd7rc_ItnC1VGCD3c1"></script> <style> .fullwidth-video { height: auto; overflow: hidden; } .fullwidth-video video { height:auto; } .iframe-youtube{ width:100%; height:400px; border:0; display:none; } </style>  <div id="video-player-modal" class="modal fade" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="video-title"> <div class="modal-dialog" style="top:0px"> <div class="modal-content"> <div class="modal-header"> <div class="small-title pad-r-15"> <span id="video-title"></span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="bgBlack fullwidth-video"> <video id="tvonline" width="100%" height="100%" controls style="display:none" aria-hidden="true"> <source src="" type="video/mp4"> <object aria-label="Browser not supported"> <embed src="" allowfullscreen="true" alt="Browser not supported" aria-label="Browser not supported" allowscriptaccess="sameDomain" /> </object> <span id="browser-not-supported">Your browser does not support HTML5 video.</span> </video> <iframe id="youtube" src="" class="iframe-youtube" title="YouTube" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> </div> <div id="tooltipModalMobile1" class="modal modal-tooltip modal-tooltip-channel" role="dialog" secondary-modal="" aria-label="Details" tabindex="-1"> <div class="tooltip-dialog"> <div class="modal-content box-shadow-round"> <div class=""> <button id="closebtn_firstfocus" type="button" class="close" data-dismiss="modal" aria-label="close" tabindex="0"><span class="icon icon-close txtBlue txtSize12 font-weight-bold" aria-hidden="true"></span></button> </div> <div class="modal-body margin-neg-20-t txtLeft pad-h-30"> <div class="subtitle-2 margin-b-10 modal-tooltip-title" tooltip-title=""></div> <p class="no-margin modal-tooltip-description" tooltip-content=""></p> </div> </div> </div> </div> <script> $('#tooltipModalMobile1').on('shown.bs.modal', function () { $("#closebtn_firstfocus").focus(); }); $("#tooltipModalMobile1").keydown(function (e) { if (e.keyCode == 38 || e.keyCode == 40) { e.preventDefault(); } }); function fixDuplicateID(ids) { if (window.location.href.toLowerCase().includes('/bell-bundles') || window.location.href.toLowerCase().includes('bell.ca/smart-home') || window.location.href.toLowerCase().includes('bell.ca/maison-intelligente') || window.location.href.toLowerCase().includes('bell.ca/fibe-tv/promotions/4k-receiver') || window.location.href.toLowerCase().includes('bell.ca/tele-fibe/promotions/recepteur-4k') || window.location.href.toLowerCase().includes('bell.ca/security_and_privacy/commitment_to_privacy') || window.location.href.toLowerCase().includes('bell.ca/securite_et_confidentialite/engagement_envers_la_confidentialite') || window.location.href.toLowerCase().includes('/home_phone') || window.location.href.toLowerCase().includes('bell.ca/telephonie')) { ids.forEach(function (value, index) { const duplicateID = $('[id=' + value + ']'); if (duplicateID.length < 2) return; duplicateID.each(function (index) { const currentID = $(this).attr('id'); $(this).attr('id', currentID + '-' + index); }); }); } } //Accessibility for img w/out alt attr $(window).on('load', function () { setTimeout(function () { fixDuplicateID(['Layer_1', 'aliant_fibe_bundle_link']); fixDuplicateID(['fourKtv']); fixDuplicateID(['get_a_free_quoteAF_link_top_aliant','get_a_free_quoteAF_Aliant']); $.each($('img[height="1"][width="1"]'), function (key, value) { if (!value.hasAttribute('alt')) { $(value).attr('alt', ''); } }); }, 3000); }); </script> <div id="Express-Delivery-LB" class="modal fade scrollable-body" role="dialog" aria-modal="true" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="modal-item-unavailable"> <div class="modal-dialog" role="document"> <div class="modal-content borderRadiusAll10 overflowHidden no-border-bottom-radius-xs"> <div class="modal-header focus_outline_gray"> <h2 id="modal-item-unavailable" class="small-title pad-r-xs-60"> Shipping options </h2> <button type="button" class="close" data-dismiss="modal" aria-label="close" id="ED_ShippingOptionsCloseButton"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="modal-body no-pad" tabindex="0"> <div class="pad-h-xs-15 pad-h-30"> <h3 class="subtitle-2 margin-b-10">Get your order in as little as 2 hours</h3> <p class="margin-b-30"></p> <div class="d-sm-flex" role="list"> <div class="col-sm-4 no-borders-xs border-lightGray-right pad-h-xs-0 pad-r-30 d-flex d-sm-block margin-b-30" role="listitem"> <span class="icon icon-solutionB icon-expressD icon-ISPU txtSize16 txtBlue margin-r-xs-15 margin-r-0 dimension-25-xs" aria-hidden="true"></span> <div> <p class="surtitle-black margin-b-5 margin-t-xs-0 margin-t-15"> In-Store Pick-Up </p> <p class="margin-b-5"> Pick up your order at a store near you in as little as 2 hours.</p> <span class="surtitle color-bell-blue">$0.00</span> </div> </div> <div class="col-sm-4 no-borders-xs border-lightGray-right pad-h-xs-0 pad-h-30 d-flex d-sm-block margin-b-30" role="listitem"> <span class="icon icon-solutionB icon-expressD icon-express_shipping txtSize16 txtBlue margin-r-xs-15 margin-r-0 dimension-25-xs" aria-hidden="true"></span> <div> <p class="surtitle-black margin-b-5 margin-t-xs-0 margin-t-15"> Same-Day/Next-Day Delivery </p> <p class="margin-b-5">At your door the same day or next day.</p> <span class="surtitle color-bell-blue">$15.00</span> </div> </div> <div class="col-sm-4 pad-h-xs-0 pad-h-30 d-flex d-sm-block margin-b-30" role="listitem"> <span class="icon icon-solutionB icon-expressD icon-shipping txtSize16 txtBlue margin-r-xs-15 margin-r-0 dimension-25-xs" aria-hidden="true"></span> <div> <p class="surtitle-black margin-b-5 margin-t-xs-0 margin-t-15"> Standard shipping </p> <p class="margin-b-5">At your door within 2–5 business days.</p> <span class="surtitle color-bell-blue">$0.00</span> </div> </div> </div> <p class="margin-b-10 font-weight-bold">Select your preferred shipping option at checkout. </p> <p class="no-margin small-text"><span class="sr-only">(Note:) </span><span aria-hidden="true">*</span>Shipping options are subject to eligibility and stock availability of all items in your cart.</p> </div> </div> </div> </div> </div>  <script> $(document).on('click', '#ED_ShippingOptionsCloseButton', function (e) { var express_Delivery_LB = document.getElementById('Express-Delivery-LB'); var checkDisplayBlock = setInterval(() => { if (express_Delivery_LB && express_Delivery_LB.style.display !== "block") { var express_Delivery_learnMore = document.getElementById('express_Delivery_learnMore') if (express_Delivery_learnMore) { express_Delivery_learnMore.focus(); clearInterval(checkDisplayBlock) } } }, 500) }); </script> <script language="JavaScript"> var zcity = 'e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855'; function createEventData(eventName, eventId) { return { 'data': [ { 'event_name': eventName, 'event_time': Math.floor(Date.now() / 1000), 'event_id': createUniqueEventId(eventId), 'action_source': 'website', 'event_source_url': window.location.href.replace(/[^a-zA-Z0-9/\-\_\:\.]/ig, ''), 'user_data': { 'country': [ "6959097001d10501ac7d54c0bdb8db61420f658f2922cc26e46d536119a31126" ], 'ct': zcity, 'client_user_agent': navigator.userAgent, 'client_ip_address': '8.222.208.146', 'fbc': getFbClientId(), 'fbp': getFbBrowserId() }, 'custom_data': { 'value': 0, 'currency': 'CAD', 'content_type': 'product', 'content_ids': '201' } } ] }; } function getFbBrowserId() { let result = /_fbc=(fb\.1\.\d+\.\d+)/.exec(window.document.cookie); if (!(result && result[1])) { return null; } return result[1]; } function getFbClientId() { let result = /_fbp=(fb\.1\.\d+\.\d+)/.exec(window.document.cookie); if (!(result && result[1])) { return null; } return result[1]; } function createUniqueEventId(prefix) { let dateString = Date.now().toString(36), randomness = Math.random().toString(36).substr(2), eventId = prefix + dateString + randomness, inputHidden = '<input type="hidden" id="' + prefix + '" value="' + eventId + '">', input = jQuery('#' + prefix); if (input.length > 0) { input.val(eventId) } else { jQuery('body').append(inputHidden); } return eventId; } function TrackSmartHomePackagesSubmissionEvent(form) { let hiddenSmartHomeInput = form.find('#SmartHomeProduct'); let isSmartHomeProduct = hiddenSmartHomeInput.length > 0 && hiddenSmartHomeInput[0].value; if (isSmartHomeProduct) { SendConversionEvent(createEventData('BRS_SH_RaCB', '3bshracb')); } } function TrackSmartHomeDevicesSubmissionEvent() { SendConversionEvent(createEventData('BRS_SH_RaCB', '3bshracb')); } function TrackSubmittedChatMessage() { let eventOption = window.location.pathname.toLowerCase().startsWith('/mobility') || window.location.pathname.toLowerCase().startsWith('/mobilite') ? { eventName: 'MOB_eChat Submit_Counter', eventId: '9mobechat' } : { eventName: 'BRS_eChat', eventId: '1brsechat' }; SendConversionEvent(createEventData(eventOption.eventName, eventOption.eventId)); } function TrackEShopConfirmationStep4() { SendConversionEvent(createEventData('BRS_eShop', '2brseshop')); } function TrackProductEvent() { SendConversionEvent(createEventData('ViewContent', '8mobdevplnvc')); } function SendConversionEvent(eventData) { jQuery.ajax({ headers: { 'X-Content-Type-Options': 'nosniff' }, type: "POST", url: '/ajax/FacebookConversion/TrackEvent', data: JSON.stringify(eventData) }); } // Track second message from agent in chats// function setUpChatObserver() { let body = document.body || document.documentElement; let config = { attributes: false, childList: true, subtree: true }; let callback = function (mutationList, observer) { for (let mutation of mutationList) { for (let addedNode of mutation.addedNodes) { checkForSecondAgentMsg(addedNode); } } }; let observer = new MutationObserver(callback); observer.observe(body, config); } function checkForSecondAgentMsg(node) { if ((isSecondMessageFromBRSCentralEChat(node) || isSecondMessageFromAliantEChat(node) || isSecondMessageNewEChat(node)) && isNotRecreatedComment(node)) { localStorage.setItem('eChatComment', getHashedUrlJoinedWithComment(node)); TrackSubmittedChatMessage(); } } function isNotRecreatedComment(node) { let theLastEChatComment = localStorage.getItem('eChatComment'); return !(theLastEChatComment === getHashedUrlJoinedWithComment(node)); } function getHashedUrlJoinedWithComment(node) { let url = window.location.href.split('?')[0]; let comment = node.innerText; return hashCode(url + comment).toString(); } function hashCode(str) { return str.split('').reduce((prevHash, currVal) => (((prevHash << 5) - prevHash) + currVal.charCodeAt(0))|0, 0); } function isSecondMessageNewEChat(node) { return jQuery(node).length === 1 && jQuery(node)[0].className === 'client' && jQuery(node).siblings('.client').length === 0; } function isSecondMessageFromBRSCentralEChat(node) { return jQuery(node).find('.first_in_group.tcChat_agentLine').length > 0 && jQuery('.agentMsg').length == 2 && jQuery(node).find('td').last().find('.agentMsg').length > 0; } function isSecondMessageFromAliantEChat(node) { return jQuery(node).find('#message-2').length > 0 && jQuery('#message-2').parents('#msg_container').length > 0; } function isAliantEChatOpened(node) { return jQuery(node).find('#egain-chat-iframe').length > 0; } jQuery(document).ready(function () { setUpChatObserver(); }); </script> </body> </html>

CINXE.COM

Mobility | Mobile Phone Plans and the Latest Smartphones | Bell Canada