Home - Seaspan

<!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>Home - 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/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Home - Seaspan" /> <meta property="og:url" content="https://www.seaspan.com/" /> <meta property="og:site_name" content="Seaspan" /> <meta property="article:modified_time" content="2023-12-13T20:25:30+00:00" /> <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/","url":"https://www.seaspan.com/","name":"Home - Seaspan","isPartOf":{"@id":"https://www.seaspan.com/#website"},"datePublished":"2021-02-24T18:08:15+00:00","dateModified":"2023-12-13T20:25:30+00:00","breadcrumb":{"@id":"https://www.seaspan.com/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https://www.seaspan.com/"]}]},{"@type":"BreadcrumbList","@id":"https://www.seaspan.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@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\/"}; 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.4' 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="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":"81d7207a95","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.4" 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/6" /><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/' /> <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%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%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="home page-template page-template-theme-templates page-template-homepage-template page-template-theme-templateshomepage-template-php page page-id-6 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 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 menu-item-10690"><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--home homepage-slider"> <div class="slide"> <div class="slide-wrapper"> <div class="slide--content bg--dark"> <h1>When You Build Ships, You Build More Than Ships</h1> <div class="slider-content"> <p>Seaspan Shipyards is proud to be Canada’s long-term, strategic shipbuilding partner for the Canadian Coast Guard and Royal Canadian Navy.</p> <p><a class="btn btn--white" href="/seaspan-shipyards/">Learn More </a></p> </div> </div> <div class="slide--img"> <div class="img-container img--cover"> <img width="1868" height="1004" src="https://www.seaspan.com/wp-content/uploads/2022/05/21stops-20200818-Seaspan-OSFV3-JohnCabot-SeaTrial-1084-1-scaled-e1667938811997.jpg" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" srcset="https://www.seaspan.com/wp-content/uploads/2022/05/21stops-20200818-Seaspan-OSFV3-JohnCabot-SeaTrial-1084-1-scaled-e1667938811997.jpg 1868w, https://www.seaspan.com/wp-content/uploads/2022/05/21stops-20200818-Seaspan-OSFV3-JohnCabot-SeaTrial-1084-1-scaled-e1667938811997-300x161.jpg 300w, https://www.seaspan.com/wp-content/uploads/2022/05/21stops-20200818-Seaspan-OSFV3-JohnCabot-SeaTrial-1084-1-scaled-e1667938811997-1024x550.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2022/05/21stops-20200818-Seaspan-OSFV3-JohnCabot-SeaTrial-1084-1-scaled-e1667938811997-768x413.jpg 768w, https://www.seaspan.com/wp-content/uploads/2022/05/21stops-20200818-Seaspan-OSFV3-JohnCabot-SeaTrial-1084-1-scaled-e1667938811997-1536x826.jpg 1536w" sizes="(max-width: 1868px) 100vw, 1868px" /> </div> </div> </div> </div> <div class="slide"> <div class="slide-wrapper"> <div class="slide--content bg--dark"> <h1>Passionately Delivering the Best Marine Solutions</h1> <div class="slider-content"> <p>With over 130 years of experience navigating in some of the world’s most complex and difficult waters, Seaspan Marine offers ship assist, coastal and deep-sea transportation, and fuel bunkering services on Canada’s West Coast.</p> <p><a class="btn btn--white" href="/seaspan-marine/">Learn More</a></p> </div> </div> <div class="slide--img"> <div class="img-container img--cover"> <img width="2560" height="1707" src="https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0092-scaled.jpg" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" srcset="https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0092-scaled.jpg 2560w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0092-300x200.jpg 300w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0092-1024x683.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0092-768x512.jpg 768w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0092-1536x1024.jpg 1536w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0092-2048x1365.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /> </div> </div> </div> </div> <div class="slide"> <div class="slide-wrapper"> <div class="slide--content bg--dark"> <h1>Legacies Start Here</h1> <div class="slider-content"> <p>Seaspan is looking for talented individuals who are looking to grow their careers in the marine transportation and shipbuilding industry.</p> <p><a class="btn btn--white" href="https://hckz.fa.us2.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/requisitions?mode=job-location" target="_blank" rel="noopener">View Openings</a></p> </div> </div> <div class="slide--img"> <div class="img-container img--cover"> <img width="2560" height="1707" src="https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0017-scaled.jpg" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0017-scaled.jpg 2560w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0017-300x200.jpg 300w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0017-1024x683.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0017-768x512.jpg 768w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0017-1536x1024.jpg 1536w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0017-2048x1365.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /> </div> </div> </div> </div> </section> <section class="columns columns-two content--center columns--homepage-services"> <div class="column-wrapper"> <div class="column"> <div class="homepage-services__icon img--1by1 img--contain"> <a href="https://www.seaspan.com/seaspan-shipyards/"> <img width="256" height="256" src="https://www.seaspan.com/wp-content/uploads/2021/09/ship.png" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2021/09/ship.png 256w, https://www.seaspan.com/wp-content/uploads/2021/09/ship-150x150.png 150w, https://www.seaspan.com/wp-content/uploads/2021/09/ship-100x100.png 100w" sizes="(max-width: 256px) 100vw, 256px" /></a> </div> <h1 class="hd--md">Seaspan Shipyards</h1> <div class="homepage-services__content"> <p>Located on the Pacific Northwest Coast, Seaspan’s Shipyards are an important resource for the region’s marine industry. Seaspan Shipyards operations include Vancouver Shipyards, Vancouver Drydock and Victoria Shipyards.</p> </div> <a href="https://www.seaspan.com/seaspan-shipyards/" class="btn btn--red">Visit Seaspan Shipyards</a> </div> <div class="column"> <div class="homepage-services__icon img--1by1 img--contain"> <a href="https://www.seaspan.com/seaspan-marine/"> <img width="256" height="256" src="https://www.seaspan.com/wp-content/uploads/2021/09/boat.png" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2021/09/boat.png 256w, https://www.seaspan.com/wp-content/uploads/2021/09/boat-150x150.png 150w, https://www.seaspan.com/wp-content/uploads/2021/09/boat-100x100.png 100w" sizes="(max-width: 256px) 100vw, 256px" /></a> </div> <h1 class="hd--md">Seaspan Marine Transportation</h1> <div class="homepage-services__content"> <p>Seaspan Marine Transportation offers ship assist, coastal and deep-sea transportation, and fuel bunkering services on Canada’s West Coast, and daily commercial ferry services supporting the Vancouver Island supply chain.</p> <p><a class="btn btn--primary" style="position: relative; z-index: 100;" href="/seaspan-marine/">Visit Seaspan Marine</a></p> </div> <a href="https://www.seaspan.com/seaspan-ferries/" class="btn btn--red">Visit Seaspan Ferries</a> </div> </div> </section> <section class="section section--module section--blog content--center" id="our-stories"> <div class="column--header"> <div class="header"><h1 class="hd--lg hd--accent">Our Stories</h1></div> </div> <div class="column-wrapper"> <div class="column"> <div class="slider-wrapper"> <div class="slider-spotlight">  <div class="slick-container"> <div class="section--blog__card"> <a href="https://www.seaspan.com/stories/supplier-spotlight-growing-together-with-bcs-automation/"><img width="1919" height="881" src="https://www.seaspan.com/wp-content/uploads/2024/11/Seaspan-BCS-Supplier-Video_with-CCs-FINAL_Moment.jpg" class="attachment-full size-full" alt="BCS Automation" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2024/11/Seaspan-BCS-Supplier-Video_with-CCs-FINAL_Moment.jpg 1919w, https://www.seaspan.com/wp-content/uploads/2024/11/Seaspan-BCS-Supplier-Video_with-CCs-FINAL_Moment-300x138.jpg 300w, https://www.seaspan.com/wp-content/uploads/2024/11/Seaspan-BCS-Supplier-Video_with-CCs-FINAL_Moment-1024x470.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2024/11/Seaspan-BCS-Supplier-Video_with-CCs-FINAL_Moment-768x353.jpg 768w, https://www.seaspan.com/wp-content/uploads/2024/11/Seaspan-BCS-Supplier-Video_with-CCs-FINAL_Moment-1536x705.jpg 1536w" sizes="(max-width: 1919px) 100vw, 1919px" /></a> <p class="blog-feed__date text-right">November 28, 2024</p> <div class="section--blog__content-wrapper"> <div class="section--blog__header"> <h4 class="section--blog__title">Supplier Spotlight: Growing Together with BCS Automation</h4> </div> <a href="https://www.seaspan.com/stories/supplier-spotlight-growing-together-with-bcs-automation/" class="blog-link" style="color: #c8102e; text-transform: uppercase; font-family: 'Oswald', sans-serif; width: 100%; text-align: center; display: block; margin-top: 1em;">Read Story</a> </div> </div> </div> <div class="slick-container"> <div class="section--blog__card"> <a href="https://www.seaspan.com/stories/how-augmented-reality-ar-is-augmenting-our-ship-build-processes-at-seaspan-shipyards/"><img width="1920" height="1080" src="https://www.seaspan.com/wp-content/uploads/2024/11/Trimble_setup_044.jpg" class="attachment-full size-full" alt="Augmented reality" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2024/11/Trimble_setup_044.jpg 1920w, https://www.seaspan.com/wp-content/uploads/2024/11/Trimble_setup_044-300x169.jpg 300w, https://www.seaspan.com/wp-content/uploads/2024/11/Trimble_setup_044-1024x576.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2024/11/Trimble_setup_044-768x432.jpg 768w, https://www.seaspan.com/wp-content/uploads/2024/11/Trimble_setup_044-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a> <p class="blog-feed__date text-right">November 22, 2024</p> <div class="section--blog__content-wrapper"> <div class="section--blog__header"> <h4 class="section--blog__title">How Augmented Reality (AR) is augmenting our ship build processes at Seaspan Shipyards</h4> </div> <a href="https://www.seaspan.com/stories/how-augmented-reality-ar-is-augmenting-our-ship-build-processes-at-seaspan-shipyards/" class="blog-link" style="color: #c8102e; text-transform: uppercase; font-family: 'Oswald', sans-serif; width: 100%; text-align: center; display: block; margin-top: 1em;">Read Story</a> </div> </div> </div> <div class="slick-container"> <div class="section--blog__card"> <a href="https://www.seaspan.com/stories/from-high-school-hobby-to-rewarding-career-meet-jacoba-kortlever-welding-apprentice-at-victoria-shipyards/"><img width="2560" height="1707" src="https://www.seaspan.com/wp-content/uploads/2024/11/106-24-083-scaled.jpg" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2024/11/106-24-083-scaled.jpg 2560w, https://www.seaspan.com/wp-content/uploads/2024/11/106-24-083-300x200.jpg 300w, https://www.seaspan.com/wp-content/uploads/2024/11/106-24-083-1024x683.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2024/11/106-24-083-768x512.jpg 768w, https://www.seaspan.com/wp-content/uploads/2024/11/106-24-083-1536x1024.jpg 1536w, https://www.seaspan.com/wp-content/uploads/2024/11/106-24-083-2048x1365.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></a> <p class="blog-feed__date text-right">November 13, 2024</p> <div class="section--blog__content-wrapper"> <div class="section--blog__header"> <h4 class="section--blog__title">From High School Hobby to Rewarding Career: Meet Jacoba Kortlever, Welding Apprentice at Victoria Shipyards</h4> </div> <a href="https://www.seaspan.com/stories/from-high-school-hobby-to-rewarding-career-meet-jacoba-kortlever-welding-apprentice-at-victoria-shipyards/" class="blog-link" style="color: #c8102e; text-transform: uppercase; font-family: 'Oswald', sans-serif; width: 100%; text-align: center; display: block; margin-top: 1em;">Read Story</a> </div> </div> </div> <div class="slick-container"> <div class="section--blog__card"> <a href="https://www.seaspan.com/stories/supplier-spotlight-illuminating-the-seas-with-glamox/"><img width="2560" height="1709" src="https://www.seaspan.com/wp-content/uploads/2024/11/21stops-20240404-Seaspan-Progress-0136-scaled.jpg" class="attachment-full size-full" alt="Glamox" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2024/11/21stops-20240404-Seaspan-Progress-0136-scaled.jpg 2560w, https://www.seaspan.com/wp-content/uploads/2024/11/21stops-20240404-Seaspan-Progress-0136-300x200.jpg 300w, https://www.seaspan.com/wp-content/uploads/2024/11/21stops-20240404-Seaspan-Progress-0136-1024x684.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2024/11/21stops-20240404-Seaspan-Progress-0136-768x513.jpg 768w, https://www.seaspan.com/wp-content/uploads/2024/11/21stops-20240404-Seaspan-Progress-0136-1536x1025.jpg 1536w, https://www.seaspan.com/wp-content/uploads/2024/11/21stops-20240404-Seaspan-Progress-0136-2048x1367.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></a> <p class="blog-feed__date text-right">November 1, 2024</p> <div class="section--blog__content-wrapper"> <div class="section--blog__header"> <h4 class="section--blog__title">Supplier Spotlight: Illuminating the Seas with Glamox</h4> </div> <a href="https://www.seaspan.com/stories/supplier-spotlight-illuminating-the-seas-with-glamox/" class="blog-link" style="color: #c8102e; text-transform: uppercase; font-family: 'Oswald', sans-serif; width: 100%; text-align: center; display: block; margin-top: 1em;">Read Story</a> </div> </div> </div> <div class="slick-container"> <div class="section--blog__card"> <a href="https://www.seaspan.com/stories/get-to-know-our-newest-cohort-of-interns-making-a-splash-at-seaspan-this-fall/"><img width="6544" height="4689" src="https://www.seaspan.com/wp-content/uploads/2024/10/Intern-banner-e1729795843455.png" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2024/10/Intern-banner-e1729795843455.png 6544w, https://www.seaspan.com/wp-content/uploads/2024/10/Intern-banner-e1729795843455-300x215.png 300w, https://www.seaspan.com/wp-content/uploads/2024/10/Intern-banner-e1729795843455-1024x734.png 1024w, https://www.seaspan.com/wp-content/uploads/2024/10/Intern-banner-e1729795843455-768x550.png 768w, https://www.seaspan.com/wp-content/uploads/2024/10/Intern-banner-e1729795843455-1536x1101.png 1536w, https://www.seaspan.com/wp-content/uploads/2024/10/Intern-banner-e1729795843455-2048x1467.png 2048w" sizes="(max-width: 6544px) 100vw, 6544px" /></a> <p class="blog-feed__date text-right">October 24, 2024</p> <div class="section--blog__content-wrapper"> <div class="section--blog__header"> <h4 class="section--blog__title">Get to know our newest cohort of interns making a splash at Seaspan this fall</h4> </div> <a href="https://www.seaspan.com/stories/get-to-know-our-newest-cohort-of-interns-making-a-splash-at-seaspan-this-fall/" class="blog-link" style="color: #c8102e; text-transform: uppercase; font-family: 'Oswald', sans-serif; width: 100%; text-align: center; display: block; margin-top: 1em;">Read Story</a> </div> </div> </div> <div class="slick-container"> <div class="section--blog__card"> <a href="https://www.seaspan.com/stories/meet-dylan-humphreys-sandblaster-and-painter-at-vancouver-shipyards/"><img width="2000" height="1335" src="https://www.seaspan.com/wp-content/uploads/2024/10/21stops-20240925-Seaspan-September-Progress-0019.jpg" class="attachment-full size-full" alt="Dylan H" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2024/10/21stops-20240925-Seaspan-September-Progress-0019.jpg 2000w, https://www.seaspan.com/wp-content/uploads/2024/10/21stops-20240925-Seaspan-September-Progress-0019-300x200.jpg 300w, https://www.seaspan.com/wp-content/uploads/2024/10/21stops-20240925-Seaspan-September-Progress-0019-1024x684.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2024/10/21stops-20240925-Seaspan-September-Progress-0019-768x513.jpg 768w, https://www.seaspan.com/wp-content/uploads/2024/10/21stops-20240925-Seaspan-September-Progress-0019-1536x1025.jpg 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a> <p class="blog-feed__date text-right">October 22, 2024</p> <div class="section--blog__content-wrapper"> <div class="section--blog__header"> <h4 class="section--blog__title">Meet Dylan Humphreys, Sandblaster and Painter at Vancouver Shipyards</h4> </div> <a href="https://www.seaspan.com/stories/meet-dylan-humphreys-sandblaster-and-painter-at-vancouver-shipyards/" class="blog-link" style="color: #c8102e; text-transform: uppercase; font-family: 'Oswald', sans-serif; width: 100%; text-align: center; display: block; margin-top: 1em;">Read Story</a> </div> </div> </div> <div class="slick-container"> <div class="section--blog__card"> <a href="https://www.seaspan.com/stories/seaspan-shipyards-q3-update-full-steam-ahead/"><img width="1192" height="795" src="https://www.seaspan.com/wp-content/uploads/2024/10/Seaspan-OOSV-0490-1.jpg" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2024/10/Seaspan-OOSV-0490-1.jpg 1192w, https://www.seaspan.com/wp-content/uploads/2024/10/Seaspan-OOSV-0490-1-300x200.jpg 300w, https://www.seaspan.com/wp-content/uploads/2024/10/Seaspan-OOSV-0490-1-1024x683.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2024/10/Seaspan-OOSV-0490-1-768x512.jpg 768w" sizes="(max-width: 1192px) 100vw, 1192px" /></a> <p class="blog-feed__date text-right">October 9, 2024</p> <div class="section--blog__content-wrapper"> <div class="section--blog__header"> <h4 class="section--blog__title">Seaspan Shipyards Q3 Update: Full Steam Ahead</h4> </div> <a href="https://www.seaspan.com/stories/seaspan-shipyards-q3-update-full-steam-ahead/" class="blog-link" style="color: #c8102e; text-transform: uppercase; font-family: 'Oswald', sans-serif; width: 100%; text-align: center; display: block; margin-top: 1em;">Read Story</a> </div> </div> </div> <div class="slick-container"> <div class="section--blog__card"> <a href="https://www.seaspan.com/stories/seaspan-energy-first-lng-bunkering-seaspan-garibaldi-delivery/"><img width="1064" height="598" src="https://www.seaspan.com/wp-content/uploads/2024/10/c95cdae7c8f4f364ccce6d78cbf6d005.jpg" class="attachment-full size-full" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2024/10/c95cdae7c8f4f364ccce6d78cbf6d005.jpg 1064w, https://www.seaspan.com/wp-content/uploads/2024/10/c95cdae7c8f4f364ccce6d78cbf6d005-300x169.jpg 300w, https://www.seaspan.com/wp-content/uploads/2024/10/c95cdae7c8f4f364ccce6d78cbf6d005-1024x576.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2024/10/c95cdae7c8f4f364ccce6d78cbf6d005-768x432.jpg 768w" sizes="(max-width: 1064px) 100vw, 1064px" /></a> <p class="blog-feed__date text-right">October 7, 2024</p> <div class="section--blog__content-wrapper"> <div class="section--blog__header"> <h4 class="section--blog__title">Seaspan Energy Celebrates the Delivery of its First LNG Bunkering Vessel, the Seaspan Garibaldi</h4> </div> <a href="https://www.seaspan.com/stories/seaspan-energy-first-lng-bunkering-seaspan-garibaldi-delivery/" class="blog-link" style="color: #c8102e; text-transform: uppercase; font-family: 'Oswald', sans-serif; width: 100%; text-align: center; display: block; margin-top: 1em;">Read Story</a> </div> </div> </div> <div class="slick-container"> <div class="section--blog__card"> <a href="https://www.seaspan.com/stories/supplier-spotlight-forging-ahead-with-barry-hamel-equipment/"><img width="2560" height="1441" src="https://www.seaspan.com/wp-content/uploads/2024/09/20240214_155044-scaled.jpg" class="attachment-full size-full" alt="Barry-Hamel" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2024/09/20240214_155044-scaled.jpg 2560w, https://www.seaspan.com/wp-content/uploads/2024/09/20240214_155044-300x169.jpg 300w, https://www.seaspan.com/wp-content/uploads/2024/09/20240214_155044-1024x577.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2024/09/20240214_155044-768x432.jpg 768w, https://www.seaspan.com/wp-content/uploads/2024/09/20240214_155044-1536x865.jpg 1536w, https://www.seaspan.com/wp-content/uploads/2024/09/20240214_155044-2048x1153.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></a> <p class="blog-feed__date text-right">September 24, 2024</p> <div class="section--blog__content-wrapper"> <div class="section--blog__header"> <h4 class="section--blog__title">Supplier Spotlight: Forging Ahead with Barry-Hamel Equipment</h4> </div> <a href="https://www.seaspan.com/stories/supplier-spotlight-forging-ahead-with-barry-hamel-equipment/" class="blog-link" style="color: #c8102e; text-transform: uppercase; font-family: 'Oswald', sans-serif; width: 100%; text-align: center; display: block; margin-top: 1em;">Read Story</a> </div> </div> </div> <div class="slick-container"> <div class="section--blog__card"> <a href="https://www.seaspan.com/stories/seaspans-vancouver-shipyards-hosts-employee-open-house/"><img width="2560" height="1707" src="https://www.seaspan.com/wp-content/uploads/2024/08/Seaspan-Open-House-1090-scaled.jpg" class="attachment-full size-full" alt="Seaspan Vancouver Shipyards Open House" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2024/08/Seaspan-Open-House-1090-scaled.jpg 2560w, https://www.seaspan.com/wp-content/uploads/2024/08/Seaspan-Open-House-1090-300x200.jpg 300w, https://www.seaspan.com/wp-content/uploads/2024/08/Seaspan-Open-House-1090-1024x683.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2024/08/Seaspan-Open-House-1090-768x512.jpg 768w, https://www.seaspan.com/wp-content/uploads/2024/08/Seaspan-Open-House-1090-1536x1024.jpg 1536w, https://www.seaspan.com/wp-content/uploads/2024/08/Seaspan-Open-House-1090-2048x1365.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></a> <p class="blog-feed__date text-right">August 28, 2024</p> <div class="section--blog__content-wrapper"> <div class="section--blog__header"> <h4 class="section--blog__title">Seaspan’s Vancouver Shipyards Hosts Employee & Family Open House</h4> </div> <a href="https://www.seaspan.com/stories/seaspans-vancouver-shipyards-hosts-employee-open-house/" class="blog-link" style="color: #c8102e; text-transform: uppercase; font-family: 'Oswald', sans-serif; width: 100%; text-align: center; display: block; margin-top: 1em;">Read Story</a> </div> </div> </div> </div> </div> </div> </div> <div class="column-wrapper columns-one content--center"> <div class="column"> <p> <a href="/stories" class="btn btn--red">View All Stories</a> </p> </div> </div> </section> <section class="columns columns-two-img-alt bg bg--ltgray bg--accent-left "> <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">Careers at Seaspan</h1> </div> <div class="subheader"> <p>Be part of a winning team</p> </div> </div> <div class="column--content"> <div class="component__container content-container"> <p>Seaspan is looking for talented employees to apply for rewarding work in the marine transportation and shipbuilding industry in Metro Vancouver and on Vancouver Island – to fill jobs in our operations, ashore, management, service and at-sea teams.</p> <p>Whether you’re a shipbuilder, mariner, tradesperson, project manager, planner, scheduler, engineer, or are a safety, IT or finance professional, you’ll find a fulfilling career at our amazing locations.</p> <p><a class="btn btn--primary" style="position: relative; z-index: 100;" href="https://hckz.fa.us2.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1/requisitions?mode=job-location">Explore Openings</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="682" height="1024" src="https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0381-682x1024.jpg" class="attachment-large size-large" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0381-682x1024.jpg 682w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0381-200x300.jpg 200w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0381-768x1152.jpg 768w, https://www.seaspan.com/wp-content/uploads/2021/10/183-18-0381.jpg 933w" sizes="(max-width: 682px) 100vw, 682px" /> </div> </div> <div class="column--img-alt-img-lg img--cover"> <img width="1024" height="682" src="https://www.seaspan.com/wp-content/uploads/2021/10/111-20-310-1024x682.jpg" class="attachment-large size-large" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2021/10/111-20-310-1024x682.jpg 1024w, https://www.seaspan.com/wp-content/uploads/2021/10/111-20-310-300x200.jpg 300w, https://www.seaspan.com/wp-content/uploads/2021/10/111-20-310-768x512.jpg 768w, https://www.seaspan.com/wp-content/uploads/2021/10/111-20-310.jpg 1400w" sizes="(max-width: 1024px) 100vw, 1024px" /> </div> </div> </div> </section><section class="columns columns-one bg bg--blue bg--dark bg--accent-right content--center"> <div class="column--header"> <div class="header"> <h1 class="hd--lg">Commercial Ferry Services</h1> </div> </div> <div class="column-wrapper"> <div class="column column--content "> <div class="component__container content-container"> <p>For general freight products, consumer goods and regulated commodities and automobiles, Seaspan Ferries provides a daily, scheduled truck and trailer ferry service between our conveniently located terminals on the Mainland at Tilbury in Delta and Surrey, and on Vancouver Island at Duke Point Nanaimo and Victoria (Swartz Bay).</p> <p><a id="suppress-underline" class="btn btn--primary" href="http://www.seaspan.com/seaspan-ferries/">Seaspan Ferries</a></p> </div> </div> </div> </section> <section class="columns columns-three-img bg bg--ltgray bg--accent-right reverse"> <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">Community + Culture + Values</h1> </div> <div class="subheader"> <p>We focus on people, community and our marine environment</p> </div> </div> <div class="column--content"> <div class="component__container content-container"> <p>With roots tracing back to 1886, Seaspan is a long-standing and proud member of British Columbia’s maritime community. Guided by our core values of <strong>Safety</strong>, <strong>Care</strong>, <strong>Efficiency</strong> and <strong>Accountability</strong>, we are committed to supporting humanitarian causes where we live and work and safeguarding our rivers and coastal waters.</p> <p><a class="btn btn--primary" href="http://www.seaspan.com/social-responsibility/">Social Responsibility</a></p> </div> </div> </div> <div class="column column-img-grouped"> <div class="inner-column-wrapper"> <div class="column column--img img--cover"> <img width="333" height="335" src="https://www.seaspan.com/wp-content/uploads/2021/11/CCV_01.png" class="attachment-large size-large" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2021/11/CCV_01.png 333w, https://www.seaspan.com/wp-content/uploads/2021/11/CCV_01-298x300.png 298w, https://www.seaspan.com/wp-content/uploads/2021/11/CCV_01-150x150.png 150w, https://www.seaspan.com/wp-content/uploads/2021/11/CCV_01-100x100.png 100w" sizes="(max-width: 333px) 100vw, 333px" /> </div> <div class="column column--img img--cover"> <img width="332" height="335" src="https://www.seaspan.com/wp-content/uploads/2021/11/CCV_02.png" class="attachment-large size-large" alt="" data-sizes="auto" decoding="async" loading="lazy" srcset="https://www.seaspan.com/wp-content/uploads/2021/11/CCV_02.png 332w, https://www.seaspan.com/wp-content/uploads/2021/11/CCV_02-297x300.png 297w, https://www.seaspan.com/wp-content/uploads/2021/11/CCV_02-150x150.png 150w, https://www.seaspan.com/wp-content/uploads/2021/11/CCV_02-100x100.png 100w" sizes="(max-width: 332px) 100vw, 332px" /> </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="//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-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.3","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=1732776284&ver=1.20.3" id="popup-maker-site-js"></script> <script type="text/javascript" id="popmake-popup-analytics-js-js-extra"> /* <![CDATA[ */ var popmake_pa = {"nonce":"c8c5c2ff0d"}; /* ]]> */ </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":"4be5e4eda1"}; /* ]]> */ </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>

CINXE.COM

Home - Seaspan