www.transmountain.com
Open in
urlscan Pro
104.22.37.88
Public Scan
Submitted URL: http://transmountain.com/
Effective URL: https://www.transmountain.com/
Submission: On November 16 via manual from CA — Scanned from CA
Effective URL: https://www.transmountain.com/
Submission: On November 16 via manual from CA — Scanned from CA
Form analysis 3 forms found in the DOM
https://www.transmountain.com/search
<form class="search__form head__search-form js-header-search-form js-form" action="https://www.transmountain.com/search" cy-data="search.bar">
<div class="wrap wrap--gutter height-100 search__wrap search__input" data-cy="search.input">
<div class="wrap__inner height-100 pos-r flex flex--align-c ">
<button class="search__submit" type="submit" data-cy="search.icon">
<svg class="search__svg" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-1270.000000, -33.000000)" class="stroke-primary">
<g transform="translate(1271.000000, 34.000000)">
<g>
<path
d="M6.73877734,13.478036 C3.01704689,13.478036 0,10.4600265 0,6.73925869 C0,3.01704689 3.01704689,0 6.73877734,0 C10.4605078,0 13.4775547,3.01704689 13.4775547,6.73925869 C13.4775547,10.4605078 10.4600265,13.478036 6.73877734,13.478036 L6.73877734,13.478036 Z"
stroke-width="2"></path>
<path d="M11.4807976,11.4807976 L18,18" stroke-width="2"></path>
</g>
</g>
</g>
</g>
</svg> </button>
<span class="header-search-autocomplete">
<input class="search__field head__search__field js-search-overlay-field js-search-field ga-search" type="text" name="q" placeholder="Search" value="" data-category="Map Controls" data-label="Search" autocomplete="off" spellcheck="false"
style="position: relative; vertical-align: top;">
<span class="header-search-dropdown-menu">
<div class="header-search-dataset-1">
<span class="header-search-suggestions"></span>
<div class="header-search-footer title-sm color-primary din--bold"></div>
</div>
</span>
</span>
<button class="search__clear js-search-clear" type="button">
<svg class="search__close" width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square">
<g id="Global/UI-Icons/close-icon---2px" stroke-width="2" class="stroke-accent">
<g id="X" transform="translate(1.000000, 1.000000)">
<path d="M0.514285714,1.2 L4.8,5.48571429" id="Line" transform="translate(2.828571, 3.171429) scale(-1, 1) rotate(90.000000) translate(-2.828571, -3.171429) "></path>
</g>
<g id="X-Copy" transform="translate(8.000000, 4.000000) scale(-1, 1) translate(-8.000000, -4.000000) translate(5.000000, 1.000000)">
<path d="M0.514285714,1.2 L4.8,5.48571429" id="Line" transform="translate(2.828571, 3.171429) scale(-1, 1) rotate(90.000000) translate(-2.828571, -3.171429) "></path>
</g>
<g id="X" transform="translate(4.000000, 8.000000) scale(1, -1) translate(-4.000000, -8.000000) translate(1.000000, 5.000000)">
<path d="M0.514285714,1.2 L4.8,5.48571429" id="Line" transform="translate(2.828571, 3.171429) scale(-1, 1) rotate(90.000000) translate(-2.828571, -3.171429) "></path>
</g>
<g id="X-Copy" transform="translate(8.000000, 8.000000) scale(-1, -1) translate(-8.000000, -8.000000) translate(5.000000, 5.000000)">
<path d="M0.514285714,1.2 L4.8,5.48571429" id="Line" transform="translate(2.828571, 3.171429) scale(-1, 1) rotate(90.000000) translate(-2.828571, -3.171429) "></path>
</g>
</g>
</g>
</svg>
</button>
</div>
</div>
</form>/notifications/signup
<form action="/notifications/signup" class="js-subscribe-form form form--secondary bg-white ga-submit" data-category="Map Controls" data-label="Send Construction Updates">
<input type="hidden" name="CRAFT_CSRF_TOKEN" value="3Q5wB3HfzJ-bsQhQCIpgmdxf8dPRNDsXeTX9-VmE3jYuqUN-cq29Qqk7PGo4hp-o7u5PBlfFLdXtb66S4W5JZDFHy5c_8O0Da8IHBEvv9yA=">
<input type="hidden" name="language" value="en">
<div class="js-form-success-container align-c newsletter__success newsletter__text subscribe__success-container">
<div class="js-subscribed dis-n">
<header class="lightbox__section--header lightbox__section lightbox__section--sm color-white bg-secondary-light align-c col-12" data-addsearch="exclude">
<span class="lightbox__icon">
<svg width="18" height="14" viewBox="0 0 18 14" xmlns="http://www.w3.org/2000/svg">
<path class="stroke-white" d="M17 1.292L6.089 12.202 1 7.115" stroke-width="2" fill="none" fill-rule="evenodd"></path>
</svg>
</span>
<p class="din--bold title-h4 m-b-20">Your submission was successful!</p>
<p>Keep an eye out for a confirmation email sent from our team.</p>
</header>
<div class="lightbox__section lightbox__section--sm align-c col-12" data-addsearch="exclude">
<div class="form__copy form__copy--secondary align-c">
<p class="col-8 dis-ib m-b-30">Stay up to date by following us on social.</p>
</div>
<ul class="list--unstyled list--share align-l dis-ib">
<li>
<a href="https://twitter.com/TransMtn" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><g fill="#ffffff" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3"></rect><path d="M20.821 12.766a2.813 2.813 0 0 0 1.21-1.56 5.415 5.415 0 0 1-1.748.684 2.711 2.711 0 0 0-2.006-.89c-1.517 0-2.748 1.262-2.748 2.819 0 .22.024.435.07.642-2.284-.118-4.31-1.239-5.666-2.946a2.87 2.87 0 0 0-.372 1.418c0 .978.485 1.84 1.223 2.347a2.7 2.7 0 0 1-1.246-.352v.035c0 1.366.948 2.506 2.206 2.764a2.67 2.67 0 0 1-1.242.05c.35 1.118 1.365 1.934 2.568 1.956A5.428 5.428 0 0 1 9 20.9a7.654 7.654 0 0 0 4.214 1.266c5.058 0 7.822-4.295 7.822-8.02 0-.123-.002-.246-.007-.366a5.642 5.642 0 0 0 1.371-1.46 5.37 5.37 0 0 1-1.579.445z" fill="#50ABF1"></path></g></svg>
</span>
Twitter
</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/TransMtn" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><g fill="#ffffff" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3"></rect><path d="M15.875 21h-5.268a.607.607 0 0 1-.607-.607v-9.786c0-.335.272-.607.607-.607h9.786c.335 0 .607.272.607.607v9.786a.607.607 0 0 1-.607.607H17.59v-4.26h1.43l.214-1.66H17.59v-1.06c0-.48.133-.808.823-.808h.879v-1.485c-.152-.02-.674-.066-1.281-.066-1.268 0-2.136.774-2.136 2.195v1.224h-1.433v1.66h1.433V21z" fill="#39579A"></path></g></svg>
</span>
Facebook
</span>
</a>
</li>
<li>
<a href="https://www.youtube.com/user/TransMtn" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><g fill="#FFFFFF" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3"></rect><g fill="#E90000"><path d="M14.278 7.033a.372.372 0 0 0-.069-.53.391.391 0 0 0-.542.068l-2.031 2.562-2.032-2.56a.392.392 0 0 0-.543-.068.373.373 0 0 0-.068.53L11.25 9.88l.001 3.3c0 .208.173.377.387.377.213 0 .386-.17.386-.378l-.002-3.3 2.256-2.846zM15.114 12.8a.765.765 0 0 1-.773-.756V9.778c0-.417.347-.756.773-.756.425 0 .772.34.772.756l.001 2.266a.766.766 0 0 1-.773.756m0-4.533c-.853 0-1.546.678-1.546 1.51v2.267c0 .833.693 1.512 1.546 1.512.853 0 1.546-.679 1.546-1.512V9.778c0-.834-.694-1.511-1.546-1.511M21.296 11.665V8.643a.382.382 0 0 0-.387-.378.382.382 0 0 0-.386.378v3.024a1.148 1.148 0 0 1-1.16 1.131c-.32-.022-.599-.117-.818-.33a1.114 1.114 0 0 1-.34-.802V8.643a.382.382 0 0 0-.387-.377.382.382 0 0 0-.386.377v3.023c0 .504.202.979.566 1.335.365.356.85.553 1.364.553h.002c.442 0 .844-.15 1.17-.396.027.183.181.325.376.325a.382.382 0 0 0 .386-.377v-1.441zM17.045 18.844a.382.382 0 0 0-.386.378v1.511c0 .209.173.378.386.378.214 0 .387-.17.387-.378v-1.51a.382.382 0 0 0-.387-.379M20.523 19.222a.382.382 0 0 0-.387-.378.382.382 0 0 0-.386.378v.378h.773v-.378z"></path><path d="M20.203 21.96c-.63 0-1.226-.595-1.226-1.227v-1.511c0-.625.52-1.133 1.16-1.133.638 0 1.158.508 1.158 1.133v.755c0 .21-.173.378-.386.378h-1.16v.378c0 .217.246.472.454.472.175 0 .453-.077.453-.283 0-.209.173-.378.386-.378.213 0 .386.17.386.378 0 .592-.527 1.039-1.225 1.039zm-1.999-1.227c0 .626-.52 1.133-1.159 1.133-.183 0-.354-.045-.509-.12a.387.387 0 0 1-.263.104.382.382 0 0 1-.387-.377v-4.518c0-.208.173-.378.387-.378.213 0 .386.17.386.378v1.204c.121-.043.25-.07.386-.07.64 0 1.16.508 1.16 1.133v1.511zm-3.476 1.062a.383.383 0 0 1-.217-.074c-.166.09-.353.145-.557.145-.639 0-1.159-.507-1.159-1.133v-2.268c0-.209.173-.378.387-.378.213 0 .386.17.386.378v2.268c0 .21.173.378.386.378a.382.382 0 0 0 .387-.378v-2.268c0-.209.173-.378.386-.378.213 0 .387.17.387.378v2.952c0 .209-.173.378-.386.378zm-2.303-3.706H11.25v3.384a.382.382 0 0 1-.386.377.382.382 0 0 1-.387-.377v-3.384H9.302a.381.381 0 0 1-.386-.378c0-.209.172-.378.386-.378h3.123c.214 0 .387.17.387.378 0 .209-.173.378-.387.378zm8.484-2.645H10.091C8.384 15.444 7 16.797 7 18.466v2.267c0 1.669 1.384 3.022 3.09 3.022H20.91c1.707 0 3.09-1.353 3.09-3.022v-2.267c0-1.669-1.383-3.022-3.09-3.022z"></path></g></g></svg>
</span>
Youtube
</span>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/trans-mountain/" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3" fill="#FFF"></rect><path d="M9.335 11.02c0-.506.417-.917.932-.917h10.75c.514 0 .932.41.932.917v10.968a.925.925 0 0 1-.933.917H10.267a.925.925 0 0 1-.932-.917V11.02z" fill="#069"></path><path d="M13.159 20.82v-5.781h-1.906v5.78h1.906zm-.953-6.57c.664 0 1.078-.444 1.078-1-.012-.566-.414-.998-1.065-.998-.652 0-1.078.432-1.078.999 0 .555.413.998 1.053.998h.012zM14.213 20.82h1.905V17.59c0-.173.012-.345.063-.469.137-.345.45-.702.977-.702.69 0 .965.53.965 1.307v3.092h1.905v-3.314c0-1.776-.94-2.602-2.193-2.602-1.028 0-1.479.58-1.73.974h.013v-.838h-1.905c.025.542 0 5.78 0 5.78z" fill="#FFF"></path></g></svg>
</span>
Linkedin
</span>
</a>
</li>
</ul>
</div>
<div class="lightbox__section lightbox__section--sm col-12" data-addsearch="exclude">
<button class="btn bg-secondary color-white js-lightbox-close col-12 btn--secondary flex flex--align-c flex--justify-c" type="button">
<span class="flex flex--align-c flex--justify-c ">
<span>Back to website</span>
</span>
</button>
</div>
</div>
<div class="js-already-subscribed dis-n" data-addsearch="exclude">
<header class="lightbox__section lightbox__section--sm color-white align-c col-12">
<span class="lightbox__icon">
<svg width="18" height="14" viewBox="0 0 18 14" xmlns="http://www.w3.org/2000/svg">
<path class="stroke-white" d="M17 1.292L6.089 12.202 1 7.115" stroke-width="2" fill="none" fill-rule="evenodd"></path>
</svg>
</span>
<p class="din--bold title-h4 m-b-20">You are already subscribed!</p>
<p>Thank you!</p>
</header>
<div class="lightbox__section lightbox__section--sm align-c col-12" data-addsearch="exclude">
<div class="form__copy form__copy--secondary align-c">
<p class="col-8 dis-ib m-b-30">Stay up to date by following us on social.</p>
</div>
<ul class="list--unstyled list--share align-l dis-ib">
<li>
<a href="https://twitter.com/TransMtn" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><g fill="#ffffff" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3"></rect><path d="M20.821 12.766a2.813 2.813 0 0 0 1.21-1.56 5.415 5.415 0 0 1-1.748.684 2.711 2.711 0 0 0-2.006-.89c-1.517 0-2.748 1.262-2.748 2.819 0 .22.024.435.07.642-2.284-.118-4.31-1.239-5.666-2.946a2.87 2.87 0 0 0-.372 1.418c0 .978.485 1.84 1.223 2.347a2.7 2.7 0 0 1-1.246-.352v.035c0 1.366.948 2.506 2.206 2.764a2.67 2.67 0 0 1-1.242.05c.35 1.118 1.365 1.934 2.568 1.956A5.428 5.428 0 0 1 9 20.9a7.654 7.654 0 0 0 4.214 1.266c5.058 0 7.822-4.295 7.822-8.02 0-.123-.002-.246-.007-.366a5.642 5.642 0 0 0 1.371-1.46 5.37 5.37 0 0 1-1.579.445z" fill="#50ABF1"></path></g></svg>
</span>
Twitter
</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/TransMtn" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><g fill="#ffffff" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3"></rect><path d="M15.875 21h-5.268a.607.607 0 0 1-.607-.607v-9.786c0-.335.272-.607.607-.607h9.786c.335 0 .607.272.607.607v9.786a.607.607 0 0 1-.607.607H17.59v-4.26h1.43l.214-1.66H17.59v-1.06c0-.48.133-.808.823-.808h.879v-1.485c-.152-.02-.674-.066-1.281-.066-1.268 0-2.136.774-2.136 2.195v1.224h-1.433v1.66h1.433V21z" fill="#39579A"></path></g></svg>
</span>
Facebook
</span>
</a>
</li>
<li>
<a href="https://www.youtube.com/user/TransMtn" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><g fill="#FFFFFF" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3"></rect><g fill="#E90000"><path d="M14.278 7.033a.372.372 0 0 0-.069-.53.391.391 0 0 0-.542.068l-2.031 2.562-2.032-2.56a.392.392 0 0 0-.543-.068.373.373 0 0 0-.068.53L11.25 9.88l.001 3.3c0 .208.173.377.387.377.213 0 .386-.17.386-.378l-.002-3.3 2.256-2.846zM15.114 12.8a.765.765 0 0 1-.773-.756V9.778c0-.417.347-.756.773-.756.425 0 .772.34.772.756l.001 2.266a.766.766 0 0 1-.773.756m0-4.533c-.853 0-1.546.678-1.546 1.51v2.267c0 .833.693 1.512 1.546 1.512.853 0 1.546-.679 1.546-1.512V9.778c0-.834-.694-1.511-1.546-1.511M21.296 11.665V8.643a.382.382 0 0 0-.387-.378.382.382 0 0 0-.386.378v3.024a1.148 1.148 0 0 1-1.16 1.131c-.32-.022-.599-.117-.818-.33a1.114 1.114 0 0 1-.34-.802V8.643a.382.382 0 0 0-.387-.377.382.382 0 0 0-.386.377v3.023c0 .504.202.979.566 1.335.365.356.85.553 1.364.553h.002c.442 0 .844-.15 1.17-.396.027.183.181.325.376.325a.382.382 0 0 0 .386-.377v-1.441zM17.045 18.844a.382.382 0 0 0-.386.378v1.511c0 .209.173.378.386.378.214 0 .387-.17.387-.378v-1.51a.382.382 0 0 0-.387-.379M20.523 19.222a.382.382 0 0 0-.387-.378.382.382 0 0 0-.386.378v.378h.773v-.378z"></path><path d="M20.203 21.96c-.63 0-1.226-.595-1.226-1.227v-1.511c0-.625.52-1.133 1.16-1.133.638 0 1.158.508 1.158 1.133v.755c0 .21-.173.378-.386.378h-1.16v.378c0 .217.246.472.454.472.175 0 .453-.077.453-.283 0-.209.173-.378.386-.378.213 0 .386.17.386.378 0 .592-.527 1.039-1.225 1.039zm-1.999-1.227c0 .626-.52 1.133-1.159 1.133-.183 0-.354-.045-.509-.12a.387.387 0 0 1-.263.104.382.382 0 0 1-.387-.377v-4.518c0-.208.173-.378.387-.378.213 0 .386.17.386.378v1.204c.121-.043.25-.07.386-.07.64 0 1.16.508 1.16 1.133v1.511zm-3.476 1.062a.383.383 0 0 1-.217-.074c-.166.09-.353.145-.557.145-.639 0-1.159-.507-1.159-1.133v-2.268c0-.209.173-.378.387-.378.213 0 .386.17.386.378v2.268c0 .21.173.378.386.378a.382.382 0 0 0 .387-.378v-2.268c0-.209.173-.378.386-.378.213 0 .387.17.387.378v2.952c0 .209-.173.378-.386.378zm-2.303-3.706H11.25v3.384a.382.382 0 0 1-.386.377.382.382 0 0 1-.387-.377v-3.384H9.302a.381.381 0 0 1-.386-.378c0-.209.172-.378.386-.378h3.123c.214 0 .387.17.387.378 0 .209-.173.378-.387.378zm8.484-2.645H10.091C8.384 15.444 7 16.797 7 18.466v2.267c0 1.669 1.384 3.022 3.09 3.022H20.91c1.707 0 3.09-1.353 3.09-3.022v-2.267c0-1.669-1.383-3.022-3.09-3.022z"></path></g></g></svg>
</span>
Youtube
</span>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/trans-mountain/" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3" fill="#FFF"></rect><path d="M9.335 11.02c0-.506.417-.917.932-.917h10.75c.514 0 .932.41.932.917v10.968a.925.925 0 0 1-.933.917H10.267a.925.925 0 0 1-.932-.917V11.02z" fill="#069"></path><path d="M13.159 20.82v-5.781h-1.906v5.78h1.906zm-.953-6.57c.664 0 1.078-.444 1.078-1-.012-.566-.414-.998-1.065-.998-.652 0-1.078.432-1.078.999 0 .555.413.998 1.053.998h.012zM14.213 20.82h1.905V17.59c0-.173.012-.345.063-.469.137-.345.45-.702.977-.702.69 0 .965.53.965 1.307v3.092h1.905v-3.314c0-1.776-.94-2.602-2.193-2.602-1.028 0-1.479.58-1.73.974h.013v-.838h-1.905c.025.542 0 5.78 0 5.78z" fill="#FFF"></path></g></svg>
</span>
Linkedin
</span>
</a>
</li>
</ul>
</div>
<div class="lightbox__section lightbox__section--sm col-12" data-addsearch="exclude">
<button class="btn bg-secondary color-white js-lightbox-close col-12 btn--secondary flex flex--align-c flex--justify-c" type="button">
<span class="flex flex--align-c flex--justify-c ">
<span>Back to website</span>
</span>
</button>
</div>
</div>
</div>
<div class="js-form-error-container dis-n align-c newsletter__success newsletter__text bg-secondary-light">
<header class="lightbox__section lightbox__section--sm color-white align-c flex--align-c flex--justify-c flex height-100">
<p class="js-error-msg"></p>
</header>
</div>
<div class="swiper js-subscribe-swiper js-form-fields subscribe__carousel swiper-initialized swiper-horizontal swiper-pointer-events" data-addsearch="exclude">
<div class="swiper-wrapper subscribe__wrapper" id="swiper-wrapper-7100855502f96a4710" aria-live="polite" style="transition-duration: 0ms;">
<div class="swiper-slide">
<header class="lightbox__section--header lightbox__section lightbox__section--sm" data-addsearch="exclude">
<h1 class="title-h4 din--bold align-c">Let us know which communities you would like updates about.</h1>
</header>
<div class="lightbox__section lightbox__section--sm" data-addsearch="exclude">
<div class="checked-items">
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="abbotsford" aria-expanded="false">
<span class="btn-checklist__label"> Abbotsford <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="barriere" aria-expanded="false">
<span class="btn-checklist__label"> Barriere <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="black-pines" aria-expanded="false">
<span class="btn-checklist__label"> Black Pines <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="burnaby" aria-expanded="false">
<span class="btn-checklist__label"> Burnaby <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="chilliwack" aria-expanded="false">
<span class="btn-checklist__label"> Chilliwack <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="clearwater" aria-expanded="false">
<span class="btn-checklist__label"> Clearwater <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="coquihalla" aria-expanded="false">
<span class="btn-checklist__label"> Coquihalla <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="coquitlam" aria-expanded="false">
<span class="btn-checklist__label"> Coquitlam <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="edmonton" aria-expanded="false">
<span class="btn-checklist__label"> Edmonton <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="edson" aria-expanded="false">
<span class="btn-checklist__label"> Edson <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="hinton" aria-expanded="false">
<span class="btn-checklist__label"> Hinton <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="hope" aria-expanded="false">
<span class="btn-checklist__label"> Hope <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="jasper" aria-expanded="false">
<span class="btn-checklist__label"> Jasper - Mount Robson <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="kamloops" aria-expanded="false">
<span class="btn-checklist__label"> Kamloops <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="langley-from-232-street" aria-expanded="false">
<span class="btn-checklist__label"> Langley (from 232 Street) <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="langley-up-to-232-street" aria-expanded="false">
<span class="btn-checklist__label"> Langley (up to 232 Street) <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="merritt" aria-expanded="false">
<span class="btn-checklist__label"> Merritt <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="parkland-county" aria-expanded="false">
<span class="btn-checklist__label"> Parkland County <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="popkum" aria-expanded="false">
<span class="btn-checklist__label"> Popkum <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="spruce-grove" aria-expanded="false">
<span class="btn-checklist__label"> Spruce Grove <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="stony-plain" aria-expanded="false">
<span class="btn-checklist__label"> Stony Plain <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="strathcona-county" aria-expanded="false">
<span class="btn-checklist__label"> Strathcona County <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="surrey" aria-expanded="false">
<span class="btn-checklist__label"> Surrey <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="wabamun" aria-expanded="false">
<span class="btn-checklist__label"> Wabamun <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="west-barriere" aria-expanded="false">
<span class="btn-checklist__label"> West Barriere <span class="accordion__icon"></span>
</span>
</button>
<button class="col-12 dis-b btn-checklist js-btn-checklist " data-slug="yellowhead-county" aria-expanded="false">
<span class="btn-checklist__label"> Yellowhead County <span class="accordion__icon"></span>
</span>
</button>
</div>
<div class="accordion__item js-accordion-item accordion__item--secondary">
<button class="btn-checklist color-primary btn-checklist--dashed col-12 dis-b js-accordion-trigger accordion__trigger" aria-controls="community-list" id="community-list" type="button" data-cy="community.list">
<span class="btn-checklist__label"> Add a community <span class="accordion__icon"></span>
</span>
</button>
<div class="accordion__body js-accordion-body" role="region" aria-labelledby="community-list">
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="abbotsford">
<span class="btn-checklist__label"> Abbotsford <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="barriere">
<span class="btn-checklist__label"> Barriere <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="black-pines">
<span class="btn-checklist__label"> Black Pines <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="burnaby">
<span class="btn-checklist__label"> Burnaby <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="chilliwack">
<span class="btn-checklist__label"> Chilliwack <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="clearwater">
<span class="btn-checklist__label"> Clearwater <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="coquihalla">
<span class="btn-checklist__label"> Coquihalla <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="coquitlam">
<span class="btn-checklist__label"> Coquitlam <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="edmonton">
<span class="btn-checklist__label"> Edmonton <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="edson">
<span class="btn-checklist__label"> Edson <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="hinton">
<span class="btn-checklist__label"> Hinton <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="hope">
<span class="btn-checklist__label"> Hope <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="jasper">
<span class="btn-checklist__label"> Jasper - Mount Robson <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="kamloops">
<span class="btn-checklist__label"> Kamloops <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="langley-from-232-street">
<span class="btn-checklist__label"> Langley (from 232 Street) <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="langley-up-to-232-street">
<span class="btn-checklist__label"> Langley (up to 232 Street) <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="merritt">
<span class="btn-checklist__label"> Merritt <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="parkland-county">
<span class="btn-checklist__label"> Parkland County <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="popkum">
<span class="btn-checklist__label"> Popkum <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="spruce-grove">
<span class="btn-checklist__label"> Spruce Grove <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="stony-plain">
<span class="btn-checklist__label"> Stony Plain <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="strathcona-county">
<span class="btn-checklist__label"> Strathcona County <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="surrey">
<span class="btn-checklist__label"> Surrey <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="wabamun">
<span class="btn-checklist__label"> Wabamun <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="west-barriere">
<span class="btn-checklist__label"> West Barriere <span class="accordion__icon"></span>
</span>
</label>
<label class="col-12 dis-b btn-checklist js-label-checklist ">
<input class="btn-checklist__input js-input-checklist" type="checkbox" name="communities[]" value="yellowhead-county">
<span class="btn-checklist__label"> Yellowhead County <span class="accordion__icon"></span>
</span>
</label>
</div>
</div>
</div>
<header class="lightbox__section--header lightbox__section lightbox__section--sm" data-addsearch="exclude">
<h1 class="title-h4 din--bold align-c">Please share your contact details</h1>
</header>
<div class="lightbox__section lightbox__section--sm" data-addsearch="exclude">
<div class="form__row">
<div class="form__field js-field">
<input class="form__input js-form-input" type="email" name="newsletterEmailAddress" id="form-input-emailAddress" placeholder="Email Address" required="">
<svg class="form__validation__icon valid" width="18" height="14" viewBox="0 0 18 14" xmlns="http://www.w3.org/2000/svg">
<path class="stroke-secondary" d="M17 1.292L6.089 12.202 1 7.115" stroke-width="2" fill="none" fill-rule="evenodd"></path>
</svg>
<svg class="form__validation__icon error" width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square">
<g id="Global/UI-Icons/close-icon---2px" stroke-width="2" class="stroke-primary">
<g id="X" transform="translate(1.000000, 1.000000)">
<path d="M0.514285714,1.2 L4.8,5.48571429" id="Line" transform="translate(2.828571, 3.171429) scale(-1, 1) rotate(90.000000) translate(-2.828571, -3.171429) "></path>
</g>
<g id="X-Copy" transform="translate(8.000000, 4.000000) scale(-1, 1) translate(-8.000000, -4.000000) translate(5.000000, 1.000000)">
<path d="M0.514285714,1.2 L4.8,5.48571429" id="Line" transform="translate(2.828571, 3.171429) scale(-1, 1) rotate(90.000000) translate(-2.828571, -3.171429) "></path>
</g>
<g id="X" transform="translate(4.000000, 8.000000) scale(1, -1) translate(-4.000000, -8.000000) translate(1.000000, 5.000000)">
<path d="M0.514285714,1.2 L4.8,5.48571429" id="Line" transform="translate(2.828571, 3.171429) scale(-1, 1) rotate(90.000000) translate(-2.828571, -3.171429) "></path>
</g>
<g id="X-Copy" transform="translate(8.000000, 8.000000) scale(-1, -1) translate(-8.000000, -8.000000) translate(5.000000, 5.000000)">
<path d="M0.514285714,1.2 L4.8,5.48571429" id="Line" transform="translate(2.828571, 3.171429) scale(-1, 1) rotate(90.000000) translate(-2.828571, -3.171429) "></path>
</g>
</g>
</g>
</svg>
</div>
</div>
<div class="form__row">
<p class="form__copy">We stop sending you emails when the construction in your community is completed. You may opt-out anytime by clicking “unsubscribe” at the bottom of the emails.</p>
</div>
<div class="form__row m-t-20 js-field">
<label for="form-input-consent">
<span class="form__checkbox">
<input class="js-form-input" name="newsletterConsent" type="checkbox" id="form-input-consent" value="true" required="">
<svg class="form__checkbox__icon" width="18" height="14" viewBox="0 0 18 14" xmlns="http://www.w3.org/2000/svg">
<path class="stroke-secondary" d="M17 1.292L6.089 12.202 1 7.115" stroke-width="2" fill="none" fill-rule="evenodd"></path>
</svg>
</span>
<span class="form__checkbox__copy form__copy">Yes, I consent to receive communications from Trans Mountain.</span>
</label>
</div>
<div class="form__row m-t-20 js-field">
<label for="form-input-newsletter">
<span class="form__checkbox">
<input class="js-form-input" name="newsletter" type="checkbox" id="form-input-newsletter">
<svg class="form__checkbox__icon" width="18" height="14" viewBox="0 0 18 14" xmlns="http://www.w3.org/2000/svg">
<path class="stroke-secondary" d="M17 1.292L6.089 12.202 1 7.115" stroke-width="2" fill="none" fill-rule="evenodd"></path>
</svg>
</span>
<span class="form__checkbox__copy form__copy">Sign up to the weekly Trans Mountain email newsletter</span>
</label>
</div>
<button class="btn bg-secondary color-white col-12 form__btn m-t-35 m-b-40" data-cy="lightbox.submit" type="submit" disabled="">
<span class="flex flex--align-c flex--direction-rr flex--justify-c">
<img class="btn__loader" src="/images/loader-white.svg" alt="Loading">
<span class="btn__icon">
<svg class="btn__icon-mid" width="21" height="14" viewBox="0 0 21 14" xmlns="http://www.w3.org/2000/svg">
<g class="stroke-white" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
<path d="M1 7h17M14 2l5 5M14 12l5-5"></path>
</g>
</svg></span>
<span>Sign up</span>
</span>
</button>
</div>
</div>
<div class="swiper-slide js-form-form-result dis-n">
<div class="js-form-success align-c newsletter__success newsletter__text">
<header class="lightbox__section--header lightbox__section lightbox__section--sm color-white bg-secondary-light align-c col-12" data-addsearch="exclude">
<span class="lightbox__icon">
<svg width="18" height="14" viewBox="0 0 18 14" xmlns="http://www.w3.org/2000/svg">
<path class="stroke-white" d="M17 1.292L6.089 12.202 1 7.115" stroke-width="2" fill="none" fill-rule="evenodd"></path>
</svg>
</span>
<p class="din--bold title-h4">Thanks for subscribing! We'll keep you up to date on construction in your community.</p>
</header>
<div class="lightbox__section lightbox__section--sm align-c col-12" data-addsearch="exclude">
<div class="form__copy form__copy--secondary align-c">
<p class="col-8 dis-ib m-b-30">Stay up to date by following us on social.</p>
</div>
<ul class="list--unstyled list--share align-l dis-ib">
<li>
<a href="https://twitter.com/TransMtn" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><g fill="#ffffff" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3"></rect><path d="M20.821 12.766a2.813 2.813 0 0 0 1.21-1.56 5.415 5.415 0 0 1-1.748.684 2.711 2.711 0 0 0-2.006-.89c-1.517 0-2.748 1.262-2.748 2.819 0 .22.024.435.07.642-2.284-.118-4.31-1.239-5.666-2.946a2.87 2.87 0 0 0-.372 1.418c0 .978.485 1.84 1.223 2.347a2.7 2.7 0 0 1-1.246-.352v.035c0 1.366.948 2.506 2.206 2.764a2.67 2.67 0 0 1-1.242.05c.35 1.118 1.365 1.934 2.568 1.956A5.428 5.428 0 0 1 9 20.9a7.654 7.654 0 0 0 4.214 1.266c5.058 0 7.822-4.295 7.822-8.02 0-.123-.002-.246-.007-.366a5.642 5.642 0 0 0 1.371-1.46 5.37 5.37 0 0 1-1.579.445z" fill="#50ABF1"></path></g></svg>
</span>
Twitter
</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/TransMtn" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><g fill="#ffffff" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3"></rect><path d="M15.875 21h-5.268a.607.607 0 0 1-.607-.607v-9.786c0-.335.272-.607.607-.607h9.786c.335 0 .607.272.607.607v9.786a.607.607 0 0 1-.607.607H17.59v-4.26h1.43l.214-1.66H17.59v-1.06c0-.48.133-.808.823-.808h.879v-1.485c-.152-.02-.674-.066-1.281-.066-1.268 0-2.136.774-2.136 2.195v1.224h-1.433v1.66h1.433V21z" fill="#39579A"></path></g></svg>
</span>
Facebook
</span>
</a>
</li>
<li>
<a href="https://www.youtube.com/user/TransMtn" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><g fill="#FFFFFF" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3"></rect><g fill="#E90000"><path d="M14.278 7.033a.372.372 0 0 0-.069-.53.391.391 0 0 0-.542.068l-2.031 2.562-2.032-2.56a.392.392 0 0 0-.543-.068.373.373 0 0 0-.068.53L11.25 9.88l.001 3.3c0 .208.173.377.387.377.213 0 .386-.17.386-.378l-.002-3.3 2.256-2.846zM15.114 12.8a.765.765 0 0 1-.773-.756V9.778c0-.417.347-.756.773-.756.425 0 .772.34.772.756l.001 2.266a.766.766 0 0 1-.773.756m0-4.533c-.853 0-1.546.678-1.546 1.51v2.267c0 .833.693 1.512 1.546 1.512.853 0 1.546-.679 1.546-1.512V9.778c0-.834-.694-1.511-1.546-1.511M21.296 11.665V8.643a.382.382 0 0 0-.387-.378.382.382 0 0 0-.386.378v3.024a1.148 1.148 0 0 1-1.16 1.131c-.32-.022-.599-.117-.818-.33a1.114 1.114 0 0 1-.34-.802V8.643a.382.382 0 0 0-.387-.377.382.382 0 0 0-.386.377v3.023c0 .504.202.979.566 1.335.365.356.85.553 1.364.553h.002c.442 0 .844-.15 1.17-.396.027.183.181.325.376.325a.382.382 0 0 0 .386-.377v-1.441zM17.045 18.844a.382.382 0 0 0-.386.378v1.511c0 .209.173.378.386.378.214 0 .387-.17.387-.378v-1.51a.382.382 0 0 0-.387-.379M20.523 19.222a.382.382 0 0 0-.387-.378.382.382 0 0 0-.386.378v.378h.773v-.378z"></path><path d="M20.203 21.96c-.63 0-1.226-.595-1.226-1.227v-1.511c0-.625.52-1.133 1.16-1.133.638 0 1.158.508 1.158 1.133v.755c0 .21-.173.378-.386.378h-1.16v.378c0 .217.246.472.454.472.175 0 .453-.077.453-.283 0-.209.173-.378.386-.378.213 0 .386.17.386.378 0 .592-.527 1.039-1.225 1.039zm-1.999-1.227c0 .626-.52 1.133-1.159 1.133-.183 0-.354-.045-.509-.12a.387.387 0 0 1-.263.104.382.382 0 0 1-.387-.377v-4.518c0-.208.173-.378.387-.378.213 0 .386.17.386.378v1.204c.121-.043.25-.07.386-.07.64 0 1.16.508 1.16 1.133v1.511zm-3.476 1.062a.383.383 0 0 1-.217-.074c-.166.09-.353.145-.557.145-.639 0-1.159-.507-1.159-1.133v-2.268c0-.209.173-.378.387-.378.213 0 .386.17.386.378v2.268c0 .21.173.378.386.378a.382.382 0 0 0 .387-.378v-2.268c0-.209.173-.378.386-.378.213 0 .387.17.387.378v2.952c0 .209-.173.378-.386.378zm-2.303-3.706H11.25v3.384a.382.382 0 0 1-.386.377.382.382 0 0 1-.387-.377v-3.384H9.302a.381.381 0 0 1-.386-.378c0-.209.172-.378.386-.378h3.123c.214 0 .387.17.387.378 0 .209-.173.378-.387.378zm8.484-2.645H10.091C8.384 15.444 7 16.797 7 18.466v2.267c0 1.669 1.384 3.022 3.09 3.022H20.91c1.707 0 3.09-1.353 3.09-3.022v-2.267c0-1.669-1.383-3.022-3.09-3.022z"></path></g></g></svg>
</span>
Youtube
</span>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/trans-mountain/" class="dis-ib" target="_blank" rel="noopener noreferrer">
<span class="flex flex--align-c">
<span class="svg-icon lightbox__share-icon flex flex--align-c flex--justify-c">
<svg width="31" height="31" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect x=".5" y=".5" width="30" height="30" rx="3" fill="#FFF"></rect><path d="M9.335 11.02c0-.506.417-.917.932-.917h10.75c.514 0 .932.41.932.917v10.968a.925.925 0 0 1-.933.917H10.267a.925.925 0 0 1-.932-.917V11.02z" fill="#069"></path><path d="M13.159 20.82v-5.781h-1.906v5.78h1.906zm-.953-6.57c.664 0 1.078-.444 1.078-1-.012-.566-.414-.998-1.065-.998-.652 0-1.078.432-1.078.999 0 .555.413.998 1.053.998h.012zM14.213 20.82h1.905V17.59c0-.173.012-.345.063-.469.137-.345.45-.702.977-.702.69 0 .965.53.965 1.307v3.092h1.905v-3.314c0-1.776-.94-2.602-2.193-2.602-1.028 0-1.479.58-1.73.974h.013v-.838h-1.905c.025.542 0 5.78 0 5.78z" fill="#FFF"></path></g></svg>
</span>
Linkedin
</span>
</a>
</li>
</ul>
</div>
<div class="lightbox__section lightbox__section--sm col-12" data-addsearch="exclude">
<button class="btn bg-secondary color-white js-lightbox-close col-12 btn--secondary flex flex--align-c flex--justify-c" type="button">
<span class="flex flex--align-c flex--justify-c ">
<span>Back to website</span>
</span>
</button>
</div>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</form><form class="newsletter__form js-newsletter-form form js-sr ga-submit" data-category="Email Subscribe" data-label="Subscribe" id="newsletter-form" novalidate="" data-sr-id="23"
style="visibility: visible; opacity: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10, 0, 1);">
<input type="hidden" name="language" value="en">
<div class="form__row form__field newsletter__form__field js-field">
<label class="form__label newsletter__form__label" for="email">Your Email</label>
<input class="newsletter__form__input form__input js-form-input" type="email" data-error="" name="newsletterEmailAddress" required="" data-cy="newsletter.input">
<input type="hidden" name="CRAFT_CSRF_TOKEN" value="3Q5wB3HfzJ-bsQhQCIpgmdxf8dPRNDsXeTX9-VmE3jYuqUN-cq29Qqk7PGo4hp-o7u5PBlfFLdXtb66S4W5JZDFHy5c_8O0Da8IHBEvv9yA=">
<button class="newsletter__form__icon js-newsletter-icon" type="button">
<svg class="btn__icon-mid" width="21" height="14" viewBox="0 0 21 14" xmlns="http://www.w3.org/2000/svg">
<g class="stroke-text" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
<path d="M1 7h17M14 2l5 5M14 12l5-5"></path>
</g>
</svg>
</button>
</div>
<div class="newsletter__form__extra">
<div class="form__row">
<div class="grid grid--gutter flex flex--wrap m-b-10">
<div class="grid__col col-6 col-12@sm form__field newsletter__form__field js-field">
<label class="form__label newsletter__form__label" for="nameFirst">Your First Name</label>
<input class="newsletter__form__input form__input js-form-input" type="text" data-error="" name="nameFirst" required="" id="nameFirst">
</div>
<div class="grid__col col-6 col-12@sm form__field newsletter__form__field js-field">
<label class="form__label newsletter__form__label" for="nameLast">Your Last Name</label>
<input class="newsletter__form__input form__input js-form-input" type="text" data-error="" name="nameLast" required="" id="nameLast">
</div>
</div>
</div>
<div class="form__row m-t-25">
<label>
<span class="newsletter__form__checkbox form__checkbox">
<input type="checkbox" name="newsletterConsent" data-error="" required="">
<svg class="btn__icon-mid form__checkbox__icon" width="18" height="14" viewBox="0 0 18 14" xmlns="http://www.w3.org/2000/svg">
<path class="stroke-primary" d="M17 1.292L6.089 12.202 1 7.115" stroke-width="2" fill="none" fill-rule="evenodd"></path>
</svg>
</span>
<span class="form__checkbox__copy form__copy newsletter__form__checkbox__copy">I consent to receiving email from Trans Mountain. At anytime you may withdraw your consent by clicking ‘unsubscribe’ found at the bottom of our emails.</span>
</label>
</div>
<button class="btn flex flex--align-c flex--justify-c form__btn m-t-5 js-form-btn newsletter__form__btn bg-primary color-white" type="submit" data-cy="newsletter.button" disabled="">
<span class="flex flex--align-c flex--direction-rr flex--justify-c">
<img class="btn__loader" src="/images/loader-white.svg" alt="Loading">
<span class="btn__icon">
<svg class="btn__icon-mid" width="21" height="14" viewBox="0 0 21 14" xmlns="http://www.w3.org/2000/svg">
<g class="stroke-white" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
<path d="M1 7h17M14 2l5 5M14 12l5-5"></path>
</g>
</svg></span>
<span>Subscribe</span>
</span>
</button>
</div>
</form>Text Content
Menu FR Search * About Us * About Us * Overview * Our History * Board of Directors * Management * Community Investment * Business Conduct and Ethics * Corporate Reports * Sustainability * Operations * Operations * Overview * Pipeline Safety * Marine Safety * Emergency Management * Product * Pipeline System * Spill History * Shipper Services * Operational Updates * Past Project: Mount Robson & Jasper Park Expansion * Green Marine * Landowners * Expansion Project * Expansion Project * Overview * Construction Map * Communities * Construction * Marine Enhancements * Indigenous Peoples * Project Benefits * Engagement * Regulatory Process * Environment * Safety * Temporary Workforce Accommodation * Trans Mountain Expansion Project Contractors * News * Careers PIPELINE EMERGENCY? PLEASE CALL TOLL-FREE 24 HOURS 1-888-876-6711 Call us now 24H EMERGENCY CONTACT If you notice any of the following or suspect a pipeline emergency, please immediately call 911 and the Trans Mountain Corporation line. 1-888-876-6711 SMELL * A strong petroleum odor such as gasoline or diesel fuel * Strong sulphur smell like rotten eggs SIGHT * Dead or discoloured vegetation * Isolated vapour or mist clouds * Pools of liquid when the rest of the right-of-way is dry * Petroleum sheen on water * Dense fog-like plumes or frost balls SOUND * Unusual hissing or roaring sound Need to contact us about something else? Go to our contact page Le Site En Français Le site Web est accessible en français Read our 2022 ESG Report WE ARE COMMITTED TO MANAGING ENVIRONMENTAL, SOCIAL AND GOVERNANCE MATTERS Learn more about this video series TRANS MOUNTAIN'S INDIGENOUS STORYTELLING SERIES More about this historic milestone TRANS MOUNTAIN CELEBRATES 70 YEARS STRONG TOGETHER Read our 2022 ESG Report WE ARE COMMITTED TO MANAGING ENVIRONMENTAL, SOCIAL AND GOVERNANCE MATTERS Learn more about this video series TRANS MOUNTAIN'S INDIGENOUS STORYTELLING SERIES FIND OUT IF YOUR COMMUNITY IS AFFECTED BY CONSTRUCTION. Go to map TRANS MOUNTAIN Read More SUSTAINABILITY Sustainability has always been at the core of our business. From the health and safety of our employees and contractors, to the relationships we’ve built with communities and Indigenous Peoples. Read More CAREERS The people who work for us are dedicated and passionate. Learn more about current opportunities. Read More OPERATIONS For 70 years we've operated Canada's only pipeline system transporting oil products to the West Coast. Read More COMMUNITY INVESTMENT Supporting our communities where we live and work through initiatives that support environmental stewardship, community well-being and education. Read More PIPELINE EXPANSION PROJECT The expansion will create a twinned pipeline that will increase the nominal capacity of the system from 300,000 barrels per day to 890,000 barrels per day Blog Read More TRANS MOUNTAIN’S MARINE RELATIONSHIP WITH SC’IANEW FIRST NATION Nov. 15, 2023 Trans Mountain’s relationship with the Sc’ianew First Nation, located in Beecher Bay on Vancouver Island, has shared values of protecting the marine environment and building spill response capacity. PROJECT BENEFITS Twinning the Trans Mountain Pipeline gives Canada more access to world markets and brings in more tax dollars to benefit all Canadians. INDIGENOUS PEOPLES We’re committed to building and sustaining effective and meaningful relationships with Indigenous communities along the Project corridor. TRANS MOUNTAIN PIPELINE – NOTICE OF AMENDED OPEN SEASON – FIRM SERVICE RECO Trans Mountain will be conducting an open season to solicit binding commitments for recontracting of firm service capacity on the existing system for crude oil transportation. INJUNCTION ORDER A BC Supreme Court Injunction Order prohibits the blocking or obstruction of access to Trans Mountain work sites in British Columbia. SAFETY Whether we’re moving oil through our pipeline or loading tankers at our marine terminal, safety of the public, the environment and our employees is our top priority. TRANS MOUNTAIN'S INDIGENOUS MONITORING PROGRAM Listen to five Indigenous Monitors from the Fraser Valley, located in British Columbia, as they discuss their experience working on the Trans Mountain Expansion Project. Your submission was successful! Keep an eye out for a confirmation email sent from our team. Stay up to date by following us on social. * Twitter * Facebook * Youtube * Linkedin Back to website You are already subscribed! Thank you! Stay up to date by following us on social. * Twitter * Facebook * Youtube * Linkedin Back to website LET US KNOW WHICH COMMUNITIES YOU WOULD LIKE UPDATES ABOUT. Abbotsford Barriere Black Pines Burnaby Chilliwack Clearwater Coquihalla Coquitlam Edmonton Edson Hinton Hope Jasper - Mount Robson Kamloops Langley (from 232 Street) Langley (up to 232 Street) Merritt Parkland County Popkum Spruce Grove Stony Plain Strathcona County Surrey Wabamun West Barriere Yellowhead County Add a community Abbotsford Barriere Black Pines Burnaby Chilliwack Clearwater Coquihalla Coquitlam Edmonton Edson Hinton Hope Jasper - Mount Robson Kamloops Langley (from 232 Street) Langley (up to 232 Street) Merritt Parkland County Popkum Spruce Grove Stony Plain Strathcona County Surrey Wabamun West Barriere Yellowhead County PLEASE SHARE YOUR CONTACT DETAILS We stop sending you emails when the construction in your community is completed. You may opt-out anytime by clicking “unsubscribe” at the bottom of the emails. Yes, I consent to receive communications from Trans Mountain. Sign up to the weekly Trans Mountain email newsletter Sign up Thanks for subscribing! We'll keep you up to date on construction in your community. Stay up to date by following us on social. * Twitter * Facebook * Youtube * Linkedin Back to website Loading STAY UP TO DATE. Sign up to the weekly Trans Mountain email newsletter YOUR SUBMISSION WAS SUCCESSFUL! Keep an eye out for a confirmation email sent from our team. YOU ARE ALREADY SUBSCRIBED! Thank you! Your Email Your First Name Your Last Name I consent to receiving email from Trans Mountain. At anytime you may withdraw your consent by clicking ‘unsubscribe’ found at the bottom of our emails. Subscribe CONSTRUCTION UPDATES Receive updates for your location Shape Request updates PIPELINE EMERGENCY? PLEASE CALL TOLL-FREE 24 HOURS 1-888-876-6711 Call us now 24H EMERGENCY CONTACT If you notice any of the following or suspect a pipeline emergency, please immediately call 911 and the Trans Mountain Corporation line. 1-888-876-6711 SMELL * A strong petroleum odor such as gasoline or diesel fuel * Strong sulphur smell like rotten eggs SIGHT * Dead or discoloured vegetation * Isolated vapour or mist clouds * Pools of liquid when the rest of the right-of-way is dry * Petroleum sheen on water * Dense fog-like plumes or frost balls SOUND * Unusual hissing or roaring sound Need to contact us about something else? Go to our contact page * Resources * Contact * Media Centre * Careers * About * Site Map * Access to Information and Privacy (ATIP) Privacy Legal Disclaimer Accessibility Le site Web est accessible en français * * * * Privacy Legal Disclaimer Accessibility