Explore Bell's Cell Phone Plans | Bell Mobility

<!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>Explore Bell's Cell Phone Plans | Bell Mobility | 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="Experience Canada's largest and most reliable 5G network through the cellphone plans provided by Bell. Select the cell phone plan that best suits your requirements." /> <meta property="og:title" content="Explore Bell's Cell Phone Plans | Bell Mobility | Bell Canada" /> <meta property="og:description" content="Experience Canada's largest and most reliable 5G network through the cellphone plans provided by Bell. Select the cell phone plan that best suits your requirements." /> <meta property="og:url" content="https://www.bell.ca/Mobility/Cell_phone_plans" /> <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_Ingite_Rateplans" /> <link rel="canonical" href="https://www.bell.ca/Mobility/Cell_phone_plans" /> <link rel="alternate" hreflang="en-CA" href="https://www.bell.ca/Mobility/Cell_phone_plans" /> <link rel="alternate" hreflang="fr-CA" href="https://www.bell.ca/Mobilite/Forfaits" /> <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>  <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_655891024|rpid=-1136909807|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="bdpnbevydexmaz2eguqq-f-3bc8f5452-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":223,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"7532162b","ak.r":41485,"ak.a2":e,"ak.m":"","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":32926,"ak.gh":"23.220.107.134","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1732523297","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==hl6Zw97mW6QfYLXKa9J+RXqo5nUMiXbAldEhvFAIS8iFFbG0zmpceH1AjfWkTt0vaSqaMaP4aAM9sAPWktOwxUGbutDQu1HmC8jNqJ5ubPKoLTiyMemDPtYuUpMZQu9/oWss0nZ6D6PHIHS0G+vBPTavY9OV/Sh0mRtgwyMMd4tM4BJcxF6mwf/E8X0fXZFY5/+uHM7ToLmBudPrk9Ky6ja4N5kNlgY5p6IbvFQKUe0vVvuawdjiZzPKmh6z6L48q4WeadoyByWCRltHyK/GYzycHlWJHbFWySgsRGbsynz/DqoHOCBPr2jeUCtzTNxDZldFTUWXTQBKkxHs3SdY6QUu4aaF12iVYNvmWRrKV0X3DDxmwTVkWGMAT9ZM90VcPor0DVIwYtO/i4clsUev2I7JNopV9vAl4XtZVqHffL8=","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-ingite-rateplans 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/Forfaits">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=""> <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="g-connector-active"> <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/Forfaits">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 " role="listitem"> <a href="/Mobility" class="btn focusable-element" >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 active" role="listitem"> <a href="/Mobility/Cell_phone_plans" class="btn focusable-element" aria-current=page>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="c1990778-edaf-4984-aae0-e017a102b76d" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="AB" /> <label class="" for="c1990778-edaf-4984-aae0-e017a102b76d"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="022a5965-906a-4a65-98f2-ca02031ab5e2" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="BC" /> <label class="" for="022a5965-906a-4a65-98f2-ca02031ab5e2"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="68ec8466-035e-4c2f-ae9c-a1a8dc1f53d1" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="MB" /> <label class="" for="68ec8466-035e-4c2f-ae9c-a1a8dc1f53d1"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="60ee7a09-9fe9-4b45-a422-bfc5fa49b486" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="NB" /> <label class="" for="60ee7a09-9fe9-4b45-a422-bfc5fa49b486"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="5e9b5be9-7425-4727-ad97-4466631d7ad1" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="NL" /> <label class="" for="5e9b5be9-7425-4727-ad97-4466631d7ad1"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="48d598b5-5ed4-4df4-a3d1-85acbb79db86" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="NT" /> <label class="" for="48d598b5-5ed4-4df4-a3d1-85acbb79db86"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="91ddf1bc-6585-4e6f-b317-825cd22d02a7" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="NS" /> <label class="" for="91ddf1bc-6585-4e6f-b317-825cd22d02a7"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="de857be9-8b93-4737-b1aa-a26abf132fe8" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="NU" /> <label class="" for="de857be9-8b93-4737-b1aa-a26abf132fe8"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="7b7ae202-fb14-4eef-aa2c-c51a89d7a03c" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="7b7ae202-fb14-4eef-aa2c-c51a89d7a03c"> <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="510a6296-2210-494d-ae29-3603974e1e9d" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="PE" /> <label class="" for="510a6296-2210-494d-ae29-3603974e1e9d"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="465fac2a-5d9b-4547-bd65-2dafbae5fd20" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="QC" /> <label class="" for="465fac2a-5d9b-4547-bd65-2dafbae5fd20"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="46ec1b43-4960-44ad-9968-5da5fc053d9d" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="SK" /> <label class="" for="46ec1b43-4960-44ad-9968-5da5fc053d9d"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="672f2337-7be1-4b8f-add9-57c836f40be4" type="radio" role="option" tabindex="0" name="province-5af5335e-0a0f-4017-bf64-82eacb35a59a" value="YT" /> <label class="" for="672f2337-7be1-4b8f-add9-57c836f40be4"> <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="true" 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="d83776e9-d0a1-419a-b78c-13c9560e006c" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="AB" /> <label class="" for="d83776e9-d0a1-419a-b78c-13c9560e006c"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="da15c0c5-c39b-4e7e-bbe2-8909c4936339" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="BC" /> <label class="" for="da15c0c5-c39b-4e7e-bbe2-8909c4936339"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="635e47ef-2bf9-4025-bee7-1d8668fb1cb4" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="MB" /> <label class="" for="635e47ef-2bf9-4025-bee7-1d8668fb1cb4"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="1ebeaae3-0dd5-44f6-ada2-c2330d94e2fb" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="NB" /> <label class="" for="1ebeaae3-0dd5-44f6-ada2-c2330d94e2fb"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="cbb29cfa-2134-42ce-b806-7a716b6939fc" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="NL" /> <label class="" for="cbb29cfa-2134-42ce-b806-7a716b6939fc"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="0cf3bc7b-2289-4e6e-8e93-80af1587ffd1" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="NT" /> <label class="" for="0cf3bc7b-2289-4e6e-8e93-80af1587ffd1"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="5d9e5c4d-0ad5-4105-b60f-1270add114b8" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="NS" /> <label class="" for="5d9e5c4d-0ad5-4105-b60f-1270add114b8"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="2cd474c8-0d36-4706-af5d-e3016c7eae87" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="NU" /> <label class="" for="2cd474c8-0d36-4706-af5d-e3016c7eae87"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="2f2729ad-06bf-48a5-9b7f-6af2a526620e" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="2f2729ad-06bf-48a5-9b7f-6af2a526620e"> <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="1cfa4bac-bfac-44fe-bbdf-902b57464523" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="PE" /> <label class="" for="1cfa4bac-bfac-44fe-bbdf-902b57464523"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="7960aec1-7289-45e3-9b8b-7c84c271f9a0" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="QC" /> <label class="" for="7960aec1-7289-45e3-9b8b-7c84c271f9a0"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="9faae3d8-6121-4b80-baf0-de76e2aab347" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="SK" /> <label class="" for="9faae3d8-6121-4b80-baf0-de76e2aab347"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="536da377-82ba-46e7-9edd-62f7c92afacf" type="radio" role="option" tabindex="0" name="province-ff07a0e6-23e6-440e-b163-e79ba7f3b1be" value="YT" /> <label class="" for="536da377-82ba-46e7-9edd-62f7c92afacf"> <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">Explore Bell's Cell Phone Plans </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 class="multi-column"> <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> <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/Smartphones_and_mobile_internet_devices#INT=ALL_TopNav_BTN_ViewAllPlans_Mass_081224_rm_Top">View all devices</a> </div> <a class="btn sub-nav-button hide-in-sticky show-in-sticky-sm margin-l-auto txtNoWrap" href="/Mobility/Smartphones_and_mobile_internet_devices#INT=ALL_TopNav_BTN_ViewAllPlans_Mass_081224_rm_Top">View all devices</a> </div> </div> </div> </section> </div> <div class="multi-column"> <section id="page-title-section" class="bg-very-light-grey"> <div id="page-title-container" class="container"> <h2 class="title pad-t-45 pad-t-xs-30"> Rate plans </h2> </div> </section> <style> .tab-control .header-tab-control { overflow: unset; } </style> <section id="sub-nav-section" class="bg-very-light-grey focus_outline_gray margin-b-sm-30 margin-b-45"> <div id="sub-nav-tab-control" class="tab-control tab-control-overflow"> <div class="container header-tab-control accessibility-nav-overflow-fix"> <button style="display:none;" class="nav-button nav-tab-btn-prev margin-t-15" aria-labelledby="page-title-section navPrev-sr"></button> <div class="nav-tab-container" tabindex="-1"> <ul class="margin-b-30 noBullets d-flex nav-tab-content">  <li id="Bring-your-own-phone"><a id="tablist-tabpanel-active-tab" href="/Mobility/Cell_phone_plans" class="active" aria-current="page">Bring your own phone</a></li> <li id="Buy-a-new-phone"><a id="" href="/Mobility/Cell_phone_plans/Buy-a-new-phone" class="">Buy a new phone</a></li> <li id="Specialized-plans"><a id="" href="/Mobility/Cell_phone_plans/Specialized-Plans" class="">Specialized plans</a></li> </ul> </div> <button style="display:none;" class="nav-button nav-tab-btn-next margin-t-15" aria-labelledby="page-title-section navNext-sr"></button> </div> </div>  </section> </div> <style> .abandoned-cart-container { margin-bottom: 40px; } @media (max-width: 991px) { .abandoned-cart-container { margin-bottom: 30px; } } </style> <section id="stripe-template" aria-label="Special offers"> <span class="sr-only">is docked to bottom</span>  <div class="Global_Stripe_Template_4 wrapper-custom-spacing"> <div class="container bg-style rsx-txt-white txtWhite"> <div class="container-flex-box-wrap"> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 pad-h-15 margin-auto"> <h2 id="Title_Global_Stripe_4" class="compatible_title"> <!- Mobility - Rate plan - Bring your own phone --> <span class='region-text' data-region-text='_MFAQN'>Black Friday Event</span> </h2> <div class="compatible_subtitle">Get amazing offers on rate plans.</div> <div class="compatible_decsription"> <style> .wrapper-custom-spacing { padding-bottom: 30px; } </style> </div> </div> <div class="col-2 col-lg-2 col-md-2 col-sm-2 hide-xs"> <div class="StripeImage"> <span class='region-text' data-region-text='_MFAUJ'><img alt="" class="img-responsive" src="/Styles/images/img_BlackFriday_promo_stripe_Mobility.png"> <style> #stripe-template .container { padding: 0px 15px !important; } .StripeImage img, .dockbar-img img { margin-bottom: 0px; width: 140px; } @media (max-width: 1100px) { #stripe-template .container { padding: 10px 15px !important; } .StripeImage img { margin-bottom: -10px; width: 120px; } } @media (max-width: 768px) { #stripe-template .container { padding: 15px 10px !important; } } </style></span> </div> </div> </div> </div> <div> </div> </div> <style> .Global_Stripe_Template_4 .container { background: linear-gradient(to right, #000000, #01205B); margin-bottom: 0; margin: 0 auto; padding: 15px 15px; border-radius: 10px; max-width:100%; } .margin-auto {margin: auto auto;} .wrapper-custom-spacing {margin: 30px 30px;} @media (max-width: 1000px) { .wrapper-custom-spacing { margin: 15px 15px; } } @media(min-width:640px) { .StripeImage img { float: right; } } /* Old CSS */ .container-flex-box-wrap { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .compatible_title { font-size: 24px; line-height: 28px; font-family: "bellslim_font_black", Helvetica, Arial, sans-serif; color: #fff; } .compatible_subtitle { font-size: 22px; line-height: 28px; font-family: "bellslim_font_heavy", Helvetica, Arial, sans-serif; color: #fff; } .compatible_decsription { font-size: 14px; font-family: Helvetica, Arial, sans-serif; letter-spacing: normal; line-height: 22px; font-weight: normal; margin-top: 5px; color: #fff; } #stripe-template .emoji { position: relative; top: -6px; } #stripe-template a, #stripe-template a { color: #FFF !important; /* text-decoration: underline !important; */ } #stripe-template a { text-decoration: none !important; } #stripe-template a:hover { text-decoration: underline !important; } @media(max-width:639px) { .compatible_title { font-size: 22px; line-height: 26px; } .compatible_subtitle { font-size: 20px; line-height: 24px; } .compatible_image { padding-bottom: 15px; } #stripe-template .container { margin-left: 0px; margin-right: 0px; padding-left: 10px; padding-right: 10px; } } @media (max-width:767px) { .hide-xs { display: none; } } </style> </section> <script> (function ($) { const stripeCloseByMinutes = 30; const studentDockBarCloseCookieName = "StudentDockbarClose"; //global change for stripe closing cookie setup. not displaying dockbar for 30 mins try { const setCookieByMinutes = (name, value, timeByMinutes) => { const date = new Date(); date.setTime(date.getTime() + (timeByMinutes * 60 * 1000)); const expires = `expires=${date.toUTCString()}`; document.cookie = `${name}=${value};${expires};path=/`; }; const getCookieByName = (cookieName) => { const name = `${cookieName}=`; const decodedCookie = decodeURIComponent(document.cookie); const cookieArray = decodedCookie.split(';'); for (let cookie of cookieArray) { while (cookie.charAt(0) === ' ') { cookie = cookie.substring(1); } if (cookie.indexOf(name) === 0) { return cookie.substring(name.length, cookie.length); } } return ""; }; if (getCookieByName(studentDockBarCloseCookieName)) $("#dockbar").hide(); else $("#dockbar-close").on("click tougchstart", function () { setCookieByMinutes(studentDockBarCloseCookieName, true, stripeCloseByMinutes); }) } catch (ex) { console.warn(ex); } }(jQuery)) </script> <div class="multi-column"> <script> let prehiddenPlans = ["01bbf641-11f8-4073-8118-657b7a1aaadf","7aa3b0d0-cdd1-494a-8656-7ffb3b395a57","5211312d-cf01-4151-8395-27416139d060","bb010b36-574f-4aae-9a7e-210566083d4e","7887692c-39ce-4109-b3c6-37a8a52e6bd5","5d850c75-9854-42da-af30-8117b15e43d8","79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d","f6611f3b-1771-4d38-9ec0-191cf844fc55"]; document.addEventListener("DOMContentLoaded", () => { hidePlansFromRateplanByMAS(prehiddenPlans); }) </script> <style> .bg-bf-cm { background: linear-gradient(90deg, #00549a, black) !important; padding: 30px 10px 15px 30px !important; color: #FFF !important; font-family: bellslim_font_black, Helvetica, Arial, sans-serif !important; line-height: 18px !important; border-radius: 6px !important; font-weight: 700 !important; color: white; } @media (max-width: 768px) { .bg-bf-cm { padding: 20px 10px 15px !important; } } </style>  </div> <section class="margin-b-xs-30 margin-b-45 container"> <div class="tablist-pills-container tablist-pills-container-blue flex justify-content-center txtSize16 txtSize12-xs margin-b-xs-15 margin-b-30"> <ul class="actual-tabs-controller-js tabpanel-slider-tablist tab-pills-focus" role="tablist" data-tab-panels-container="#tab-panels-pills-container" aria-label="How many lines does your business need"> <li onclick="window.location.href='https://www.bell.ca/Mobility/Cell_phone_plans/With_Internet.tab'" class="pad-v-10 pad-h-25 flex align-items-center justify-center pad-v-xs-5 txtNoWrap pad-h-xs-15 active" id="enhance-tab-1" role="tab" tabindex="0" aria-selected="true"> <span>With Internet</span> </li> <li onclick="window.location.href='https://www.bell.ca/Mobility/Cell_phone_plans/Mobility_only.tab'" class="pad-v-10 pad-h-25 flex align-items-center justify-center pad-v-xs-5 txtNoWrap pad-h-xs-15 " id="enhance-tab-2" role="tab" tabindex="0" aria-selected="false"> <span>Mobility only</span> </li> </ul> </div> </section> <script> $(document).ready(function () { $('.actual-tabs-controller-js > li').each(function () { var current = $(this); if (!(current).hasClass('active')) { current.attr('tabindex', '-1') } }) }); </script> <div id="tab-target" role="tabpanel" aria-labelledby="enhance-tab-1"> <div class="tab-injected" data-tab-id="1" id="tabinjection-1"> <section> <div class="container txtCenter"> <h2 class="small-title pad-b-10" id="services_header_target">Existing Bell Internet customers save up to <span class="txtBlue" aria-hidden="true">$15/mo.</span><span class="sr-only">$15 per month</span> when they activate an Ultimate plan.<sup class='legaltext' data-legal='MZUST'>2</sup></h2>  </div> </section> <section class="pad-t-20 margin-b-20 hide" id="aeroplanBanner"> <div class="container"> <div class="bg-bell-blue box-round pad-20 focus_outline_blue"> <div class="col-12 text-center"> <p class="position-relative txtWhite margin-0 aeroplan-banner-txt pad-l-xs-45"> <span class="anchor-icon icon txtSize22 icon-promo_bl_wot pad-r-20 mobile-styling" aria-hidden="true"></span> <span>Earn 7,500 Aeroplan<sup>®</sup> points when you activate a new phone on a 2-year unlimited plan in store. <a href="https://www.bell.ca/Store_Locator?filter=BEL#INT=MOB_TXT_AeroplanStripe_100323_HC" class="txtWhite mb-omni-link-js" data-di-id="di-id-c79aae8d-a7576038" data-omnimbid="MB:aeroplanBanner">Find a Bell store.</a></span></p> </div> </div> </div> </section> <style> @media (max-width: 767px){ .mobile-styling { position: absolute; left: 0; top: 0; } .aeroplan-banner-txt { text-align:left; } } </style> <link href="/styles/RSX/shop/css/custom/customPromotionPlanList.css" rel="stylesheet" /> <script src="/Styles/RSX/shop/js/custom/unlimited-rateplan-listing.js?v=1.1A"></script> <link href="/styles/media/Mobility/css/device-details/custom-rateplan.css?v=1.0.jWXBx" rel="stylesheet" /> <link href="/styles/media/Mobility/css/custom/mobility-cross-sell.css" rel="stylesheet" /> <section id="rateplanHomeInternet" class="home-internet container margin-t-30 margin-b-30 margin-b-sm-20 margin-b-xs-10 focus_outline_gray">  <div id="rateplanHomeInternetQC_fbebbfa7-2eb6-43e9-84cf-75375d2b929e" class="unlimited_fbebbfa7-2eb6-43e9-84cf-75375d2b929e rp-unlimited-list infoblock-slider container-flex-box-wrap column-spacer-15 column-spacer-xs-15 same-height-wrap" data-same-height-skip="m" data-slick-title="Unlimited data plans"> <div class="rateplan-row rateplan-int-qc-carousel rateplan-carousel"> <div id="plan_7887692c-39ce-4109-b3c6-37a8a52e6bd5" class=" pad-h-xs-15 margin-b-20 same-height rateplan-inner-slider" data-product-id="7887692c-39ce-4109-b3c6-37a8a52e6bd5" data-same-height-index="13"> <div class="box-shadow-round box-shadow-round border-gray2 "> <div class="margin-b-20 margin-b-xs-15">  <div class="same-height" data-same-height-index="8">  <div class="pad-t-30 same-height" data-same-height-index="1">  <div class="pad-l-15" style="min-height:40px;"><p class="internet-packages-tag pure-fibre-tag">5G</p></div> <div class="same-height" data-same-height-index="3"> <h2 class="small-title pad-h-15" id="product-id-7887692c-39ce-4109-b3c6-37a8a52e6bd5"> Extra 120 </h2> </div>  <div id="price_7887692c-39ce-4109-b3c6-37a8a52e6bd5" class="pad-h-15 pad-h-lg-30"> <div class="pricing-section"> <div class="card-price margin-b-10"> <div style="min-height:20px"> <div class="pad-t-xs-10 1big-price 1strike-thru hs-sm-price 1same-height" data-same-height-index="4" aria-hidden="true"> <span>$</span>55<span>.00/mo.</span> </div> <span class="sr-only">55 dollars per month old price stricken</span> </div> <div class="big-price hs-price"> <span>$</span>45<span>.00/mo.<sup class='legaltext' data-legal='MZUST'>2</sup></span> </div> </div> <p class="small-text no-margin" style="min-height:28px;"> <span> Price includes Autopay credit.<sup class='legaltext' data-legal='WUXQQS'>3</sup> </span> </p> </div> </div>  </div> <div class="pad-t-15 pad-b-10 pad-h-15"> <div class="border-t-light-grey"></div> </div> <div class="same-height" data-same-height-index="12">  <div> <div class="d-flex same-height pad-l-5 pad-r-15 margin-b-5" data-same-height-index="2"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-data_internet_usage_3 color-bell-blue txtSize36" aria-hidden="true"></span> </div> <div class="flex1"> <p class="surtitle-black mb-0 pad-t-10 txtSize18">120 GB </p> <p class="small-text no-margin">non-shareable data at speeds up to 250 Mbps & unlimited data at up to 256 Kbps thereafter<sup class='legaltext' data-legal='WUXPQI'>4</sup></p> </div> </div> </div> <div> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> </div> <div> <div class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="3"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobile-tower-signal color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0">5G network<sup class='legaltext' data-legal='WUXOUN'>5</sup></p> </div> </div> <div class="d-flex same-height pad-l-5 pad-r-15 pad-b-5" data-same-height-index="4"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobileSD_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> SD video <span class="d-inline-block"> streaming* <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="SD video streaming" data-content="<div><p>Standard definition video quality is up to 480p. Boost to HD streaming for <span aria-hidden='true'>$5/mo</span><span class='sr-only'>$5 per month</span>.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>Standard definition video quality is up to 480p. Boost to HD streaming for <span aria-hidden='true'>$5/mo</span><span class='sr-only'>$5 per month</span>.</p></div>"> </span> </span> </p> </div> </div> <div class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="7"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mms_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited calling, texting & data in Canada<sup class='legaltext' data-legal='WUXPRJ'>6</sup> </p> </div> </div> <div class="d-flex same-height pad-l-5 pad-r-15 pad-b-10 pad-b-sm-5" data-same-height-index="6"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-chat_texting_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited international texting<span class="sr-only"> Footnote</span><sup class='legaltext' data-legal='WUXPNB'>7</sup><span class="sr-only"> 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 bell.ca/internationaltext for details.</span> </p> </div> </div> <div class="d-flex same-height pad-l-5 pad-r-15 pad-b-5" data-same-height-index="4"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-long_distance_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> 1000 international minutes<span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="SD video streaming" data-content="<div><p>Eligible countries include: India, China, Hong Kong, United Kingdom, Mexico, Bangladesh.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>Eligible countries include: India, China, Hong Kong, United Kingdom, Mexico, Bangladesh.</p></div>"> </span> </span> </p> </div> </div> </div> </div> </div>  <div class="mb-0 pad-h-15 pad-t-10 pad-b-20 pad-t-sm-15 same-height" data-same-height-index="9"> </div> </div> <div class="1margin-t-30 cta-section 1same-height bg-very-light-grey border-t-light-grey borderRadiusBottom10 " style="min-height:120px;">  <div class="same-height rateplan-cta" data-same-height-index="11"> <div class="rateplan-cta"> <div class="regular-plan-cta" style="display: flex;flex-direction: column;align-items: flex-start;"> <div class="surtitle-black pad-15 get-started"> </div>  <div id="byo-cta-btn-7887692c-39ce-4109-b3c6-37a8a52e6bd5" class="prodDetailBuyButton pad-l-15 pad-r-15 margin-b-xs-10"> <button id="btn-bnp-7887692c-39ce-4109-b3c6-37a8a52e6bd5" data-rate-plan-id="7887692c-39ce-4109-b3c6-37a8a52e6bd5" data-rate-plan-soc="RPRBY120G" onclick="return enterSimBYOPFlow(this);" class="btn btn-rateplan btn-primary" aria-labelledby="btn-bnp-7887692c-39ce-4109-b3c6-37a8a52e6bd5 product-id-7887692c-39ce-4109-b3c6-37a8a52e6bd5" data-toggle='modal'> Order now</button> </div> </div> </div> </div>   <div id="activation_7887692c-39ce-4109-b3c6-37a8a52e6bd5" class="pad-h-15 pad-h-lg-30 pad-t-10 pad-b-xs-30"> <div class="same-height" data-same-height-index="2"> <div style="min-height:30px;"> <p class="small-text no-margin d-block hs-offer-end-date">Offer ends July 7, 2024.</p>  <div id="activationtext_7887692c-39ce-4109-b3c6-37a8a52e6bd5" class="small-text no-margin d-block"> New activations only; must bring your own phone. </div> </div>  </div> </div>  </div> </div> </div> <div id="plan_d0198111-4b79-429b-89b3-30d558f81165" class=" pad-h-xs-15 margin-b-20 same-height rateplan-inner-slider" data-product-id="d0198111-4b79-429b-89b3-30d558f81165" data-same-height-index="13"> <div class="box-shadow-round box-shadow-round border-gray2 "> <div class="margin-b-20 margin-b-xs-15">  <div class="same-height" data-same-height-index="8">  <div class="pad-t-30 same-height" data-same-height-index="1">  <div class="pad-l-15" style="min-height:40px;"><p class="internet-packages-tag pure-fibre-tag">5G+</p></div> <div class="same-height" data-same-height-index="3"> <h2 class="small-title pad-h-15" id="product-id-d0198111-4b79-429b-89b3-30d558f81165"> Ultimate 100 </h2> </div>  <div id="price_d0198111-4b79-429b-89b3-30d558f81165" class="pad-h-15 pad-h-lg-30"> <div class="pricing-section"> <div class="card-price margin-b-10"> <div style="min-height:20px"> <div class="pad-t-xs-10 1big-price 1strike-thru hs-sm-price 1same-height" data-same-height-index="4" aria-hidden="true"> <span>$</span>75<span>.00/mo.</span> </div> <span class="sr-only">75 dollars per month old price stricken</span> </div> <div class="big-price hs-price"> <span>$</span>50<span>.00/mo.<sup class='legaltext' data-legal='MZUST'>2</sup></span> </div> </div> <p class="small-text no-margin" style="min-height:28px;"> <span> When you bundle with Internet. Includes Autopay credit.<sup class='legaltext' data-legal='WUXQQT'>8</sup> </span> </p> </div> </div>  </div> <div class="pad-t-15 pad-b-10 pad-h-15"> <div class="border-t-light-grey"></div> </div> <div class="same-height" data-same-height-index="12">  <div> <div class="d-flex same-height pad-l-5 pad-r-15 margin-b-5" data-same-height-index="2"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-data_internet_usage_2 color-bell-blue txtSize26" aria-hidden="true"></span> </div> <div class="flex1"> <p class="surtitle-black mb-0 pad-t-10 txtSize18">100 GB </p> <p class="small-text no-margin">shareable data at our fastest available 5G+ speeds & unlimited data at up to 512 Kbps thereafter<sup class='legaltext' data-legal='WUXPQI'>4</sup></p> </div> </div> <div> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> </div> </div> <ul class="pad-l-0 margin-b-0"> <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="3"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobile-tower-signal color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0">5G+ network access<sup class='legaltext' data-legal='WUXOUN'>5</sup></p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15 pad-b-5" data-same-height-index="4"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobileSD_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> SD video <span class="d-inline-block"> streaming <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="SD video streaming" data-content="<div><p>Standard definition video quality is up to 480p. Boost to HD streaming for <span aria-hidden='true'>$5/mo</span><span class='sr-only'>$5 per month</span>.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>Standard definition video quality is up to 480p. Boost to HD streaming for <span aria-hidden='true'>$5/mo</span><span class='sr-only'>$5 per month</span>.</p></div>"> </span> </span> </p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="5"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-wireless_bl_wot color-bell-blue txtSize30" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Hotspot <span class="d-inline-block"> capabilities <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="Hotspot capabilities" data-content="<div><p>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.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>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.</p></div>"> </span> </span> </p> </div> </li>  <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="6"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mms_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited calling, texting & data in Canada<sup class='legaltext' data-legal='WUXPRJ'>6</sup> </p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15 pad-b-10 pad-b-sm-5" data-same-height-index="6"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-chat_texting_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited international texting<span class="sr-only"> Footnote</span><sup class='legaltext' data-legal='WUXPNB'>7</sup><span class="sr-only"> 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 bell.ca/internationaltext for details.</span> </p> </div> </li> </ul> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> <div style="margin: 15px;"><img alt="Crave logo" src="/Styles/images/logo_Crave.jpg" class=" " style="height: 20px;padding-bottom: 3px;display: inline-block;"><strong> Crave Basic with Ads <sup class='legaltext' data-legal='WUXPRQ'>9</sup></strong> </div> </div> </div>  <div class="mb-0 pad-h-15 pad-t-10 pad-b-20 pad-t-sm-15 same-height" data-same-height-index="9"> </div> </div> <div class="1margin-t-30 cta-section 1same-height bg-very-light-grey border-t-light-grey borderRadiusBottom10 " style="min-height:120px;">  <div class="same-height rateplan-cta" data-same-height-index="11"> <div class="rateplan-cta"> <div class="regular-plan-cta" style="display: flex;flex-direction: column;align-items: flex-start;"> <div class="surtitle-black pad-15 get-started"> </div>  <div id="byo-cta-btn-d0198111-4b79-429b-89b3-30d558f81165" class="prodDetailBuyButton pad-l-15 pad-r-15 margin-b-xs-10"> <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-primary" 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 id="activation_d0198111-4b79-429b-89b3-30d558f81165" class="pad-h-15 pad-h-lg-30 pad-t-10 pad-b-xs-30"> <div class="same-height" data-same-height-index="2"> <div style="min-height:30px;"> <p class="small-text no-margin d-block hs-offer-end-date">Offer ends July 7, 2024.</p>  <div id="activationtext_d0198111-4b79-429b-89b3-30d558f81165" class="small-text no-margin d-block"> New activations only; must bring your own phone. </div> </div>  </div> </div>  </div> </div> </div> <div id="plan_8e4f1de1-9b9f-4208-8ea0-564cdb12c686" class=" pad-h-xs-15 margin-b-20 same-height rateplan-inner-slider" data-product-id="8e4f1de1-9b9f-4208-8ea0-564cdb12c686" data-same-height-index="13"> <div class="box-shadow-round box-shadow-round border-gray2 "> <div class="margin-b-20 margin-b-xs-15">  <div class="same-height" data-same-height-index="8">  <div class="pad-t-30 same-height" data-same-height-index="1">  <div class="pad-l-15" style="min-height:40px;"><p class="internet-packages-tag pure-fibre-tag">5G+</p></div> <div class="same-height" data-same-height-index="3"> <h2 class="small-title pad-h-15" id="product-id-8e4f1de1-9b9f-4208-8ea0-564cdb12c686"> Ultimate 175 </h2> </div>  <div id="price_8e4f1de1-9b9f-4208-8ea0-564cdb12c686" class="pad-h-15 pad-h-lg-30"> <div class="pricing-section"> <div class="card-price margin-b-10"> <div style="min-height:20px"> <div class="pad-t-xs-10 1big-price 1strike-thru hs-sm-price 1same-height" data-same-height-index="4" aria-hidden="true"> <span>$</span>90<span>.00/mo.</span> </div> <span class="sr-only">90 dollars per month old price stricken</span> </div> <div class="big-price hs-price"> <span>$</span>65<span>.00/mo.<sup class='legaltext' data-legal='MZUST'>2</sup></span> </div> </div> <p class="small-text no-margin" style="min-height:28px;"> <span> When you bundle with Internet. Includes Autopay credit.<sup class='legaltext' data-legal='WUXQQT'>8</sup> </span> </p> </div> </div>  </div> <div class="pad-t-15 pad-b-10 pad-h-15"> <div class="border-t-light-grey"></div> </div> <div class="same-height" data-same-height-index="12">  <div> <div class="d-flex same-height pad-l-5 pad-r-15 margin-b-5" data-same-height-index="2"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-data_internet_usage_4_bl_wot color-bell-blue txtSize30" aria-hidden="true"></span> </div> <div class="flex1"> <p class="surtitle-black mb-0 pad-t-10 txtSize18"> 175 GB </p> <p class="small-text no-margin">shareable data at our fastest available 5G+ speeds & unlimited data at up to 512 Kbps thereafter<sup class='legaltext' data-legal='WUXPQI'>4</sup></p> </div> </div> </div> <div> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> </div> <ul class="pad-l-0 margin-b-0"> <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="3"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobile-tower-signal color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0">5G+ network access<sup class='legaltext' data-legal='WUXOUN'>5</sup></p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15 pad-b-5" data-same-height-index="4"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobileSD_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> SD video <span class="d-inline-block"> streaming* <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="SD video streaming" data-content="<div><p>Standard definition video quality is up to 480p. Boost to HD streaming for <span aria-hidden='true'>$5/mo</span><span class='sr-only'>$5 per month</span>.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>Standard definition video quality is up to 480p. Boost to HD streaming for <span aria-hidden='true'>$5/mo</span><span class='sr-only'>$5 per month</span>.</p></div>"> </span> </span> </p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="5"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-wireless_bl_wot color-bell-blue txtSize30" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Hotspot <span class="d-inline-block"> capabilities <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="Hotspot capabilities" data-content="<div><p>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.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>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.</p></div>"> </span> </span> </p> </div> </li>  <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="7"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mms_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited calling, texting & data in Canada<sup class='legaltext' data-legal='WUXPRJ'>6</sup> </p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15 pad-b-10 pad-b-sm-5" data-same-height-index="7"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-chat_texting_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited international texting<span class="sr-only"> Footnote</span><sup class='legaltext' data-legal='WUXPNB'>7</sup><span class="sr-only"> 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 bell.ca/internationaltext for details.</span> </p> </div> </li> </ul> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> <div style="margin: 15px;"><img alt="Crave logo" src="/Styles/images/logo_Crave.jpg" class=" " style="height: 20px;padding-bottom: 3px;display: inline-block;"><strong> Crave Basic with Ads <sup class='legaltext' data-legal='WUXPRQ'>9</sup></strong> </div>  <style> .dimension-fix { width: 60px; } </style> </div> </div>  <div class="mb-0 pad-h-15 pad-t-10 pad-b-20 pad-t-sm-15 same-height" data-same-height-index="9"> </div> </div> <div class="1margin-t-30 cta-section 1same-height bg-very-light-grey border-t-light-grey borderRadiusBottom10 " style="min-height:120px;">  <div class="same-height rateplan-cta" data-same-height-index="11"> <div class="rateplan-cta"> <div class="regular-plan-cta" style="display: flex;flex-direction: column;align-items: flex-start;"> <div class="surtitle-black pad-15 get-started"> </div>  <div id="byo-cta-btn-8e4f1de1-9b9f-4208-8ea0-564cdb12c686" class="prodDetailBuyButton pad-l-15 pad-r-15 margin-b-xs-10"> <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-primary" 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 id="activation_8e4f1de1-9b9f-4208-8ea0-564cdb12c686" class="pad-h-15 pad-h-lg-30 pad-t-10 pad-b-xs-30"> <div class="same-height" data-same-height-index="2"> <div style="min-height:30px;"> <p class="small-text no-margin d-block hs-offer-end-date">Offer ends July 7, 2024.</p>  <div id="activationtext_8e4f1de1-9b9f-4208-8ea0-564cdb12c686" class="small-text no-margin d-block"> New activations only; must bring your own phone. </div> </div>  </div> </div>  </div> </div> </div> <div id="plan_5d850c75-9854-42da-af30-8117b15e43d8" class=" pad-h-xs-15 margin-b-20 same-height rateplan-inner-slider" data-product-id="5d850c75-9854-42da-af30-8117b15e43d8" data-same-height-index="13"> <div class="box-shadow-round box-shadow-round border-gray2 "> <div class="margin-b-20 margin-b-xs-15">  <div class="same-height" data-same-height-index="8">  <div class="pad-t-30 same-height" data-same-height-index="1">  <div class="pad-l-15" style="min-height:40px;"><p class="internet-packages-tag pure-fibre-tag">5G+</p></div> <div class="same-height" data-same-height-index="3"> <h2 class="small-title pad-h-15" id="product-id-5d850c75-9854-42da-af30-8117b15e43d8"> Ultimate 200 </h2> </div>  <div id="price_5d850c75-9854-42da-af30-8117b15e43d8" class="pad-h-15 pad-h-lg-30"> <div class="pricing-section"> <div class="card-price margin-b-10"> <div style="min-height:20px"> <div class="pad-t-xs-10 1big-price 1strike-thru hs-sm-price 1same-height" data-same-height-index="4" aria-hidden="true"> <span>$</span>60<span>.00/mo.</span> </div> <span class="sr-only">60 dollars per month old price stricken</span> </div> <div class="big-price hs-price"> <span>$</span>50<span>.00/mo.<sup class='legaltext' data-legal='MZUST'>2</sup></span> </div> </div> <p class="small-text no-margin" style="min-height:28px;"> <span> Price includes Autopay credit.<sup class='legaltext' data-legal='WUXQQS'>3</sup> </span> </p> </div> </div>  </div> <div class="pad-t-15 pad-b-10 pad-h-15"> <div class="border-t-light-grey"></div> </div> <div class="same-height" data-same-height-index="12">  <div> <div class="d-flex same-height pad-l-5 pad-r-15 margin-b-5" data-same-height-index="2"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-data_internet_usage_5 color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1"> <p class="surtitle-black mb-0 pad-t-10 txtSize18"> 200 GB </p> <p class="small-text no-margin">shareable data at our fastest available 5G+ speeds & unlimited data at up to 512 Kbps thereafter<sup class='legaltext' data-legal='WUXPQI'>4</sup></p> </div> </div> </div> <div> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> </div> <ul class="pad-l-0 margin-b-0"> <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="3"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobile-tower-signal color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0">5G+ network access<sup class='legaltext' data-legal='WUXOUN'>5</sup></p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15 pad-b-5" data-same-height-index="4"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobileSD_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> SD video <span class="d-inline-block"> streaming* <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="SD video streaming" data-content="<div><p>Standard definition video quality is up to 480p. Boost to HD streaming for <span aria-hidden='true'>$5/mo</span><span class='sr-only'>$5 per month</span>.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>Standard definition video quality is up to 480p. Boost to HD streaming for <span aria-hidden='true'>$5/mo</span><span class='sr-only'>$5 per month</span>.</p></div>"> </span> </span> </p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="5"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-wireless_bl_wot color-bell-blue txtSize30" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Hotspot <span class="d-inline-block"> capabilities <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="Hotspot capabilities" data-content="<div><p>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.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>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.</p></div>"> </span> </span> </p> </div> </li>  <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="6"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mms_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited calling, texting & data in Canada<sup class='legaltext' data-legal='WUXPRJ'>6</sup> </p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15 pad-b-10 pad-b-sm-5" data-same-height-index="6"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-chat_texting_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited international texting<span class="sr-only"> Footnote</span><sup class='legaltext' data-legal='WUXPNB'>7</sup><span class="sr-only"> 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 bell.ca/internationaltext for details.</span> </p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="5"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-long_distance_bl_wot color-bell-blue txtSize30" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> 1000 <span class="d-inline-block"> international minutes <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="Hotspot capabilities" data-content="<div><p>Eligible countries include: India, China, Hong Kong, United Kingdom, Mexico, Bangladesh.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>Eligible countries include: India, China, Hong Kong, United Kingdom, Mexico, Bangladesh.</p></div>"> </span> </span> </p> </div> </li> </ul> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> <div style="padding-left:15px; padding-top:15px;"><img alt="Crave logo" src="/Styles/images/logo_Crave.jpg" class=" " style="height: 20px;padding-bottom: 3px;display: inline-block;"><strong> Crave Basic with Ads <sup class='legaltext' data-legal='WUXPRQ'>9</sup></strong> </div>  <ul class="pad-l-0 margin-b-0"> <li class="d-flex same-height pad-l-5 pad-r-15 pad-b-10 pad-b-sm-5 border-t-light-grey hide-logo" data-same-height-index="19"> <div class="dimension-fix d-inline-flex align-items-center justify-content-center"> <img src="/Styles/images/aeroplan.png" alt="Aeroplan"> </div> <div class="flex1 align-self-center"> <p class="surtitle-black pad-t-10 mb-0"> Earn 30,000 Aeroplan pts when you bring your own phone. </p> </div> </li> </ul> <style> .hide-logo { display:none !important; } .dimension-fix { width: 60px; } </style> </div> </div>  <div class="mb-0 pad-h-15 pad-t-10 pad-b-20 pad-t-sm-15 same-height" data-same-height-index="9"> </div> </div> <div class="1margin-t-30 cta-section 1same-height bg-very-light-grey border-t-light-grey borderRadiusBottom10 " style="min-height:120px;">  <div class="same-height rateplan-cta" data-same-height-index="11"> <div class="rateplan-cta"> <div class="regular-plan-cta" style="display: flex;flex-direction: column;align-items: flex-start;"> <div class="surtitle-black pad-15 get-started"> </div>  <div id="byo-cta-btn-5d850c75-9854-42da-af30-8117b15e43d8" class="prodDetailBuyButton pad-l-15 pad-r-15 margin-b-xs-10"> <button id="btn-bnp-5d850c75-9854-42da-af30-8117b15e43d8" data-rate-plan-id="5d850c75-9854-42da-af30-8117b15e43d8" data-rate-plan-soc="RX200BYA;RX200BY" onclick="return enterSimBYOPFlow(this);" class="btn btn-rateplan btn-primary" aria-labelledby="btn-bnp-5d850c75-9854-42da-af30-8117b15e43d8 product-id-5d850c75-9854-42da-af30-8117b15e43d8" data-toggle='modal'> Order now</button> </div> </div> </div> </div>   <div id="activation_5d850c75-9854-42da-af30-8117b15e43d8" class="pad-h-15 pad-h-lg-30 pad-t-10 pad-b-xs-30"> <div class="same-height" data-same-height-index="2"> <div style="min-height:30px;"> <p class="small-text no-margin d-block hs-offer-end-date">Offer ends July 7, 2024.</p>  <div id="activationtext_5d850c75-9854-42da-af30-8117b15e43d8" class="small-text no-margin d-block"> New activations only; must bring your own phone. </div> </div>  </div> </div>  </div> </div> </div> <div id="plan_79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d" class=" pad-h-xs-15 margin-b-20 same-height rateplan-inner-slider" data-product-id="79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d" data-same-height-index="13"> <div class="box-shadow-round box-shadow-round border-gray2 "> <div class="margin-b-20 margin-b-xs-15">  <div class="same-height" data-same-height-index="8">  <div class="pad-t-30 same-height" data-same-height-index="1">  <div class="pad-l-15" style="min-height:40px;"><p class="internet-packages-tag pure-fibre-tag">5G+</p></div> <div class="same-height" data-same-height-index="3"> <h2 class="small-title pad-h-15" id="product-id-79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d"> Ultimate 200 - CAN/U.S./MEX </h2> </div>  <div id="price_79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d" class="pad-h-15 pad-h-lg-30"> <div class="pricing-section"> <div class="card-price margin-b-10"> <div style="min-height:20px"> <div class="pad-t-xs-10 1big-price 1strike-thru hs-sm-price 1same-height" data-same-height-index="4" aria-hidden="true"> <span>$</span>65<span>.00/mo.</span> </div> <span class="sr-only">65 dollars per month old price stricken</span> </div> <div class="big-price hs-price"> <span>$</span>55<span>.00/mo.<sup class='legaltext' data-legal='MZUST'>2</sup></span> </div> </div> <p class="small-text no-margin" style="min-height:28px;"> <span> Price includes Autopay credit.<sup class='legaltext' data-legal='WUXQQS'>3</sup> </span> </p> </div> </div>  </div> <div class="pad-t-15 pad-b-10 pad-h-15"> <div class="border-t-light-grey"></div> </div> <div class="same-height" data-same-height-index="12">  <div> <div class="d-flex same-height pad-l-5 pad-r-15 margin-b-5" data-same-height-index="2"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-data_internet_usage_5 color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1"> <p class="surtitle-black mb-0 pad-t-10 txtSize18">200 GB </p> <p class="small-text no-margin">shareable data at our fastest available 5G+ speeds & unlimited data at up to 512 Kbps thereafter<sup class='legaltext' data-legal='WUXPQI'>4</sup></p> </div> </div> </div> <div> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> </div> <div> <div class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="3"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobile-tower-signal color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0">5G+ network access<sup class='legaltext' data-legal='WUXOUN'>5</sup></p> </div> </div> <div class="d-flex same-height pad-l-5 pad-r-15 pad-b-5" data-same-height-index="4"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobile_HD_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> HD video <span class="d-inline-block"> streaming* <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="HD video streaming" data-content="<div><p>High definition video quality is 1080p.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<div><p class='margin-b-0'>High definition video quality is 1080p.</p></div>"> <span class="sr-only">Tooltip - Additional information</span> </span> </span> </p> </div> </div> <div class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="5"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-wireless_bl_wot color-bell-blue txtSize30" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Hotspot <span class="d-inline-block"> capabilities <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="Hotspot capabilities" data-content="<div><p>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.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<div><p class='margin-b-0'>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.</p></div>"> <span class="sr-only">Tooltip - Additional information</span> </span> </span> </p> </div> </div> <div class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="7"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mms_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited calling, texting & data in Canada, the U.S. and Mexico<sup class='legaltext' data-legal='WUXQFP'>10</sup> </p> </div> </div> <div class="d-flex same-height pad-l-5 pad-r-15 pad-b-10 pad-b-sm-5" data-same-height-index="6"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-chat_texting_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited international texting<sup class='legaltext' data-legal='WUXPNB'>7</sup> </p> </div> </div> <div class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="7"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-long_distance_bl_wot color-bell-blue txtSize30" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> 1000 <span class="d-inline-block"> international minutes <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="Hotspot capabilities" data-content="<div><p>Eligible countries include: India, China, Hong Kong, United Kingdom, Mexico, Bangladesh.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>Eligible countries include: India, China, Hong Kong, United Kingdom, Mexico, Bangladesh.</p></div>"> </span> </span> </p> </div> </div> </div> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> <div style="padding-left:15px; padding-top:15px;"><img alt="Crave logo" src="/Styles/images/logo_Crave.jpg" class=" " style="height: 20px;padding-bottom: 3px;display: inline-block;"><strong> Crave Basic with Ads <sup class='legaltext' data-legal='WUXPRQ'>9</sup></strong> </div> <style> .hide-logo { display:none !important; } .dimension-fix { width: 60px; } </style> </div> </div>  <div class="mb-0 pad-h-15 pad-t-10 pad-b-20 pad-t-sm-15 same-height" data-same-height-index="9">  </div> </div> <div class="1margin-t-30 cta-section 1same-height bg-very-light-grey border-t-light-grey borderRadiusBottom10 " style="min-height:120px;">  <div class="same-height rateplan-cta" data-same-height-index="11"> <div class="rateplan-cta"> <div class="regular-plan-cta" style="display: flex;flex-direction: column;align-items: flex-start;"> <div class="surtitle-black pad-15 get-started"> </div>  <div id="byo-cta-btn-79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d" class="prodDetailBuyButton pad-l-15 pad-r-15 margin-b-xs-10"> <button id="btn-bnp-79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d" data-rate-plan-id="79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d" data-rate-plan-soc="RXMXBY200;RXMX200BY" onclick="return enterSimBYOPFlow(this);" class="btn btn-rateplan btn-primary" aria-labelledby="btn-bnp-79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d product-id-79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d" data-toggle='modal'> Order now</button> </div> </div> </div> </div>   <div id="activation_79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d" class="pad-h-15 pad-h-lg-30 pad-t-10 pad-b-xs-30"> <div class="same-height" data-same-height-index="2"> <div style="min-height:30px;"> <p class="small-text no-margin d-block hs-offer-end-date">Offer ends July 7, 2024.</p>  <div id="activationtext_79fc62fb-d8d4-450d-8e1a-3ce0bbed9f3d" class="small-text no-margin d-block"> New activations only; must bring your own phone. </div> </div>  </div> </div>  </div> </div> </div> <div id="plan_cdb1736c-e739-402b-b335-5ee4dc7fe44f" class=" pad-h-xs-15 margin-b-20 same-height rateplan-inner-slider" data-product-id="cdb1736c-e739-402b-b335-5ee4dc7fe44f" data-same-height-index="13"> <div class="box-shadow-round box-shadow-round border-gray2 "> <div class="margin-b-20 margin-b-xs-15">  <div class="same-height" data-same-height-index="8">  <div class="pad-t-30 same-height" data-same-height-index="1">  <div class="pad-l-15" style="min-height:40px;"><p class="internet-packages-tag pure-fibre-tag">5G+</p> </div> <div class="same-height" data-same-height-index="3"> <h2 class="small-title pad-h-15" id="product-id-cdb1736c-e739-402b-b335-5ee4dc7fe44f"> Ultimate 200 - CAN/U.S./MEX </h2> </div>  <div id="price_cdb1736c-e739-402b-b335-5ee4dc7fe44f" class="pad-h-15 pad-h-lg-30"> <div class="pricing-section"> <div class="card-price margin-b-10"> <div style="min-height:20px"> <div class="pad-t-xs-10 1big-price 1strike-thru hs-sm-price 1same-height" data-same-height-index="4" aria-hidden="true"> <span>$</span>110<span>.00/mo.</span> </div> <span class="sr-only">110 dollars per month old price stricken</span> </div> <div class="big-price hs-price"> <span>$</span>85<span>.00/mo.<sup class='legaltext' data-legal='MZUST'>2</sup></span> </div> </div> <p class="small-text no-margin" style="min-height:28px;"> <span> When you bundle with Internet. Includes Autopay credit.<sup class='legaltext' data-legal='WUXQQT'>8</sup> </span> </p> </div> </div>  </div> <div class="pad-t-15 pad-b-10 pad-h-15"> <div class="border-t-light-grey"></div> </div> <div class="same-height" data-same-height-index="12">  <div> <div class="d-flex same-height pad-l-5 pad-r-15 margin-b-5" data-same-height-index="2"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-data_internet_usage_5 color-bell-blue txtSize36" aria-hidden="true"></span> </div> <div class="flex1"> <p class="surtitle-black mb-0 pad-t-10 txtSize18">200 GB </p> <p class="small-text no-margin">shareable data at our fastest available 5G+ speeds & unlimited data at up to 512 Kbps thereafter<span class="sr-only"> Footnote</span><sup class='legaltext' data-legal='WUXPQI'>4</sup><span class="sr-only"> Reduced speeds are up to 512 Kbps. A one-time Connection Service Fee ($50) applies per member.</span></p> </div> </div> </div> <div> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> </div> <ul class="pad-l-0 margin-b-0"> <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="3"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobile-tower-signal color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0">5G+ network access<span class="sr-only"> Footnote</span><sup class='legaltext' data-legal='WUXOUN'>5</sup><span class="sr-only"> 5G is available with compatible devices. Coverage is approximate; actual coverage may vary and may not include indoor coverage; see bell.ca/5G. The 5G network symbol appearing on a 5G device while in use means that 5G is available on the Bell network in the surrounding local area of the device. Speed, performance and whether a 5G device uses the available 5G depend on various factors including topography, environmental conditions, the current serving radio conditions at your location, and whether the device is actively downloading or uploading data and subject to Bell’s Internet traffic management practices (e.g., priority access to emergency personnel and critical infrastructure personnel). See bell.ca/ITMP. Outside 5G areas, 5G devices will continue to have access to our fastest 4G speeds available. Starting in select areas of Vancouver, Calgary, Edmonton, Montréal and the Greater Toronto Area.</span></p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15 pad-b-5" data-same-height-index="4"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mobile_HD_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> HD video <span class="d-inline-block"> streaming<sup class='legaltext' data-legal='WUXQEC'>11</sup> <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="HD video streaming" data-content="<div><p>High definition video quality is up to 1080p.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>High definition video quality is up to 1080p.</p></div>"> </span> </span> </p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="5"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-wireless_bl_wot color-bell-blue txtSize30" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Hotspot <span class="d-inline-block"> capabilities <span data-target="#tooltip-modal-1" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-sm-none position-relative z-index-1 color-bell-blue icon icon-info" aria-label="Hotspot capabilities" data-content="<div><p>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.</p></div>"> </span> <span class="txtSize16 pointer tooltip-static icon icon-info d-none d-sm-inline margin-l-5 position-relative z-index-1" aria-live="polite" data-delay='{"show": 30, "hide": 30}' data-toggle="tooltip" data-placement="top" data-trigger="focus hover" data-html="true" role="tooltip" tabindex="0" data-original-title="<span class='sr-only'>Tooltip - Additional information</span><div><p class='margin-b-0'>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.</p></div>"> </span> </span> </p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15" data-same-height-index="7"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-mms_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0"> Unlimited calling, texting & data in Canada, the U.S. and Mexico<span class="sr-only"> Footnote</span><sup class='legaltext' data-legal='WUXQFP'>10</sup><span class="sr-only"> 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.</span> </p> </div> </li> <li class="d-flex same-height pad-l-5 pad-r-15 pad-b-10 pad-b-sm-5" data-same-height-index="6"> <div class="dimension-60 d-inline-flex align-items-center justify-content-center"> <span class="icon icon-chat_texting_bl_wot color-bell-blue txtSize34" aria-hidden="true"></span> </div> <div class="flex1 align-self-center"> <p class="surtitle-black mb-0 p"> Unlimited international texting<span class="sr-only"> Footnote</span><sup class='legaltext' data-legal='WUXPNB'>7</sup><span class="sr-only"> 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 bell.ca/internationaltext for details.</span> </p> </div> </li> </ul> <div class="pad-h-15 text-after-top-center txtBlue-after relative txtSize30 pad-v-10" text-after="+"> <div class="border-t-light-grey"></div> </div> <div style="padding-left:15px; padding-top:15px;"><img alt="Crave logo" src="/Styles/images/logo_Crave.jpg" class=" " style="height: 20px;padding-bottom: 3px;display: inline-block;"><strong> Crave Basic with Ads <sup class='legaltext' data-legal='WUXPRQ'>9</sup></strong> </div> <style> .dimension-fix { width: 60px; } </style> </div> </div>  <div class="mb-0 pad-h-15 pad-t-10 pad-b-20 pad-t-sm-15 same-height" data-same-height-index="9"> </div> </div> <div class="1margin-t-30 cta-section 1same-height bg-very-light-grey border-t-light-grey borderRadiusBottom10 " style="min-height:120px;">  <div class="same-height rateplan-cta" data-same-height-index="11"> <div class="rateplan-cta"> <div class="regular-plan-cta" style="display: flex;flex-direction: column;align-items: flex-start;"> <div class="surtitle-black pad-15 get-started"> </div>  <div id="byo-cta-btn-cdb1736c-e739-402b-b335-5ee4dc7fe44f" class="prodDetailBuyButton pad-l-15 pad-r-15 margin-b-xs-10"> <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-primary" 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 id="activation_cdb1736c-e739-402b-b335-5ee4dc7fe44f" class="pad-h-15 pad-h-lg-30 pad-t-10 pad-b-xs-30"> <div class="same-height" data-same-height-index="2"> <div style="min-height:30px;"> <p class="small-text no-margin d-block hs-offer-end-date">Offer ends July 7, 2024.</p>  <div id="activationtext_cdb1736c-e739-402b-b335-5ee4dc7fe44f" class="small-text no-margin d-block"> New activations only; must bring your own phone. </div> </div>  </div> </div>  </div> </div> </div> </div> <div class="flex-row justify-content-center d-none margin-b-10 view-more-plans-section"> <a href="javascript:void(0)" class="btn btn-default-white view-more-plans"> View more plans</a> </div> </div> </section> <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> <style> .btn-rateplan { padding: 7px 20px !important; text-decoration: none !important; } .flash-border { border: 3px solid #006EFE; } .text-flashsale-tag { text-transform: uppercase; background-color: #006EFE; padding: 5px 8px; color: #fff; font-size: 10px; line-height: 14px; vertical-align: middle; text-align: center; border-radius: 2px; font-weight: bold; } .tag-label { padding-left: 6px; vertical-align: middle; text-align: center; line-height: 14px; border-left: 1px solid white; } .tag-icon-label { padding-right: 4px; vertical-align: middle; text-align: center; font-weight: bold; } .online-exclusive-plan { display: none !important; visibility: hidden !important; } .secondary-tag-positioned-center { top: 120px !important; left: 50%; } .promo-stripe { border: 1px solid #006EFE; } .tile-plan { width: 50% !important; display: inline-block; } .current-list { display: block !important; } .hidden-list { display: none !important; } .strike-thru { position: relative; margin-bottom: 8px; display: inline-block; color: #d4d0d0 !important; } .strike-thru:after { content: ""; position: absolute; height: 1px; background-color: #d4d0d0; width: 40%; left: 10px; top: calc(65% - 1px); } .internet-packages-tag.pure-fibre-tag, .internet-packages-tag.text-tag, .internet-packages-tag.text-tag-light { padding: 5.5px 8px; font-size: 11px; line-height: 12px; font-weight: 600; text-transform: uppercase; border-radius: 6px; display: inline-block; } .pure-fibre-tag { color: #fff; background: linear-gradient(155deg, rgba(80, 202, 255, 1), rgba(0, 161, 231, 1) 28.83%, rgba(0, 67, 123, 1) 100%); } </style> <script type="text/javascript"> $(document).ready(function () { $(".device-legal-tooltip-nohtml").on('focus hover', function (e) { var $this = $(this); setTimeout(function () { var getID = $this.attr("aria-describedby"); var tooltipcontent = $("#" + encodeURIComponent(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 main = $('main'); 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); if (main.length) { main.removeAttr('aria-hidden'); } }); $(".modal").on('hide.bs.modal', function () { var main = $('main'); if (main.length) { main.attr('aria-hidden', 'true'); } }); }); }); function enterSimBYOPFlow(el) { var isExistingCustomer = ("False").toLowerCase() === 'true'; if (!isExistingCustomer) { BELL.shop.byopFlow.resetByopFlow(); } 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; } </script> <style> .hs-sm-price { color: var(--greyscale-disabled, #555); font-feature-settings: 'clig' off, 'liga' off; font-family: Arial; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: line-through; } .bf-cm-flag { background-color: #00549a !important; padding: 3px 8px !important; color: #FFF !important; font-size: 10px !important; text-transform: uppercase !important; line-height: 18px !important; width: max-content !important; border-radius: 2px !important; font-weight: 700 !important; } .hs-offer-end-date { display: none !important; visibility: hidden !important; } </style> </div> </div> <section class="container container-all-include-box margin-t-15"> <div class="row"> <div class="col-sm-6 pad-h-15 pad-h-xs-0 margin-b-xs-15"> <div class="all-plans-inc-box 1box-round 1border-gray2 1margin-h-10 fullHeight"> <div class="relative"> <div class="pad-h-10 absolute topCenter-centered bgWhite"> <h2 class="surtitle-black text-nowrap"><span class="region-text" data-region-text="_WZGUV">All plans include</span></h2> </div> </div> <div class="pad-30 pad-h-sm-25 pad-h-xs-15"> <ul class="noBullets"> <li class="d-flex margin-b-10"> <span class="icon icon-small_icon_checkmark_outline txtSize16 txtBlue pad-1-top" aria-hidden="true"></span> <span class="pad-l-15 pad-l-xs-10">Call Display</span> </li> <li class="d-flex margin-b-10"> <span class="icon icon-small_icon_checkmark_outline txtSize16 txtBlue pad-1-top" aria-hidden="true"></span> <span class="pad-l-15 pad-l-xs-10">Message Centre<sup class='legaltext' data-legal='WUXONH'>12</sup></span> </li> <li class="d-flex margin-b-10"> <span class="icon icon-small_icon_checkmark_outline txtSize16 txtBlue pad-1-top" aria-hidden="true"></span> <span class="pad-l-15 pad-l-xs-10">Call Waiting</span> </li> <li class="d-flex margin-b-10"> <span class="icon icon-small_icon_checkmark_outline txtSize16 txtBlue pad-1-top" aria-hidden="true"></span> <span class="pad-l-15 pad-l-xs-10">Conference Calling<sup class='legaltext' data-legal='WUXONI'>13</sup></span> </li> </ul> </div> </div> </div> <div class="col-sm-6 pad-h-15 pad-h-xs-0 margin-b-xs-15"> <div class="all-plans-inc-box 1box-round 1border-gray2 1margin-h-10 fullHeight"> <div class="relative"> <div class="pad-h-10 absolute topCenter-centered bgWhite"> <h2 class="surtitle-black text-nowrap"><span class="region-text" data-region-text="_WZGUV">Worry-free roaming</span></h2> </div> </div> <div class="pad-30 pad-h-sm-25 pad-h-xs-15"> <p>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.</p> <p class="pad-t-15"> Roam Better is an optional feature that you can remove. Subject to change. </br> <a href="/Mobility/Coverage_map#INT=MOB_rateplnpg_BAN_RoamBetter_Mass_061324_NW" class="tracking-swap js-omni-button mb-omni-link-js"><span>Learn more</span></a> </p> </div> </div> </div> </div> </section> <style> @media (min-width: 1024px) { .all-plans-inc-box { border-radius: 10px; border: 1px solid #e1e1e1; } .container-all-include-box { margin-bottom:10px; } .all-plans-list { margin-left: 100px; margin-right: 100px; padding-right: 200px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .all-plans-inc-box { border-radius: 10px; border: 1px solid #e1e1e1; } .container-all-include-box { margin-bottom: 10px; } .all-plans-list { margin-left: 30px; margin-right: 30px; padding-right: 60px } } @media (min-width: 520px) and (max-width: 767.98px) { .all-plans-inc-box { border-radius: 10px; border: 1px solid #e1e1e1; } .container-all-include-box { margin-bottom: 10px; } .all-plans-list { margin-left: 0px; margin-right: 0px; padding-right: 30px ; padding-left:30px; } } @media (min-width: 314px) and (max-width: 519.98px) { .all-plans-inc-box { border-top: 1px solid #e1e1e1; } .container-all-include-box { margin-bottom: 0px; } .all-plans-list { padding-right: 5px; padding-left: 5px; padding-bottom: 0px !important; } } </style> <div class="multi-column"> <div class="container mb-omni-js"> <div class="have-sim box-round-grey" style="padding-bottom: 20px !important;margin-top: 0px !important;"> <div class=""> <div class="1have-sim-wrap pad-t-30"> <h2 class="small-title pad-b-10 1margin-b-xs-15 text-center" id="OtherTypePhonePlan">Other types of phone plans </h2> <div id="phone-plan-cta"> </div> <ul id="phone-plans-list" class="have-other-plans " aria-labelledby="OtherTypePhonePlan">  <li id="phone-plans-list-item2"> <div> <a id="basic-phone-plans" class="1have-sim-plan-link" style="text-decoration:none;" href="/Mobility/Cell_phone_plans/Basic-Rate-Plans#INT=MOB_mobrtplpg_IMG_Mass_110521_mb_BasicPhone"> <span class="flex align-items-center justify-content-center icon icon-mobile_phone_case txtBlue txtSize38 1txtBold dimension-60" aria-hidden="true"></span> <span class="have-sim-plan-link-text" style="font-weight: bold;">Talk & Text plans</span> </a> </div> </li> <li id="phone-plans-list-item3"> <div> <a id="prepaid-phone-plans" class="1have-sim-plan-link" style="text-decoration:none;" href="/Mobility/Cell_phone_plans/Prepaid_plans"> <span class="flex align-items-center justify-content-center icon icon-prepaid-mobility txtBlue txtSize38 1txtBold dimension-60" aria-hidden="true"></span> <span class="have-sim-plan-link-text" style="font-weight: bold;">Prepaid phone plans</span> </a> </div> </li> </ul> </div> </div> </div> </div> <style> .have-other-plans { list-style-type: none; margin: 0; padding: 0; } .have-other-plans li { padding: 15px 0; } .have-other-plans li:first-of-type { border-bottom: none; } @media (min-width: 768px) { .have-other-plans { display: flex; margin-top: 15px; } .have-other-plans li { width: 50%; padding: 0 45px; text-align: center; } .have-other-plans li { border-bottom: none; display: flex; justify-content: space-evenly; } .have-other-plans li:first-of-type { border-right: 1px solid #d4d4d4; } } @media (min-width: 520px) and (max-width: 767.98px) { .other-plans { margin-top: 25px; background-color: #f4f4f4; padding-left: 15px; padding-right: 15px; padding-bottom: 20px !important; } .other-plans-list { list-style-type: none; margin: 0; padding: 0; /* text-align: center; */ } .rp-list-align { /* display: inline-block; */ } .have-other-plans li { padding: 0px 0 !important; } } @media (min-width: 314px) and (max-width: 519.98px) { .other-plans { margin-top: 0px; background-color: #f4f4f4; padding-left: 15px; padding-right: 15px; padding-bottom: 10px !important; } .other-plans-list { text-align: center; list-style-type: none; margin: 0; padding: 0; list-style: none; } .rp-list-align { display: inline-block; } .have-other-plans li { padding: 0px 0 !important; } } </style> </div> <section> <div id="Connect_other_device"></div> <div class="container margin-v-30 margin-b-sm-20 "> <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 margin-b-xs-15" data-same-height-index="1"> <div class="bg-bell-blue box-round box-vignette-round-before relative overflowHidden pad-v-25 pad-h-30 pad-t-sm-15 pad-t-xs-15 1fullHeight"> <div class="bg-bell-blue container-flex-box-wrap flex-sm-row-reverse 1fullHeight same-height" data-same-height-index="2"> <div class="col-md-12 col-sm-12 container-flex-box-wrap 1flex-column 1justify-content-between"> <span class="col-md-9 inverted margin-b-0 margin-b-sm-15 margin-b-xs-15 align-self-center txtBold"> Existing Bell Mobility customer? Log in to MyBell to change your plan. </span> <span class="col-md-3 inverted margin-l-auto margin-h-xs-auto align-self-center"> <a href="https://m.bell.ca/shoprateplanse" class="blue-cta btn btn-primary" style="">Log in</a> </span> </div> </div> </div> </div> <div class=" col-12 col-sm-6 same-height margin-b-xs-15" data-same-height-index="1"> <div class="bg-bell-blue box-round box-vignette-round-before relative overflowHidden pad-v-25 pad-h-30 pad-t-sm-15 pad-t-xs-15 1fullHeight"> <div class="bg-bell-blue container-flex-box-wrap flex-sm-row-reverse 1fullHeight same-height" data-same-height-index="2"> <div class="col-md-12 col-sm-12 container-flex-box-wrap 1flex-column 1justify-content-between"> <span class="col-md-8 inverted margin-b-0 margin-b-sm-15 margin-b-xs-15 align-self-center txtBold" style="display:inline-block"> Already have a SIM card or need to activate your phone? </span> <span class="col-md-4 inverted margin-l-auto margin-h-xs-auto align-self-center"> <a href="https://www.bell.ca/Mobility/mobile-device-activations/" class="blue-cta btn btn-primary" style="">Activate SIM</a> </span> </div> </div> </div> </div> </div> </div> </section> <style> @media (min-width: 1180px) { .clearfix { clear: both; } .blue-cta{ float:right } } .bg-bell-blue .inverted .blue-cta.btn-primary:hover {background-color: #3376AE;} </style> <section class="container margin-t-20 margin-b-20 margin-t-xs-5"> <div class="margin-h-auto align-items-start"> <h2 class="small-title margin-b-10 margin-b-xs-15 text-center"> Plans for all of your other devices </h2> <p class="stay-connect 1rp-subtitle-black margin-b-30 margin-b-xs-15 text-center"> <a id="Connect_other_device"></a>Stay connected with unlimited data starting at just <span aria-hidden="true">$5/mo.</span><span class="sr-only">$5 per month</span> </p> <div class="container-flex-box-wrap rp-tile-container-xs rp-column-spacer-15 margin-h-auto same-height-wrap focus_outline_gray 1align-items-left justify-content-center" role="list" data-same-height-skip="m">  <div class="rp-tiles-col same-height margin-b-15 special-offer-1 1align-items-center 1justify-content-center " role="listitem" style=""> <a href="/Mobility/Cell_phone_plans/Tablet_PC_data_plans#INT=MOB_mobrtplpg_IMG_Mass_110521_mb_Tablets" class="d-block borderRadiusAll10"> <div class="same-height text-center align-items-center justify-content-center same-height box-shadow-round border-gray2 box-shadow-hover pointer relative"> <div class="rp-img-top same-height 1d-flex 1pad-15 pad-t-20 " data-same-height-index="1"> <div class="1dimension-60 1flex align-items-center justify-content-center"> <div class="icon icon-tablet txtBlue txtSize26" aria-hidden="true"></div> </div> </div> <div class="rp-tiles-text rp-txt-xs text-center fflex margin-h-auto pad-h-5 pad-b-15 pad-t-15 color-bell-blue align-self-center" > Tablets </div> </div> </a> </div>   <div class="rp-tiles-col same-height margin-b-15 special-offer-2 1align-items-center 1justify-content-center " role="listitem" style=""> <a href="/Mobility/Cell_phone_plans/Smartwatch-data-plans#INT=MOB_mobrtplpg_IMG_Mass_110521_mb_Smartwatches" class="d-block borderRadiusAll10"> <div class="same-height text-center align-items-center justify-content-center same-height box-shadow-round border-gray2 box-shadow-hover pointer relative"> <div class="rp-img-top same-height 1d-flex 1pad-15 pad-t-20 " data-same-height-index="1"> <div class="1dimension-60 1flex align-items-center justify-content-center"> <div class="icon icon-smart_accessories txtBlue txtSize38" aria-hidden="true"></div> </div> </div> <div class="rp-tiles-text rp-txt-xs text-center fflex margin-h-auto pad-h-5 pad-b-15 pad-t-15 color-bell-blue align-self-center" > Smartwatches </div> </div> </a> </div>   <div class="rp-tiles-col same-height margin-b-15 special-offer-3 1align-items-center 1justify-content-center " role="listitem" style=""> <a href="/Mobility/ConnectedCarLanding#INT=MOB_mobrtplpg_IMG_Mass_110521_mb_ConnectedCar" class="d-block borderRadiusAll10"> <div class="same-height text-center align-items-center justify-content-center same-height box-shadow-round border-gray2 box-shadow-hover pointer relative"> <div class="rp-img-top same-height 1d-flex 1pad-15 pad-t-20 " data-same-height-index="1"> <div class="1dimension-60 1flex align-items-center justify-content-center"> <div class="icon icon-connected_car txtBlue txtSize38" aria-hidden="true"></div> </div> </div> <div class="rp-tiles-text rp-txt-xs text-center fflex margin-h-auto pad-h-5 pad-b-15 pad-t-15 color-bell-blue align-self-center" > Connected </br>Car </div> </div> </a> </div>   <div class="rp-tiles-col same-height margin-b-15 special-offer-4 1align-items-center 1justify-content-center " role="listitem" style=""> <a href="/Mobility/Cell_phone_plans/Turbo-Stick-and-Turbo-Hub-data-plans#INT=MOB_mobrtplpg_IMG_Mass_110521_mb_MobileInternet" class="d-block borderRadiusAll10"> <div class="same-height text-center align-items-center justify-content-center same-height box-shadow-round border-gray2 box-shadow-hover pointer relative"> <div class="rp-img-top same-height 1d-flex 1pad-15 pad-t-20 " data-same-height-index="1"> <div class="1dimension-60 1flex align-items-center justify-content-center"> <div class="icon icon-turbo-stick txtBlue txtSize42" aria-hidden="true"></div> </div> </div> <div class="rp-tiles-text rp-txt-xs text-center fflex margin-h-auto pad-h-5 pad-b-15 pad-t-15 color-bell-blue align-self-center" > Mobile </br>Internet </div> </div> </a> </div>   <div class="rp-tiles-col same-height margin-b-15 special-offer-5 1align-items-center 1justify-content-center " role="listitem" style=""> <a href="/Mobility/Cell_phone_plans/Connected-tracker-plan#INT=MOB_mobrtplpg_IMG_Mass_110521_mb_Trackers" class="d-block borderRadiusAll10"> <div class="same-height text-center align-items-center justify-content-center same-height box-shadow-round border-gray2 box-shadow-hover pointer relative"> <div class="rp-img-top same-height 1d-flex 1pad-15 pad-t-20 " data-same-height-index="1"> <div class="1dimension-60 1flex align-items-center justify-content-center"> <div class="icon icon-tracker-asset txtBlue txtSize38" aria-hidden="true"></div> </div> </div> <div class="rp-tiles-text rp-txt-xs text-center fflex margin-h-auto pad-h-5 pad-b-15 pad-t-15 color-bell-blue align-self-center" > Trackers </div> </div> </a> </div>   <div class="rp-tiles-col same-height margin-b-15 special-offer-6 1align-items-center 1justify-content-center " role="listitem" style=""> <a href="/Mobility/Cell_phone_plans/Connected-laptops-plans#INT=MOB_mobrtplpg_IMG_Mass_110521_mb_ConnectedLaptops" class="d-block borderRadiusAll10"> <div class="same-height text-center align-items-center justify-content-center same-height box-shadow-round border-gray2 box-shadow-hover pointer relative"> <div class="rp-img-top same-height 1d-flex 1pad-15 pad-t-20 " data-same-height-index="1"> <div class="1dimension-60 1flex align-items-center justify-content-center"> <div class="icon icon-laptop_bl_wot txtBlue txtSize26" aria-hidden="true"></div> </div> </div> <div class="rp-tiles-text rp-txt-xs text-center fflex margin-h-auto pad-h-5 pad-b-15 pad-t-15 color-bell-blue align-self-center" > Connected </br>Laptop </div> </div> </a> </div>   <div class="rp-tiles-col same-height margin-b-15 special-offer-7 1align-items-center 1justify-content-center " role="listitem" style=""> <a href="/Mobility/Cell_phone_plans/Arlo-Go-plans#INT=MOB_mobrtplpg_IMG_Mass_110521_mb_SecurityCameras" class="d-block borderRadiusAll10"> <div class="same-height text-center align-items-center justify-content-center same-height box-shadow-round border-gray2 box-shadow-hover pointer relative"> <div class="rp-img-top same-height 1d-flex 1pad-15 pad-t-20 " data-same-height-index="1"> <div class="1dimension-60 1flex align-items-center justify-content-center"> <div class="icon icon-camera txtBlue txtSize30" aria-hidden="true"></div> </div> </div> <div class="rp-tiles-text rp-txt-xs text-center fflex margin-h-auto pad-h-5 pad-b-15 pad-t-15 color-bell-blue align-self-center" > Security </br>cameras </div> </div> </a> </div>  </div> </div> </section> <style> .rp-tiles-text { color: #00549A; font-family: Arial; font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 18px; text-align: center; } .rp-tiles-col a { text-decoration: none !important; } .rp-tiles-col a:hover, .rp-tiles-col a:focus { text-decoration: none !important; } .rp-subtitle-black { font-weight: 500; font-size: 16px; color: #000; } .rp-column-spacer-15 > div { padding-left: 7.5px; padding-right: 7.5px; } .stay-connect { /*height: 22px; width: 424px;*/ color: #111111; font-family: Arial; font-size: 18px; letter-spacing: 0; line-height: 22px; text-align: center; } /*@media (min-width:1240px) { .rp-tiles-col { width: calc(15% - 14px); } }*/ @media (min-width:1200px) { .rp-tiles-col { width: calc(15.45% - 14px); } } @media (min-width: 992px) { .rp-tiles-col { width: calc(15.45% - 14px); } } @media (max-width: 991.98px) and (min-width: 880px) { .rp-tiles-col { width: calc(15.8% - 14px); } } @media (max-width: 879.98px) and (min-width: 768px) { .rp-tiles-col { width: calc(25% - 14px); } } @media (min-width: 520px) and (max-width: 767.98px) { .rp-tiles-col { width: calc(27% - 14px); min-height: 135px; } .rp-img-top { min-height: 62px; } .rp-txt-xs { min-height: 65px; } } @media (min-width: 320px) and (max-width: 519.98px) { .rp-tiles-col { width: calc(53% - 14px); min-height: 138px; /*margin-left: 10px;*/ } .rp-img-top { min-height: 65px; } .rp-txt-xs { min-height: 65px; } .rp-tile-container-xs { padding-top:15px; justify-content: unset !important; margin-left:auto; margin-right:auto; } } </style>        <section class="container margin-b-30"> <div class="box-round pad-15 focus_outline_gray text-center"> <p class="no-margin"> <p>Not sure if your device can be used on Bell’s network? <a id="deviceCompatibilityLinkEN" href="/Mobility/IMEI-Lookup?INT=MOB_mobrtplpg_TXT_compatibility_Acq_050122_OG">Check your device compatibility</a>.</p> </p> </div> </section>  <section class="container additional-details margin-v-30" id="details-accordion"> <div class="accordion-wrap"> <div role="heading" aria-level="2"> <a href="javascript:void(0)" class="collapse-trigger collapsed accss-custom-accordion" id="details-accordion-button" data-target="#details-accordion-body" aria-controls="details-accordion-body" aria-expanded="false" role="button" data-toggle="collapse" data-icon-expand="icon-small_icon_expand" data-icon-collapse="icon-small_icon_collapse"> <span class="anchor-icon icon txtSize22 icon-small_icon_expand" aria-hidden="true"></span> <div class="txtSize18 anchor-text">See full offer details</div> </a> </div> <div class="collapse-accordion-accessible-toggle collapse margin-t-15" id="details-accordion-body" data-parent="#details-accordion" aria-labelledby="details-accordion-button" role="region" data-expand-type="single"> <p> Available with compatible devices within Bell Mobility’s network coverage areas. Speed and signal strength may vary due to traffic, topography, environmental conditions and other factors, including Bell’s Internet traffic management practices (e.g., priority access to emergency personnel and critical infrastructure personnel). See <a href="https://www.bell.ca/ITMP">bell.ca/ITMP</a>. Services subject to acceptable use restrictions including consuming excessive network capacity or causing our network to be adversely affected. See <a href="https://www.bell.ca/acceptableuse">bell.ca/acceptableuse</a>. If you end your Service Agreement early or you change your rate plan to a non-eligible rate plan, you will have to pay an early cancellation fee. The early cancellation fee consists of your remaining device payments and the remaining balance on your Agreement Credit (plus applicable taxes) if you received one at the time of purchase. The Device Return Option Deferred Amount (if applicable) will also come due. Subject to change without notice; not combinable with other offers. A one-time Connection Service Fee (<span class='region-text' data-region-text='_WZFQX'>($70) per member</span>) is applied on your first bill to activate your device on the Bell network. Additional one-time fees are subject to change over time. See <a href="https://www.bell.ca/onetimefees">bell.ca/onetimefees</a> for details. <span class='region-text' data-region-text='_WZFYP'>A provincial government 9-1-1 fee may apply where applicable: QC: <span aria-hidden="true">$0.52/mo.</span><span class="sr-only">$0.46 per month</span>, NS: <span aria-hidden="true">$0.43/mo.</span><span class="sr-only">$0.43 per month</span>, AB: <span aria-hidden="true">$0.95/mo.</span><span class="sr-only">$0.95 per month</span>, NB: <span aria-hidden="true">$0.97/mo.</span><span class="sr-only">$0.97 per month</span>, SK: <span aria-hidden="true">$2.14/mo.</span><span class="sr-only">$2.14 per month</span>, PE: <span aria-hidden="true">$0.70/mo.</span><span class="sr-only">$0.70 per month</span>, NL: <span aria-hidden="true">$0.75/mo.</span><span class="sr-only">$0.75 per month</span>, NWT: <span aria-hidden="true">$1.70/mo.</span><span class="sr-only">$1.70 per month</span>. Bell remits required amount to government.</span> Taxes extra. Shareable plans are only shareable with other eligible shareable plans. Other conditions apply. To change your rate plan at any time, log in to <a href="https://www.bell.ca/Mobility/existing_customers">MyBell</a>. </p> <p>(†) Available in the following areas of British Columbia: Abbotsford, Burnaby, Coquitlam, Langley, Richmond, Surrey. Available in the following areas of Alberta: Airdrie, Cochrane, Leduc, Okotoks, Red Deer, Rocky View County, Spruce Grove, St. Albert, Strathcona County, Wood Buffalo.</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=MZUST data-legal-id=MZUST>Available with a new activation of select devices with Bell SmartPay or Bring-your-own-device. Applied as a credit of up to $15/mo. Bring-your-own-device rate plans are on a 30-day term and will continue month-to-month thereafter. Rates are subject to change. See <a href="/mobilitytermsofservice">bell.ca/mobilitytermsofservice</a>. Unlimited Share plan data is only shareable with other Unlimited Share plans (Personal). Not compatible with Roam Better.</li><li id=WUXQQS data-legal-id=WUXQQS>Autopay credit available with eligible plans. Requires pre-authorized debit payments, which must be set up within 31 days of order to keep the credit.</li><li id=WUXPQI data-legal-id=WUXPQI>Speeds of up to 512 Kbps for light web browsing, email and messaging.</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=WUXPRJ data-legal-id=WUXPRJ>Applies to calls made from Canada to a Canadian phone number or calls received from any number while you are inside Canada. Only available in Canada. Sent texts include texts sent to a Canadian phone number while in Canada and excludes texts sent to a landline, texts sent to a U.S. or international phone number, premium texts (short codes), alerts, texts sent with a messaging application and roaming (international GSM texts). Received texts include texts received while in Canada and excludes roaming, premium texts (short codes), alerts or dial-up texts received from a messaging application</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=WUXQQT data-legal-id=WUXQQT>Promotional credit: Available with new activations on Bring Your Own Device (BYOD), and on any Unlimited Ultimate plan (30-day BYOD; excludes tablets, Mobile Internet and IoT products). Savings applied as a $21 monthly bill credit. Additional one-time fees are subject to change over time. See <a href="/onetimefees">bell.ca/onetimefees</a> for details. Autopay credit: Available with eligible plans. Requires pre-authorized debit payments, which must be set up within 31 days of order to keep the credit.</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=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=WUXQEC data-legal-id=WUXQEC>High definition video quality is 1080p and is dependent on streaming service platform and device capability.</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></ol> <div id="targeted_rate_plans_adtg"> </div> <div id="Retargeting_Legal_adtg"> </div> </div> </div> </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%252fCell_phone_plans"> <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="10010" /> <input type="hidden" name="pagehierarchycode" value="MOBILITY_RATE_PLANS_SHARE_PLANS" /> <input type="hidden" name="metadatapageid" value="PrsShpWls_Ingite_Rateplans" /> <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/Cell_phone_plans" /> <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%252fCell_phone_plans" 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="2ad9e763-8058-4239-beab-e285957a37a9" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="AB" /> <label class="" for="2ad9e763-8058-4239-beab-e285957a37a9"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="fbcdae57-9acc-4d9d-8339-a56a051fcc76" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="BC" /> <label class="" for="fbcdae57-9acc-4d9d-8339-a56a051fcc76"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="f9ab9543-00b4-43a6-9f1c-c60f04d25225" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="MB" /> <label class="" for="f9ab9543-00b4-43a6-9f1c-c60f04d25225"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="e4284a07-47c3-4a5b-a285-f35da7d01004" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="NB" /> <label class="" for="e4284a07-47c3-4a5b-a285-f35da7d01004"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="57dbb01a-b92d-4f06-b1c0-113704ce2af7" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="NL" /> <label class="" for="57dbb01a-b92d-4f06-b1c0-113704ce2af7"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="c62ac165-70b9-4953-932b-df8e7a4e219d" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="NT" /> <label class="" for="c62ac165-70b9-4953-932b-df8e7a4e219d"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="7bcd490a-d0eb-43cb-a023-c653a7d421db" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="NS" /> <label class="" for="7bcd490a-d0eb-43cb-a023-c653a7d421db"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="034303b2-620b-4502-975c-373709fe8061" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="NU" /> <label class="" for="034303b2-620b-4502-975c-373709fe8061"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="35644094-3a63-4865-9428-25f07c6b3d30" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="35644094-3a63-4865-9428-25f07c6b3d30"> <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="fee05f93-6c35-4644-bccc-bfd96a2557e2" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="PE" /> <label class="" for="fee05f93-6c35-4644-bccc-bfd96a2557e2"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="b2e473e6-dda9-49ea-9cf5-e231457fc475" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="QC" /> <label class="" for="b2e473e6-dda9-49ea-9cf5-e231457fc475"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="212984a3-561b-4ed8-97be-f49ec4185b00" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="SK" /> <label class="" for="212984a3-561b-4ed8-97be-f49ec4185b00"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="14009211-9c89-41bf-927c-6caa43c6924f" type="radio" role="option" tabindex="0" name="province-68d7fab4-3252-4555-97dd-91de6ea10b25" value="YT" /> <label class="" for="14009211-9c89-41bf-927c-6caa43c6924f"> <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="true" 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="28d0210f-96aa-4bfe-815f-91239cc88564" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="AB" /> <label class="" for="28d0210f-96aa-4bfe-815f-91239cc88564"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="ed8512f4-6fd2-49e9-9478-4eebef2e5ea2" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="BC" /> <label class="" for="ed8512f4-6fd2-49e9-9478-4eebef2e5ea2"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="4f938cc7-fed3-4c05-bc61-4e75b027a64a" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="MB" /> <label class="" for="4f938cc7-fed3-4c05-bc61-4e75b027a64a"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="b0fea360-7da9-4f1e-87ea-1a452e5a9254" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="NB" /> <label class="" for="b0fea360-7da9-4f1e-87ea-1a452e5a9254"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="2382bd8b-3f13-42cf-bdc0-c0878211e7f4" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="NL" /> <label class="" for="2382bd8b-3f13-42cf-bdc0-c0878211e7f4"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="cf4d58aa-0ec4-4739-bef2-47bffb24330d" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="NT" /> <label class="" for="cf4d58aa-0ec4-4739-bef2-47bffb24330d"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="017f9302-ce07-4d89-b3ba-b31ebe5f05dd" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="NS" /> <label class="" for="017f9302-ce07-4d89-b3ba-b31ebe5f05dd"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="9b6981a3-53db-429a-ac11-5cbd9e156bd8" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="NU" /> <label class="" for="9b6981a3-53db-429a-ac11-5cbd9e156bd8"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="fdb7f139-84cf-42ae-9b57-cc970e09e64b" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="fdb7f139-84cf-42ae-9b57-cc970e09e64b"> <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="6dbc216a-b4b9-47da-b340-2448178fb4ab" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="PE" /> <label class="" for="6dbc216a-b4b9-47da-b340-2448178fb4ab"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="bfb99d96-c219-44ec-a873-0e9da6a58119" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="QC" /> <label class="" for="bfb99d96-c219-44ec-a873-0e9da6a58119"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="3a6738c9-d114-4fe2-998e-e6f229125422" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="SK" /> <label class="" for="3a6738c9-d114-4fe2-998e-e6f229125422"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="895f8b2c-233f-4631-bdb0-17b646d62c32" type="radio" role="option" tabindex="0" name="province-07783828-6ee3-4258-8940-7640cae0b4de" value="YT" /> <label class="" for="895f8b2c-233f-4631-bdb0-17b646d62c32"> <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="da524bb4-a870-49d7-b983-788b64e55463" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="AB" /> <label class="" for="da524bb4-a870-49d7-b983-788b64e55463"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="34ba1ab9-242f-4d11-8dbf-c56a5a3a2ca6" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="BC" /> <label class="" for="34ba1ab9-242f-4d11-8dbf-c56a5a3a2ca6"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="d021f5c2-b960-41cc-b52c-270d0b87ad3d" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="MB" /> <label class="" for="d021f5c2-b960-41cc-b52c-270d0b87ad3d"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="eb19fab8-1ac0-4556-b8a0-0e419ccdc7da" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="NB" /> <label class="" for="eb19fab8-1ac0-4556-b8a0-0e419ccdc7da"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="485427f1-fb42-44ab-ad5e-69e405250d5f" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="NL" /> <label class="" for="485427f1-fb42-44ab-ad5e-69e405250d5f"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="4c399e61-b314-47ac-bb37-d0fd303eb75f" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="NT" /> <label class="" for="4c399e61-b314-47ac-bb37-d0fd303eb75f"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="1a3ddb1d-c0d8-4c22-a908-84686b478195" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="NS" /> <label class="" for="1a3ddb1d-c0d8-4c22-a908-84686b478195"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="505eaa0a-e1ec-49ac-a287-f3b5432f4946" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="NU" /> <label class="" for="505eaa0a-e1ec-49ac-a287-f3b5432f4946"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="b729f096-0b62-45b1-b6b6-1a0bd923e3af" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="b729f096-0b62-45b1-b6b6-1a0bd923e3af"> <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="45cb9693-be37-4c4b-bfc7-1f96ffef7413" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="PE" /> <label class="" for="45cb9693-be37-4c4b-bfc7-1f96ffef7413"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="0d89b1f5-437c-4797-91b2-903e41e5e01b" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="QC" /> <label class="" for="0d89b1f5-437c-4797-91b2-903e41e5e01b"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="1a165521-8217-4fb8-9ea5-ac81c962645b" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="SK" /> <label class="" for="1a165521-8217-4fb8-9ea5-ac81c962645b"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="879f31d6-0a20-4866-8c68-d7d511555ad0" type="radio" role="option" tabindex="0" name="province-b2a34302-da3d-4d6e-b043-d3610fbda84a" value="YT" /> <label class="" for="879f31d6-0a20-4866-8c68-d7d511555ad0"> <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="true" 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="754a2def-1e8e-4853-8adc-b892f3cadb7f" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="AB" /> <label class="" for="754a2def-1e8e-4853-8adc-b892f3cadb7f"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="e8fbd310-7c63-4034-b3a3-4e663420b6fd" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="BC" /> <label class="" for="e8fbd310-7c63-4034-b3a3-4e663420b6fd"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="3498c8be-7b4f-41fa-8827-7a5e46f8c23f" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="MB" /> <label class="" for="3498c8be-7b4f-41fa-8827-7a5e46f8c23f"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="a451bce9-7bbf-4323-b2c5-0c4d64d911d1" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="NB" /> <label class="" for="a451bce9-7bbf-4323-b2c5-0c4d64d911d1"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="5f032e00-49d1-4db5-b4b6-ded202bf2f2f" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="NL" /> <label class="" for="5f032e00-49d1-4db5-b4b6-ded202bf2f2f"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="caca98ae-5de8-4f55-bb5c-6638edcf9771" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="NT" /> <label class="" for="caca98ae-5de8-4f55-bb5c-6638edcf9771"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="e2519038-0b7a-461a-9f45-67b8c2855157" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="NS" /> <label class="" for="e2519038-0b7a-461a-9f45-67b8c2855157"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="3b5a8adb-d2d0-4b53-b436-b91c23fb49b3" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="NU" /> <label class="" for="3b5a8adb-d2d0-4b53-b436-b91c23fb49b3"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="07a79be9-f684-40ab-8030-0438509e2a6a" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="07a79be9-f684-40ab-8030-0438509e2a6a"> <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="24a01580-47ee-4be7-85c9-07b4b0d19a1a" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="PE" /> <label class="" for="24a01580-47ee-4be7-85c9-07b4b0d19a1a"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="f0feb9b7-c471-4cd3-932c-41d9860835a5" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="QC" /> <label class="" for="f0feb9b7-c471-4cd3-932c-41d9860835a5"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="55082c1e-428d-4a32-8ea6-222627fe54da" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="SK" /> <label class="" for="55082c1e-428d-4a32-8ea6-222627fe54da"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="66ef924b-9382-4e38-b1c0-40e4a4b9e43c" type="radio" role="option" tabindex="0" name="province-c6e64f65-2924-4c5d-9605-d49421ace115" value="YT" /> <label class="" for="66ef924b-9382-4e38-b1c0-40e4a4b9e43c"> <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%252fCell_phone_plans", 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%252fCell_phone_plans", 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="10010" /> <input type="hidden" name="pagehierarchycode" value="MOBILITY_RATE_PLANS_SHARE_PLANS" /> <input type="hidden" name="metadatapageid" value="PrsShpWls_Ingite_Rateplans" /> <input type="hidden" name="producttype" value="WirelessHandset" /> <input type="hidden" name="productname" value="eSIM" /> <input type="hidden" name="originurl" value="/Mobility/Cell_phone_plans" /> <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%252fCell_phone_plans" 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="553d3a5f-9300-4789-b44c-bade5991023e" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="AB" /> <label class="" for="553d3a5f-9300-4789-b44c-bade5991023e"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="be704faa-0748-4542-8d18-f50e8e666ea9" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="BC" /> <label class="" for="be704faa-0748-4542-8d18-f50e8e666ea9"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="0ff922ad-d41c-4a38-b307-6715c4c25514" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="MB" /> <label class="" for="0ff922ad-d41c-4a38-b307-6715c4c25514"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="84c73d30-bc79-43e1-b235-c652d385753b" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="NB" /> <label class="" for="84c73d30-bc79-43e1-b235-c652d385753b"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="ded24a6f-4517-4622-8915-8f47086fcb83" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="NL" /> <label class="" for="ded24a6f-4517-4622-8915-8f47086fcb83"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="b4ff3236-cd94-464b-8157-58ee23e05747" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="NT" /> <label class="" for="b4ff3236-cd94-464b-8157-58ee23e05747"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="ba8d3c9e-0def-481d-88d1-b92da45b4efd" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="NS" /> <label class="" for="ba8d3c9e-0def-481d-88d1-b92da45b4efd"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="ff7715c2-a959-476f-8e25-e9cc32749457" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="NU" /> <label class="" for="ff7715c2-a959-476f-8e25-e9cc32749457"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="51459ffe-785f-4c11-bc2b-3bcb90c87a25" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="51459ffe-785f-4c11-bc2b-3bcb90c87a25"> <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="a5685bb4-d81f-4cec-b862-bb5cab39255b" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="PE" /> <label class="" for="a5685bb4-d81f-4cec-b862-bb5cab39255b"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="040af38d-fdf9-403b-b6b0-46061b086e23" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="QC" /> <label class="" for="040af38d-fdf9-403b-b6b0-46061b086e23"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="58fc47cf-9751-4b63-ac0a-34f701299b96" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="SK" /> <label class="" for="58fc47cf-9751-4b63-ac0a-34f701299b96"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="430ae345-3d2e-4735-a0b2-ad0af50f0dd0" type="radio" role="option" tabindex="0" name="province-67f425a1-8e2a-4afb-bc26-8b2cfd90d438" value="YT" /> <label class="" for="430ae345-3d2e-4735-a0b2-ad0af50f0dd0"> <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="true" 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="bbd0217e-58b5-4f8e-b726-1c0c1d77020b" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="AB" /> <label class="" for="bbd0217e-58b5-4f8e-b726-1c0c1d77020b"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="c7969c77-79f1-4cae-bcff-56ceea829dfb" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="BC" /> <label class="" for="c7969c77-79f1-4cae-bcff-56ceea829dfb"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="ba5df058-26bf-4813-8b57-40fa6f163c04" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="MB" /> <label class="" for="ba5df058-26bf-4813-8b57-40fa6f163c04"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="b4b899c0-7e4e-4db4-9870-187fd938dee6" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="NB" /> <label class="" for="b4b899c0-7e4e-4db4-9870-187fd938dee6"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="40e5ffb6-c913-44be-9073-e2918c5d0448" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="NL" /> <label class="" for="40e5ffb6-c913-44be-9073-e2918c5d0448"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="0d76b47a-b1f0-4332-8bd8-ce436d3f9851" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="NT" /> <label class="" for="0d76b47a-b1f0-4332-8bd8-ce436d3f9851"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="4607ea15-4059-4a46-92ef-f07067633b03" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="NS" /> <label class="" for="4607ea15-4059-4a46-92ef-f07067633b03"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="9bd4066e-67a2-41d1-8fe3-ffe09bff4e2b" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="NU" /> <label class="" for="9bd4066e-67a2-41d1-8fe3-ffe09bff4e2b"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="f8d0d004-cd0c-4ab7-9879-92592d5d58f3" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="f8d0d004-cd0c-4ab7-9879-92592d5d58f3"> <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="28e923f3-fed7-4961-bf5a-b30bbcc45035" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="PE" /> <label class="" for="28e923f3-fed7-4961-bf5a-b30bbcc45035"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="d51447d5-d6fe-4550-8ab6-a88170207d8e" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="QC" /> <label class="" for="d51447d5-d6fe-4550-8ab6-a88170207d8e"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="f77f165d-55d7-4cb7-b093-9ca6a1705912" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="SK" /> <label class="" for="f77f165d-55d7-4cb7-b093-9ca6a1705912"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="b49b9aec-ceb1-4d86-b108-9cbede64a907" type="radio" role="option" tabindex="0" name="province-c42b5a43-2084-41b5-afec-dce30e55d5e9" value="YT" /> <label class="" for="b49b9aec-ceb1-4d86-b108-9cbede64a907"> <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>  <section class="more-ways-to-shop bg-bell-blue inverted inverted-border" id="more-ways-to-shop-Id"> <hidden id="hdnEchatId"></hidden> <div class="container text-sm-center"> <h2 class="title">More ways to shop</h2> <ul class="content-ways-to-shop d-block d-sm-flex flex-row align-items-start justify-content-center no-list-style"> <li class="border-bottom-moreWaystoShop"> <a id="btn-Find_a_store" href="/Store_Locator#INT=All_footer_TXT_ Mwto_Mass_111015_pc_findstore" > <div class="icon-o-location icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20 " id="Find_a_store" > Find a store </div> </a> </li> <li class="border-bottom-moreWaystoShop"> <a href="javascript:void(0)" role ="button" onclick = "event.preventDefault();javascript:ECHAT.clickChatLive();" onkeydown ="if (event.keyCode==32){event.preventDefault();$('#inqC2CShopBody').click()};" id="eChat_MoreWaysTo_Shop" role="button" class=""> <div class="icon-o-chat-bubble icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20" data-omni-s_oapt="647-0-0" data-omni-s_obtn="Chat live">Chat Live</div> </a> </li> <li class="border-bottom-moreWaystoShop"> <a id="btn-Call_us" role="button" href="tel:18554485399" > <div class="icon-o-handset icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20 " id="Call_us" >Call us at <span class="text-nowrap">1 855 448-5399</span></div> </a> </li> <li class="border-bottom-moreWaystoShop"> <a id="btn-Book_appointment" href="https://appointments.bell.ca/in-store#location" > <div class="icon-calendar icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20 " id="Book_appointment" >Book an appointment</div> </a> </li> </ul> </div> </section>  <div id="appointmentsCallBack" class="modal fade scrollable-body" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="myModalHeaderLabel_appt_options"> <div class="modal-dialog"> <div class="modal-content" role="document"> <div class="modal-header"> <h2 class="small-title pad-r-15 txtSize18 txtBlack2" id="myModalHeaderLabel_appt_options"> Appointment options </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"> <div class="d-flex flex-column flex-sm-row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 pad-r-20-sm pad-r-20-md pad-r-20"> <div class="pad-b-5"> <i id="calIcon" class="icon-small_bussiness_bl_wot anchor-icon icon-o icon-lmedium icon-circle-large bg-bell-blue txtWhite desktop-outline hidden-sm hidden-xs" aria-hidden="true"></i> </div> <div class="pad-t-10"><div class="d-inline-flex txtSize18 txtBlack2" role="heading" aria-level="3">At a store</div></div> <div class="pad-t-10"><p id="divleft" class="txtDarkgrey sameHeight margin-b-20">Meet with a representative to learn more about our latest products, services and offerings.</p></div> <div class="margin-t-sm-60 margin-t-20 margin-t-xs-20 pad-b-xs-40"> <a id="inStoreAppointments" href="https://appointments.bell.ca/in-store?INT=All_footer_TXT_Mass_140621_BookAppt_RS" class="btn btn-primary">Book an appointment</a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 responsive-border-sm-light-grey pad-r-20 pad-t-xs-20 pad-l-20 no-pad-left-xs"> <div> <i class="icon-o-headphones iconsize65 anchor-icon icon-o icon-circle-large bg-bell-blue txtWhite desktop-outline hidden-sm hidden-xs" aria-hidden="true"></i> </div> <div class="pad-t-10"><div class="d-inline-flex txtSize18 txtBlack2" role="heading" aria-level="3">Have us call you now</div></div> <div class="pad-t-10"><p id="divright" class="txtDarkgrey sameHeight margin-b-20">Skip the waiting time and get the next available representative to call you now.</p></div> <div class="margin-t-sm-60 margin-t-20 margin-t-xs-20 pad-b-xs-40 no-margin-top-xs b-div"> <a id="haveusCallBack" href="https://www.bell.ca/ScheduleCallback?form=CMB_BUNDLE&lang=en#INT=All_footer_TXT_Mwto_Mass_120120_TM_Scheduleacallback" class="btn btn-primary">Have us call you now</a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 responsive-border-sm-light-grey pad-t-xs-20 pad-l-20 no-pad-left-xs"> <div> <i class="icon-o-clock iconsize65 anchor-icon icon-o icon-circle-large bg-bell-blue txtWhite desktop-outline hidden-sm hidden-xs" aria-hidden="true"></i> </div> <div class="pad-t-10"><div class="d-inline-flex txtSize18 txtBlack2" role="heading" aria-level="3">Over the phone</div></div> <div class="pad-t-10"><p id="divright2" class="txtDarkgrey sameHeight margin-b-20">Have a Bell representative call you at the time of your choosing.</p></div> <div class="margin-t-sm-60 margin-t-20 margin-t-xs-20 pad-b-xs-40 no-margin-top-xs b-div"> <a id="requestCallBack" href="https://www.bell.ca/ScheduleCallback?form=CMB_BUNDLE&lang=en#INT=All_footer_TXT_Mwto_Mass_120120_TM_Scheduleacallback" class="btn btn-primary">Request a call back</a> </div> </div> </div> </div> </div> </div> </div> <style> #appointmentsCallBack .btn { padding: 7px 15px !important; } @media screen and (min-width: 1000px) { #appointmentsCallBack .modal-dialog { width: 900px !important } } @media (min-width: 769px) { .b-div { position: absolute; bottom: 0px; margin-right: 20px; } } @media (max-width: 639px) { #appointmentsCallBack .modal-dialog { bottom: 55px !important; } ul li .anchor-text::after { font-family: 'bell-icon'; content: '\e012'; position: absolute; right: 10px; top: 50%; right: 0; transform: translateY(-50%); } .border-bottom-moreWaystoShop { border-bottom: 1px solid #003778 !important; } .more-ways-to-shop .content-ways-to-shop li { position: relative; } } div.icon-calendar .icon-medium:before, .icon-circle-large:before { font-size: 45px !important } .iconsize65, .iconsize65:before { font-size: 65px !important } .icon-small_bussiness_bl_wot, .icon-small_bussiness_bl_wot:before { font-size: 35px !important; } </style> <script> window.onload = function () { var scriptElement = document.createElement('script'); scriptElement.type = 'text/javascript'; scriptElement.src = 'https://www.bell.ca/styles/Custom/echat/js/echat-component.js'; document.head.appendChild(scriptElement); }; </script> <script type="text/javascript"> $(document).ready(function () { cleanupHrefWithTelNumber(); $("#hdnEchatId").val(false); echatDisableChecker(); $('#eChat_MoreWaysTo_Shop').on('click', function (e) { var isChatInitiated = false; if ("True" === "True") { isChatInitiated = getCookie("__eccompslex") !== undefined && getCookie("__eccompslex").indexOf("<<@cwi@||true||>>") > -1; } else { isChatInitiated = getCookie("__cwi") === "true"; } if ("True" == "True" && !isChatInitiated) { $('#' + this.id).addClass("disabled"); echatDisableChecker(); setTimeout(function () { if ($('#eChat_BELL_INIT_GA').length > 0) { var echat = $('#eChat_BELL_INIT_GA'); echat.click(); if (typeof EChat !== 'undefined' && EChat) { EChat.openChatLive("eChat_MoreWaysTo_Shop"); } else { setTimeout(function () { EChat.openChatLive("eChat_MoreWaysTo_Shop"); }, 1000); } } else { if ($('#eChat_container_GA').length > 0) { var echat = $('#eChat_container_GA'); echat.click(); if (typeof EChat !== 'undefined' && EChat) { EChat.openChatLive("eChat_MoreWaysTo_Shop"); } else { setTimeout(function () { EChat.openChatLive("eChat_MoreWaysTo_Shop"); }, 1000); } } } }, 1000); } }); 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]; } function echatDisableChecker() { if ($("#eChat_MoreWaysTo_Shop").hasClass("disabled")) { $("#eChat_MoreWaysTo_Shop").attr('aria-disabled', true); } } function cleanupHrefWithTelNumber() { try { $('a[href^="tel:"]').each(function(){ var hrefUrl = $(this).attr("href"); var regularExpression = /(?<=\<).*?(?=\>)/g; var bracketText= hrefUrl.match(regularExpression); if(bracketText != null && bracketText.length > 0){ for (let i = 0; i < bracketText.length; i++) { hrefUrl = hrefUrl.replace('<' + bracketText[i] + '>', ''); } $(this).attr("href", hrefUrl); } }); } catch (err) { console.log('cleanupHrefWithTelNumber catch ' + err); } } (function () { // Select the target node. var target = document.querySelector('#eChat_MoreWaysTo_Shop') // Create an observer instance. var observer = new MutationObserver(function (mutations) { if (mutations.length > 0 && target == mutations[0].target && mutations[0].attributeName == "class") { if ($(target).hasClass('disabled')) { $(target).attr('aria-disabled', true).attr('tabindex', '-1'); } } }); // Pass in the target node, as well as the observer options. observer.observe(target, { attributes: true, childList: false, characterData: false }); })(); $("#appointmentsCallBack").on("hidden.bs.modal", function () { $('#Book_appointment').closest('a').focus(); }); }); </script> <style> .adobetarget-campaign-group { display: none; } </style> <section id="adobetarget-campaign-group" class="adobetarget-campaign-group sibling-target"> <section id="P2_Home_Mobility_Promo_RatePlan_Landing_Freedom_March_2023" class="adobetarget-campaign-item" data-campaign-name="P2 Home_Mobility_Promo_RatePlan_Landing_Freedom March 2023"> <div id="P2_Home_Mobility_Promo_RatePlan_Landing_Freedom_March_2023_content"> <div id="banner_freedom_mobile"> <div data-carousel-layout="40-60" data-omni-s_obid="banner_freedom_mobile" class="hp-banner banner-standalone banner-40-60-layout js-omni-banner banner_trade-in-2020-66677 bottom-gradient"> <div class="container"> <div class="hp-banner-image-wrap"> <img class="hp-banner-image img img-responsive" alt=" " src="/Styles/images/banners/img-banner_ProjectC.jpg"> </div> <div class="hp-banner-content-wrap"> <div class="hp-banner-content"> <h2 class="big-title margin-b-10"><span class='region-text' data-region-text='_WZGTX'>Freedom customers: say hello to the better network.</span> </h2> <div class="hp-banner-text"> <span class='region-text' data-region-text='_WZGTY'>Save $240<sup>^</sup> when you switch to Canada’s largest and fastest network.<sup>^^</sup></span></span> </div> <div class="hp-banner-cta-wrap"> <a id="banner_freedom_mobile-cta" href="/Store_Locator#INT=MOB_mobrtplpg_BAN_FreedomSwitch_033123_NW_adtg" class="hp-banner-cta js-omni-button" aria-describedby="banner_freedom_mobile-cta" data-omni-s_oapt="348-0-0" data-omni-s_obid="Default|banner_freedom_mobile-cta|1" tabindex="0" data-di-id="#banner_freedom_mobile-cta"> <span> Visit a Bell store </span> </a> </div> </div> </div> </div> </div> </div> </div> <div id="P2_Home_Mobility_Promo_RatePlan_Landing_Freedom_March_2023_legal"> <div id="banner_freedom_mobile_legal"> <span class='region-text' data-region-text='_WZGUA'><p>^ Current as of March 31, 2023. Available to Freedom Mobile customers switching to Bell with new activations on Bell SmartPay, or Bring Your Own Device, and on any Unlimited Ultimate, Essential or Promo 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 24 months. Regular price applies thereafter. Additional one-time fees are subject to change over time. See <a href="http://www.bell.ca/onetimefees">bell.ca/onetimefees</a> for details. In-store only.</p> <p>^^ Based on a third party score (Global Wireless Solutions OneScore™) calculated using wireless network testing in Canada against other wireless networks of combined data, voice, reliability and network coverage. See <a href="https://www.bell.ca/LTE">bell.ca/LTE</a> for details.</p></span> </div> </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-Travel_and_Roaming_-_Coverage_Map" class="js-omni-seo" data-omni-seo-id="Travel and Roaming - Coverage Map" href="https://www.bell.ca/Mobility/Coverage_map" title="">Travel and Roaming - Coverage Map</a> </li> <li> <a id="popular-page-Tablets_Plans" class="js-omni-seo" data-omni-seo-id="Tablets Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Tablet_PC_data_plans" title="">Tablets Plans</a> </li> <li> <a id="popular-page-Mobile_Internet_Rate_Plans" class="js-omni-seo" data-omni-seo-id="Mobile Internet Rate Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Turbo-Stick-and-Turbo-Hub-data-plans" title="">Mobile Internet Rate Plans</a> </li> <li> <a id="popular-page-Smartwatch_Plans" class="js-omni-seo" data-omni-seo-id="Smartwatch Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Smartwatch-data-plans" title="">Smartwatch Plans</a> </li> <li> <a id="popular-page-Arlo_Go_Data_Plans" class="js-omni-seo" data-omni-seo-id="Arlo Go Data Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Arlo-Go-plans" title="">Arlo Go Data Plans</a> </li> <li> <a id="popular-page-Basic_Rate_Plans" class="js-omni-seo" data-omni-seo-id="Basic Rate Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Basic-Rate-Plans" title="">Basic Rate Plans</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: "3e55f831-c624-4da4-810d-1e29b5a68e26",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_Cell_phone_plans",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: "3e55f831-c624-4da4-810d-1e29b5a68e26",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_Cell_phone_plans",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 = "3bb506a7-cd03-48c0-87da-68638a5e24c8"; s_oSID_OMN = "48fe5238-82b2-4f0d-9b4c-2f7598393b19"; s_oEID = ""; s_oSLOB = ""; s_oESTD = "2024-11-25"; s_oESTT = "03:28:19.408"; s_oLGSA = false; s_oLAB = ""; if ('False' == 'True' || 'False' == 'True') { s_oACT = ""; s_oMOT = ""; s_oBUP = "onebillMob4Svc"; s_oClientID = ""; s_oUVA = "User"; s_oTELF = "6F9169C668376851350D4812B9BF96B1"; } 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 = 'Rate plans'; s_oPGN = 'Cell phone plans'; 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

Explore Bell's Cell Phone Plans | Bell Mobility | Bell Canada