CINXE.COM

<!DOCTYPE html>    <html lang="en-CA">  <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Our History - Seaspan</title> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <link rel="canonical" href="https://www.seaspan.com/who-we-are/our-history/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Our History - Seaspan" /> <meta property="og:url" content="https://www.seaspan.com/who-we-are/our-history/" /> <meta property="og:site_name" content="Seaspan" /> <meta property="article:modified_time" content="2023-12-13T21:06:51+00:00" /> <meta property="og:image" content="http://www.seaspan.com/wp-content/uploads/2023/11/Tug-Barge.jpeg" /> <meta property="og:image:width" content="1536" /> <meta property="og:image:height" content="279" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.seaspan.com/who-we-are/our-history/","url":"https://www.seaspan.com/who-we-are/our-history/","name":"Our History - Seaspan","isPartOf":{"@id":"https://www.seaspan.com/#website"},"primaryImageOfPage":{"@id":"https://www.seaspan.com/who-we-are/our-history/#primaryimage"},"image":{"@id":"https://www.seaspan.com/who-we-are/our-history/#primaryimage"},"thumbnailUrl":"https://www.seaspan.com/wp-content/uploads/2023/11/Tug-Barge.jpeg","datePublished":"2021-04-14T20:56:08+00:00","dateModified":"2023-12-13T21:06:51+00:00","breadcrumb":{"@id":"https://www.seaspan.com/who-we-are/our-history/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https://www.seaspan.com/who-we-are/our-history/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https://www.seaspan.com/who-we-are/our-history/#primaryimage","url":"https://www.seaspan.com/wp-content/uploads/2023/11/Tug-Barge.jpeg","contentUrl":"https://www.seaspan.com/wp-content/uploads/2023/11/Tug-Barge.jpeg","width":1536,"height":279},{"@type":"BreadcrumbList","@id":"https://www.seaspan.com/who-we-are/our-history/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.seaspan.com/"},{"@type":"ListItem","position":2,"name":"Who We Are","item":"https://www.seaspan.com/who-we-are/"},{"@type":"ListItem","position":3,"name":"Our History"}]},{"@type":"WebSite","@id":"https://www.seaspan.com/#website","url":"https://www.seaspan.com/","name":"Seaspan","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.seaspan.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"}]}</script>  <link rel='dns-prefetch' href='//ajax.googleapis.com' /> <link rel='dns-prefetch' href='//www.google.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' />  <script src="//www.googletagmanager.com/gtag/js?id=G-ESQ7M25E8B" data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> var mi_version = '9.2.2'; var mi_track_user = true; var mi_no_track_reason = ''; var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/www.seaspan.com\/who-we-are\/our-history\/"}; if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations ); } else { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations; } var disableStrs = [ 'ga-disable-G-ESQ7M25E8B', ]; /* Function to detect opted out users */ function __gtagTrackerIsOptedOut() { for (var index = 0; index < disableStrs.length; index++) { if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) { return true; } } return false; } /* Disable tracking if the opt-out cookie exists. */ if (__gtagTrackerIsOptedOut()) { for (var index = 0; index < disableStrs.length; index++) { window[disableStrs[index]] = true; } } /* Opt-out function */ function __gtagTrackerOptout() { for (var index = 0; index < disableStrs.length; index++) { document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; window[disableStrs[index]] = true; } } if ('undefined' === typeof gaOptout) { function gaOptout() { __gtagTrackerOptout(); } } window.dataLayer = window.dataLayer || []; window.MonsterInsightsDualTracker = { helpers: {}, trackers: {}, }; if (mi_track_user) { function __gtagDataLayer() { dataLayer.push(arguments); } function __gtagTracker(type, name, parameters) { if (!parameters) { parameters = {}; } if (parameters.send_to) { __gtagDataLayer.apply(null, arguments); return; } if (type === 'event') { parameters.send_to = monsterinsights_frontend.v4_id; var hookName = name; if (typeof parameters['event_category'] !== 'undefined') { hookName = parameters['event_category'] + ':' + name; } if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') { MonsterInsightsDualTracker.trackers[hookName](parameters); } else { __gtagDataLayer('event', name, parameters); } } else { __gtagDataLayer.apply(null, arguments); } } __gtagTracker('js', new Date()); __gtagTracker('set', { 'developer_id.dZGIzZG': true, }); if ( MonsterInsightsLocations.page_location ) { __gtagTracker('set', MonsterInsightsLocations); } __gtagTracker('config', 'G-ESQ7M25E8B', {"forceSSL":"true","link_attribution":"true"} ); window.gtag = __gtagTracker; (function () { /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ /* ga and __gaTracker compatibility shim. */ var noopfn = function () { return null; }; var newtracker = function () { return new Tracker(); }; var Tracker = function () { return null; }; var p = Tracker.prototype; p.get = noopfn; p.set = noopfn; p.send = function () { var args = Array.prototype.slice.call(arguments); args.unshift('send'); __gaTracker.apply(null, args); }; var __gaTracker = function () { var len = arguments.length; if (len === 0) { return; } var f = arguments[len - 1]; if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') { if ('send' === arguments[0]) { var hitConverted, hitObject = false, action; if ('event' === arguments[1]) { if ('undefined' !== typeof arguments[3]) { hitObject = { 'eventAction': arguments[3], 'eventCategory': arguments[2], 'eventLabel': arguments[4], 'value': arguments[5] ? arguments[5] : 1, } } } if ('pageview' === arguments[1]) { if ('undefined' !== typeof arguments[2]) { hitObject = { 'eventAction': 'page_view', 'page_path': arguments[2], } } } if (typeof arguments[2] === 'object') { hitObject = arguments[2]; } if (typeof arguments[5] === 'object') { Object.assign(hitObject, arguments[5]); } if ('undefined' !== typeof arguments[1].hitType) { hitObject = arguments[1]; if ('pageview' === hitObject.hitType) { hitObject.eventAction = 'page_view'; } } if (hitObject) { action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction; hitConverted = mapArgs(hitObject); __gtagTracker('event', action, hitConverted); } } return; } function mapArgs(args) { var arg, hit = {}; var gaMap = { 'eventCategory': 'event_category', 'eventAction': 'event_action', 'eventLabel': 'event_label', 'eventValue': 'event_value', 'nonInteraction': 'non_interaction', 'timingCategory': 'event_category', 'timingVar': 'name', 'timingValue': 'value', 'timingLabel': 'event_label', 'page': 'page_path', 'location': 'page_location', 'title': 'page_title', 'referrer' : 'page_referrer', }; for (arg in args) { if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) { hit[gaMap[arg]] = args[arg]; } else { hit[arg] = args[arg]; } } return hit; } try { f.hitCallback(); } catch (ex) { } }; __gaTracker.create = newtracker; __gaTracker.getByName = newtracker; __gaTracker.getAll = function () { return []; }; __gaTracker.remove = noopfn; __gaTracker.loaded = true; window['__gaTracker'] = __gaTracker; })(); } else { console.log(""); (function () { function __gtagTracker() { return null; } window['__gtagTracker'] = __gtagTracker; window['gtag'] = __gtagTracker; })(); } </script>  <link rel='stylesheet' id='wp-block-library-css' href='https://www.seaspan.com/wp-includes/css/dist/block-library/style.min.css?ver=6.6.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='cookie-notice-front-css' href='https://www.seaspan.com/wp-content/plugins/cookie-notice/css/front.min.css?ver=2.5.3' type='text/css' media='all' /> <link rel='stylesheet' id='mo_saml_admin_settings_style-css' href='https://www.seaspan.com/wp-content/plugins/miniorange-saml-20-single-sign-on/includes/css/jquery.ui.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpex-font-awesome-css' href='https://www.seaspan.com/wp-content/plugins/wp-timelines/css/font-awesome/css/font-awesome.min.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpex-google-fonts-css' href='//fonts.googleapis.com/css?family=Source+Sans+Pro&ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpex-ex_s_lick-css' href='https://www.seaspan.com/wp-content/plugins/wp-timelines/js/ex_s_lick/ex_s_lick.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpex-ex_s_lick-theme-css' href='https://www.seaspan.com/wp-content/plugins/wp-timelines/js/ex_s_lick/ex_s_lick-theme.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpex-timeline-animate-css' href='https://www.seaspan.com/wp-content/plugins/wp-timelines/css/animate.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpex-timeline-css-css' href='https://www.seaspan.com/wp-content/plugins/wp-timelines/css/style.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpex-horiz-css-css' href='https://www.seaspan.com/wp-content/plugins/wp-timelines/css/horiz-style.css?ver=3.2' type='text/css' media='all' /> <link rel='stylesheet' id='wpex-timeline-dark-css-css' href='https://www.seaspan.com/wp-content/plugins/wp-timelines/css/dark.css?ver=6.6.1' type='text/css' media='all' /> <style id='wpex-timeline-dark-css-inline-css' type='text/css'> .wpex-timeline > li .wpex-timeline-icon .fa{font-weight: normal;} .wpextl-loadicon, .wpextl-loadicon::before, .wpextl-loadicon::after{ border-left-color:#5c8093} .wpex-filter > .fa, .wpex-endlabel.wpex-loadmore span, .wpex-tltitle.wpex-loadmore span, .wpex-loadmore .loadmore-timeline, .wpex-timeline-list.show-icon .wpex-timeline > li:after, .wpex-timeline-list.show-icon .wpex-timeline > li:first-child:before, .wpex-timeline-list.show-icon .wpex-timeline.style-center > li .wpex-content-left .wpex-leftdate, .wpex-timeline-list.show-icon li .wpex-timeline-icon .fa, .wpex .timeline-details .wptl-readmore > a:hover, .wpex-spinner > div, .wpex.horizontal-timeline .ex_s_lick-prev:hover, .wpex.horizontal-timeline .ex_s_lick-next:hover, .wpex.horizontal-timeline .horizontal-content .ex_s_lick-next:hover, .wpex.horizontal-timeline .horizontal-content .ex_s_lick-prev:hover, .wpex.horizontal-timeline .horizontal-nav li.ex_s_lick-current span.tl-point:before, .wpex.horizontal-timeline.tl-hozsteps .horizontal-nav li.ex_s_lick-current span.tl-point i, .timeline-navigation a.btn, .timeline-navigation div > a, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li .wpex_point:before, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ex_s_lick-current .wpex_point:before, .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav h2 a, .wpex-timeline-list:not(.show-icon) .wptl-feature-name span, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li span.wpex_point, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li span.wpex_point, .show-wide_img .wpex-timeline > li .wpex-timeline-time span.tll-date, .wpex-timeline-list.show-bg.left-tl li .wpex-timeline-label .wpex-content-left .wpex-leftdate, .wpex-timeline-list.show-simple:not(.show-simple-bod) ul li .wpex-timeline-time .tll-date, .show-box-color .tlb-time, .sidebyside-tl.show-classic span.tll-date, .wptl-back-to-list a, .wpex-timeline > li .wpex-timeline-icon .fa{ background:#5c8093} .wpex-timeline-list.show-icon li .wpex-timeline-icon .fa:before, .wpex-filter span.active, .wpex-timeline-list.show-simple.show-simple-bod ul li .wpex-timeline-time .tll-date, .wpex-timeline-list.show-simple .wptl-readmore-center a, .wpex.horizontal-timeline .ex_s_lick-prev, .wpex.horizontal-timeline .ex_s_lick-next, .wpex.horizontal-timeline.tl-hozsteps .horizontal-nav li.prev_item:not(.ex_s_lick-current) span.tl-point i, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li span.wpex_point i, .wpex-timeline-list.show-clean .wpex-timeline > li .wpex-timeline-label h2, .wpex-timeline-list.show-simple li .wpex-timeline-icon .fa:not(.no-icon):before, .wpex.horizontal-timeline .extl-hoz-sbs .horizontal-nav li span.tl-point i, .show-wide_img.left-tl .wpex-timeline > li .wpex-timeline-icon .fa:not(.no-icon):not(.icon-img):before, .wpex-timeline > li .wpex-timeline-time span:last-child{ color:#5c8093} .wpex .timeline-details .wptl-readmore > a, .wpex.horizontal-timeline .ex_s_lick-prev:hover, .wpex.horizontal-timeline .ex_s_lick-next:hover, .wpex.horizontal-timeline .horizontal-content .ex_s_lick-next:hover, .wpex.horizontal-timeline .horizontal-content .ex_s_lick-prev:hover, .wpex.horizontal-timeline .horizontal-nav li.ex_s_lick-current span.tl-point:before, .wpex.horizontal-timeline .ex_s_lick-prev, .wpex.horizontal-timeline .ex_s_lick-next, .wpex.horizontal-timeline .timeline-pos-select, .wpex.horizontal-timeline .horizontal-nav li.prev_item span.tl-point:before, .wpex.horizontal-timeline.tl-hozsteps .horizontal-nav li.ex_s_lick-current span.tl-point i, .wpex.horizontal-timeline.tl-hozsteps .timeline-hr, .wpex.horizontal-timeline.tl-hozsteps .timeline-pos-select, .wpex.horizontal-timeline.tl-hozsteps .horizontal-nav li.prev_item span.tl-point i, .wpex-timeline-list.left-tl.show-icon .wptl-feature-name, .wpex-timeline-list.show-icon .wptl-feature-name span, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li span.wpex_point i, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-4 .wpextt_templates .wptl-readmore a, .wpex-timeline-list.show-box-color .style-center > li:nth-child(odd) .wpex-timeline-label, .wpex-timeline-list.show-box-color .style-center > li .wpex-timeline-label, .wpex-timeline-list.show-box-color .style-center > li:nth-child(odd) .wpex-timeline-icon .fa:after, .extl-lb .gslide-description.description-right h3.lb-title:after, .wpex.horizontal-timeline.ex-multi-item .extl-hoz-sbs.style-7 .extl-sbd-details, .wpex-timeline-list.show-box-color li .wpex-timeline-icon i:after, .wpex.horizontal-timeline .extl-hoz-sbs .horizontal-nav li span.tl-point i, .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav .wpextt_templates .wptl-readmore a{border-color: #5c8093;} .wpex-timeline > li .wpex-timeline-label:before, .show-wide_img .wpex-timeline > li .wpex-timeline-time span.tll-date:before, .wpex-timeline > li .wpex-timeline-label:before, .wpex-timeline-list.show-wide_img.left-tl .wpex-timeline > li .wpex-timeline-time span.tll-date:before, .wpex-timeline-list.show-icon.show-bg .wpex-timeline > li .wpex-timeline-label:after, .wpex-timeline-list.show-icon .wpex-timeline.style-center > li .wpex-timeline-label:after {border-right-color: #5c8093;} .wpex-filter span, .wpex-timeline > li .wpex-timeline-label{border-left-color: #5c8093;} .wpex-timeline-list.show-wide_img .wpex-timeline > li .timeline-details, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li span.wpex_point:after{border-top-color: #5c8093;} .wpex.wpex-horizontal-3.ex-multi-item .wpex-timeline-label .timeline-details:after{border-bottom-color: #5c8093;} @media (min-width: 768px){ .wpex-timeline.style-center > li:nth-child(odd) .wpex-timeline-label{border-right-color: #5c8093;} .show-wide_img .wpex-timeline > li:nth-child(even) .wpex-timeline-time span.tll-date:before, .wpex-timeline.style-center > li:nth-child(odd) .wpex-timeline-label:before, .wpex-timeline-list.show-icon .style-center > li:nth-child(odd) .wpex-timeline-label:after{border-left-color: #5c8093;} } .timeline-media > a{display: inline-block; box-shadow: none;} .wpex-timeline > li .wpex-timeline-label h2 a, .wpex-timeline-icon > a, .wpex.horizontal-timeline .wpex-timeline-label h2 a, .timeline-media > a, time.wpex-timeline-time > a, .wpex-leftdate + a, a.img-left { pointer-events: none;} .wptl-readmore-center, .wptl-readmore { display: none !important;} .wpex-timeline-list.left-tl.wptl-lightbox .wpex-leftdate + a, .wpex-timeline-list.wptl-lightbox a.img-left { pointer-events: auto; } .page-id-613 .columns-one.bg--accent-right .column-wrapper { padding: 1em 2em; } h5.line { margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 1px dashed #5c8093; font-weight: bold; margin: 0.4em; } .wptl-excerpt .year { margin-top: 5px; font-size: 1.05em; font-weight: bold; color: #5c8093; } .page-id-613 .bg--accent-right .column--content { flex: 1; } .page-id-613 .bg--accent-right .column--content ul { padding: 0; list-style: none; } .wpex.horizontal-timeline .extl-hoz-sbs h2, .wpex.horizontal-timeline .wpex-timeline-label h2 { display: none; } .wptl-excerpt ul { margin: 0.4em; } .page-id-613 .bg--accent-right .column--content .wptl-excerpt li { display: flex; text-align: left; gap: 1em; margin: 0.4em 0; } .wpex.horizontal-timeline.ex-multi-item .wpex-timeline-label .timeline-details { padding: 0; border-bottom: 2px solid #eee; border-left: 2px solid #eee; border-right: 2px solid #eee; border-top: 4px solid #5c8093; } .wpex_point { font-weight: bold; } .ex_s_lick-track { max-width: 2520px; } @media screen and (min-width: 768px) { .ex_s_lick-track { display: flex; } } @media screen and (min-width: 992px) { .ex_s_lick-slide, .ex_s_lick-track { min-width: 300px; } } @media screen and (min-width: 767px) and (max-width: 992px) { .page-id-613 .bg--accent-right .column--content .wptl-excerpt li { flex-direction: column; } } .wpex.horizontal-timeline .horizontal-nav li span.wpex_point { height: 47px; } .ex_s_lick-slide { /* max-width: 360px; */ } .ex_s_lick-prev, .ex_s_lick-next { background: rgba(200, 16, 46, 0.7) !important; } .ex_s_lick-prev { left: -20px !important; } .ex_s_lick-next { left: 15px !important; } .ex_s_lick-prev, .ex_s_lick-next { top: 65px; background: rgb(200, 16, 46, 1) !important; width: 30px !important; height: 30px !important; display: flex !important; justify-content: center; align-items: center; border-radius: 15px !important; opacity: 1 !important; transform: translateX(0) !important; } </style> <link rel='stylesheet' id='loft-custom-css' href='https://www.seaspan.com/wp-content/themes/seaspan-2021/css/loft-custom.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='slick-theme-css-css' href='https://www.seaspan.com/wp-content/themes/seaspan-2021/css/slick-theme.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='slick-css-css' href='https://www.seaspan.com/wp-content/themes/seaspan-2021/css/slick.css?ver=6.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='main-styles-css' href='https://www.seaspan.com/wp-content/themes/seaspan-2021/css/main.min.css?ver=1.0' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='https://www.seaspan.com/wp-content/themes/seaspan-2021/etc/font-awesome/css/font-awesome.min.css?ver=1.0' type='text/css' media='all' /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js?ver=3.6.0" id="jquery-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/plugins/wp-timelines/js/ex_s_lick/ex_s_lick.js?ver=6.6.1" id="wpex-ex_s_lick-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/plugins/wp-timelines/js/template.min.js?ver=3.5" id="wpex-timeline-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js?ver=9.2.2" id="monsterinsights-frontend-script-js" async="async" data-wp-strategy="async"></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id='monsterinsights-frontend-script-js-extra'>/* <![CDATA[ */ var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/www.seaspan.com","hash_tracking":"false","v4_id":"G-ESQ7M25E8B"};/* ]]> */ </script> <script type="text/javascript" id="gk-gravityview-blocks-js-extra"> /* <![CDATA[ */ var gkGravityViewBlocks = {"home_page":"https:\/\/www.seaspan.com","ajax_url":"https:\/\/www.seaspan.com\/wp-admin\/admin-ajax.php","create_new_view_url":"https:\/\/www.seaspan.com\/wp-admin\/post-new.php?post_type=gravityview","edit_view_url":"https:\/\/www.seaspan.com\/wp-admin\/post.php?action=edit&post=%s","views":[],"gk-gravityview-blocks\/entry":{"previewImage":"https:\/\/www.seaspan.com\/wp-content\/plugins\/gravityview\/future\/includes\/gutenberg\/blocks\/entry\/preview.svg"},"gk-gravityview-blocks\/entry-field":{"previewImage":"https:\/\/www.seaspan.com\/wp-content\/plugins\/gravityview\/future\/includes\/gutenberg\/blocks\/entry-field\/preview.svg"},"gk-gravityview-blocks\/entry-link":{"previewImage":"https:\/\/www.seaspan.com\/wp-content\/plugins\/gravityview\/future\/includes\/gutenberg\/blocks\/entry-link\/preview.svg"},"gk-gravityview-blocks\/view":{"previewImage":"https:\/\/www.seaspan.com\/wp-content\/plugins\/gravityview\/future\/includes\/gutenberg\/blocks\/view\/preview.svg"},"gk-gravityview-blocks\/view-details":{"previewImage":"https:\/\/www.seaspan.com\/wp-content\/plugins\/gravityview\/future\/includes\/gutenberg\/blocks\/view-details\/preview.svg"}}; /* ]]> */ </script> <script type="text/javascript" id="cookie-notice-front-js-before"> /* <![CDATA[ */ var cnArgs = {"ajaxUrl":"https:\/\/www.seaspan.com\/wp-admin\/admin-ajax.php","nonce":"d062d16f26","hideEffect":"slide","position":"bottom","onScroll":false,"onScrollOffset":100,"onClick":false,"cookieName":"cookie_notice_accepted","cookieTime":2592000,"cookieTimeRejected":2592000,"globalCookie":false,"redirection":false,"cache":true,"revokeCookies":false,"revokeCookiesOpt":"automatic"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/plugins/cookie-notice/js/front.min.js?ver=2.5.3" id="cookie-notice-front-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/plugins/miniorange-saml-20-single-sign-on/includes/js/settings.js?ver=6.6.1" id="mo_saml_admin_settings_script_widget-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/themes/seaspan-2021/js/slick.min.js?ver=6.6.1" id="Slick-js"></script> <link rel="https://api.w.org/" href="https://www.seaspan.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.seaspan.com/wp-json/wp/v2/pages/613" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.seaspan.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.seaspan.com/?p=613' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.seaspan.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.seaspan.com%2Fwho-we-are%2Four-history%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.seaspan.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.seaspan.com%2Fwho-we-are%2Four-history%2F&format=xml" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NF9V8VG');</script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '2958994800910666'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2958994800910666&ev=PageView&noscript=1" /></noscript>  <meta name="facebook-domain-verification" content="al3np1yq6bkbskkvc5t6dvbmmj4jc6" /> <link rel="icon" href="https://www.seaspan.com/wp-content/uploads/2021/09/cropped-seaspan_icon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.seaspan.com/wp-content/uploads/2021/09/cropped-seaspan_icon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.seaspan.com/wp-content/uploads/2021/09/cropped-seaspan_icon-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.seaspan.com/wp-content/uploads/2021/09/cropped-seaspan_icon-270x270.png" /> <style type="text/css" id="wp-custom-css"> /* SC - Start */ header .navbar-top .navbar__search .input-group input[type="submit"] { color: black !important; } .seaspan-pagination { display: flex; justify-content: center; padding: 1.5rem 0; } .seaspan-pagination .page-numbers { padding: 0 0.3rem; margin: 0 0.1rem; font-weight: 600; font-size: 16px; } .page-numbers.dots { color: #5b7f95; } .seaspan-pagination .page-numbers.current { background: #5b7f95; color: white; } /* SC - End */ .gallery-section ul.nav.nav-tabs { text-align: center; justify-content: center; border: 0; } .gallery-section .facetwp-radio.checked, .gallery-section .facetwp-radio.checked span { color: #c8102e; } .gallery-section .facet-title{ color: #c8102e; } .gallery-section a.nav-link { border: 1px solid #c8102e !important; border-radius: 0 !important; margin: 0 10px; min-width: 150px; } .gallery-section a.nav-link.active { border: 1px solid #c8102e !important; background-color:#c8102e; color:#fff !important; border-radius: 0 !important; margin: 0 10px; min-width: 150px; } .slick-track { display: flex !important; } section.columns.columns-one.content--left { max-width: 100% !important; } /* .column-wrapper { padding-right: 0 !important; } */ .column.column--content { max-width: 100% !important; } .header.cst-header h1.hd--lg.hd--accent { display: inline-block; } .header.cst-header { text-align: center; } .wpmtst-testimonial.cst-wp-home-testimonial { display: flex; flex-wrap: wrap; flex-direction: row; } .wpmtst-testimonial.cst-wp-home-testimonial .loft_testimonial_inner_block { flex-basis: 33%; padding: 10px; } .file-uploade .file-info { display: none !important; } mark { background: orange; color: black !important; } .page-id-1019 .releases-pagination { max-width: 100% !important; } .page-id-1019 .releases-loop { justify-content: space-around; } .page-id-1019 .releases-pagination { max-width: 100% !important; justify-content: center; column-gap: 24px; } .page-id-842 .component__container { padding-bottom: 25px; } .page-id-842 .component__container.content-container a { color: #c8102e; font-weight: 900; } .page-id-842 section.columns.columns-one.bg.bg--red-bd.content--left { padding: 30px; } .page-id-842 section.columns.columns-one.bg.bg--red-bd.content--left .component__container.content-container { padding: 0; } .page-id-842 section.columns.columns-one.bg.bg--red-bd.content--left a { color: #5b7f95; font-size: 24px; } #menu-shipyards-menu .fa-twitter:before { font-size: 22px; } .postid-2568{ background:unset !important; } .banner.banner--home img { max-height: 504px; object-fit: cover; object-position: center; } .page-id-613 i.fa.fa-circle::after { content: "" !important; height: 70px !important; display: block !important; width: 3px !important; background: #ccc !important; margin-left: 22px !important; margin-top: -11px !important; visibility: visible !important; border-color:transparent !important; } .page-id-613 span.tl-point.wpex_point::after { display: none; } .page-id-613 .wpextt_templates { margin-top: 100px; } .page-id-613 i.fa.fa-circle{ position: absolute !important; left: 50% !important; margin-left: -25px !important; top: 50px !important; } .page-id-613 span.tl-point.wpex_point { background: transparent !important; height: 47px; line-height: 38px !important; padding-bottom: 0 !important; cursor: pointer !important; box-shadow: none !important; color: #7d7d7d !important; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: visible !important; display: block !important; text-align: center !important; } .page-id-613 span.tl-point.wpex_point::before { content: ""; bottom: -40px !important; left: 50% !important; margin-left: -6px !important; transition: all .25s !important; box-sizing: border-box !important; } /* @media (max-width:420px) and (min-width:355px){ ul.horizontal-nav.ex_s_lick-initialized.ex_s_lick-slider li { width: 315px !important; max-width: 315px !important; min-width: 315px !important; } } */ /* Home page slider */ .page-id-6 .banner.banner--home .slide--content { padding: 20px 20px !important; } .page-id-6 .banner.banner--home .slide--content h1 , .page-id-6 .banner.banner--home .slide--content .slider-content{ max-width: 399px; width: 100%; margin-inline:auto !important; } .page-id-6 .banner--home .slide:before,.page-id-6 .banner--ferries .slide:before{ display:none; } .page-id-6 .banner--home .slide-wrapper{ position:unset; } @media (max-width:991px){ .home .slide { height: auto !important; } .page-id-6 .slide-wrapper{ flex-wrap:wrap; flex-direction: column-reverse; } .page-id-6 .slide--img , .page-id-6 .slide--content.bg--dark{ width:100% !important; } /* .page-id-6 .slick-list.draggable { background: #c8102e; } */ } /* Home page slider end */ /*Fade-in */ section { opacity: 1 !important; } /* Fade-in */ /* Slider Seaspan Timeline */ .page-id-613 button.ex_s_lick-next.ex_s_lick-arrow { left: unset !important; right: 21px !important; top: 71px; height: 50px !important; width: 50px !important; border-radius: 50% !important;; } .page-id-613 .wpex.horizontal-timeline.ex-multi-item .timeline-hr { top: 96px; } .page-id-613 button.ex_s_lick-prev.ex_s_lick-arrow{ left: 21px !important; top: 71px; height: 50px !important; width: 50px !important; border-radius: 50% !important; } .page-id-613 .column.column--content { margin: 0 !important; } .page-id-613 .column-wrapper { position: relative; overflow:hidden; } .page-id-613 ul.horizontal-nav.ex_s_lick-initialized { position: unset; } .page-id-613 .component__container.content-container { position: unset !important; } .page-id-613 .wpex.horizontal-timeline.hoz-at.at-childdiv { position: unset !important; } .page-id-613 .hor-container { position: unset !important; } /* Slider Seaspan Timeline end*/ .ngg-galleryoverview.default-view .ngg-gallery-thumbnail a { margin: 15px 15px; box-shadow: none; } main.main-ferries section.is-visible div { opacity: 1; } .main-ferries .slide-wrapper::before{ opacity: 0.2 !important; background: black; } .main-ferries section.columns.columns-two-img.bg.bg--ltgray.reverse { padding: 30px 10rem !important; margin: 30px 0 !important; } .main-ferries .banner--ferries .slide.slick-slide{ max-height: 27vw; } .main-ferries .columns-one .column-wrapper { padding-right: 0px !important; } .page-id-722 section#our-stories~section.columns.columns-one.content--left .column-wrapper{ padding:0 !important; } .column--header .header h1 { text-transform: none !important; } .ferries--content.bg--dark { max-height: 710px; } .banner--ferries { max-height: 710px; overflow: hidden; } .banner--ferries .ferries--content img { margin-top: -32px; } .bg--blue a { color: white; text-decoration: underline; font-weight: 700; } #suppress-underline { text-decoration: none; } .single-marine .logo-content { width: 100%; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; } .banner--shipyards .shipyards--content { width: 100% !important; height: 100% !important; margin: 0; } /* error404 */ div#notfound { padding: 50px 0; } .notfound-404 i.fa.fa-frown-o { font-size: 100px; color: #C8102E; padding: 22px 0px 0px; } .notfound .notfound-404 h3 { position: relative; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #262626; margin: 0px; letter-spacing: 1px; padding-left: 6px; } div#notfound { max-width: 520px; width: 100%; line-height: 1.4; text-align: center; margin: auto; } .notfound .notfound-404 h1>span { text-shadow: -8px 0px 0px #fff; font-size: 125px; font-weight: 900; margin: 0px; color: #262626; text-transform: uppercase; } /* error404 end */ .all_press_release a { margin-top: 50px; } .learn_banner { text-align: center; position: relative; padding: 40px 0; } .comm_content.learn_more_page { padding-bottom: 8rem; } .learn_banner p{ margin-bottom:0 !important; } .learn_banner *{ position: relative; } .learn_banner h1.hd--lg { color: #fff; } .learn_banner h1.hd--lg { color: #fff; } .learn_banner a { color: #ffffff!important; border-width: 0px!important; font-size: 28px; font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif!important; background-color: #5b7f95; display: inline-block; position: relative; padding: 0.3em 1em; border: 2px solid; border-radius: 3px; } .learn_banner a:after { position: absolute; transition: all .2s; content: "\f105"; text-shadow: 0 0; font-family: 'FontAwesome'; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; font-size: 1.6em; opacity: 0; } .learn_banner a:hover { padding: 0.3em 2em 0.3em 0.7em; border: 2px solid transparent; text-decoration: none; } .learn_banner a:hover:after { opacity: 1; right: 8px; transition: all .2s; } .learn_banner:before { background: #c8102e; width: 200%; height: 100%; top: 0; left: -50%; position: absolute; content: ""; } .comm_content.learn_more_page a { position: relative; left: 20px; } .comm_content.learn_more_page a:before { content: ""; height: 8px; width: 8px; position: absolute; background: #c8102e; border-radius: 50%; left: -20px; top: 6px; } body .columns .content-container p.loft_para { margin-bottom:30px !important; } .page-id-846 section#our-stories~section.columns.columns-one.content--left { /* opacity: 1; */ } .blog-topic-con a.read_more_btn { color: #c8102e !important; border-bottom: 2px solid #c8102e; text-decoration: none; font-weight: 500; display: inline-block !important; margin-bottom:0; } .blog-topic-con a.read_more_btn:hover{ opacity:0.7; } .cst-blog-recent-topic { display: flex; flex-wrap:wrap; } .blog-topic-img img { height: 320px; object-fit: cover; margin-bottom: 40px; } .page-id-846 section#our-stories~section.columns.columns-one.content--left .column-wrapper { padding-right: 0; } .blog-topic-con h4 { font-size: 0.8rem; text-transform: uppercase; font-weight: 900; color: #b7b7b7; margin: 0 0 20px 0; } .blog-topic-con a { font-family: "Oswald",sans-serif; margin: 0 0 2rem; color: #212529; line-height: 23px; font-size: 20px; display: block; } .blog-topic-con h2 { margin: 0; } .blog-topic-in { width: 33.3%; padding: 0 15px; } .button_links { padding: 70px 0; background: #c8102e; } .button_links:before { background: #c8102e; width: 200%; height: 100%; top: 0; left: -50%; position: absolute; content: ""; } .button_links{ position:relative; } h2.info_link { padding-top: 8rem; text-align: center; } h2.info_link a { color: #c8102e; } h2.info_link a:hover{ opacity:0.7; text-decoration:none; } .comm_content { padding-bottom: 70px; } .incrementalNumbers.build-and-ind.is-visible { max-width: 700px; margin: 70px auto 0; } .comm_content p { margin: 0; padding-bottom: 1em; } .hearing_content , .gravty_form_hearing { max-width: 1080px; margin: 40px auto; } .gravty_form_hearing input { border: 1px solid #dfdfdf !important; outline: none !important; } .gravty_form_hearing legend.gfield_label , .gravty_form_hearing label{ font-size: 18px !important; color: #000000; font-weight: 400 !important; } .gravty_form_hearing h2 { font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif; font-size: 28px; color: #c8102e!important; padding-bottom: 10px; font-weight: 500; line-height: 1em; } .gravty_form_hearing p.gform_required_legend { display: none; } .comm_content a { color: #c8102e; font-size: 18px; font-weight: 700; } a.loft_space_link { padding-left: 35px; } .button_links a:hover{ padding: 0.3em 2em 0.3em 0.7em; border: 2px solid transparent; text-decoration:none; } .button_links a:after{ position: absolute; transition: all .2s; content: "\f105"; text-shadow: 0 0; font-family:'FontAwesome'; font-weight: 400; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; text-transform: none; speak: none; font-size:1.6em; opacity:0; } .button_links a:hover:after { opacity: 1; right: 8px; transition: all .2s; } .button_links a { color: #ffffff!important; border-width: 0px!important; font-size: 28px; font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif!important; background-color:#5b7f95; display: inline-block; margin-top: 20px; position: relative; padding: 0.3em 1em; border: 2px solid; margin: 0px 14px; border-radius: 3px; } .button_links { text-align: center; } .hearing_content a { color: #c8102e; font-size: 18px; font-weight: 700; } input#gform_submit_button_24 { padding: 10px 20px !important; background-color: #b5102e !important; background-image: none; border: none; color: #ffffff !important; max-width: 100%; font-size: 18px; } /*23-11-2021 */ .page-id-2351 .columns-one .column-wrapper { padding-right: 0px !important; } .incrementalNumbers.build-and-ind { padding-top: 70px; } .loft-left { max-width: 239px; } .loft-right { max-width: 243px; margin-left:auto; } .incrementalNumbers.build-and-ind h4{ text-align:left !important; } main.main-ferries section div .column--grouped-content { transform: translateX(0) !important; transition: none !important; } .main-ferries section .header h1 { text-transform: none !important; } /* 23-11-2021 end*/ /* 19-11-2021 */ .loft-it-solution { display: flex; align-items: center; } .loft-it-solution { display: flex; align-items: center; } .loft-it-solution * { font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif!important; font-weight: 700!important; font-size: 50px!important; color: #000000!important; letter-spacing: -0.52px!important; line-height: 80px!important; text-align: left!important; margin-bottom: 0; } div#n2-ss-2 { } .left-slider{ background: url(http://seaspanstaging.wpengine.com/wp-content/uploads/2021/11/image.png); background-size: cover; background-repeat: no-repeat; background-position:center; margin:0 !important; } .right-slider{ background: url(http://seaspanstaging.wpengine.com/wp-content/uploads/2021/11/city-background-1.jpg); background-size: cover; background-repeat: no-repeat; background-position:center; margin:0 !important; } div#n2-ss-2 .n2-ss-layers-container{ max-width:100%; } div#n2-ss-2 .n2-ss-layer-row-inner { /* max-width: 1374px; */ } .n2-ss-slider-controls.n2-ss-slider-controls-absolute-right-center div#n2-ss-2-arrow-next , .n2-ss-slider-controls.n2-ss-slider-controls-absolute-left-center div#n2-ss-2-arrow-previous{ display:block !important; } div#n2-ss-2-arrow-previous { background: url(http://seaspanstaging.wpengine.com/wp-content/uploads/2021/11/prev-white.png); background-size: contain !important; HEIGHT: 60PX; WIDTH: 20PX; background-repeat: no-repeat; } div#n2-ss-2-arrow-next img , div#n2-ss-2-arrow-previous img{ display:none !important; } div#n2-ss-2-arrow-next { background: url(http://seaspanstaging.wpengine.com/wp-content/uploads/2021/11/next-red.png); background-size: contain !important; HEIGHT: 60PX; WIDTH: 20px; background-repeat: no-repeat; display:block !important; } .n2-ss-layer.left-slider { padding-right: 12% !important; padding-left: 5% !important; } .right-slider { text-align: left; } .right-slider img{ margin-left: -30%!important; margin-top:-41px !important; } ss3-force-full-width * { overflow: visible !important; } .right-slider div { overflow: visible !important; } @media (min-width:980px){ .n2-ss-layer { padding: 0 !important; } .n2-ss-layer-with-background { padding: 0 !important; } } @media (max-width:1100px){ header { margin: 0.5rem 15px; } } @media (max-width:980px){ .loft_content_slider .n2-ss-item-content.n2-ss-text.n2-ow { font-size: 27px !important; } .page-id-2878 .n2-ss-widget.n2-ss-control-bullet.n2-ow-all.n2-ss-control-bullet-horizontal { margin-bottom: 0; } .blog-topic-con a { margin: 0 0 10px; font-size: 18px; } .blog-topic-con p { margin-bottom: 10px; } .blog-topic-img img { margin: 0 0 20px !important; } .blog-topic-con h4 { margin: 0 0 10px 0px; } .blog-topic-in { width: 100%; margin-bottom: 25px; } .incrementalNumbers.build-and-ind.is-visible { padding-right: 15px; } .loft-right { margin-right: auto !important; } .right-slider{ display:none !important; } div#n2-ss-2{ background: url(http://seaspanstaging.wpengine.com/wp-content/uploads/2021/11/image.png); background-size: cover; background-repeat: no-repeat; background-position:center; } .left-slider{ background:unset; } .left-slider .n2-ss-item-content { font-size:18px !important; line-height:22px !important; font-weight:500 !important; } .left-slider .loft-auth-name .n2-ss-item-content p{ font-size:25px !important; line-height:16px !important; font-weight:400 !important; } .left-slider .n2-ss-item-content p{ font-size: 16px !important; line-height:24px !important; } .n2-ss-layer.left-slider { padding-right: 30px !important; padding-left: 30px !important; } div#n2-ss-2-arrow-next { background: url(http://seaspanstaging.wpengine.com/wp-content/uploads/2021/11/next-white.png); background-repeat: no-repeat; } .incrementalNumbers { flex-direction: column; justify-content:center; align-items:center; } .incrementalNumbers > div { width: 100% !important; float: left; flex: 0 0 100% !important; max-width: 390px; padding: 1.5rem 0; padding-right: 15px !important; } .incrementalNumbers img { height: auto !important; margin: 0 !important; } .incrementalNumbers h4 { font-size: 16px; } p.loft-size{ font-size:41px !important; } } /* COUNTER */ .incrementalNumbers > div { display: block !important; } p.loft-size { font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif!important; font-weight: 700!important; font-size: 50px!important; color: #000000!important; letter-spacing: -0.52px!important; line-height: 80px!important; text-align: left!important; margin-bottom: 0; } .incrementalNumbers h4 { font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif; text-transform: uppercase; font-size: 22px; letter-spacing: 0.52px; text-align: left; color: #000000; font-weight: normal; margin-bottom:0 !important; } /* COUNTER-END */ /* 19-11-2021 */ .page-template-ferries-template header, .page-template-ferries-child-template header, .page-template-shipyards-template header, .page-template-shipyards-child-template header, .page-template-marine-template header, .page-template-marine-child-template header, section.secondary-nav.is-visible { z-index: 1000 !important; } .btn { z-index: 4 !important; } .cookie-notice-container { background-color: black; padding: 40px 5%; } #cn-notice-text a { color: #c8102e; } #cookie-notice .cn-button { background-color: #c8102e; margin: 0 0 0 10px; border-radius: 0; } .t-a-e { position: absolute; left: 0; margin-top: -500px; } h3{ margin: 0 0 1rem; } .main-ferries .columns-three .column{ margin: 0 2rem; width: calc(100% * 1/3 - 2rem); } .main-ferries .columns-three .column img { max-height: 300px; max-width: 100%; width: auto; } main { overflow-x: hidden; } main.main-ferries section div { opacity: 0; transition: 0.5s; } main.main-ferries section div .column--grouped-content { transform: translateX(-900px); transition: 0.75s; } main.main-ferries section div .column--img-alt { transform: translateX(900px); transition: 0.75s; } main.main-ferries section.columns-two div .column--content:nth-child(1) { transform: translateX(-900px); transition: 0.75s; } main.main-ferries section.columns-two div .column--content:nth-child(2) { transform: translateX(900px); transition: 0.75s; } main.main-ferries section.columns-three div .column--content:nth-child(1) { transform: translateX(-900px); transition: 0.75s; } main.main-ferries section.columns-three div .column--content:nth-child(3) { transform: translateX(900px); transition: 0.75s; } main.main-ferries section.banner div { opacity: 1; } main.main-ferries section.is-visible div { opacity: 1; transition: opacity 0.5s; } main.main-ferries section.is-visible div .column--grouped-content { transform: translateX(0); transition: 0.75s; } main.main-ferries section.is-visible div .column--img-alt { transform: translateX(0); transition: 0.75s; } main.main-ferries section.is-visible.columns-two div .column--content:nth-child(1) { transform: translateX(0px); transition: 0.75s; } main.main-ferries section.is-visible.columns-two div .column--content:nth-child(2) { transform: translateX(0px); transition: 0.75s; } main.main-ferries section.is-visible.columns-three div .column--content:nth-child(1) { transform: translateX(0); transition: 0.75s; } main.main-ferries section.is-visible.columns-three div .column--content:nth-child(3) { transform: translateX(0); transition: 0.75s; } .main-ferries .slide{ max-height: auto !important; } .main-ferries .slide-wrapper::before { content: ' '; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.5; background: black; } .banner--page:before{ padding-top: 11%; } img[src="http://seaspanstaging.wpengine.com/wp-content/uploads/2021/08/55-hostler-night.jpg"]{ object-position: 75%; } .page-id-1264 .columns-three.bg--accent-right{ padding: 2em 2em 4em; border: 1px solid #c8102e; } .page-id-1264 .bg--accent-left.columns-two-img{ padding: 1em 3em; position: relative; } .page-id-1264 .bg--accent-left.columns-two-img::before{ content: ""; display: block; position: absolute; background: #ECECEC; width: 200px; height: 100%; top: 0; transform: skewX(30deg); left: 120px; z-index: -1; } .page-id-856 .columns-one .column-wrapper, .page-id-858 .columns-one .column-wrapper{ padding-right: 0; justify-content: center; } .page-id-858 .column-wrapper{ justify-content: center } .page-id-856 .columns .column-wrapper .column, .page-id-858 .columns .column-wrapper .column { margin: 0 0 0 4rem; } @media screen and (min-width: 767px) and (max-width: 992px){ .page-id-613 .bg--accent-right .column--content .wptl-excerpt li{ flex-direction: column; } } .section--blog .slick-list{ pointer-events: all; } .btn-feat-menu > a { padding: 0.5rem 1rem; background: #c8102e; border: 2px solid #c8102e; border-radius: 10rem; color: #FFF !important; font-family: "Open Sans", sans-serif; font-weight: bold; text-transform: capitalize; text-decoration: none; transition: all 0.3s ease; } .btn-feat-menu .dropdown-toggle:after{ border-color: white !important; } section.secondary-nav.is-visible{ z-index: 5 !important; } main{ min-height: calc(100vh - 182px); background: white; } body{ background: linear-gradient( 0deg, black 5%, #ffffff 5%); background-repeat: no-repeat; } .page-id-613 .ex_s_lick-slide img { display: block; max-height: 230px; object-fit: cover; object-position: center 16%; } .page-id-613 .bg--accent-right .column--content .wptl-excerpt li { align-items: flex-start; } .wptl-excerpt .year { margin-top: 0; } .canadaMap .metaslider .flexslider .flex-control-nav a { background: none; width: 100%; height: 100%; } .canadaMap .flex-control-nav li{ flex: 1; display: flex; justify-content: center; align-items: center; } .canadaMap .metaslider .flex-control-nav{ position: absolute; top: 0; left: 0; display: flex; } .page-id-864 .section--blog{ opacity: 1; margin-top: 1em; } .page-id-864 .section--blog__content p + p { display: none; } .page-id-864 .section--blog h2{ display: none; } .section--blog__card { margin-bottom: 3em; } #what-we-do::before, #our-responsibility::before, #tug-barge::before{ content: ''; display: block; height: 340px; margin-top: -340px; visibility: hidden; z-index: -1; } @media screen and (max-width: 560px){ p.loft_para { padding-left: 1em; padding-right: 1em; } h2.info_link { padding-bottom: 4rem; } .comm_content { margin: 0 20px; } .button_links a { font-size: 20px; } p.content-text , .hearing_content, .gravty_form_hearing { margin: 40px 20px; } .columns-three-img .column-wrapper > .column:last-of-type { margin-top: 2em; } } @media screen and (max-width: 620px){ footer .footer__copyright{ padding: 1em; } } .hd--lg { font-size: clamp(1.8em,4vw,3em) !important; } .wpex.horizontal-timeline:not(.no-arr-top) .hor-container{ padding: 0; } @media screen and (max-width: 992px){ .wpex.horizontal-timeline .timeline-hr{ width: 100%; } h2.info_link{ padding-top:4rem; } .columns-two-img .column-wrapper > .column { width: calc(100% - 4em); } .columns-two-img .column-wrapper > .column .img--cover{ margin-left: 6em; margin-top: 2em; } } @media screen and (max-width: 560px){ header .navbar-top{ flex-direction: column; align-items: center; gap: 0.5em; margin-top: 0.5em; } .columns-two-img .column-wrapper > .column { width: 100%; } .columns-two-img .column-wrapper > .column .img--cover{ margin-left: 0; } .columns.columns-one.content--left .hd--lg{ padding: 0 5%; } .banner--page .banner-header{ margin: 0 5%; } header { margin: 1rem 1rem; } } .btn-container .btn--blue{ min-width: 140px; } .navbar-toggle, .sub_navbar-toggle{ display: none; border: none; background: none; } .navbar-toggle:focus, .sub_navbar-toggle:focus { outline: none; } .navbar-toggle .icon-bar, .sub_navbar-toggle .icon-bar{ width: 20px; height: 3px; background-color: black; margin: 5px 0px -2px; display: block; } .sub_navbar-toggle { margin-left: 1em; margin-top: 0.5em; margin-bottom: 0.5em; } .sub_navbar-toggle .icon-bar{ background-color: white; } @media screen and (max-width: 992px){ header .navbar-bottom .navbar-nav li:last-of-type{ margin-right: 1rem; } .navbar-toggle{ display: inline-block; } header .navbar-bottom .navbar-nav { gap: 2em; margin-bottom: 3em; margin-top: 2em; } } @media screen and (max-width: 1350px){ footer .footer__content .column-wrapper .column-menu ul{ flex-direction: column; gap: 0.5em; } } @media screen and (max-width: 1064px){ header{ padding: 0.5em 1em !important; } footer .footer__content{ padding: 1rem 2rem; } } @media screen and (max-width: 768px){ header .navbar-top .navbar__social { display: none; } .marine-content section:nth-child(3){ padding: 40px 1em; } section{ opacity: 1 !important } } @media screen and (max-width: 720px){ /* .section--blog .slick-current, .section--blog .slick-center{ box-shadow: none; } */ .columns-two-img-alt .column--img-alt-img-sm .img-container{ padding: 1rem 0rem 1rem 0rem; } } header .navbar-bottom .navbar-brand img { width: 12rem; } .sub_navbar-toggle{ display: none; } @media screen and (min-width: 560px) and (max-width: 1240px){ .secondary-nav{ margin-top: 127px !important; } } @media screen and (max-width: 1240px){ .sub_navbar-toggle{ display: block; } .secondary-nav .sn-left figure{ display: none; } #menu-shipyards-menu, #menu-marine-menu, #menu-ferries-menu{ flex-direction: column; align-items: flex-start; gap: 1em; margin: 1em 0; display: none; } .sub_navbar-toggle{ margin: 0 auto 0.5em; } @media screen and (max-width: 560px){ .subheader h3{ padding: 0 1.9em; } } @media screen and (min-width: 559px){ .page-template-ferries-template .banner, .page-template-ferries-child-template .banner, .page-template-shipyards-template .banner, .page-template-shipyards-child-template .banner, .page-template-marine-template .banner, .page-template-marine-child-template .banner { margin-top: 177px; } } #menu-shipyards-menu.show, #menu-marine-menu.show, #menu-ferries-menu.show{ display: flex; } } @media (max-width: 992px){ .comm_content.learn_more_page { padding-bottom: 4rem; } .columns-one .column-wrapper { padding: 0 5%; } .gallery-section .image-gallery-filters { width: 40% !important; margin-bottom: 60px; } .gallery-section .image-gallery-filters .facetwp-facet{ margin-bottom:0; } } .banner--home .slide-wrapper .ferries--content, .banner--ferries .slide-wrapper .ferries--content{ padding: 0 3em; } .main-ferries .banner--ferries { margin-bottom: 0rem; } .wpex.horizontal-timeline .horizontal-nav li .wpex_point i:after { content: ""; height: 70px; display: block; width: 3px; background: #ccc; margin-left: 22px; margin-top: -11px; } .page-id-927 .column-wrapper{ padding-right: 0 !important; } .page-id-927 .wp-caption-text{ text-align: center; margin-top: 1em; color: #777; } .page-id-914 .column--img{ justify-content: flex-start; } .canadaMap { margin: auto; max-width: 1000px; } .incrementalNumbers{ display: flex; flex-wrap: wrap; } .incrementalNumbers > div { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; } .page-id-858 .columns.columns-one.content--center.is-visible .column-wrapper{ margin: 0; } .incrementalNumbers img { width: 120px; height: 120px; object-fit: contain; } .page-id-1494 .section--blog .blog-feed__date { font-size: 1rem; margin-top: 1em; margin-bottom: 1em; } .page-id-1494 .section--blog .col-12:first-of-type { display: none; } .page-id-1494 .section--blog__card a div{ height: 240px !important; } .page-id-1494 .blog-link{ text-decoration: underline; } .page-id-1494 .columns.columns-one.bg.bg--red-bd.content--center.is-visible .column-wrapper{ margin: 0; } .mediaAssets { display: flex; gap: 1em; flex-wrap: wrap; justify-content: center; } .mediaAssets > div{ text-align: center; max-width: 164px; } .mediaAssets h4{ color: #5b7f95; font-size: 1.2em; text-transform: uppercase; font-weight: 900; margin-bottom: 1em; } .inTheNews{ position: relative; padding: 5em 0; z-index: 1; } .inTheNews::before{ content: ''; width: 30%; height: 200%; opacity: 1; display: block; position: absolute; top: -50%; left: 55px; bottom: -5em; right: 0; transform: skewX(25deg); background: #ddd; z-index: -1; } .page-id-1494 .bg--ltgray{ background: #ECECEC; } @media (min-width: 993px){ .page-id-1494 .columns.columns-two.bg.bg--ltgray.is-visible .column--content:last-of-type{ margin: 0; width: 100%; max-width: 520px; } } .navbar-toggle, .sub_navbar-toggle{ min-height: 30px; } @media screen and (max-width: 560px){ .home .slide { height: 350px; } } @media (max-width: 992px){ .page-id-1494 main .column-wrapper:first-of-type { display: flex !important; flex-direction: column-reverse !important; gap: 1em !important; } header .navbar-bottom .navbar-nav li { min-width: 121px; text-align: center; } .page-id-1494 .columns.columns-one.bg.bg--red-bd.content--center.is-visible{ margin: 1rem !important; } .page-id-1494 .bg--ltgray{ margin: 0 !important; padding: 1rem; } } .page-id-1494 .section--blog{ margin: 0; } .banner--home .slide:before, .banner--ferries .slide:before { padding-top: 32%; } div.red-left-border { border-left: solid 4px #c8102e; color: #c8102e; font-style: italic; padding-left: 20px; font-size: 20px; } p.animatedNumbers { font-family: "Oswald",sans-serif !important; font-weight: 800 !important; } div.emergencies-message { border: solid 1px #c8102e; padding: 10px; background: rgba(229, 29, 56, .1); text-transform: uppercase; font-weight: 800; color: #c8102e; } /* Password-Protected Page form styling */ .post-password-form p { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; text-align: center; } .post-password-form input[type="submit"]{ background: #c8102e; border: 2px solid #c8102e; border-radius: 0rem; color: #fff; font-weight: bold; text-transform: capitalize; transition: all 0.3s ease; position: relative; } .post-password-form input[type="submit"]:hover{ background: #fff; color: #c8102e; } @media (max-width:855px){ .button_links a { margin: 10px 20px; } .button_links { padding: 40px 0; } } /* Sailing Schedule */ .sfc-schedule-status {float: left;} .sfc-schedule-vesselname {float: right; font-size: smaller;} .sfc-schedule-unit {float: left; margin: 0px 6px;} .sfc-schedule-unit h4 { margin: 0; } .sfc-schedule-overwritten, sfc-schedule-overwritten h4 {text-decoration: line-through; font-weight: lighter; color: #919191 !important;} .sfc-schedule-nextdaydepart {float: left; color:#C8102E;} .sfc-schedule-nextdayarrive {float: right; color:#C8102E;} .sailing-schedule-table { background: #fcfcfc; border-color: #dee2e6; margin: 0 0 20px 0; } .sailing-schedule-table tr:nth-child(odd) { background: #f8f8f8; border: solid 1px #dee2e6; } .sailing-schedule-table tr:nth-child(even) { background: #ffffff; border: solid 1px #dee2e6; } .sailing-schedule-table td { font-size: 13px; padding: 9px 12px; border-width: 1px; } a.blue-background { text-decoration: none !important; } .alignright, img.alignright { margin-top: 0.2em; margin-left: 1.5em; margin-bottom: 0.2em; display: inline; float: right; } .alignleft, img.alignleft { margin-top: 0.2em; margin-right: 1.5em; margin-bottom: 0.2em; display: inline; float: left; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; width: 100%; } @media(max-width:767px){ .page-id-1505 section.columns.columns-two-img.bg { margin: 0 !important; padding:15px; } .single-marine section.columns.columns-one.bg.bg--ltgray.content--left, .main-ferries section.columns.columns-one.bg.bg--ltgray.content--left.is-visible, .page-template-shipyards-template section.columns.columns-one.bg.bg--ltgray.content--left{ padding: 0 !important; margin: 0 !important; } .single-marine section.columns.columns-one.bg.bg--ltgray.content--left .column--header, .main-ferries section.columns.columns-one.bg.bg--ltgray.content--left.is-visible .column--header, .page-template-shipyards-template section.columns.columns-one.bg.bg--ltgray.content--left .column--header { padding: 0 15px; } .gallery-section .image-gallery-posts .gallery-image-lightbox{ width: 47%; } } @media(max-width:560px){ /* .page-id-1264 .columns-three .column-wrapper .column--content{ margin:2rem 0 2rem 4rem !important; } */ .single-marine section.columns.columns-one.bg.bg--ltgray.content--left .column--header .header h1, .main-ferries section.columns.columns-one.bg.bg--ltgray.content--left.is-visible .column--header .header h1, .page-template-shipyards-template section.columns.columns-one.bg.bg--ltgray.content--left .column--header .header h1{ padding:0; } .single-marine section.columns.columns-one.bg.bg--ltgray.content--left .column-wrapper .column-wrapper, .main-ferries section.columns.columns-one.bg.bg--ltgray.content--left.is-visible .column-wrapper, .page-template-shipyards-template section.columns.columns-one.bg.bg--ltgray.content--left .column-wrapper{ padding:0 !important; } } @media(max-width:575px){ .post-type-archive-stories .stories--archive .row .seaspan--story { width: 100% !important; max-width: 100% !important; flex-wrap: wrap; } .post-type-archive-stories .stories--archive .row .seaspan--story .story-image{ width:100% !important; } .post-type-archive-stories .stories--archive .row .seaspan--story .story-info{ width:100% !important; padding-top:15px; } .gallery-section .image-gallery-cols{ margin: 40px auto 20px; } .video-gallery-cols .video-gallery-posts .gallery-video h4 { margin-bottom:40px; } .gallery-section .video-gallery-cols{ margin: 40px auto 10px; } } @media(max-width:380px){ .gallery-section .image-gallery-posts .gallery-image-lightbox{ width:100%; } .gallery-section ul.nav.nav-tabs li { width: 65%; margin-top: 8px; } } /*----- Monument Styles -----*/ /* MEDIA QUERY 575px*/ @media(max-width:575px){ .bg{ margin: 0 !important; padding: 0rem; } section.columns.columns-one, section.columns.columns-two, section.columns.columns-two-img, section.columns.columns-three{ padding: 2rem 0; } .columns.columns-one.content--left .subheader{ padding: 0 5%; } .subheader h3 { padding: 0; } section.columns.columns-one.content--center div.column-wrapper{ padding: 0px 5%; } /* Press Releases */ div.blog-topic-in { padding: 0; } /*-------- Home Page --------*/ /* Hero */ body.page-id-6 ul.slick-dots{ width: 100%; justify-content: left; padding: 0 0 0 20px; } /*---- Leadership Team ----*/ /* Leaders Img */ .leaderCard img { object-position: top; } /* Leaders Popup */ .lightbox-content { width: 100%; } .lightbox-header{ flex-wrap: wrap; } .lightbox-header img { width: 100%; } /* Social Responsibility Page */ /* 3 Col Mob */ section.columns.columns-three.bg { margin: 0rem !important; padding: 3rem 0rem; } section.columns.columns-three.bg div.column-wrapper div.column.column--content{ padding: 3rem 0 0; } section.columns.columns-three.bg div.column-wrapper div.column.column--content:first-child{ padding: 0; } /* Bullet List */ body.page-id-1536 div.column.column--grouped-content.v-align.v-align--col-center{ padding: 3rem 0; margin-right: 0; } div.column-wrapper div.column.column--img-alt{ padding: 2rem 0; } .columns-two-img-alt.reverse .column--img-alt-img-sm .img-container { padding: 2rem 1rem 2rem 0; } /* 1 Col Mob */ section.columns.columns-one.bg { margin: 0rem !important; padding: 3rem 0rem; } section.columns.columns-one.bg div.header { padding: 0 5%; } section.columns.columns-one.bg div.header h1.hd--lg { padding: 0; } section.columns.columns-one.bg div.subheader { padding: 0 5%; } section.columns.columns-one.bg div.column-wrapper div.column.column--content { padding: 0rem; } /*-- Diversity & Inclusion --*/ /* Split image */ .columns-two .column-wrapper > .column { width: calc(100%); } /* 2 column fts */ body.page-id-1264 section.columns.columns-two{ padding: 3rem 0; } .page-id-1264 .bg--accent-left.columns-two-img { padding: 0; } /* Split Grey Section */ .columns-two-img .column-wrapper > .column .img--cover { margin-top: 2em; margin-bottom: 2em; } /*------- Core Purpose -----*/ /* FAQ */ body.page-id-1505 section.columns.columns-one { padding: 20px 5%; } /*---------- HSEQ -----------*/ /* Environment Section */ body.page-id-4800 section.columns.columns-two-img.bg.bg--ltgray { padding: 0; } /*-------- Shipyards --------*/ /* What we do */ body.page-id-10493 section.columns-two div.header h1.hd--lg { padding: 0 5%; } /* Shipyards section */ .columns-three .column-wrapper { margin: 0; } .columns-three .column-wrapper > .column { width: calc(100%); padding-top: 3rem; } .columns-three .column-wrapper > .column:first-child { padding-top: 0rem; } /* Recent Updates */ .wpmtst-testimonial.cst-wp-home-testimonial .loft_testimonial_inner_block { flex-basis: 100%; padding: 10px 0; } .loft_seaspan_slider_block, .slick-active~ .slick-active~.slick-active .loft_seaspan_slider_block { margin: 0; padding: 0 0 20px 0 !important; } div.loft_seaspan_slider_block div.blog-topic-con { padding:0rem 1rem; } /*------- RR&M Page --------*/ body.page-id-10500 .columns.columns-two .column--header .hd--lg{ padding: 0 5%; } body.page-id-10500 .column-wrapper .column.column--content { padding-top: 3rem; } body.page-id-10500 .column-wrapper .column.column--content:first-child { padding-top: 0rem; } /*------ About Marine -------*/ /* Grey section */ body.page-id-10568 div.column.column--content{ padding-top: 3rem; } body.page-id-10568 div.column.column--content:first-child{ padding-top: 0rem; } body.page-id-10568 .columns-three .column-wrapper > .column { width: calc(100%); } body.page-id-10568 .columns-three .column-wrapper { margin: 0 0rem; } /*------ Our Fleet ------*/ /* Table */ body.page-id-4508 div.tabs { display: none; } body.page-id-4508 div.tab-content { margin-left: 0; } body.page-id-4508 div.search-bar { justify-content: center; } /*------ About Ferries ------*/ /* Grey section */ body.page-id-10482 div.column.column--content{ padding-top: 3rem; } body.page-id-10482 div.column.column--content:first-child{ padding-top: 0rem; } body.page-id-10482 .columns-three .column-wrapper > .column { width: calc(100%); } body.page-id-10482 .columns-three .column-wrapper { margin: 0 0rem; } /* Ferries > Schedules & Advisories */ /* Section 1 */ body.page-id-931 section.columns.columns-two.bg.bg--red-bd div.column--header div.header h1.hd--lg { padding: 0 5%; } /* Grey section */ body.page-id-931 section.columns.columns-two.bg.bg--red-bd div.column--header div.subheader { padding: 0 1rem; } body.page-id-931 section.columns.columns-two.bg.bg--red-bd div.column-wrapper div.column.column--content { padding-top: 3rem; } body.page-id-931 section.columns.columns-two.bg.bg--red-bd div.column-wrapper div.column.column--content:first-child { padding-top: 0rem; } /*---- Rates Forms Proc -----*/ /* FAQ */ body.page-id-10490 section.columns.columns-one { padding: 20px 5%; } .accordion .card .card-header { padding: 0.75rem 1rem; } /*------------ FAQ ----------*/ /* FAQ */ body.page-id-10477 section.columns.columns-one { padding: 20px 5%; } /*----- Mariner & Trades ----*/ h2.red-center-h2{ padding: 0 5%; } body.page-id-6407 section.columns.columns-two div.column--header, body.page-id-6407 section.columns.columns-one div.column--header{ padding: 0 5%; } .hd--accent:before { left: 0; } h1.hd--lg.hd--accent { padding-left: 15%; } body.page-id-6407 .accordion { padding: 0 5%; } body.page-id-6407 .accordion .accordion-columns--two-col .column { margin: 1rem 0 ; } body.page-id-6407 .columns-two .column-wrapper > .column { padding-bottom: 2rem; } /*------- Internships -------*/ body.page-id-6169 section.columns.columns-two div.column--header{ padding: 0 5%; } body.page-id-6169 .columns-two .column-wrapper > .column { padding-bottom: 2rem; } body.page-id-6169 section.columns.columns-three.bg.bg--red-bd div.column--header { padding: 0 5%; } /*-- Supplier Information ---*/ body.page-id-1499 section.columns.columns-two.bg.bg--ltgray.bg--accent-right div.column--header div.header h1.hd--lg{ padding: 0 5%; } /* Media Query min 575 end */ } /*-- MEDIA QUERY MIN 576 --*/ @media(min-width:576px){ /*----- About Shipyards -----*/ /*Recent Updates Sec */ section.columns.columns-one.content--left div.column-wrapper { padding-right: 0px; margin: 0; } section.columns.columns-one.content--left div.column-wrapper div.column.column--content { margin: 0; } .loft_seaspan_slider_block, .slick-active~ .slick-active~.slick-active .loft_seaspan_slider_block { margin: 0; } div.loft_seaspan_slider_block div.blog-topic-con { padding-top:2rem; } } @media(min-width:992px){ /*-------- Home Page --------*/ /* Hero */ body.page-id-6 div.slick-slide{ height: 100%; } body.page-id-6 div.slide-wrapper{ height: 100%; } } /*----- GENERAL STYLES -----*/ h2.red-center-h2 { text-align: center; color: #c8102e; } /*-------- Home Page --------*/ /* Hero */ body.page-id-6 section.banner--home.homepage-slider div.slick-track{ background-color: #c8102e; } /*-- Social Responsibility-- */ /* 3 Col Desktop */ body.page-id-1536 div.column.column--content { width: 100%; padding: 0 1rem 3rem 1rem; } body.page-id-1536 .columns .column-wrapper { margin: 0; } body.page-id-1536 .columns .column-wrapper .column { margin: 0rem; } body.page-id-1536 .columns-three .column-wrapper { margin: 0rem; } /* 1 Col Desktop */ body.page-id-1536 section.columns.columns-one div.column-wrapper div.column.column--content { padding-left: 0rem; padding-right: 0rem; } /*---- Accordion Cards -----*/ .accordion .card .card-header .btn.btn-link .header { width: 85%; } .accordion .card .card-header .btn.btn-link .arrow { width: 15%; max-width: 30px; } /*---- Embed Container -----*/ div.embed-container{ margin-bottom: 1rem; } </style> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400;1,600&family=Oswald&display=swap" rel="stylesheet"> <style> .animatedNumbers{ font: 800 40px system-ui; } </style> </head> <body class="page-template page-template-theme-templates page-template-our-timeline page-template-theme-templatesour-timeline-php page page-id-613 page-child parent-pageid-615 cookies-not-set"> <header> <div class="navbar-top"> <div class="navbar__search"> <form role="search" method="get" class="search-form" action="https://www.seaspan.com/">  <div class="input-group"> <input type="search" class="search-field form-control" placeholder="Search" value="" name="s" title="Search for:"> <input type="submit" value="Search"> </div> </form> </div> <ul class="navbar__social"> <li> <a href="https://ca.linkedin.com/company/seaspan-ulc"><i class="fa fa-linkedin fa-2x" aria-hidden="true"></i></a> </li> <li> <a href="https://www.facebook.com/SeaspanShipyards/"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a> </li> <li> <a href="https://twitter.com/Seaspan"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a> </li> <li> <a href="https://www.instagram.com/seaspanulc"><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a> </li> <li> <a href="https://www.youtube.com/channel/UCf0tBZGRzaeqczGQIiLHnlQ"><i class="fa fa-youtube fa-2x" aria-hidden="true"></i></a> </li> </ul> </div> <nav id="navbar" class="navbar navbar-default navbar-expand-lg navbar-bottom"> <div class="navbar__logo"> <a class="navbar-brand" href="https://www.seaspan.com"><img width="472" height="130" src="https://www.seaspan.com/wp-content/uploads/2021/03/seaspan_logo_black.png" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" fetchpriority="high" srcset="https://www.seaspan.com/wp-content/uploads/2021/03/seaspan_logo_black.png 472w, https://www.seaspan.com/wp-content/uploads/2021/03/seaspan_logo_black-300x83.png 300w" sizes="(max-width: 472px) 100vw, 472px" /></a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=" #main-navigation" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="main-navigation"> <ul id="menu-main-menu" class="nav navbar-nav navbar-right nav-primary"><li id="menu-item-10681" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-10681 dropdown"><a title="About" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">About <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li id="menu-item-10690" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-613 current_page_item menu-item-10690 active"><a title="Our History" href="https://www.seaspan.com/who-we-are/our-history/">Our History</a></li> <li id="menu-item-10683" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10683"><a title="Leadership Team" href="https://www.seaspan.com/leadership-team/">Leadership Team</a></li> <li id="menu-item-10687" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10687"><a title="Social Responsibility" href="https://www.seaspan.com/social-responsibility/">Social Responsibility</a></li> <li id="menu-item-10688" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10688"><a title="Diversity and Inclusion" href="https://www.seaspan.com/who-we-are/diversity/">Diversity and Inclusion</a></li> <li id="menu-item-11226" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11226"><a title="Indigenous Engagement" href="https://www.seaspan.com/indigenous-engagement/">Indigenous Engagement</a></li> <li id="menu-item-11229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11229"><a title="Care for the Environment" href="https://www.seaspan.com/who-we-are/health-safety-environment-quality/care-for-the-environment/">Care for the Environment</a></li> </ul> </li> <li id="menu-item-10691" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10691 dropdown"><a title="Shipyards" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Shipyards <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li id="menu-item-10692" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10692"><a title="About Shipyards" href="https://www.seaspan.com/seaspan-shipyards/">About Shipyards</a></li> <li id="menu-item-10693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10693"><a title="Shipbuilding" href="https://www.seaspan.com/seaspan-shipyards/shipbuilding/">Shipbuilding</a></li> <li id="menu-item-10698" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10698"><a title="Repair, Refit and Maintenance" href="https://www.seaspan.com/seaspan-shipyards/repair-refit-and-maintenance/">Repair, Refit and Maintenance</a></li> <li id="menu-item-10699" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10699"><a title="Economic Impact" href="https://www.seaspan.com/economic-impact/">Economic Impact</a></li> <li id="menu-item-10700" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10700"><a title="Capital Projects" href="https://www.seaspan.com/seaspan-shipyards/capital-projects/">Capital Projects</a></li> </ul> </li> <li id="menu-item-10701" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10701 dropdown"><a title="Marine" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Marine <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li id="menu-item-10702" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10702"><a title="About Marine" href="https://www.seaspan.com/seaspan-marine/">About Marine</a></li> <li id="menu-item-10704" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10704"><a title="Tug & Barge Services" href="https://www.seaspan.com/seaspan-marine/tug-barge-services/">Tug & Barge Services</a></li> <li id="menu-item-10707" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10707"><a title="Our Fleet" href="https://www.seaspan.com/seaspan-marine/our-fleet/">Our Fleet</a></li> <li id="menu-item-11314" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11314"><a title="Seaspan Energy" href="https://www.seaspan.com/seaspan-energy/">Seaspan Energy</a></li> <li id="menu-item-10705" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10705"><a title="Marine Petrobulk" target="_blank" href="https://www.marinepetrobulk.com/">Marine Petrobulk</a></li> <li id="menu-item-10706" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10706"><a title="HaiSea Marine" target="_blank" href="https://haiseamarine.com/">HaiSea Marine</a></li> </ul> </li> <li id="menu-item-10709" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10709 dropdown"><a title="Ferries" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Ferries <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li id="menu-item-10710" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10710"><a title="About Ferries" href="https://www.seaspan.com/seaspan-ferries/">About Ferries</a></li> <li id="menu-item-10732" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10732"><a title="Customer Log In" href="https://www.seaspan.com/seaspan-ferries/customer-log-in/">Customer Log In</a></li> <li id="menu-item-10712" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10712"><a title="Become a Customer" href="https://www.seaspan.com/seaspan-ferries/become-a-customer/">Become a Customer</a></li> <li id="menu-item-10713" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10713"><a title="Schedules & Advisories" href="https://www.seaspan.com/seaspan-ferries/schedules-advisories/">Schedules & Advisories</a></li> <li id="menu-item-10714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10714"><a title="Rates, Forms & Procedures" href="https://www.seaspan.com/seaspan-ferries/rates-forms-procedures/">Rates, Forms & Procedures</a></li> <li id="menu-item-10715" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10715"><a title="Terminals & Fleet" href="https://www.seaspan.com/seaspan-ferries/terminals-fleet/">Terminals & Fleet</a></li> <li id="menu-item-10717" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10717"><a title="FAQ" href="https://www.seaspan.com/seaspan-ferries/faq/">FAQ</a></li> </ul> </li> <li id="menu-item-10718" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10718 dropdown"><a title="News" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">News <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li id="menu-item-10719" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10719"><a title="Our Stories" href="/stories/">Our Stories</a></li> <li id="menu-item-10720" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10720"><a title="Press Releases" href="https://www.seaspan.com/press-releases/">Press Releases</a></li> <li id="menu-item-10721" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10721"><a title="Photo Gallery" href="https://www.seaspan.com/photo-gallery/">Photo Gallery</a></li> </ul> </li> <li id="menu-item-10722" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10722 dropdown"><a title="Contact" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Contact <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li id="menu-item-10723" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10723"><a title="General Contact" href="https://www.seaspan.com/contact/">General Contact</a></li> <li id="menu-item-10724" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10724"><a title="Ethics Reporting" href="https://www.seaspan.com/ethics-reporting/">Ethics Reporting</a></li> <li id="menu-item-10725" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10725"><a title="Supplier Information" href="https://www.seaspan.com/supplier-information/">Supplier Information</a></li> </ul> </li> <li id="menu-item-10726" class="btn-feat-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10726 dropdown"><a title="Careers" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Careers <span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li id="menu-item-10727" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10727"><a title="Why Seaspan" href="https://www.seaspan.com/why-seaspan/">Why Seaspan</a></li> <li id="menu-item-10728" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10728"><a title="Mariner and Trades Opportunities" href="https://www.seaspan.com/mariner-and-trades-opportunities-at-seaspan/">Mariner and Trades Opportunities</a></li> <li id="menu-item-10729" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10729"><a title="Internships" href="https://www.seaspan.com/internships-at-seaspan/">Internships</a></li> <li id="menu-item-10730" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10730"><a title="All Job Openings" target="_blank" href="https://hckz.fa.us2.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/requisitions?mode=job-location">All Job Openings</a></li> </ul> </li> </ul> </div> </nav> </header> <main> <section class="banner banner--page"> <div class="banner-image img-position--center"> <img width="1536" height="279" src="https://www.seaspan.com/wp-content/uploads/2023/11/Tug-Barge.jpeg" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" srcset="https://www.seaspan.com/wp-content/uploads/2023/11/Tug-Barge.jpeg 1536w, https://www.seaspan.com/wp-content/uploads/2023/11/Tug-Barge-300x54.jpeg 300w, https://www.seaspan.com/wp-content/uploads/2023/11/Tug-Barge-1024x186.jpeg 1024w, https://www.seaspan.com/wp-content/uploads/2023/11/Tug-Barge-768x140.jpeg 768w" sizes="(max-width: 1536px) 100vw, 1536px" /> </div> <div class="banner-header"> <h1 class="uppercase "> Our History </h1> </div> </section> <section class="columns columns-two-img-alt "> <div class="column-wrapper"> <div class="column column--grouped-content v-align v-align--col-center"> <div class="column--header"> <div class="header"> <h1 class="hd--lg">Our History</h1> </div> <div class="subheader"> <p>Seaspan and the Washington Group of Companies</p> </div> </div> <div class="column--content"> <div class="component__container content-container"> <p>In 1964, Dennis Washington started the Washington Construction Company with a loan and a leased bulldozer. The company was contracted to repair roads for the U.S. Forest Service. After winning major highway contracts in the late 1960s and early 1970s, Washington Construction next applied its earth moving capability to mine construction and operation and continued to grow with federal, state, and local highway construction projects.</p> <p>A period of company divestments and acquisitions followed until 1992, when Mr. Washington diversified into marine transportation with the purchase of Canadian tugboat company, C.H. Cates and Sons. The next acquisition occurred in 1994 with purchase of Seaspan International Ltd., one of the largest tug and barge companies in Canada, which included shipyards operations.</p> <p>In 1998, a commercial ferry service to Vancouver Island was acquired, operating today as Seaspan Ferries Corporation.</p> <p>In 1999, Seaspan Container Lines was formed and initially ordered construction of a fleet of 23 container ships. Via a successful IPO in 2006 this became Seaspan Corporation (NYSE:SSW).</p> <p>In 2011, the several privately held Canadian marine companies, including towing, shipyards, and ferries operations, focused marketing under the Seaspan brand. Also in 2011, Seaspan won a significant federal contract to build non-combat vessels at its shipyards, boosting expansion in shipbuilding.</p> <p> <br /> <a class="btn btn-primary" href="https://www.washingtoncompanies.com" target="_blank" rel="noopener">The Washington Companies</a></p> </div> </div> </div> <div class="column column--img-alt"> <div class="column--img-alt-img-sm"> <div class="img-container img--cover"> <img width="1024" height="747" src="https://www.seaspan.com/wp-content/uploads/2021/10/652220-12P-021-1-1-e1634155761565-1024x747.jpg" class="attachment-large size-large" alt="" data-sizes="auto" decoding="async" srcset="https://www.seaspan.com/wp-content/uploads/2021/10/652220-12P-021-1-1-e1634155761565-1024x747.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2021/10/652220-12P-021-1-1-e1634155761565-300x219.jpg 300w, https://www.seaspan.com/wp-content/uploads/2021/10/652220-12P-021-1-1-e1634155761565-768x560.jpg 768w, https://www.seaspan.com/wp-content/uploads/2021/10/652220-12P-021-1-1-e1634155761565-1536x1120.jpg 1536w, https://www.seaspan.com/wp-content/uploads/2021/10/652220-12P-021-1-1-e1634155761565.jpg 1964w" sizes="(max-width: 1024px) 100vw, 1024px" /> </div> </div> <div class="column--img-alt-img-lg img--cover"> <img width="1024" height="768" src="https://www.seaspan.com/wp-content/uploads/2021/12/Cates-6-tow-1-1024x768.jpg" class="attachment-large size-large" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2021/12/Cates-6-tow-1-1024x768.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2021/12/Cates-6-tow-1-300x225.jpg 300w, https://www.seaspan.com/wp-content/uploads/2021/12/Cates-6-tow-1-768x576.jpg 768w, https://www.seaspan.com/wp-content/uploads/2021/12/Cates-6-tow-1-1536x1152.jpg 1536w, https://www.seaspan.com/wp-content/uploads/2021/12/Cates-6-tow-1-600x450.jpg 600w, https://www.seaspan.com/wp-content/uploads/2021/12/Cates-6-tow-1.jpg 1800w" sizes="(max-width: 1024px) 100vw, 1024px" /> </div> </div> </div> </section><section class="columns columns-one content--left"> <div class="column-wrapper"> <div class="column column--content "> <div class="component__container content-container"> <div class="wpex horizontal-timeline wpex-horizontal- ex-multi-item ld-screen" data-autoplay="0" data-speed="" data-rtl="" id="horizontal-tl-5339" data-id="horizontal-tl-5339" data-slidesshow="4" data-start_on="" data-infinite=""> <div class="wpextl-loadcont"><div class="wpextl-loadicon"></div></div> <div class="hor-container"> <span class="timeline-hr"></span> <ul class="horizontal-nav"> <li class="ictl-1382"> <span class="tl-point wpex_point"> <i class="fa fa-circle no-icon"></i> 1886 – 1988 </span> <div class="wpextt_templates"> <div class="post-1382 wp-timeline type-wp-timeline status-publish has-post-thumbnail hentry" id="wpextt_content-1382" style=" " > <div class="wpex-timeline-label"> <div class="timeline-media"> <a href="javascript:;" title="1886 – 1988"> <img width="300" height="200" src="https://www.seaspan.com/wp-content/uploads/2021/09/Mask-Group-14.jpg" class="attachment-wptl-600x450 size-wptl-600x450 wp-post-image" alt="" decoding="async" loading="lazy" /> <span class="bg-opacity"></span> </a> </div> <div class="timeline-details"> <h2> <a href="javascript:;" title="1886 – 1988"> 1886 – 1988 </a> </h2> <div class="wptl-excerpt"> <p></p> <h5 class="hd--md line">CH Cates & Sons</h5> <ul> <li><span class="year">1886</span> Charles Henry Cates arrives in Vancouver and begins his first business operations</li> <li><span class="year">1921</span> CH Cates and Sons Limited is officially incorporated and established at the foot of Lonsdale Avenue</li> <li><span class="year">1988</span> CH Cates and Sons Limited acquires Seaforth Towing</li> </ul> <p><em>Photo courtesy of Monova: Archives of North Vancouver.</em> </p> </div> </div> <div class="exclearfix"></div> </div> </div> </div> <style type="text/css"> .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav li.ictl-1382 h2 a, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ictl-1382 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ex_s_lick-current.ictl-1382 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1382 span.wpex_point{ background:#c81230;} .wpex.horizontal-timeline.ex-multi-item ul.horizontal-nav li.ictl-1382 > .tl-point > i{ color:#c81230; border-color:#c81230; } .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1382 .wpextt_templates .wptl-readmore a, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-4 li.ictl-1382 .wpextt_templates .wptl-readmore a{border-color:#c81230;} .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1382 span.wpex_point:after{border-top-color:#c81230;} .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1382 .wpex-timeline-label .timeline-details:after{border-bottom-color:#c81230;} </style> </li> <li class="ictl-1403"> <span class="tl-point wpex_point"> <i class="fa fa-circle no-icon"></i> 1898 – 1924 </span> <div class="wpextt_templates"> <div class="post-1403 wp-timeline type-wp-timeline status-publish has-post-thumbnail hentry" id="wpextt_content-1403" style=" " > <div class="wpex-timeline-label"> <div class="timeline-media"> <a href="javascript:;" title="1898 – 1924"> <img width="300" height="200" src="https://www.seaspan.com/wp-content/uploads/2021/09/Mask-Group-13.jpg" class="attachment-wptl-600x450 size-wptl-600x450 wp-post-image" alt="" decoding="async" loading="lazy" /> <span class="bg-opacity"></span> </a> </div> <div class="timeline-details"> <h2> <a href="javascript:;" title="1898 – 1924"> 1898 – 1924 </a> </h2> <div class="wptl-excerpt"> <p></p> <h5 class="hd--md line">Vancouver Tug</h5> <ul> <li><span class="year">1898</span> Vancouver Tug formed by Harry A. Jones</li> <li><span class="year">1919</span> Harry A. Jones sold Vancouver Tug and passed away four years later</li> <li><span class="year">1924</span> Vancouver Tug business revived by Harold Jones (Harry Jone’s son). Business re-named</li> </ul> <p><em>Photo courtesy of Monova: Archives of North Vancouver.</em> </p> </div> </div> <div class="exclearfix"></div> </div> </div> </div> <style type="text/css"> .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav li.ictl-1403 h2 a, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ictl-1403 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ex_s_lick-current.ictl-1403 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1403 span.wpex_point{ background:#c81230;} .wpex.horizontal-timeline.ex-multi-item ul.horizontal-nav li.ictl-1403 > .tl-point > i{ color:#c81230; border-color:#c81230; } .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1403 .wpextt_templates .wptl-readmore a, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-4 li.ictl-1403 .wpextt_templates .wptl-readmore a{border-color:#c81230;} .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1403 span.wpex_point:after{border-top-color:#c81230;} .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1403 .wpex-timeline-label .timeline-details:after{border-bottom-color:#c81230;} </style> </li> <li class="ictl-1404"> <span class="tl-point wpex_point"> <i class="fa fa-circle no-icon"></i> 1924 – 1960 </span> <div class="wpextt_templates"> <div class="post-1404 wp-timeline type-wp-timeline status-publish has-post-thumbnail hentry" id="wpextt_content-1404" style=" " > <div class="wpex-timeline-label"> <div class="timeline-media"> <a href="javascript:;" title="1924 – 1960"> <img width="600" height="450" src="https://www.seaspan.com/wp-content/uploads/2021/09/island-tug-600x450.jpg" class="attachment-wptl-600x450 size-wptl-600x450 wp-post-image" alt="" decoding="async" loading="lazy" /> <span class="bg-opacity"></span> </a> </div> <div class="timeline-details"> <h2> <a href="javascript:;" title="1924 – 1960"> 1924 – 1960 </a> </h2> <div class="wptl-excerpt"> <p></p> <h5 class="hd--md line">Island Tug and Barge</h5> <ul> <li><span class="year">1924</span> Island Tug & Barge formed by Harold B. Elworthy</li> <li><span class="year">1926</span> Elworthy acquired Gardner Towing</li> <li><span class="year">1937</span> Elworthy purchased a 1500 horsepower US Coastguard cutter named Snohomish, equipped it for towing and salvage and made it the company flagship</li> <li><span class="year">1954</span> Island Tug & Barge acquired a vessel named Sudbury, which for more than a decade was BC’s most famous tug</li> <li><span class="year">1956</span> Island Tug acquired Young & Gore</li> <li><span class="year">1958</span> Island Tug acquired Victoria Tug</li> <li><span class="year">1960</span> McAllister Towing, of Montreal, purchased Island Tug and then Griffiths Steamship Company in 1961</li> </ul> </div> </div> <div class="exclearfix"></div> </div> </div> </div> <style type="text/css"> .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav li.ictl-1404 h2 a, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ictl-1404 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ex_s_lick-current.ictl-1404 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1404 span.wpex_point{ background:#c81230;} .wpex.horizontal-timeline.ex-multi-item ul.horizontal-nav li.ictl-1404 > .tl-point > i{ color:#c81230; border-color:#c81230; } .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1404 .wpextt_templates .wptl-readmore a, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-4 li.ictl-1404 .wpextt_templates .wptl-readmore a{border-color:#c81230;} .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1404 span.wpex_point:after{border-top-color:#c81230;} .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1404 .wpex-timeline-label .timeline-details:after{border-bottom-color:#c81230;} </style> </li> <li class="ictl-1405"> <span class="tl-point wpex_point"> <i class="fa fa-circle no-icon"></i> 1954 – 1969 </span> <div class="wpextt_templates"> <div class="post-1405 wp-timeline type-wp-timeline status-publish has-post-thumbnail hentry" id="wpextt_content-1405" style=" " > <div class="wpex-timeline-label"> <div class="timeline-media"> <a href="javascript:;" title="1954 – 1969"> <img width="300" height="200" src="https://www.seaspan.com/wp-content/uploads/2021/12/Mask-Group-11.jpg" class="attachment-wptl-600x450 size-wptl-600x450 wp-post-image" alt="" decoding="async" loading="lazy" /> <span class="bg-opacity"></span> </a> </div> <div class="timeline-details"> <h2> <a href="javascript:;" title="1954 – 1969"> 1954 – 1969 </a> </h2> <div class="wptl-excerpt"> <p></p> <h5 class="hd--md line">Vancouver Tug Boat Company</h5> <ul> <li><span class="year">1920s</span> To cut costs and further integrate its operations, Vancouver Tug purchased Vancouver Shipyards (originally incorporated in 1902)</li> <li><span class="year">1956</span> Harold Jones passed away leaving Vancouver Tug to Beverly McCarvill O’Toole. During that time Arthur Lind and Captain James Stewart guided the company into amajor expansion and rebuilding program</li> <li><span class="year">1962</span> Vancouver Tug acquired Vancouver Barge Transportation</li> <li><span class="year">1963</span> Vancouver Tug acquired Pacific Tanker</li> <li><span class="year">1965</span> Vancouver Tug acquired Western Tug & Barge</li> <li><span class="year">1966</span> Vancouver Tug launches the pride of their fleet – a 3500 horsepower, 136 foot tug named the Harold A. Jones</li> <li><span class="year">1967</span> Vancouver Tug and Vancouver Shipyards purchased by Dillingham Corporation and vacated locations at the foot of Denman Street, in Vancouver, to move across Burrard Inlet to a 40 acre waterfront site at the foot of Pemberton Avenue, in North Vancouver</li> </ul> <p><em>Photo courtesy of Monova: Archives of North Vancouver.</em></p> </div> </div> <div class="exclearfix"></div> </div> </div> </div> <style type="text/css"> .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav li.ictl-1405 h2 a, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ictl-1405 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ex_s_lick-current.ictl-1405 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1405 span.wpex_point{ background:#c81230;} .wpex.horizontal-timeline.ex-multi-item ul.horizontal-nav li.ictl-1405 > .tl-point > i{ color:#c81230; border-color:#c81230; } .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1405 .wpextt_templates .wptl-readmore a, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-4 li.ictl-1405 .wpextt_templates .wptl-readmore a{border-color:#c81230;} .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1405 span.wpex_point:after{border-top-color:#c81230;} .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1405 .wpex-timeline-label .timeline-details:after{border-bottom-color:#c81230;} </style> </li> <li class="ictl-1406"> <span class="tl-point wpex_point"> <i class="fa fa-circle no-icon"></i> 1969 – 1991 </span> <div class="wpextt_templates"> <div class="post-1406 wp-timeline type-wp-timeline status-publish has-post-thumbnail hentry" id="wpextt_content-1406" style=" " > <div class="wpex-timeline-label"> <div class="timeline-media"> <a href="javascript:;" title="1969 – 1991"> <img width="300" height="200" src="https://www.seaspan.com/wp-content/uploads/2021/12/Mask-Group-10.jpg" class="attachment-wptl-600x450 size-wptl-600x450 wp-post-image" alt="" decoding="async" loading="lazy" /> <span class="bg-opacity"></span> </a> </div> <div class="timeline-details"> <h2> <a href="javascript:;" title="1969 – 1991"> 1969 – 1991 </a> </h2> <div class="wptl-excerpt"> <p></p> <h5 class="hd--md line">Seaspan is Born – Genstar appears</h5> <ul> <li><span class="year">1969</span> Genstar Ltd. acquired Island Tug & Barge</li> <li><span class="year">1970</span> Genstar joined with Dillingham Corporation to merge Island Tug and Vancouver Tug into a new corporate identity, Seaspan</li> <li><span class="year">1972</span> Seaspan acquired FM Yorke & Sons Ltd.</li> <li><span class="year">1973</span> Genstar obtained full ownership of Seaspan by purchasing Dillingham’s interest</li> <li><span class="year">1977</span> Seaspan acquired Gulf of Georgia Towing</li> <li><span class="year">1986</span> Imasco Ltd. acquired Genstar and gained controlling interest in Seaspan</li> <li><span class="year">1986</span> Imasco sold Seaspan to McLuan Capital Group</li> <li><span class="year">1991</span> Seaspan acquired Vancouver Drydock Company</li> </ul> </div> </div> <div class="exclearfix"></div> </div> </div> </div> <style type="text/css"> .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav li.ictl-1406 h2 a, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ictl-1406 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ex_s_lick-current.ictl-1406 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1406 span.wpex_point{ background:#c81230;} .wpex.horizontal-timeline.ex-multi-item ul.horizontal-nav li.ictl-1406 > .tl-point > i{ color:#c81230; border-color:#c81230; } .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1406 .wpextt_templates .wptl-readmore a, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-4 li.ictl-1406 .wpextt_templates .wptl-readmore a{border-color:#c81230;} .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1406 span.wpex_point:after{border-top-color:#c81230;} .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1406 .wpex-timeline-label .timeline-details:after{border-bottom-color:#c81230;} </style> </li> <li class="ictl-1407"> <span class="tl-point wpex_point"> <i class="fa fa-circle no-icon"></i> 1992 – 1999 </span> <div class="wpextt_templates"> <div class="post-1407 wp-timeline type-wp-timeline status-publish has-post-thumbnail hentry" id="wpextt_content-1407" style=" " > <div class="wpex-timeline-label"> <div class="timeline-media"> <a href="javascript:;" title="1992 – 1999"> <img width="300" height="200" src="https://www.seaspan.com/wp-content/uploads/2021/12/Image-12.jpg" class="attachment-wptl-600x450 size-wptl-600x450 wp-post-image" alt="" decoding="async" loading="lazy" /> <span class="bg-opacity"></span> </a> </div> <div class="timeline-details"> <h2> <a href="javascript:;" title="1992 – 1999"> 1992 – 1999 </a> </h2> <div class="wptl-excerpt"> <p></p> <h5 class="hd--md line">Seaspan’s Rise</h5> <ul> <li><span class="year">1992</span> CH Cates and Sons purchased by Dennis Washington</li> <li><span class="year">1994</span> Vancouver Shipyards (Esquimalt) Ltd. (now Victoria Shipyards) was created at the Public Works and Government Services’ Esquimalt Graving Dock to fill the void left when Yarrows Shipyard Limited went bankrupt</li> <li><span class="year">1994</span> Dennis Washington acquires a partial interest in Seaspan International Ltd. (now Seaspan ULC)</li> <li><span class="year">1995</span> Dennis Washington acquires Norsk from Fletcher Challenge</li> <li><span class="year">1996</span> Dennis Washington purchased the remaining shares in Seaspan and its subsidiaries to become 100% owner of the company</li> <li><span class="year">1996</span> Seaspan acquires a 50 percent interest in Marine Petrobulk Limited</li> <li><span class="year">1997</span> Kingcome Navigation acquired by Dennis Washington from MacMillan Bloedel</li> <li><span class="year">1998</span> Dennis Washington purchased Seaspan Coastal Intermodal (now Seaspan Ferries) from Canadian Pacific</li> <li><span class="year">1999</span> Cates, Seaforth, Norsk & Kingcome amalgamated to Seaspan</li> </ul> </div> </div> <div class="exclearfix"></div> </div> </div> </div> <style type="text/css"> .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav li.ictl-1407 h2 a, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ictl-1407 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ex_s_lick-current.ictl-1407 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1407 span.wpex_point{ background:#c81230;} .wpex.horizontal-timeline.ex-multi-item ul.horizontal-nav li.ictl-1407 > .tl-point > i{ color:#c81230; border-color:#c81230; } .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1407 .wpextt_templates .wptl-readmore a, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-4 li.ictl-1407 .wpextt_templates .wptl-readmore a{border-color:#c81230;} .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1407 span.wpex_point:after{border-top-color:#c81230;} .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1407 .wpex-timeline-label .timeline-details:after{border-bottom-color:#c81230;} </style> </li> <li class="ictl-1543"> <span class="tl-point wpex_point"> <i class="fa fa-circle no-icon"></i> 2010 - 2016 </span> <div class="wpextt_templates"> <div class="post-1543 wp-timeline type-wp-timeline status-publish has-post-thumbnail hentry" id="wpextt_content-1543" style=" " > <div class="wpex-timeline-label"> <div class="timeline-media"> <a href="javascript:;" title="2010 – 2016"> <img width="300" height="200" src="https://www.seaspan.com/wp-content/uploads/2021/12/Mask-Group-9.jpg" class="attachment-wptl-600x450 size-wptl-600x450 wp-post-image" alt="" decoding="async" loading="lazy" /> <span class="bg-opacity"></span> </a> </div> <div class="timeline-details"> <h2> <a href="javascript:;" title="2010 – 2016"> 2010 – 2016 </a> </h2> <div class="wptl-excerpt"> <p></p> <h5 class="hd--md line">Seaspan’s Growth</h5> <ul> <li><span class="year">2010</span> Seaspan acquires the tug and barge assets of SMIT Marine Canada</li> <li><span class="year">2011</span> Seaspan Ferries acquires the business of Van Isle Barge Services Ltd.</li> <li><span class="year">2011</span> The Government of Canada formed a $7.3B partnership with Seaspan’s Vancouver Shipyards to build future state-of-the-art Non-Combat vessels for the Canadian Coast Guard and Royal Canadian Navy under the National Shipbuilding Strategy.</li> <li><span class="year">2012</span> Seaspan signs the NSS Umbrella Agreement with the Government of Canada making the new partnership official.</li> <li><span class="year">2013</span> The Government of Canada announced that Vancouver Shipyards will build up to 10 additional large Non-Combat vessels for the Canadian Coast Guard under the National Shipbuilding Strategy, worth an estimated $3.3B.</li> <li><span class="year">2015</span> Seaspan’s Vancouver Shipyards started construction on the first National Shipbuilding Strategy vessel, the Canadian Coast Guard’s Offshore Fisheries Science Vessel (OFSV).</li> <li><span class="year">2015</span> Seaspan completed its $170M Shipyard Modernization Project</li> <li><span class="year">2016</span> The Washington Companies acquired controlling interesting in Marine Petrobulk LP.</li> <li><span class="year">2016</span> Vancouver Shipyards started construction on its second NSS vessel, the Canadian Coast Guard’s second OFSV.</li> <li><span class="year">2016</span> Seaspan Celebrates Historical Milestone for the Royal Canadian Navy.</li> </ul> </div> </div> <div class="exclearfix"></div> </div> </div> </div> <style type="text/css"> .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav li.ictl-1543 h2 a, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ictl-1543 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ex_s_lick-current.ictl-1543 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1543 span.wpex_point{ background:#c81230;} .wpex.horizontal-timeline.ex-multi-item ul.horizontal-nav li.ictl-1543 > .tl-point > i{ color:#c81230; border-color:#c81230; } .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1543 .wpextt_templates .wptl-readmore a, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-4 li.ictl-1543 .wpextt_templates .wptl-readmore a{border-color:#c81230;} .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-1543 span.wpex_point:after{border-top-color:#c81230;} .wpex.wpex-horizontal-3.ex-multi-item li.ictl-1543 .wpex-timeline-label .timeline-details:after{border-bottom-color:#c81230;} </style> </li> <li class="ictl-4178"> <span class="tl-point wpex_point"> <i class="fa fa-circle no-icon"></i> 2017 - Present </span> <div class="wpextt_templates"> <div class="post-4178 wp-timeline type-wp-timeline status-publish has-post-thumbnail hentry" id="wpextt_content-4178" style=" " > <div class="wpex-timeline-label"> <div class="timeline-media"> <a href="javascript:;" title="2017 – Present"> <img width="600" height="450" src="https://www.seaspan.com/wp-content/uploads/2022/05/21stops-20200818-Seaspan-OSFV3-JohnCabot-SeaTrial-1084-1-scaled-e1667938811997-600x450.jpg" class="attachment-wptl-600x450 size-wptl-600x450 wp-post-image" alt="" decoding="async" loading="lazy" /> <span class="bg-opacity"></span> </a> </div> <div class="timeline-details"> <h2> <a href="javascript:;" title="2017 – Present"> 2017 – Present </a> </h2> <div class="wptl-excerpt"> <p></p> <h5 class="hd--md line">Seaspan Today</h5> <ul> <li><span class="year">2017</span> Seaspan Ferries celebrates double commissioning of new Liquefied Natural Gas fuelled vessels</li> <li><span class="year">2017</span> Seaspan Ferries celebrates official grand opening of new Duke Point Terminal</li> <li><span class="year">2017</span> Seaspan Shipyards and the Government of Canada to celebrate the launch of the first vessel to be designed and built under Canada’s National Shipbuilding Strategy</li> <li><span class="year">2018</span> Seaspan Shipyards opens new North Vancouver office building demonstrating its long-term commitment to build ships in Canada</li> <li><span class="year">2018</span> Seaspan Shipyards celebrates handover of HMNZS Te Kaha</li> <li><span class="year">2018</span> Seaspan Marine announces 5-year, multi-million dollar investment in marine training program</li> <li><span class="year">2018</span> Seaspan Shipyards and shipbuilding partners celebrate start of construction on Canada’s Joint Support Ships</li> <li><span class="year">2019</span> Seaspan Shipyards delivers two Offshore Fisheries Science Vessel, the CCGS Sir John Franklin and the CCGS Capt. Jacques Cartier, to Canadian Coast Guard </li> <li><span class="year">2019</span> Haisla Nation and Seaspan awarded LNG Canada escort and harbor tugs contract</li> <li><span class="year">2020</span> Seaspan Shipyards delivers CCGS John Cabot, completing first class of ships under Canada’s National Shipbuilding Strategy</li> <li><span class="year">2020</span> Seaspan Marine takes delivery of state-of-the-art Seaspan Raptor tug to service Vancouver market</li> <li><span class="year">2021</span> The Government of Canada announces that Seaspan Shipyards will design and build a Polar Icebreaker, the flagship of the Canadian Coast Guard’s icebreaking fleet</li> <li><span class="year">2021</span> Seaspan Shipyards celebrates 10th anniversary of building ships in Canada for Canada under the National Shipbuilding Strategy</li> </ul> </div> </div> <div class="exclearfix"></div> </div> </div> </div> <style type="text/css"> .wpex.wpex-horizontal-3.ex-multi-item .horizontal-nav li.ictl-4178 h2 a, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ictl-4178 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item .horizontal-nav li.ex_s_lick-current.ictl-4178 .tl-point:before, .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-4178 span.wpex_point{ background:#c8102e;} .wpex.horizontal-timeline.ex-multi-item ul.horizontal-nav li.ictl-4178 > .tl-point > i{ color:#c8102e; border-color:#c8102e; } .wpex.wpex-horizontal-3.ex-multi-item li.ictl-4178 .wpextt_templates .wptl-readmore a, .wpex.horizontal-timeline.ex-multi-item.wpex-horizontal-4 li.ictl-4178 .wpextt_templates .wptl-readmore a{border-color:#c8102e;} .wpex.horizontal-timeline.ex-multi-item:not(.wpex-horizontal-4) .horizontal-nav li.ictl-4178 span.wpex_point:after{border-top-color:#c8102e;} .wpex.wpex-horizontal-3.ex-multi-item li.ictl-4178 .wpex-timeline-label .timeline-details:after{border-bottom-color:#c8102e;} </style> </li> </ul> </div> </div> </div> </div> </div> </section> </main> <footer> <div class="footer__content columns-footer"> <div class="column-wrapper"> <div class="column column-logo"> <img width="472" height="130" src="https://www.seaspan.com/wp-content/uploads/2021/03/seaspan_logo_white.png" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2021/03/seaspan_logo_white.png 472w, https://www.seaspan.com/wp-content/uploads/2021/03/seaspan_logo_white-300x83.png 300w" sizes="(max-width: 472px) 100vw, 472px" /> </div> <div class="column column-menu"> <div class="footer__nav"><ul id="menu-footer-menu" class="menu"><li id="menu-item-529" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-529"><a href="/contact">Contact Us</a></li> <li id="menu-item-530" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-530"><a href="https://hckz.fa.us2.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/requisitions?mode=job-location">Join Our Team</a></li> <li id="menu-item-10240" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10240"><a href="https://www.seaspan.com/who-we-are/diversity/accessibility-plan/">Accessibility Plan</a></li> <li id="menu-item-11091" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11091"><a target="_blank" rel="noopener" href="http://www.seaspan.com/wp-content/uploads/2024/05/Seaspan-_Forced-Labour-Report_May-2024_Report-Signed.pdf">Fighting Against Forced Labour</a></li> <li id="menu-item-531" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-531"><a href="/privacy-policy">Privacy Policy</a></li> <li id="menu-item-533" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-533"><a href="/terms-and-conditions/">Terms and Conditions</a></li> <li id="menu-item-10400" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10400"><a href="https://seaspan.us15.list-manage.com/subscribe?u=be4d759834542c49102681ee1&id=d6879b23eb">Subscribe to our Newsletter</a></li> </ul></div> </div> <div class="column column-logo"> <img src="https://www.seaspan.com/wp-content/uploads/2021/02/proudlycanadian-300x54.png" alt="Proudly Canadian"> </div> </div> </div> <div class="footer__copyright columns-one content--center"> <div class="column-wrapper"> <div class="column"> <p>Copyright © Seaspan ULC 2006-2024. The Washington Companies.</p> </div> </div> </div> <script> window.onload = (event) => { var all = document.getElementsByClassName('announcement-banner-image'); for(var i = 0; i < all.length; i++){ var image = all[i] image.src = image.src.replace("-350x120", "") } } </script> </footer> <script> const counters = document.querySelectorAll('.animatedNumbers span'); counters.forEach(counter => { let count = 0; const updateCounter = () => { const countTarget = parseInt(counter.getAttribute('data-counttarget')); count++; if (count < countTarget) { counter.innerHTML = count; setTimeout(updateCounter, 1); } else { counter.innerHTML = countTarget; } }; updateCounter(); }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script> <script> (function ($) { $.fn.countTo = function (options) { options = options || {}; return $(this).each(function () { // set options for current element var settings = $.extend({}, $.fn.countTo.defaults, { from: $(this).data('from'), to: $(this).data('to'), speed: $(this).data('speed'), refreshInterval: $(this).data('refresh-interval'), decimals: $(this).data('decimals') }, options); // how many times to update the value, and how much to increment the value on each update var loops = Math.ceil(settings.speed / settings.refreshInterval), increment = (settings.to - settings.from) / loops; // references & variables that will change with each update var self = this, $self = $(this), loopCount = 0, value = settings.from, data = $self.data('countTo') || {}; $self.data('countTo', data); // if an existing interval can be found, clear it first if (data.interval) { clearInterval(data.interval); } data.interval = setInterval(updateTimer, settings.refreshInterval); // initialize the element with the starting value render(value); function updateTimer() { value += increment; loopCount++; render(value); if (typeof(settings.onUpdate) == 'function') { settings.onUpdate.call(self, value); } if (loopCount >= loops) { // remove the interval $self.removeData('countTo'); clearInterval(data.interval); value = settings.to; if (typeof(settings.onComplete) == 'function') { settings.onComplete.call(self, value); } } } function render(value) { var formattedValue = settings.formatter.call(self, value, settings); $self.text(formattedValue); } }); }; $.fn.countTo.defaults = { from: 0, // the number the element should start at to: 0, // the number the element should end at speed: 1000, // how long it should take to count between the target numbers refreshInterval: 20, // how often the element should be updated decimals: 0, // the number of decimal places to show formatter: formatter, // handler for formatting the value before rendering onUpdate: null, // callback method for every time the element is updated onComplete: null // callback method for when the element finishes updating }; function formatter(value, settings) { return value.toFixed(settings.decimals); } }(jQuery)); jQuery(function ($) { // start all the timers $('.timer').each(count); // restart a timer when a button is clicked $( window ).scroll(function () { //console.log($(window).scrollTop()); if($(window).scrollTop() >900 && $(window).scrollTop() < 1100) { $('.timer').each(count); } }); function count(options) { var $this = $(this); options = $.extend({}, options || {}, $this.data('countToOptions') || {}); $this.countTo(options); } }); </script> <script> $(document).ready(function(){ $(".loft-responsive-tabs").click(function(){ $("body").toggleClass("loft-responsive-tabs-active"); }); $(".page-id-1458 .tabs.tab-group.tabs--vertical li.nav-item a").click(function(){ $("body").removeClass("loft-responsive-tabs-active"); }); }); </script> <script> jQuery(document).ready(function(){ jQuery('#fleet').on('click',function(){ jQuery('.tabs__tab_class').addClass('active'); }); jQuery('.fleet-tab').on('click',function(){ jQuery(".fleet-tab").removeClass("active"); jQuery(".fleet-tab").removeClass("active"); jQuery(this).addClass('active'); }); jQuery('span#fleet').on('click',function(){ jQuery('.loft-tabs-block-hide').show(); }); }) </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" anonymous=""></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> <script> jQuery(document).ready(function (jQuery) { jQuery(".loft-our-history-year-row").owlCarousel({ items:10, loop: false, nav: true, autoplay: false, responsiveClass: true, responsive: { 0: { items: 1, nav: true, }, 450: { items: 2, nav: true, }, 600: { items: 3, nav: true, }, 1000: { items: 4, nav: true, }, 1500: { items: 5, nav: true, loop: false, }, }, }); }); jQuery(document).ready(function(){ jQuery('.wpmtst-testimonial.cst-wp-home-testimonial').slick({ dots: false, loop: true, arrows: true, infinite: false, speed: 700, slidesToShow: 3, slidesToScroll: 1, autoplay: true, autoplaySpeed: 1000, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, dots: true } }, { breakpoint: 767, settings: { slidesToShow: 1, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); }); </script> <script type="text/javascript" src="https://www.seaspan.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" id="popup-maker-site-js-extra"> /* <![CDATA[ */ var pum_vars = {"version":"1.20.2","pm_dir_url":"https:\/\/www.seaspan.com\/wp-content\/plugins\/popup-maker\/","ajaxurl":"https:\/\/www.seaspan.com\/wp-admin\/admin-ajax.php","restapi":"https:\/\/www.seaspan.com\/wp-json\/pum\/v1","rest_nonce":null,"default_theme":"10856","debug_mode":"","disable_tracking":"","home_url":"\/","message_position":"top","core_sub_forms_enabled":"1","popups":[],"cookie_domain":"","analytics_route":"analytics","analytics_api":"https:\/\/www.seaspan.com\/wp-json\/pum\/v1"}; var pum_sub_vars = {"ajaxurl":"https:\/\/www.seaspan.com\/wp-admin\/admin-ajax.php","message_position":"top"}; var pum_popups = []; /* ]]> */ </script> <script type="text/javascript" src="//www.seaspan.com/wp-content/uploads/pum/pum-site-scripts.js?defer&generated=1727161777&ver=1.20.2" id="popup-maker-site-js"></script> <script type="text/javascript" id="popmake-popup-analytics-js-js-extra"> /* <![CDATA[ */ var popmake_pa = {"nonce":"98e1e8e012"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/plugins/popup-maker-popup-analytics/assets/js/scripts.min.js?defer&ver=1.2.2" id="popmake-popup-analytics-js-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/themes/seaspan-2021/js/popper.min.js?ver=4.0" id="popper-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/themes/seaspan-2021/js/bootstrap-util.min.js?ver=4.0" id="bootstrap-util-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/themes/seaspan-2021/js/bootstrap-dropdown.min.js?ver=4.0" id="bootstrap-dropdown-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/themes/seaspan-2021/js/bootstrap-collapse.min.js?ver=4.0" id="bootstrap-collapse-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/themes/seaspan-2021/js/bootstrap-modal.min.js?ver=4.0" id="bootstrap-modal-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/themes/seaspan-2021/js/bootstrap-tab.min.js?ver=4.0" id="bootstrap-tab-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/themes/seaspan-2021/js/vendor/slick.min.js?ver=1.9.0" id="slick-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/themes/seaspan-2021/js/slick-init.js?ver=1.0" id="slick-init-js"></script> <script type="text/javascript" src="https://www.seaspan.com/wp-content/themes/seaspan-2021/js/script.min.js?ver=1.0" id="main-script-js"></script> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-extra"> /* <![CDATA[ */ var gforms_recaptcha_recaptcha_strings = {"site_key":"6LfPhtEZAAAAABQzPM4VoSMntR8ywIG8Briqv6fM","ajaxurl":"https:\/\/www.seaspan.com\/wp-admin\/admin-ajax.php","nonce":"52f3c8de24"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LfPhtEZAAAAABQzPM4VoSMntR8ywIG8Briqv6fM&ver=1.6.0" id="gforms_recaptcha_recaptcha-js"></script> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-after"> /* <![CDATA[ */ (function($){grecaptcha.ready(function(){$('.grecaptcha-badge').css('visibility','hidden');});})(jQuery); /* ]]> */ </script> <script type="text/javascript" src="https://cdn.jsdelivr.net/mark.js/7.0.0/jquery.mark.min.js?ver=6.6.1" id="loft-jQuery-mark-js"></script>  <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(50,50,58,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">Notice: Seaspan uses cookies to provide necessary website functionality, improve your experience and analyze our traffic. By using our website, you agree to our <a href="https://www.seaspan.com/privacy-policy/" target="_blank" id="cn-more-info" class="cn-privacy-policy-link cn-link">Privacy Policy</a>.</span><span id="cn-notice-buttons" class="cn-buttons-container"><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="OK" style="background-color: #5b7f95">OK</a></span><span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="I Refuse"></span></div> </div>  <script type="text/javascript"> jQuery( function( $ ) { for (let i = 0; i < document.forms.length; ++i) { let form = document.forms[i]; if ($(form).attr("method") != "get") { $(form).append('<input type="hidden" name="ftXWZgrMliuCw" value="kXVBTFt" />'); } if ($(form).attr("method") != "get") { $(form).append('<input type="hidden" name="XuRAcWoqNde_" value="oQ5@C0z3UEsA" />'); } if ($(form).attr("method") != "get") { $(form).append('<input type="hidden" name="oGDAZuhExfVg" value="xnYORzImev.SW" />'); } } $(document).on('submit', 'form', function () { if ($(this).attr("method") != "get") { $(this).append('<input type="hidden" name="ftXWZgrMliuCw" value="kXVBTFt" />'); } if ($(this).attr("method") != "get") { $(this).append('<input type="hidden" name="XuRAcWoqNde_" value="oQ5@C0z3UEsA" />'); } if ($(this).attr("method") != "get") { $(this).append('<input type="hidden" name="oGDAZuhExfVg" value="xnYORzImev.SW" />'); } return true; }); jQuery.ajaxSetup({ beforeSend: function (e, data) { if (data.type !== 'POST') return; if (typeof data.data === 'object' && data.data !== null) { data.data.append("ftXWZgrMliuCw", "kXVBTFt"); data.data.append("XuRAcWoqNde_", "oQ5@C0z3UEsA"); data.data.append("oGDAZuhExfVg", "xnYORzImev.SW"); } else { data.data = data.data + '&ftXWZgrMliuCw=kXVBTFt&XuRAcWoqNde_=oQ5@C0z3UEsA&oGDAZuhExfVg=xnYORzImev.SW'; } } }); }); </script> </body> </html>