npm - scrapemyferry - Versions diffs - 1.0.0 → 1.0.2 - Mend

scrapemyferry 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (152) hide show

package/dist/lib/sources/bcf/tests/fixtures/current-conditions.json ADDED Viewed

@@ -0,0 +1 @@

+ "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n \n<script type=\"text/javascript\">\n function isIE(){ua=navigator.userAgent; var is_ie=ua.indexOf(\"MSIE \") > -1 || ua.indexOf(\"Trident/\") > -1; return is_ie;}if(window.location.origin.toLowerCase().indexOf(\"e.\")===-1){if (!isIE()){var _mtm=_mtm || [];_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://mtm.bcferries.com/js/container_hLWMAkCe.js'; s.parentNode.insertBefore(g,s);}else{window.location.replace(\"https://mtm.bcferries.com/_msg/update-your-browser/\");}}\n</script>\n\n<title>\n\t\tVancouver (Horseshoe Bay) - Sunshine Coast (Langdale) Status | BC Ferries</title>\n\n <meta name=\"viewport\" content=\"width=device-width, viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no\">\n\n\t<meta name=\"description\" content=\"Quickly view the current conditions for the Vancouver (Horseshoe Bay) - Sunshine Coast (Langdale) route to make sure you have the latest status on your sailing.\">\n<meta name=\"robots\" content=\"index,follow\">\n\n\n\n\n\n\n\n <link rel=\"canonical\" href=\"https://www.bcferries.com/current-conditions/HSB-LNG\" />\n <meta name=\"viewport\" content=\"width=device-width\">\n <meta name=\"title\" content=\"Vancouver (Horseshoe Bay) - Sunshine Coast (Langdale) Status | BC Ferries\">\n \n \n \n<link rel=\"shortcut icon\" type=\"image/x-icon\" media=\"all\" href=\"/_ui/responsive/theme-alpha/images/favicon.ico\" />\n\n\t<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/animate.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/bootstrap.min.css\"/>\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/bootstrap-theme.css\"/>\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/custom-components-ui.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/owl.carousel.min.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/owl.theme.default.min.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/fontawesome-all.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/flaticon.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/bootstrap-select.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/dataTables.bootstrap.min.css\" />\n\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/stylesheet.min.css\" />\n\t<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/responsive/theme-bcf/css/font.css\" />\n<link rel=\"icon\" href=\"/_ui/responsive/theme-bcf/images/favicon.ico\" type=\"image/ico\" sizes=\"16x16\">\n\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/addons/bcfassistedservicesstorefront/responsive/common/css/bcfassistedservicesstorefront.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/addons/bcfassistedservicesstorefront/responsive/common/css/storeFinder.css\" />\n<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"/_ui/addons/smarteditaddon/responsive/common/css/smarteditaddon.css\" />\n\n\n\n\n\n\n\n\n\n\n\n\n</head>\n\n<body class=\"page-currentconditionsdetailspage pageType-ContentPage template-pages-addon--bcfstorefrontaddon-pages-layout-transactionPageTemplate2 pageLabel--currentconditions-details smartedit-page-uid-currentconditionsdetailspage smartedit-page-uuid-eyJpdGVtSWQiOiJjdXJyZW50Y29uZGl0aW9uc2RldGFpbHNwYWdlIiwiY2F0YWxvZ0lkIjoidHJhbnNhY3Rpb25hbENvbnRlbnRDYXRhbG9nIiwiY2F0YWxvZ1ZlcnNpb24iOiJPbmxpbmUifQ== smartedit-catalog-version-uuid-transactionalContentCatalog/Online language-en\">\n \n<noscript>\n \n</noscript>\n\n<div id=\"currentPage\" class=\"hidden\">currentconditionsdetailspage</div>\n\t<main class=\"page-margin\"\n\t\t\tdata-currency-iso-code=\"CAD\">\n\t\t\t<section class=\"yCmsContentSlot\">\n<header class=\"header-region\">\n <nav class=\"navbar navbar-default navbar-static-top menu-mega-ui\" id=\"js_navbar_menu\">\n <div class=\"container\">\n <div class=\"navbar-header \">\n <div class=\"col-xs-4 col-md-2 text-left hidden-lg\">\n <a class=\"navbar-toggle\" data-toggle=\"collapse\"\n data-target=\".js-navbar-collapse\"> <span class=\"sr-only\">Toggle\n navigation</span>\n <span class=\"icon-bar\"></span> <span class=\"icon-bar\"></span>\n <span class=\"icon-bar\"></span>\n <span class=\"mobile-menu-link\">Menu</span>\n </a>\n <div class=\"close-menu responsive-adjustment\">\n <i class=\"fa fa-times\" aria-hidden=\"true\"></i>\n </div>\n </div>\n <div class=\"col-xs-4 col-sm-6 col-md-2 col-lg-12 buffer-left-none buffer-right-none text-center\">\n <a class=\"navbar-brand\" href=\"/\"><img title=\"Home\"\n\t\t\t\talt=\"Home\" src=\"https://www.bcferries.com/web_image/images/hfc/h82/8821728313374.png\"></a>\n\t\t</div>\n <div class=\"col-xs-4 col-sm-2 hidden-md hidden-lg\">\n <a class=\"text-center myAcount-data\"\n href=\"/my-account\"> <span\n class=\"sr-only\">Toggle navigation</span> <span\n class=\"bcf bcf-icon-account header-login-icon\"></span>\n <span class=\"mobile-login-user-link\">\n <a href=\"/login\" class=\"mobile-menu-link\" >Login</a></span>\n </a>\n </div>\n <div class=\"hidden-xs hidden-sm col-md-8 hidden-lg\">\n <ul\n class=\"collapse-sailling link-none sec-nav fnt-14 sec-nav-tablet\">\n <li><a href=\"/current-conditions/service-notices\" class=\"mobile-menu-link\" >Service notices <i class=\"fa fa-angle-right\"></i></a></li>\n <li><a href=\"/routes-fares/schedules\" class=\"mobile-menu-link\" >Schedules <i class=\"fa fa-angle-right\"></i></a></li>\n <li><a href=\"/RouteSelectionPage\" class=\"mobile-menu-link\" >Book now <i class=\"fa fa-angle-right\"></i></a></li>\n <li><a href=\"/login\" class=\"mobile-menu-link\" >Login</a></li>\n <li class=\"dropdown top-dropdown-menu\">\n <div>\n <a href=\"#\"\n class=\"dropdown-toggle current-conditions full-width-mobile display-inline mobile-menu-link\"\n type=\"button \" data-toggle=\"dropdown\">Current conditions \n <span class=\"down-a display-none-desktop cc-menu-arrow-adjust-mobile\">\n <span class=\"bcf bcf-icon-down-arrow\"></span>\n </span>\n <span class=\"bcf bcf-icon-down-arrow display-none-mobile\"></span>\n </a>\n <ul class=\"dropdown-menu current-conditions-dropdown\">\n <li>\n <a href=\"/current-conditions\" class=\"mobile-menu-link text-align-left p-15-desktop\">Conditions by route <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/current-conditions/departures\" class=\"mobile-menu-link text-align-left p-15-desktop\">Departures & arrivals <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/current-conditions/busy-terminals\" class=\"mobile-menu-link text-align-left p-15-desktop\">Major terminal status <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/current-conditions/webcams\" class=\"mobile-menu-link text-align-left p-15-desktop\">Terminal webcams <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/current-conditions/vessel-tracking-positions\" class=\"mobile-menu-link border-none text-align-left p-15-desktop\">Ferry tracking <i class=\"fa fa-angle-right\"></i></a></li>\n </ul>\n </div>\n </li>\n </ul>\n </div>\n </div>\n\n <div class=\"collapse navbar-collapse js-navbar-collapse\">\n <ul class=\"collapse-sailling link-none sec-nav fnt-14 hidden-md \">\n <li>\n <a href=\"/current-conditions/service-notices\" class=\"mobile-menu-link\" >Service notices <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/routes-fares/schedules\" class=\"mobile-menu-link\" >Schedules <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/RouteSelectionPage\" class=\"mobile-menu-link\" >Book now <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/login\" class=\"mobile-menu-link\" >Login</a></li>\n <li class=\"dropdown top-dropdown-menu\">\n <div>\n <a href=\"#\"\n class=\"dropdown-toggle current-conditions full-width-mobile display-inline mobile-menu-link\"\n type=\"button \" data-toggle=\"dropdown\">Current conditions \n <span class=\"down-a display-none-desktop cc-menu-arrow-adjust-mobile\">\n <span class=\"bcf bcf-icon-down-arrow\"></span>\n </span>\n <span class=\"bcf bcf-icon-down-arrow display-none-mobile\"></span>\n </a>\n <ul class=\"dropdown-menu current-conditions-dropdown\">\n <li>\n <a href=\"/current-conditions\" class=\"mobile-menu-link text-align-left p-15-desktop\">Conditions by route <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/current-conditions/departures\" class=\"mobile-menu-link text-align-left p-15-desktop\">Departures & arrivals <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/current-conditions/busy-terminals\" class=\"mobile-menu-link text-align-left p-15-desktop\">Major terminal status <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/current-conditions/webcams\" class=\"mobile-menu-link text-align-left p-15-desktop\">Terminal webcams <i class=\"fa fa-angle-right\"></i></a></li>\n <li>\n <a href=\"/current-conditions/vessel-tracking-positions\" class=\"mobile-menu-link border-none text-align-left p-15-desktop\">Ferry tracking <i class=\"fa fa-angle-right\"></i></a></li>\n </ul>\n </div>\n </li>\n </ul>\n <ul class=\"nav navbar-nav navbar-right mob-navigation \">\n <li\n class=\"dropdown mega-dropdown dropdown-masked menu-1\">\n <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\n Routes & fares<span class=\"down-a\"> <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t\t\t</span>\n </a>\n <ul class=\"dropdown-menu mega-dropdown-menu\"\n data-panel='menu-1'>\n <li>\n <ul class=\"container list-unstyled m-auto\">\n <li class=\"col-sm-4 padding-left-0 icon-manage navigator\">\n <h2>Routes & fares</h2>\n <p>New fares are now available on routes between Metro Vancouver and Vancouver Island to provide more value, choice and certainty.</p> <div class=\"navigation-mob-link-n\">\n <a href=\"/newfares\" >Learn more <i class=\"fa fa-angle-right\"></i></a></div>\n </li>\n\n <li class=\"col-sm-3 nav-value padding-0 navigator\">\n <ul>\n <li class=\"navigator deals-menu\"><a href=\"/routes-fares/discover-route-map\" >Routes</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/routes-fares/ferry-fares\" >Fare & fee information</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/newfares\" >New fare choices</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/routes-fares/ferry-fares/experience-card\" >Experience Card</a></li>\n <li class=\"navigator deals-menu\"><a href=\"https://www.bcferries.com/routes-fares/ferry-fares/assured-loading-card\" >Assured Loading Card</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/routes-fares/fare-calculator\" >Fare calculator</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/routes-fares/travel-gift-certificates\" >Gift certificates</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/routes-fares/schedules\" >Schedules</a></li>\n </ul>\n </li>\n <li class=\"col-sm-5 padding-right-0 mob-img-box\">\n <ul>\n <li>\n <div class=\"menu-image-box navigator\">\n <a href=\"\"> <img class='img-fluid js-responsive-image'\n alt=''\n title=''\n data-media='{\"1\":\"https://www.bcferries.com/web_image/ha7/hf4/9025505329182.jpg\"}'/>\n </a>\n <div class=\"navigation-img\">\n <p class=\"text-dark-blue\"><p><b>Travel tips</b></p>\n</p>\n <p class=\"m-0\">\n <b><a href=\"https://www.bcferries.com/travel-boarding/travel-tips\" >Learn more <i class=\"fa fa-angle-right\"></i></a></b>\n </p>\n </div>\n </div>\n </li>\n </ul>\n </li>\n </ul>\n </li>\n </ul>\n\n </li>\n <li\n class=\"dropdown mega-dropdown dropdown-masked menu-2\">\n <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\n Book sailings<span class=\"down-a\"> <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t\t\t</span>\n </a>\n <ul class=\"dropdown-menu mega-dropdown-menu\"\n data-panel='menu-2'>\n <li>\n <ul class=\"container list-unstyled m-auto\">\n <li class=\"col-sm-4 padding-left-0 icon-manage navigator\">\n <h2>Book sailings</h2>\n <p>Information to help plan and make personal, group, commercial, and travel agent bookings.</p> <div class=\"navigation-mob-link-n\">\n <a href=\"/book-sailings\" >Find out more <i class=\"fa fa-angle-right\"></i></a></div>\n </li>\n\n <li class=\"col-sm-3 nav-value padding-0 navigator\">\n <ul>\n <li class=\"navigator deals-menu\"><a href=\"/RouteSelectionPage\" >Book now</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/book-sailings/personal-travel\" >Personal</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/book-sailings/business-account-commercial-travel-services\" >Commercial </a></li>\n <li class=\"navigator deals-menu\"><a href=\"/book-sailings/group-bookings\" >Group </a></li>\n <li class=\"navigator deals-menu\"><a href=\"/book-sailings/travel-agents-and-tour-operators\" >Travel agents & tours</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/routes-fares/schedules\" >Schedules</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/allocating-space-on-board\" >Bookable deck space</a></li>\n </ul>\n </li>\n <li class=\"col-sm-5 padding-right-0 mob-img-box\">\n <ul>\n <li>\n <div class=\"menu-image-box navigator\">\n <a href=\"\"> <img class='img-fluid js-responsive-image'\n alt='BC Ferries App'\n title='BC Ferries App'\n data-media='{\"1\":\"https://www.bcferries.com/web_image/hdf/h28/8932230397982.jpg\"}'/>\n </a>\n <div class=\"navigation-img\">\n <p class=\"text-dark-blue\"><b>Download the BC Ferries app</b></p>\n <p class=\"m-0\">\n <b><a href=\"https://www.bcferries.com/app\" >Learn more <i class=\"fa fa-angle-right\"></i></a></b>\n </p>\n </div>\n </div>\n </li>\n </ul>\n </li>\n </ul>\n </li>\n </ul>\n\n </li>\n <li\n class=\"dropdown mega-dropdown dropdown-masked menu-3\">\n <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\n Travel & boarding<span class=\"down-a\"> <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t\t\t</span>\n </a>\n <ul class=\"dropdown-menu mega-dropdown-menu\"\n data-panel='menu-3'>\n <li>\n <ul class=\"container list-unstyled m-auto\">\n <li class=\"col-sm-4 padding-left-0 icon-manage navigator\">\n <h2>Travel & boarding</h2>\n <p>Directions, transit options, and important check-in and boarding information for foot passengers and drivers.</p> <div class=\"navigation-mob-link-n\">\n <a href=\"/travel-boarding\" >Find out more <i class=\"fa fa-angle-right\"></i></a></div>\n </li>\n\n <li class=\"col-sm-3 nav-value padding-0 navigator\">\n <ul>\n <li class=\"navigator deals-menu\"><a href=\"/travel-boarding/travel-tips\" >Travel tips</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/travel-boarding/terminal-directions-parking-food\" >Terminals</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/travel-boarding/coach-bus-shuttle\" >Public transportation, bus & coach</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/travel-boarding/foot-passenger-check-in\" >Foot passengers</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/travel-boarding/cyclists\" >Bicycles</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/travel-boarding/travel-vehicle-car-truck\" >Drivers</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/travel-boarding/travel-with-pets\" >Travelling with pets</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/travel-boarding/baggage-luggage\" >Boarding with luggage</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/travel-boarding/livestock-transport\" >Livestock</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/travel-boarding/dangerous-goods\" >Dangerous goods</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/accessibility\" >Accessibility</a></li>\n </ul>\n </li>\n <li class=\"col-sm-5 padding-right-0 mob-img-box\">\n <ul>\n <li>\n <div class=\"menu-image-box navigator\">\n <a href=\"\"> <img class='img-fluid js-responsive-image'\n alt='BC Ferries App'\n title='BC Ferries App'\n data-media='{\"1\":\"https://www.bcferries.com/web_image/hdf/h28/8932230397982.jpg\"}'/>\n </a>\n <div class=\"navigation-img\">\n <p class=\"text-dark-blue\"><font color=\"#003366\"><b>Download the BC Ferries app</b></font></p>\n <p class=\"m-0\">\n <b><a href=\"https://www.bcferries.com/app\" >Learn more <i class=\"fa fa-angle-right\"></i></a></b>\n </p>\n </div>\n </div>\n </li>\n </ul>\n </li>\n </ul>\n </li>\n </ul>\n\n </li>\n <li\n class=\"dropdown mega-dropdown dropdown-masked menu-4\">\n <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\n On the ferry<span class=\"down-a\"> <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t\t\t</span>\n </a>\n <ul class=\"dropdown-menu mega-dropdown-menu\"\n data-panel='menu-4'>\n <li>\n <ul class=\"container list-unstyled m-auto\">\n <li class=\"col-sm-4 padding-left-0 icon-manage navigator\">\n <h2>On the ferry</h2>\n <p>Welcome aboard. Explore our fleet for information on safety, accessibility, dining, shopping, and more on our ferries.</p> <div class=\"navigation-mob-link-n\">\n <a href=\"/on-the-ferry\" >Find out more <i class=\"fa fa-angle-right\"></i></a></div>\n </li>\n\n <li class=\"col-sm-3 nav-value padding-0 navigator\">\n <ul>\n <li class=\"navigator deals-menu\"><a href=\"/on-the-ferry/our-fleet\" >Fleet</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/on-the-ferry/eat-shop-relax\" >Eat, shop & relax</a></li>\n </ul>\n </li>\n <li class=\"col-sm-5 padding-right-0 mob-img-box\">\n <ul>\n <li>\n <div class=\"menu-image-box navigator\">\n <a href=\"\"> <img class='img-fluid js-responsive-image'\n alt=''\n title=''\n data-media='{\"1\":\"https://www.bcferries.com/web_image/ha7/hf4/9025505329182.jpg\"}'/>\n </a>\n <div class=\"navigation-img\">\n <p class=\"text-dark-blue\"><p><strong>Travel tips</strong></p>\n</p>\n <p class=\"m-0\">\n <b><a href=\"https://www.bcferries.com/travel-boarding/travel-tips\" >Learn more <i class=\"fa fa-angle-right\"></i></a></b>\n </p>\n </div>\n </div>\n </li>\n </ul>\n </li>\n </ul>\n </li>\n </ul>\n\n </li>\n <li\n class=\"dropdown mega-dropdown dropdown-masked menu-5\">\n <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\n Deals & offers<span class=\"down-a\"> <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t\t\t</span>\n </a>\n <ul class=\"dropdown-menu mega-dropdown-menu\"\n data-panel='menu-5'>\n <li>\n <ul class=\"container list-unstyled m-auto\">\n <li class=\"col-sm-4 padding-left-0 icon-manage navigator\">\n <h2>Deals & offers</h2>\n <p>Take advantage of our latest onboard, sailing and vacation package promotions. We've got the perfect deal for you.</p> <div class=\"navigation-mob-link-n\">\n <a href=\"/deals-special-offers\" >Find out more <i class=\"fa fa-angle-right\"></i></a></div>\n </li>\n\n <li class=\"col-sm-3 nav-value padding-0 navigator\">\n <ul>\n <li class=\"navigator deals-menu\"><a href=\"/deals-special-offers/sailing-specials\" >Sailing specials</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/deals-special-offers/onboard-offers\" >Onboard offers</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/vacations/promotions\" >Vacation deals</a></li>\n <li class=\"navigator deals-menu\"><a href=\"https://www.bcferries.com/routes-fares/travel-gift-certificates\" >Gift certificates</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/deals-special-offers/onboard-enewsletter\" >Sign up for offers</a></li>\n </ul>\n </li>\n <li class=\"col-sm-5 padding-right-0 mob-img-box\">\n <ul>\n <li>\n <div class=\"menu-image-box navigator\">\n <a href=\"\"> <img class='img-fluid js-responsive-image'\n alt='People hugging on BC Ferries outer deck'\n title='People hugging on BC Ferries outer deck'\n data-media='{\"1\":\"https://www.bcferries.com/web_image/hc6/ha2/8873300361246.jpg\"}'/>\n </a>\n <div class=\"navigation-img\">\n <p class=\"text-dark-blue\"><p><b>Romantic Retreats with a 3rd night FREE</b></p>\n\n<p>Whisk your special someone away on a romantic getaway to Vancouver Island, Galiano Island or the Sunshine Coast. Book by Mar 14.</p>\n</p>\n <p class=\"m-0\">\n <b><a href=\"https://www.bcferries.com/vacations/romantic-retreats\" >View packages <i class=\"fa fa-angle-right\"></i></a></b>\n </p>\n </div>\n </div>\n </li>\n </ul>\n </li>\n </ul>\n </li>\n </ul>\n\n </li>\n <li\n class=\"dropdown mega-dropdown dropdown-masked menu-6\">\n <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\n Vacations<span class=\"down-a\"> <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\"></i>\n\t\t\t\t\t\t\t\t</span>\n </a>\n <ul class=\"dropdown-menu mega-dropdown-menu\"\n data-panel='menu-6'>\n <li>\n <ul class=\"container list-unstyled m-auto\">\n <li class=\"col-sm-4 padding-left-0 icon-manage navigator\">\n <h2>Vacations</h2>\n <p>From a coastal weekend getaway to a once-in-a-lifetime trip, we’ve got a vacation package for every budget.</p> <div class=\"navigation-mob-link-n\">\n <a href=\"/vacations\" >Go to Vacations <i class=\"fa fa-angle-right\"></i></a></div>\n </li>\n\n <li class=\"col-sm-3 nav-value padding-0 navigator\">\n <ul>\n <li class=\"navigator deals-menu\"><a href=\"/vacations-book-package\" >Book a package</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/vacations/activities\" >Book activities</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/vacations/promotions\" >See deals & offers</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/vacations/northern-bc\" >Explore Northern BC</a></li>\n <li class=\"navigator deals-menu\"><a href=\"https://www.bcferries.com/vacations/indigenous-bc-packages\" >Indigenous-owned packages </a></li>\n <li class=\"navigator deals-menu\"><a href=\"/vacations/multi-city\" >Multi city packages</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/vacations/themed-packages\" >Themed packages</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/vacations/destinations\" >Explore destinations</a></li>\n <li class=\"navigator deals-menu\"><a href=\"/vacations/about/\" >About BC Ferries Vacations</a></li>\n </ul>\n </li>\n <li class=\"col-sm-5 padding-right-0 mob-img-box\">\n <ul>\n <li>\n <div class=\"menu-image-box navigator\">\n <a href=\"\"> <img class='img-fluid js-responsive-image'\n alt='Kids running on the beach'\n title='Kids running on the beach'\n data-media='{\"1\":\"https://www.bcferries.com/web_image/h24/h22/8975325298718.jpg\"}'/>\n </a>\n <div class=\"navigation-img\">\n <p class=\"text-dark-blue\"><p><b>Family Getaways with a 3rd night FREE</b></p>\n\n<p>Make new memories on a Family Getaway with a complimentary 3rd night. Book by Mar 14.</p>\n</p>\n <p class=\"m-0\">\n <b><a href=\"https://www.bcferries.com/vacations/family-day-getaways\" >View packages <i class=\"fa fa-angle-right\"></i></a></b>\n </p>\n </div>\n </div>\n </li>\n </ul>\n </li>\n </ul>\n </li>\n </ul>\n\n </li>\n </ul>\n </div>\n </div>\n \n </nav>\n</header>\n</section><section class=\"yCmsContentSlot\">\n</section><section class=\"yCmsContentSlot\">\n<div class=\"container\">\n\t<div class=\"row\">\n\t\t<div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n\t\t\t<div class=\"breadcrumb-section\">\n\t\t\t\t\t<ol class=\"breadcrumb\">\n <li><a href=\"/\">Home</a></li>\n <li><a href=\"/current-conditions\">Current conditions</a></li>\n </ol>\n</div>\n\t\t\t</div>\n\t</div>\n</div>\n</section><section class=\"yCmsContentSlot\">\n</section><div class=\"container\">\n\t<div class=\"modal fade\" id=\"y_confirmFreshBookingModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"y_confirmFreshBookingModal\">\n\t<div class=\"modal-dialog\" role=\"document\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header\">\n\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n\t\t\t\t<h4 class=\"modal-title\" id=\"confirmFreshBookingLabel\">\n\t\t\t\t\tConfirm New Booking</h4>\n\t\t\t</div>\n\t\t\t<div class=\"modal-body\">\n\t\t\t\t\n\t\t\t\t<h3>\n\t\t\t\t\tAnother booking already started</h3>\n\t\t\t\t<p>\n\t\t\t\t\tYou have another booking already started. Confirm you want to clear it and continue with your new booking.</p>\n\t\t\t\t\n\t\t\t</div>\n\t\t\t<div class=\"modal-footer\">\n\t\t\t\t<div class=\"row\">\n\t\t\t\t\t<div class=\"col-xs-12 col-sm-6 mb-3\">\n\t\t\t\t\t\t<button class=\"btn btn-primary btn-block y_freshBooking\" >\n\t\t\t\t\t\t\tConfirm</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-12 col-sm-6\">\n\t\t\t\t\t\t<button class=\"btn btn-secondary btn-block\" data-dismiss=\"modal\">\n\t\t\t\t\t\t\tNo thanks</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n</div>\n\n<input type=\"hidden\" name=\"cartTimerContinueUrl\" id=\"cartTimerContinueUrl\">\n\n <form action=\"#\" method=\"GET\" id=\"cartTimerContinueUrlForm\">\n </form>\n\n <div class=\"modal \" id=\"y_showCartAboutToExpireModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"y_showCartAboutToExpireModal\">\n\t<div class=\"modal-dialog\" role=\"document\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header\">\n\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n\t\t\t\t<h4 class=\"modal-title\" id=\"cartAboutToExpireModal\">\n\t\t\t\t\tImportant</h4>\n\t\t\t</div>\n\t\t\t<div class=\"modal-body\">\n <span id=\"cartTimerAboutToExpireMessage\"></span><br/>\n\n <div class=\"row\">\n <div class=\"col-lg-6 col-md-6 col-xs-12\">\n <button type=\"button\" class=\"btn btn-transparent btn-block btn-cart-timer-continue\" data-dismiss=\"modal\">\n Continue</button>\n </div>\n </div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n\n\n<div class=\"modal \" id=\"y_showCartTimerExpired\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"y_showCartTimerExpired\">\n\t<div class=\"modal-dialog\" role=\"document\">\n\t\t<div class=\"modal-content\">\n\t\t\t<div class=\"modal-header\">\n\n\t\t\t\t<h4 class=\"modal-title\" id=\"cartTimerExpired\">\n\n\t\t\t\t\t\tImportant</h4>\n\t\t\t</div>\n\n\t\t\t<div class=\"modal-body\">\n Your session has expired. If you still want to book travel, select "Search again" below.<br/>\n <div class=\"row\">\n <div class=\"col-lg-6 col-md-6 col-xs-12\">\n\n <button class=\"btn btn-primary btn-block cartTimerContinueButton\" type=\"button\" id=\"cartTimerContinueButton\">\n\n Search again</button>\n </div>\n </div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n\n\n\n\n<section class=\"margin-top--I\">\n\t\t <div class=\"container\">\n\t\t <div class=\"row\">\n\t\t <div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n\t\t <div id=\"globalMessages\">\n\t\t\t\t\t\t\t</div>\n\t\t </div>\n\t\t </div>\n\t\t </div>\n\t\t\t\t</section>\n\t\t\t\t<section class=\"yCmsContentSlot\">\n<div class=\"container\">\n <p class=\"text-grey-666 margin-top-10\">\n Route\n<style type=\"text/css\">.schedule-left-padding-service-notice a {white-space: nowrap; \n max-width: 400px; \n overflow: hidden;\n text-overflow: ellipsis; }\n</style>\n</p>\n <h3 class=\"text-dark-blue ccdetails-main-title\"><b>Vancouver (Horseshoe Bay) to Sunshine Coast (Langdale)</b></h3>\n <p class=\"cc-switch-icon margin-top-15\">\n <a href=\"/current-conditions/LNG-HSB\">\n <span class=\"bcf bcf-icon-stacked-arrows-horizontal\"></span>\n Switch direction</a>\n </p>\n <p class=\"margin-top-30 margin-bottom-20\">\n <style type=\"text/css\">.read-more-state\n{ display: none; }\n.read-more-target\n{ opacity: 0; max-height: 0; font-size: 0; }\n.read-more-state:checked ~ .read-more-wrap .read-more-target\n{ opacity: 1; font-size: 16px; max-height: 999em; }\n.read-more-state ~ .read-more-trigger:before\n{ content: 'Read more ▾'; font-weight: 400; }\n.read-more-state:checked ~ .read-more-trigger:before\n{ content: 'Read less ▴'; }\n.read-more-trigger\n{ cursor: pointer; display: inline-block; color: #0079a5; font-size: 16px; }\n</style>\n<div style=\"border: 1px solid #CFD9DE; border-radius: 10px; padding: 20px 20px 15px 20px; margin-bottom: 30px;\">\n<div class=\"bcf\" style=\"float:left; font-size:48px; color:#003366; padding-right:15px;\"></div>\n\n<div><span class=\"dark-blue-color\" style=\"font-size:20px;\">A new current conditions experience</span><span class=\"dark-blue-color\" style=\"font-size:20px;\">  </span> <a href=\"/current-conditions-beta/HSB-LNG\" style=\"white-space:nowrap;\"><span style=\"font-weight:700; font-size: 18px;\">View new current conditions</span><span class=\"bcf\" style=\"font-size:16px;\"> </span></a></div>\n\n<div><input class=\"read-more-state\" id=\"heat-map\" type=\"checkbox\" />\n<div class=\"read-more-wrap\">\n<div class=\"read-more-target\"><br />\n<br />\nWe’re testing a new current conditions experience on select routes. This experience is currently available on bcferries.com and will be included on the mobile app at a later date.\n<ul>\n\t<li>We heard your feedback and we want to help you make more informed travel decisions</li>\n\t<li>We're trialing the new design on a few slect routes to improve usability, design and content</li>\n</ul>\n</div>\n\n<div class=\"read-more-target\"> </div>\n</div>\n<label class=\"read-more-trigger\" for=\"heat-map\"> </label></div>\n</div>\n</p>\n <div id=\"ccDetails\">\n <div class=\"current-condition-sailing-detail margin-bottom-20\"\n\t\t style=\"border:20px; border-style:solid; border-color:#f2f2f2;\">\n\t\t<div class=\"bg-white p-5\">\n\t\t\t<h6 class=\"now-ticketing-heading\">\n\t\t\t\t<b class=\"font-size-20 dark-blue-color\">\n\t\t\t\t\tNext sailing with vehicle space<a class=\"info-icon-mobile\" href=\"#nowTicketing\" data-toggle=\"modal\"\n\t\t\t\t\t\tdata-target=\"#nowTicketingModal\">\n\t\t\t\t\t\t<span class=\"bcf bcf-icon-info-solid\"></span>\n\t\t\t\t\t</a>\n\t\t\t\t</b>\n\t\t\t</h6>\n\n\t\t\t<div class=\"font-size-14 ticketing-info-desktop\">\n\t\t\t\tThe terminal ticket booth is now ticketing the next sailing with available deck space. Estimated space doesn't include vehicles outside the terminal waiting to buy a ticket. Tickets for next day sailings are not available for purchase at the terminal until the day of departure.</div>\n\t\t\t<div class=\"now-ticketing-delayed-sailing-msg margin-top-20\">\n\t\t\t\t\t<p></p>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tIf you are booked on a delayed sailing, check in for your scheduled departure time in your confirmation email.<br />\n<br />\nIn an effort to get back on schedule, loading will commence as soon as the vessel is ready. Customers arriving after the original scheduled sailing check in time, or once loading has begun, may be delayed to the next available sailing. Customers without a booking are loaded in order of arrival at the terminal, after customers with bookings.</p>\n\t\t\t\t</div>\n\t\t\t<div class=\"now-ticketing-info\">\n\t\t\t\t<div class=\"now-ticketing-departure-info\">\n\t\t\t\t\t<div class=\"dark-blue-color\"> Departure<br></div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div class=\"wapper-center baseline\">\n <p class=\"font-size-26 text-dark-blue\"><span class=\"text-lowercase\">4:20 pm</span>\n </p>\n <p>\n </p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<span class=\"fnt-14\">Sailing duration: 0h 40m</span>\n\n\t\t\t\t\t\t\t\t<span class=\"text-capitalize fnt-14 now-ticketing-location\">\n\t\t\t\t\t\t\t\t\t<a class=\"vehicle-info-link fnt-14\" href=\"/ship-info/COQ\"\n\t\t\t\t\t\t\t\t\t data-toggle=\"modal\" data-target=\"#detailsModal\">\n\t\t\t\t\t\t\t\t\t\t\tQueen of Coquitlam</a>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"now-ticketing-estimated-space-info\">\n <div id=\"popoverContainerEstimateSpace\">\n <label class=\"text-dark-blue fnt-16\">Estimated vehicle space available</label>\n </div>\n <span class=\"total-pcnt text-dark-blue\"> 17%</span>\n <a class=\"vehicle-info-link margin-bottom-10 btn-styled\" href=\"/sailing-availability?departureTime=2025-01-26 16:20:00&routeCode=HSB-LNG\"\n data-toggle=\"modal\" data-target=\"#routeInfoDetails\">\n <span class=\"bcf bcf-icon-mixed-vehicle\"></span>\n <span>Details</span>\n <span class=\"bcf bcf-icon-right-arrow\"></span>\n </a>\n </div>\n\t\t\t\t</div>\n\n\t\t\t<div class=\"text-center mt-2\">\n <p class=\"mb-0\"><i class=\"last-update-text\" style=\"color:#000;\">Last updated: <span>4:34 PM</span>\n <a href=\"#\" onclick=\"window.location.reload(true);\">\n Refresh details</a>\n </i>\n </p>\n </div>\n\n\t\t</div>\n\t\t<div class=\"currentRoute\" >\n\t\t\t\t</div>\n\t</div>\n\n\n\n\n\n\n\n\n<div id=\"estimatedSpaceAvailableModal\" class=\"modal route-details\" tabindex=\"-1\" role=\"dialog\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <a class=\"modal-close\" data-dismiss=\"modal\">\n <span class=\"bcf bcf-icon-close\"></span>\n </a>\n </div>\n <div class=\"modal-body\">\n <p></p> <p>Deck space availability shows an estimate of how much vehicle space is available for a sailing.</p><p>This estimate doesn't include vehicles outside the terminal waiting to buy a ticket.</p>\n\n </div>\n </div>\n </div>\n</div>\n\n\n\n\n\n\n\n\n<div id=\"nowTicketingModal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n </div>\n <div class=\"modal-body\">\n <p></p> <p>The terminal ticket booth is <b>now ticketing</b> the next sailing with available deck space.</p><p><b>Important:</b> Tickets for next day sailings are not available for purchase at the terminal until the day of departure.</p>\n\n </div>\n </div>\n </div>\n</div>\n<div class=\"cc-service-notice\">\n <span class=\"font-size-20 font-weight-bold d-block\">Service notices</span>\n <ul class=\"cc-service-notice-list\">\n <li>\n <div class=\"cc-service-notice-item\">\n <span class=\"bcf bcf-icon-notice bcf-2x\"></span><a href=\"/current-conditions/service-notices?serviceNoticeCode=8802745429768\"\n target=\"_blank\"> Langdale Life Extension - February 10 - May 31, 2025</a>  \n </div>\n </li>\n <li>\n <div class=\"cc-service-notice-item\">\n <span class=\"bcf bcf-icon-notice bcf-2x\"></span><a href=\"/current-conditions/service-notices?serviceNoticeCode=8802647420680\"\n target=\"_blank\"> Horseshoe Bay Transfer Deck Life Extension Project - November 2024 to May 2025</a>  \n </div>\n </li>\n </ul>\n </div>\n\n <div id=\"tabs\" class=\"custom-ui-detail margin-top-25\">\n <ul>\n <input type=\"hidden\" id=\"selectedTab\" value=\"\">\n <li onclick=\"toggleFerryTracking('off')\">\n <a class=\"ccTabJs\" name=\"tabs-1\" href=\"#tabs-1\">Departures</a>\n </li>\n <li onclick=\"toggleFerryTracking('on')\">\n <a class=\"ccTabJs\" name=\"tabs-2\" href=\"#tabs-2\">Ferry tracking</a>\n </li>\n </ul>\n\n <div id=\"tabs-1\">\n <div class=\"table-responsive\">\n <table class=\"col-md-12 col-sm-12 col-xs-12 text-center detail-departure-table\">\n <div class=\"cc-table-tr-container\">\n <tr>\n <div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center\">\n <p class=\"margin-bottom-17\">\n <i class=\"cc-last-update-text\">\n Last updated: <span>\n 4:34<span> pm</span>\n <a href=\"#\" onclick=\"window.location.reload(true);\">\n Refresh details</a>\n </i>\n </p>\n </div>\n <th width=\"50%\" class=\"cc-header-th\">\n Departures</th>\n <th width=\"50%\" class=\"cc-header-th\">\n <span>\n Estimated vehicle space available</span>\n <a href=\"javascript:;\" data-container=\"body\" class=\"popoverThis ml-1\" data-toggle=\"popover\" data-placement=\"bottom\" data-html=\"true\"\n data-content=\"<p></p> <p>Deck space availability shows an estimate of how much vehicle space is available for a sailing.</p><p>This estimate doesn't include vehicles outside the terminal waiting to buy a ticket.</p>\n\">\n <span class=\"bcf bcf-icon-info-solid\"></span>\n </a>\n </th>\n </tr>\n </div>\n\n <tr class=\"mobile-friendly-row\" id=\"mobile-friendly-first-row\">\n <td width=\"50%\" class=\"extra-padding\">\n <p class=\"cc-text-grey margin-bottom-0\">\n <span>\n 7:30 am</span>\n <span class=\"font-italic\">\n  Departed \n 7:30 am</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name cc-text-grey\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n <br>\tQueen of Coquitlam</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\"cc-text-grey mobile-paragraph\">\n <span class=\"text-lowercase\">\n 7:30 am</span>\n <span class=\"font-italic\">\n  Departed \n 7:30 am</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name cc-text-grey\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n <div class=\"cc-percentage\">\n <div class=\"percentage-full cc-text-grey\">\n <div class=\"cc-message-updates cc-text-grey\">\n <span>Arrived: 8:09 am</span>\n </div>\n <div>\n </div>\n </div>\n </div>\n </td>\n </tr>\n <tr class=\"mobile-friendly-row\">\n <td width=\"50%\" class=\"extra-padding\">\n <p class=\"cc-text-grey margin-bottom-0\">\n <span>\n 9:45 am</span>\n <span class=\"font-italic\">\n  Departed \n 9:44 am</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name cc-text-grey\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n <br>\tQueen of Coquitlam</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\"cc-text-grey mobile-paragraph\">\n <span class=\"text-lowercase\">\n 9:45 am</span>\n <span class=\"font-italic\">\n  Departed \n 9:44 am</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name cc-text-grey\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n <div class=\"cc-percentage\">\n <div class=\"percentage-full cc-text-grey\">\n <div class=\"cc-message-updates cc-text-grey\">\n <span>Arrived: 10:22 am</span>\n </div>\n <div>\n </div>\n </div>\n </div>\n </td>\n </tr>\n <tr class=\"mobile-friendly-row\">\n <td width=\"50%\" class=\"extra-padding\">\n <p class=\"cc-text-grey margin-bottom-0\">\n <span>\n 11:55 am</span>\n <span class=\"font-italic\">\n  Departed \n 12:01 pm</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name cc-text-grey\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n <br>\tQueen of Coquitlam</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\"cc-text-grey mobile-paragraph\">\n <span class=\"text-lowercase\">\n 11:55 am</span>\n <span class=\"font-italic\">\n  Departed \n 12:01 pm</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name cc-text-grey\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n <div class=\"cc-percentage\">\n <div class=\"percentage-full cc-text-grey\">\n <div class=\"cc-message-updates cc-text-grey\">\n <span>Arrived: 12:39 pm</span>\n </div>\n <div>\n </div>\n </div>\n </div>\n </td>\n </tr>\n <tr class=\"mobile-friendly-row\">\n <td width=\"50%\" class=\"extra-padding\">\n <p class=\"cc-text-grey margin-bottom-0\">\n <span>\n 2:10 pm</span>\n <span class=\"font-italic\">\n  Departed \n 2:23 pm</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name cc-text-grey\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n <br>\tQueen of Coquitlam</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\"cc-text-grey mobile-paragraph\">\n <span class=\"text-lowercase\">\n 2:10 pm</span>\n <span class=\"font-italic\">\n  Departed \n 2:23 pm</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name cc-text-grey\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n <div class=\"cc-percentage\">\n <div class=\"percentage-full cc-text-grey\">\n <div class=\"cc-message-updates cc-text-grey\">\n <span>Arrived: 3:01 pm</span>\n </div>\n <div>\n <p class=\"cc-text-grey fnt-14 margin-bottom-0 italic-style\">We are loading and unloading multiple ships</p>\n </div>\n </div>\n </div>\n </td>\n </tr>\n <tr class=\"mobile-friendly-row\">\n <td width=\"50%\">\n <p class=\" margin-bottom-0\">\n <span>\n 4:20 pm</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name blue-color\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n <br>\tQueen of Coquitlam</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\" mobile-paragraph\">\n <span class=\"text-lowercase\">\n 4:20 pm</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name \"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n <div class=\"cc-percentage\">\n <div class=\"percentage-full \">\n <div class=\"cc-message-updates\">\n <p class=\"mb-0 font-size-14\">Estimated vehicle space available</p>\n <span class=\"cc-vessel-percent-full\">\n 17%\n  \n </span>\n <a class=\"vehicle-info-link btn-styled-2\" href=\"/sailing-availability?departureTime=2025-01-26 16:20:00&routeCode=HSB-LNG\"\n data-toggle=\"modal\" data-target=\"#routeInfoDetails\">\n <span>Details</span>\n <span class=\"bcf bcf-icon-right-arrow\"></span>\n </a>\n <p class=\"text-red fnt-14 margin-bottom-0 italic-style\">We are loading and unloading multiple ships</p>\n </div>\n </div>\n </div>\n </td>\n </tr>\n <tr class=\"mobile-friendly-row\">\n <td width=\"50%\">\n <p class=\" margin-bottom-0\">\n <span>\n 5:30 pm</span>\n <a href=\"/ship-info/COW\" class=\"sailing-ferry-name blue-color\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n <br>\tQueen of Cowichan</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\" mobile-paragraph\">\n <span class=\"text-lowercase\">\n 5:30 pm</span>\n <a href=\"/ship-info/COW\" class=\"sailing-ferry-name \"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Cowichan</a>\n </p>\n <div class=\"cc-percentage\">\n <div class=\"percentage-full \">\n <div class=\"cc-message-updates\">\n <p class=\"mb-0 font-size-14\">Estimated vehicle space available</p>\n <span class=\"cc-vessel-percent-full\">\n 92%\n  \n </span>\n <a class=\"vehicle-info-link btn-styled-2\" href=\"/sailing-availability?departureTime=2025-01-26 17:30:00&routeCode=HSB-LNG\"\n data-toggle=\"modal\" data-target=\"#routeInfoDetails\">\n <span>Details</span>\n <span class=\"bcf bcf-icon-right-arrow\"></span>\n </a>\n </div>\n </div>\n </div>\n </td>\n </tr>\n <tr class=\"mobile-friendly-row\">\n <td width=\"50%\">\n <p class=\" margin-bottom-0\">\n <span>\n 7:50 pm</span>\n <a href=\"/ship-info/COW\" class=\"sailing-ferry-name blue-color\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n <br>\tQueen of Cowichan</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\" mobile-paragraph\">\n <span class=\"text-lowercase\">\n 7:50 pm</span>\n <a href=\"/ship-info/COW\" class=\"sailing-ferry-name \"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Cowichan</a>\n </p>\n <div class=\"cc-percentage\">\n <div class=\"percentage-full \">\n <div class=\"cc-message-updates\">\n <p class=\"mb-0 font-size-14\">Estimated vehicle space available</p>\n <span class=\"cc-vessel-percent-full\">\n 88%\n  \n </span>\n <a class=\"vehicle-info-link btn-styled-2\" href=\"/sailing-availability?departureTime=2025-01-26 19:50:00&routeCode=HSB-LNG\"\n data-toggle=\"modal\" data-target=\"#routeInfoDetails\">\n <span>Details</span>\n <span class=\"bcf bcf-icon-right-arrow\"></span>\n </a>\n </div>\n </div>\n </div>\n </td>\n </tr>\n <tr class=\"mobile-friendly-row\">\n <td width=\"50%\">\n <p class=\" margin-bottom-0\">\n <span>\n 10:55 pm</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name blue-color\"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n <br>\tQueen of Coquitlam</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\" mobile-paragraph\">\n <span class=\"text-lowercase\">\n 10:55 pm</span>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name \"\n data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n <div class=\"cc-percentage\">\n <div class=\"percentage-full \">\n <div class=\"cc-message-updates\">\n <p class=\"mb-0 font-size-14\">Estimated vehicle space available</p>\n <span class=\"cc-vessel-percent-full\">\n 93%\n  \n </span>\n <a class=\"vehicle-info-link btn-styled-2\" href=\"/sailing-availability?departureTime=2025-01-26 22:55:00&routeCode=HSB-LNG\"\n data-toggle=\"modal\" data-target=\"#routeInfoDetails\">\n <span>Details</span>\n <span class=\"bcf bcf-icon-right-arrow\"></span>\n </a>\n </div>\n </div>\n </div>\n </td>\n </tr>\n <tr class=\"mobile-friendly-row\">\n <td width=\"50%\">\n <p class=\" margin-bottom-0\">\n <span class=\"text-lowercase\">7:30 am </span>\n (Tomorrow)<br>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name\" data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\" mobile-paragraph next-day-sailing\">\n <span class=\"text-lowercase\">7:30 am </span>\n (Tomorrow)<br/>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name\" data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n <div class=\"cc-message-updates\">\n <span>\n <p class=\"mb-0 font-size-14\">Estimated vehicle space available</p>\n <span class=\"cc-vessel-percent-full\">\n 63%\n   \n </span>\n <a class=\"vehicle-info-link btn-styled-2\" href=\"/next-sailing-availability?departureTime=2025-01-27 07:30:00&routeCode=HSB-LNG\"\n data-toggle=\"modal\" data-target=\"#routeInfoDetails\">\n <span>Details</span>\n <span class=\"bcf bcf-icon-right-arrow\"></span>\n </a>\n </span>\n </div>\n </td>\n </tr>\n <tr class=\"mobile-friendly-row\">\n <td width=\"50%\">\n <p class=\" margin-bottom-0\">\n <span class=\"text-lowercase\">9:45 am </span>\n (Tomorrow)<br>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name\" data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\" mobile-paragraph next-day-sailing\">\n <span class=\"text-lowercase\">9:45 am </span>\n (Tomorrow)<br/>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name\" data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n <div class=\"cc-message-updates\">\n <span>\n <p class=\"mb-0 font-size-14\">Estimated vehicle space available</p>\n <span class=\"cc-vessel-percent-full\">\n 77%\n   \n </span>\n <a class=\"vehicle-info-link btn-styled-2\" href=\"/next-sailing-availability?departureTime=2025-01-27 09:45:00&routeCode=HSB-LNG\"\n data-toggle=\"modal\" data-target=\"#routeInfoDetails\">\n <span>Details</span>\n <span class=\"bcf bcf-icon-right-arrow\"></span>\n </a>\n </span>\n </div>\n </td>\n </tr>\n <tr class=\"mobile-friendly-row\">\n <td width=\"50%\">\n <p class=\" margin-bottom-0\">\n <span class=\"text-lowercase\">11:55 am </span>\n (Tomorrow)<br>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name\" data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n </td>\n <td class=\"cc-status-td\" width=\"50%\">\n <p class=\" mobile-paragraph next-day-sailing\">\n <span class=\"text-lowercase\">11:55 am </span>\n (Tomorrow)<br/>\n <a href=\"/ship-info/COQ\" class=\"sailing-ferry-name\" data-toggle=\"modal\" data-target=\"#detailsModal\">\n Queen of Coquitlam</a>\n </p>\n <div class=\"cc-message-updates\">\n <span>\n <p class=\"mb-0 font-size-14\">Estimated vehicle space available</p>\n <span class=\"cc-vessel-percent-full\">\n 75%\n   \n </span>\n <a class=\"vehicle-info-link btn-styled-2\" href=\"/next-sailing-availability?departureTime=2025-01-27 11:55:00&routeCode=HSB-LNG\"\n data-toggle=\"modal\" data-target=\"#routeInfoDetails\">\n <span>Details</span>\n <span class=\"bcf bcf-icon-right-arrow\"></span>\n </a>\n </span>\n </div>\n </td>\n </tr>\n </table>\n</div>\n</div>\n <div id=\"tabs-2\" class=\"cc-ferry-tracking-tab\" style=\"display: none\">\n <div class=\"showMore box ferry-box-map\" id=\"ferryMap-HSB-LNG\">\n <span class=\"popup\" data-toggle=\"modal\" data-target=\"#ferryTrackingModalsHSB-LNG\">\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"row\">\n <p class=\"margin-bottom-30 text-center\">\n <i class=\"cc-last-update-text\">\n Last updated: \n \n \n <span>\n 4:34 PM\n </span>\n <a href=\"#\" onclick=\"window.location.reload(true);\">\n Refresh details\n </a>\n \n </i>\n </p>\n <div class=\"col-lg-12 col-md-12 iframe-map text-center\">\n \n <div><img src=\"https://ccimg.bcferries.com/cc/support/vessels/route4.jpg\"/></div>\n \n <a href=\"#\" class=\"margin-top-10 mb-5 fnt-14\">\n <span>Vancouver (Horseshoe Bay)</span>\n <span class=\"no-anchor\">to</span>\n <span>Sunshine Coast (Langdale)</span>\n </a>\n \n \n </div>\n</div>\n</span>\n <div class=\"modal fade\" id=\"ferryTrackingModalsHSB-LNG\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"myModalLabel\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n Ferry tracking<button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span aria-hidden=\"true\">×</span></button>\n </div>\n <div class=\"modal-body\">\n <h5>Vancouver (Horseshoe Bay) to Sunshine Coast (Langdale)</h5>\n <div class=\"iframeContainer\">\n <iframe width=\"500px\" height=\"633px\" src=\"https://ccimg.bcferries.com/cc/support/vessels/route4.html\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\"></iframe>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n<div id=\"show-book-route-btn\" class=\"margin-top-40 margin-bottom-10 text-center is-hidden\">\n <a href=\"/?sailing=true&departureLocation=HSB&departureLocationName=West+Vancouver+-+Vancouver+(Horseshoe+Bay)&arrivalLocation=LNG&arrivalLocationName=Langdale+-+Sunshine+Coast+(Langdale)\" class=\"btn btn-primary book-this-route-btn\">Book this route</a>\n</div>\n\n<script>\n function toggleFerryTracking(onoff) {\n var tab2 = document.getElementById(\"tabs-2\");\n if (onoff == \"on\") {\n tab2.style.display = \"block\";\n } else {\n tab2.style.display = \"none\";\n }\n }\n</script>\n</div>\n</div>\n\n<div id=\"book-this-route\" class=\"book-this-route\">\n <div class=\"container\">\n <a href=\"/?sailing=true&departureLocation=HSB&departureLocationName=West+Vancouver+-+Vancouver+(Horseshoe+Bay)&arrivalLocation=LNG&arrivalLocationName=Langdale+-+Sunshine+Coast+(Langdale)\" class=\"btn btn-primary book-this-route-btn\">\n Book this route</a>\n <span class=\"bcf bcf-icon-close close-icon\" id=\"book-route-toggler\"></span>\n </div>\n</div>\n\n\n\n\n\n\n\n<div id=\"totalDeckAvailableModal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n <h4 class=\"modal-title\">\n Estimated deck space available\n </h4>\n </div>\n <div class=\"modal-body\">\n <h2></h2> <p>Estimated deck space available is the approximate amount of vehicle deck space left over after counting booked customers and drive-up customers who have already been processed through the ticket booth. This doesn't include vehicles outside the terminal waiting to buy a ticket.</p>\n\n<p><a href=\"/current-conditions/webcams\" target=\"_blank\">View webcam of conditions at the terminal</a></p>\n\n\n </div>\n </div>\n </div>\n</div>\n<script language=\"JavaScript\">\n setInterval('autoRefreshPage()', 300000);\n var selectedTabVal = \"\";\n if (selectedTabVal == null || selectedTabVal == 0) {\n selectedTabVal = \"tabs-1\";\n }\n\n function autoRefreshPage() {\n // var selectedSailingVal = $(\".currentconditions-details-select\").val();\n selectedTabVal = $(\"#selectedTab\").val();\n\n /*\n refreshCurrentConditions1 is called to preserve the selected sailing on reload; however, that functionality is broken.\n So instead we can just do a reqular page reload, which will prevent prevent the issue in FFDE-10912 from occurring.\n */\n /*\n var org = \"\";\n var dest = \"\";\n refreshCurrentConditions1(org, dest);\n */\n window.location.reload();\n }\n\n function activateTabs() {\n if (selectedTabVal != 'tabs-1') {\n $('a[href=#' + selectedTabVal + ']').click();\n }\n }\n</script>\n\n<script>\n\n const bookRouteToggler = document.querySelector(\"#book-route-toggler\");\n const bookThisRoute = document.querySelector(\"#book-this-route\");\n const showBookRouteBtn = document.querySelector(\"#show-book-route-btn\");\n\n bookRouteToggler.addEventListener('click', function(){\n bookThisRoute.style.display = \"none\";\n showBookRouteBtn.classList.remove(\"is-hidden\");\n });\n\n</script><div class=\"row\">\n <div class=\"col-md-12 text-center\">\n <p class=\"margin-top-30 margin-bottom-15 font-size-20 font-weight-bold\">\n Webcams</p>\n <p class=\"margin-bottom-30\">\n <i class=\"cc-last-update-text\">\n Last updated: <span>\n 4:34 PM</span>\n <a href=\"#\" onclick=\"window.location.reload(true);\">\n Refresh details</a>\n </i>\n </p>\n </div>\n </div>\n <div class=\"webcam-wrapper\">\n <div class=\"row\">\n <div class=\"col-lg-4 col-sm-12 col-xs-12 text-center\">\n <img src=\"https://ccimg.bcferries.com/cc/support/terminals/cam1_HSB.jpg\" class=\"trafficOutsideImp\"/>\n <p class=\"text-center margin-top-10 margin-bottom-20\">\n Traffic at the terminal</p>\n </div>\n <div class=\"col-lg-4 col-sm-12 col-xs-12 text-center\">\n <img src=\"https://ccimg.bcferries.com/cc/support/terminals/cam3_HSB.jpg\" class=\"trafficOutsideImp\"/>\n <p class=\"text-center margin-top-10 margin-bottom-20\">\n Traffic to Sunshine Coast (Langdale)</p>\n </div>\n </div>\n </div>\n<div class=\"container\">\n <div id=\"terminalDetails\" class=\"text-center\">\n <h4 class=\"margin-top-30\"><b>Vancouver (Horseshoe Bay)</b></h4>\n <p class=\"margin-top-10\">\n <span># 6750 Keith Rd , West Vancouver, V7W 2V1</span>\n <p class=\"margin-top-25\">\n <span>\n <a href=\"https://goo.gl/maps/dgST292Tuxkk9xwf8\" target=\"_blank\">\n Get directions<i class=\"bcf bcf-icon-right-arrow\"></i>\n </a>\n </span>\n </p>\n </p>\n <p class=\"margin-top-25\">\n </p>\n <div class=\"wapper-center margin-bottom-20\">\n <a href=\"/travel-boarding/terminal-directions-parking-food/vancouver-horseshoe-bay/HSB\" class=\"terminal-detail-btn\">\n <button class=\"btn btn-transparent btn-block\">\n Terminal details</button>\n </a>\n </div>\n </div>\n </div>\n<div class=\"container\">\n <hr>\n <div class=\"row information-div margin-bottom-20 padding-top-20\">\n \n\n\n\n\n\n\n\n\n\n\n<div class=\"col-lg-4 col-sm-6 col-xs-12 img-icon-width\">\n <div class=\"m-info\">\n <span class=\"bcf bcf-icon-ferry bcf-vertical-middle bcf-icon-sm bcf-bule-icon\"></span>\n <a href=\"/current-conditions/departures?terminalCode=HSB\"\n >Departures and arrivals<i class=\"far bcf bcf-icon-right-arrow\"></i></a>\n </div>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"col-lg-4 col-sm-6 col-xs-12 img-icon-width\">\n <div class=\"m-info\">\n <span class=\"blue-color bcf bcf-icon-calendar bcf-2x schedules-icons\"></span>\n <a href=\"/routes-fares/fare-calculator?departureLocation=HSB&arrivalLocation=LNG&scheduleDate=01%2f26%2f2025\"\n >Calculate fare<i class=\"far bcf bcf-icon-right-arrow\"></i></a>\n </div>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"col-lg-4 col-sm-6 col-xs-12 img-icon-width\">\n <div class=\"m-info\">\n <span class=\"blue-color bcf bcf-icon-time bcf-2x schedules-icons\"></span>\n <a href=\"/routes-fares/schedules/daily/HSB-LNG\"\n >Go to schedule<i class=\"far bcf bcf-icon-right-arrow\"></i></a>\n </div>\n</div>\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"col-lg-4 col-sm-6 col-xs-12 img-icon-width\">\n <div class=\"m-info\">\n <span class=\"blue-color bcf bcf-icon-email bcf-2x schedules-icons\"></span>\n <a href=\"/my-account/subscriptions\"\n >Subscribe to service notices<i class=\"far bcf bcf-icon-right-arrow\"></i></a>\n </div>\n</div>\n</div>\n</div>\n<div class=\"container padding-0 route-parking-block\">\n <div class=\"col-lg-4 col-md-4 col-sm-6 col-xs-12 custom-detail-accordion\">\n <div class=\"accordion\"><h3><span class=\"blue-color bcf bcf-icon-fare-price schedules-icons\"></span> Route fares</h3>\n <div><p><b>Fare calculator</b></p>\n <p><small>Plan your trip with ease. Add passenger and vehicle details to calculate your fare for this route.</small>\n </p>\n <a href=/routes-fares/fare-calculator?departureLocation=HSB&arrivalLocation=LNG&scheduleDate=01%2f26%2f2025>\n <button class=\"btn btn-primary btn-block margin-top-20\">Calculate fare</button>\n </a>\n <p class=\"margin-top-30\"><span style=\"font-size:14px;\">Or, download our complete PDF fare guide.</span></p>\n <a href='https://www.bcferries.com/web_image/hd9/h2c/8797255073822.pdf' target=\"_blank\">\n <button class=\"btn btn-outline-blue margin-top-20\"><a href=\"https://www.bcferries.com/routes-fares/ferry-fares\" target=\"_blank\">View fare guide</a></button>\n </a>\n </div>\n </div>\n </div>\n\n <div class=\"col-lg-4 col-md-4 col-sm-6 col-xs-12 custom-detail-accordion t-parking-padding\">\n <div class=\"js-accordion js-accordion-contentpage custom-ferrycontentpage-accordion mb-3\">\n <header>\n <span class=\"blue-color bcf bcf-icon-parking 5X\"></span>\n Parking:\n  <i>40% Available</i></header>\n <div>\n <p class=\"bg-light-gray terminal-parking-dropdown\">\n <b>\n 40% long term parking available</b>\n </p>\n <div class=\"p-4\"><p style=\"font-weight: bold;\"> </p>\n\n<p style=\"font-weight: bold;\">Parking at Horseshoe Bay terminal is independently operated and managed by <a href=\"https://www.impark.com/\" target=\"_blank\">Impark</a>.</p>\n\n<p><strong>Capacity:</strong> 598 spaces <br />\nShort term: 138<br />\nLong term: 460</p>\n\n<p><strong>Payment options: </strong>Visa, Mastercard and American Express.</p>\n\n<ul>\n\t<li>Meters - Pay by License Plate Number in Long Term and Pay by License Plate Number in Short Term</li>\n\t<li><a href=\"https://www.paybyphone.com/\" target=\"_blank\">PayByPhone</a> App- Pay by License Plate Number in Long Term and Pay by License Plate Number in Short Term</li>\n\t<li><a href=\"https://www.hangtag.io/\" target=\"_blank\">hangTag</a> App- Pay by License Plate Number in Long Term and Short Term</li>\n</ul>\n\n<p><strong>Parking info and rates:</strong> Meters require exact change or credit card payment.</p>\n\n<p><strong>Short term lot – Licence Plate Number is required to purchase parking. No need to display ticket on dash.</strong></p>\n\n<p><strong>Lot codes/names and parking operations:</strong><br />\nMeter - 1621 (Pay by Licence Plate)<br />\n<a href=\"https://www.paybyphone.com/\" target=\"_blank\">PayByPhone</a> - 1621 (Pay by Licence Plate)<br />\n<a href=\"https://www.hangtag.io/\" target=\"_blank\">hangTag</a> - HSB Long & Short Term offers Scan to Pay & Text to Pay (Pay by Licence Plate)</p>\n\n<p><br />\n<strong>Rates:</strong></p>\n\n<ul>\n\t<li>$1.00 for 15 minutes, maximum 2 hours</li>\n\t<li>$4.00 for 1 hour</li>\n\t<li>$23.00 for each 24 hour period </li>\n\t<li>Multiple day parking allowed</li>\n</ul>\n\n<p><strong>Long term lot – License Plate Number is required to purchase parking. No need to display ticket on dash.</strong></p>\n\n<p><strong>Lot codes/names and parking operations:</strong><br />\nMeter - 1621 (Pay by License Plate Number)<br />\n<a href=\"https://www.paybyphone.com/\" target=\"_blank\">PayByPhone</a> - 1748 (Pay by License Plate Number)<br />\n<a href=\"https://www.hangtag.io/\" target=\"_blank\">hangTag</a> - HSB Long Term (Pay by License Plate)</p>\n\n<p><strong>Rates:</strong></p>\n\n<ul>\n\t<li>$12.50 for 6 hours</li>\n\t<li>$20.00 for each 24 hours</li>\n\t<li>$10.00 each additional 12 hour period after the first 24 hours</li>\n\t<li>Monthly passes available. Contact <a href=\"https://www.impark.com/\" target=\"_blank\">Impark</a> for availability and rates.</li>\n</ul>\n\n<p><strong>Note:</strong></p>\n\n<ul>\n\t<li>If paying by credit card on meter, enter your mobile phone number to receive a text notifying you that your parking is about to expire. You can then follow the text instructions (reply within 5 mins of receiving the text) to extend your parking up to 24 hours.</li>\n\t<li>You can also pay or extend (start new parking session) your parking without signing up for the <a href=\"https://www.paybyphone.com/\" target=\"_blank\">PayByPhone</a> app. Visit <a href=\"https://m2.paybyphone.com/parking\" target=\"_blank\">PayByPhone.com</a>, continue as a guest and follow the instructions (a new parking session will start). Your stall number will be required for long term parking and licence plate number for short term parking.</li>\n\t<li>Cash acceptance</li>\n</ul>\n\n<p>Meters accept coins only - no change given.<br />\nOne meter accepts bills/coins and is located in long term lot. For long term parking only.</p>\n\n<p><strong>Parking is not permitted in the aisles. Vehicles will be ticketed and/or towed.</strong></p>\n\n<p><br />\n<strong>Parking host: </strong><br />\nParking host is available occasionally (7 days/week from 7am - 9pm) for assistance at 778-838-9272.</p>\n\n<p><br />\n<strong>Towing: </strong><br />\nMitchell's Towing<br />\n604-982-0115</p>\n</div>\n </div>\n </div>\n </div>\n</div>\n<div class=\"clearfix\"></div>\n\n<div class=\"current-condition-wrapper mb-3\"><div class=\"container\"><div class=\"row\"> <div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\"><div class=\"content\"> <div class=\"accordion current-conditions-accordion bg-light-gray\"> <div class=\"accordion-item bg-light-gray\"> <h6>Learn more about current conditions</h6> </div> <div class=\"accordion-item\"> <div class=\"accordion-item-block\"><h4>What is current conditions?</h4><p>Current Conditions is a real-time planning tool that helps customers make informed travel decisions. Current Conditions provides information about sailing status, arrival times, departure times and deck space availability by sailing. Current Conditions also displays live web cams at terminals and parking capacity information.</p> </div> <div class=\"accordion-item-block\"><h6>Why do some routes have Current Conditions pages and others do not?</h6><p>Current Conditions is available at terminals with Traffic Towers. We are looking into adding additional routes where we can install cameras for live traffic tracking.</p> </div> <div class=\"accordion-item-block\"> <h6>How do we calculate Estimated Deck Space Available?</h6> <p>Estimated Deck Space Available is the approximate percentage of vehicle deck space that remains available for sale on a particular sailing. It is calculated after counting the number of reservations and the number of drive-up customers already checked in at the terminal. This percentage changes as more vehicles are processed through the ticket booth.</p> <p>Around 10–20% of customers do not check-in for their bookings. After the booking check-in window closes, which is around 30* minutes before departure, we free up these spaces for drive-up customers.</p> <p><span>*Some exceptions apply</span><span class=\"accordion-highlighted-text\"> find and review the check-in and cut-off times at your departure terminal.</span> </p> </div> <div class=\"accordion-item-block\"> <h6>What does Now Ticketing mean?</h6> <p>The Now Ticketing section of Current Conditions informs customers of the sailing currently being sold at the ticket booth. It indicates for those customers without a reservation in the pre-ticketing area with the sailing they can expect to travel on. As sailings become full during the day, Now Ticketing displays the next sailing with available deck space for non-reserved traffic.</p> </div> <div class=\"accordion-item-block\"> <h6>Are commercial vehicles calculated as part of Estimated Deck Space Available?</h6> <p>Yes. We calculate all types of vehicle traffic, including commercial vehicles and buses, as part of Mixed Vehicle Deck Space Available calculations. Foot passengers are not calculated as they do not take up vehicle deck space.</p> </div> <div class=\"accordion-item-block\"> <h6>Why do the cameras show an empty lot, but Estimated Deck Space Available indicates the sailing is full?</h6> <p>Estimated Deck Space Available includes advanced vehicle bookings. In most cases, these customers can check-in up to 30 minutes* before their sailing. If customers have a booking but haven’t yet arrived, the terminal lot may appear empty.</p> <p> <span>*Some exceptions apply</span> <span class=\"accordion-highlighted-text\">find and review the check-in and cut-off times at your departure terminal.</span> </p> </div> <div class=\"accordion-item-block\"> <h6>How often is Current Conditions updated?</h6> <p>Current Conditions retrieves live data from all terminals every five minutes.</p> </div> <div class=\"accordion-item-block\"> <h6>Why does Current Conditions not show a sailing as delayed until after it departs?</h6> <p>There is currently no way for a terminal to update the anticipated departure time without affecting the scheduled sailing time online.</p> </div> <div class=\"accordion-item-block\"> <h6>What is displayed when a sailing is cancelled or late departing?</h6> <p>When a sailing is delayed or cancelled, the sailing will display a message that indicates the reason. This will appear on the Departures/Arrivals page under Status.</p> </div> <div class=\"accordion-item-block\"> <h6>Why does Estimated Deck Space Available only show departures for today?</h6> <p>Estimated Deck Space Available is built on a 24-hour clock and is designed to be a near-term planning tool that displays real-time conditions at the terminal. We have recently made updates to Deck Space Available that now show the day’s sailings as well as the first three sailings of the next day. </div> </div> </div></div> </div></div> </div></div></section><section class=\"yCmsContentSlot\">\n<div class=\"container\">\n\t<div class=\"row offers-scrolled-component\">\n\t <div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n\t </div>\n\t\t<div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n\t\t\t\n <div class=\"heading-content\">\n <div class=\"owl-carousel owl-theme js-owl-carousel js-owl-default\" data-count=\"3\">\n <div class=\"card media-top vacation-deal-component\" style=\"background:#f2f2f2\" >\n <div class=\"featured-box-main\">\n\t </div>\n <div class=\"p-relative\">\n <img class='img-fluid js-responsive-image' data-media='{\"1\":\"https://www.bcferries.com/web_image/h5a/h1b/8932232560670.jpg\"}' alt='BC Ferries app' title='BC Ferries app' />\n <div class=\"location-bx\">\n <br />\n </div>\n </div>\n <div class=\"promo-cards flex-card\">\n\t <div class=\"card-body\">\n\t <div class=\"deal-info\"></div>\n <div class=\"card-title \"><h2><h3>Download the BC Ferries app </h3>\n</h2></div>\n\t <div class=\"card-text\">\n\t \t\t<p>Manage your trips, your way! Download the app today on the App Store or Google Play Store.</p>\n\t </div>\n\t <div class=\"card-link\">\n <a href=\"https://www.bcferries.com/app\" >Learn more <i class=\"fa fa-angle-right\"></i></a></div>\n\t </div>\n\t </div>\n\n </div>\n<div class=\"card media-top vacation-deal-component\" style=\"background:#f2f2f2\" >\n <div class=\"featured-box-main\">\n\t </div>\n <div class=\"p-relative\">\n <img class='img-fluid js-responsive-image' data-media='{\"1\":\"https://www.bcferries.com/web_image/h3d/h24/8899675848734.jpg\"}' alt='People onboard BC Ferries on the outer deck' title='People onboard BC Ferries on the outer deck' />\n <div class=\"location-bx\">\n <br />\n </div>\n </div>\n <div class=\"promo-cards flex-card\">\n\t <div class=\"card-body\">\n\t <div class=\"deal-info\"></div>\n <div class=\"card-title \"><h2><h3>Travel Tips</h3>\n</h2></div>\n\t <div class=\"card-text\">\n\t \t\t<p>Check out our travel tips and make your next journey a smooth sailing. See you on board soon.</p>\n\t </div>\n\t <div class=\"card-link\">\n <a href=\"https://www.bcferries.com/travel-boarding/travel-tips\" >View tips <i class=\"fa fa-angle-right\"></i></a></div>\n\t </div>\n\t </div>\n\n </div>\n<div class=\"card media-top vacation-deal-component\" style=\"background:#f2f2f2\" >\n <div class=\"featured-box-main\">\n\t </div>\n <div class=\"p-relative\">\n <img class='img-fluid js-responsive-image' data-media='{\"1\":\"https://www.bcferries.com/web_image/hb3/hf2/8943155576862.jpg\"}' alt='Mother and daughter sailing on BC Ferries' title='Mother and daughter sailing on BC Ferries' />\n <div class=\"location-bx\">\n <br />\n </div>\n </div>\n <div class=\"promo-cards flex-card\">\n\t <div class=\"card-body\">\n\t <div class=\"deal-info\"></div>\n <div class=\"card-title \"><h2><h3>Sailing Specials</h3>\n</h2></div>\n\t <div class=\"card-text\">\n\t \t\t<p>Check out BC Ferries sailing specials before you sail, to see how you can save!</p>\n\t </div>\n\t <div class=\"card-link\">\n <a href=\"https://www.bcferries.com/deals-special-offers/sailing-specials\" >Learn more <i class=\"fa fa-angle-right\"></i></a></div>\n\t </div>\n\t </div>\n\n </div>\n</div>\n </div>\n </div>\n\t</div>\n</div>\n</section><div class=\"js-current-conditions-url hidden\">/current-conditions</div>\n<div id=\"tabs-4\" class=\"departures-cc-component \">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n <h4>Sailing status by route</h4>\n </div>\n </div>\n\n <input type=\"hidden\" name=\"departureLocation\" class=\"y_currentConditionsOriginLocationCode\" />\n <input type=\"hidden\" name=\"arrivalLocation\" class=\" y_currentConditionsDestinationLocationCode\" />\n\n\n <div class=\"row margin-top-17\">\n <div class=\"col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n <div class=\"ferry-routeInfoForm ferry-currentConditionsForm hidden\"></div>\n <form id=\"y_currentConditionsForm\" class=\"fe-validate form-background form-booking-trip box-3\" action=\"/currentconditions-details\" method=\"GET\">\n\n\n\n\n\n\n\n\n\n<div class=\"custom-error-4 alert alert-danger alert-dismissable custom-error-msg hidden\">\n <i class=\"bcf bcf-icon-alert\"></i> <span></span>\n</div>\n<div class=\"bc-accordion ferry-drop current-condition accordion-content-w-9\">\n <label for=\"fromLocation\" class=\"home-label-mobile\">\n Leave from\n </label>\n\n <div id=\"y_currentConditionsDepartureLocationTravelroute\" class=\"autocomplete-suggestions-wrapper hidden\"></div>\n <div id=\"y_currentConditionsOriginLocationSuggestions\" class=\"autocomplete-suggestions-wrapper hidden\"></div>\n <div id=\"currentcondition-accordion1\" class=\"accordion-34 accordion-bg-white component-to-top\">\n <h3>\n <span class=\"dropdown-text\">\n \t\t\t\t\t<strong class=\"drop-text mt-0 destination-text\">Select destination (city)</strong>\n \t\t\t\t\t<span class=\"custom-arrow\"></span>\n \t\t\t\t</span>\n </h3>\n <div>\n <div class=\"vacation-range-box\">\n <div class=\"form-height-fix style-3\">\n\n\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"hidden\" id=\"farefinder-routeinfo-currentcondition-accordion2\"></div>\n<div class=\"hidden\" id=\"farefinder-routeinfo-currentcondition-accordion1\"></div>\n\n<div class=\"bc-accordion ferry-drop current-condition accordion-content-w-9\">\n <label for=\"toLocation\" class=\"home-label-mobile\">\n Going to\n </label>\n\n <div id=\"y_currentConditionsArrivalLocationTravelroute\" class=\"autocomplete-suggestions-wrapper hidden\"></div>\n <div id=\"y_currentConditionsDestinationLocationSuggestions\" class=\"autocomplete-suggestions-wrapper hidden\"></div>\n <div id=\"currentcondition-accordion2\" class=\"accordion-34 accordion-bg-white component-to-top\">\n <h3>\n <span class=\"dropdown-text\">\n \t\t\t<strong class=\"drop-text destination-text\">City</strong>\n <span>Terminal</span>\n \t\t\t\t\t<span class=\"custom-arrow\"></span>\n \t\t\t\t</span>\n </h3>\n <div>\n <div class=\"vacation-range-box\">\n <div class=\"form-height-fix style-3\">\n\n </div>\n </div>\n </div>\n </div>\n</div>\n<div class=\"bc-accordion ferry-drop current-condition cond-btn\">\n <button class=\"btn btn-primary btn-block btn-curn js-current-conditions-submit\" type=\"submit\" value=\"Submit\">\n View Conditions</button>\n </div>\n </form></div>\n </div>\n </div>\n</div>\n\n\n\n\n\n <div class=\"yCmsContentSlot\">\n\n <div>\n <footer>\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-lg-3 col-md-3 col-sm-12 col-xs-12 pull-right footer-m\">\n <style type=\"text/css\">.footer-m {min-height: 225px;}\n</style>\n<div class=\"footer-title\"><i>onBoard</i> eNewsletter</div>\n\n<ul class=\"list-unstyled\" style=\"padding-bottom: 8px;\">\n\t<li><a href=\"/deals-special-offers/onboard-enewsletter\">Sign up for email offers</a></li>\n\t<li></li>\n</ul>\n\n<div class=\"footer-title\" style=\"margin-bottom: -2px;\">BC Ferries app</div>\n<a href=\"https://play.google.com/store/apps/details?id=com.bcferries\" target=\"_blank\"><img alt=\"Get it on Google Play\" height=\"55\" src=\"https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png\" style=\"margin:0 -10px 0 -8px;\" /></a> <a href=\"https://apps.apple.com/us/app/bc-ferries/id6444454630\" target=\"_blank\"><img alt=\"Download on the App Store\" src=\"https://apple-resources.s3.amazonaws.com/media-badges/download-on-the-app-store/black/en-us.svg\" style=\"border-radius: 6px; width: 111px; height: 37px;\" /></a>\n\n<ul class=\"list-unstyled\" style=\"padding-bottom:5px;\">\n\t<li><a href=\"/app\">Learn more</a></li>\n\t<li></li>\n</ul>\n\n<div class=\"footer-title\" style=\"margin-bottom: -2px;\">Connect on social media</div>\n\n<ul class=\"list-inline\" style=\"padding-top: 10px; margin-bottom: 40px;\">\n\t<li><a href=\"https://www.facebook.com/BCFerries/\" target=\"_blank\"><i aria-hidden=\"true\" class=\"fab fa-2x fa-facebook-f\"> </i></a></li>\n\t<li><a href=\"https://twitter.com/bcferries\" target=\"_blank\"><i aria-hidden=\"true\" class=\"bcf bcf-icon-twitter\" style=\"font-size: 24px; margin-top: -6px;\"></i></a></li>\n\t<li><a href=\"https://www.tripadvisor.ca/Attraction_Review-g154945-d184078-Reviews-BC_Ferries-Victoria_Victoria_Capital_Regional_District_Vancouver_Island_British_Co.html\" target=\"_blank\"><i aria-hidden=\"true\" class=\"fab fa-2x fa-tripadvisor\"> </i></a></li>\n\t<li><a href=\"https://www.linkedin.com/company/25762/\" target=\"_blank\"><i aria-hidden=\"true\" class=\"fab fa-2x fa-linkedin-in\"> </i></a></li>\n\t<li><a href=\"https://instagram.com/bcferries/\" target=\"_blank\"><i aria-hidden=\"true\" class=\"fab fa-2x fa-instagram\"> </i></a></li>\n\t<li><a href=\"https://www.youtube.com/c/bcferries\" target=\"_blank\"><i aria-hidden=\"true\" class=\"fab fa-2x fa-youtube\"> </i></a></li>\n</ul>\n</div>\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-12 footer-m\">\n <div class=\"footer-title\">Our company</div>\n <ul class=\"list-unstyled\">\n <li><a href=\"/our-company\" >About us</a></li>\n <li><a href=\"/our-company/leadership\" >Leadership & governance</a></li>\n <li><a href=\"/our-company/indigenous-relations\" >Indigenous relations</a></li>\n <li><a href=\"/our-company/investor-relations\" >Investor relations</a></li>\n <li><a href=\"/our-company/freedom-of-information\" >Freedom of information</a></li>\n <li><a href=\"/our-company/procurement\" >Procurement</a></li>\n <li><a href=\"/our-company/bc-ferries-jobs\" >Careers</a></li>\n </ul>\n </div>\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-12 footer-m\">\n <div class=\"footer-title\">Our community</div>\n <ul class=\"list-unstyled\">\n <li><a href=\"/in-the-community\" >In the community</a></li>\n <li><a href=\"/in-the-community/ferry-advisory-committees\" >Ferry Advisory Committees</a></li>\n <li><a href=\"/in-the-community/community-social-investment\" >Community & social investment</a></li>\n <li><a href=\"/in-the-community/projects\" >Projects & community engagement</a></li>\n <li><a href=\"/in-the-community/resources\" >Policies, reports & plans</a></li>\n </ul>\n </div>\n <div class=\"col-lg-3 col-md-3 col-sm-6 col-xs-12 footer-m\">\n <div class=\"footer-title\">Contact us</div>\n <ul class=\"list-unstyled\">\n <li><a href=\"/contact-us\" >General contact & customer service</a></li>\n <li><a href=\"/contact-us/helping-you-during-a-service-disruption\" >Service disruptions</a></li>\n <li><a href=\"/contact-us/media-room\" ><span class=\"tracking-media-room\">Media room</span></a></li>\n <li><a href=\"/contact-us/property-or-injury\" >Property damage or injury claims</a></li>\n <li><a href=\"/contact-us/baggage\" >Missing or damaged baggage</a></li>\n <li><a href=\"/contact-us/scam-alerts\" >Scam alerts</a></li>\n <li><a href=\"/contact-us/ferry-vessel-chartering\" >Charter a ferry</a></li>\n <li><a href=\"/contact-us/film-production-request\" >Film production request</a></li>\n </ul>\n </div>\n </div>\n\n\n\n\t\t<div class=\"row\">\n <div class=\"additional-links\">\n <div class=\"col-lg-8 col-md-8 col-sm-6 col-xs-12\">\n <ul class=\"footer-bottom-links\">\n <li><a href=\"/sitemap\" >Sitemap</a></li>\n <li><a href=\"/terms-and-conditions\" >Terms & conditions</a></li>\n <li><a href=\"/privacy-statement\" >Privacy statement</a></li>\n <li><a href=\"/travel-policies\" >Travel policies</a></li>\n <li><a href=\"/accessibility\" >Accessibility</a></li>\n <li><a href=\"/employee-login\" >Employee login</a></li>\n </ul>\n </div>\n <div class=\"col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center\">\n Copyright © 2025 British Columbia Ferry Services Inc.</div>\n </div>\n </div>\n\n\n </div>\n</footer>\n\n </div>\n </div>\n\n</main>\n\t<form name=\"accessiblityForm\" class=\"hidden\">\n\t\t<input type=\"hidden\" id=\"accesibility_refreshScreenReaderBufferField\" name=\"accesibility_refreshScreenReaderBufferField\" value=\"\"/>\n\t</form>\n\t<div id=\"ariaStatusMsg\" class=\"skip\" role=\"status\" aria-relevant=\"text\" aria-live=\"polite\"></div>\n\n\t<span class=\"d-none\" id=\"password.strength.veryweak\">Very weak</span>\n<span class=\"d-none\" id=\"password.strength.weak\">Weak</span>\n<span class=\"d-none\" id=\"password.strength.medium\">Medium</span>\n<span class=\"d-none\" id=\"password.strength.strong\">Strong</span>\n<span class=\"d-none\" id=\"password.strength.verystrong\">Very strong</span>\n<span class=\"d-none\" id=\"password.strength.unsafepwd\">password.strength.unsafepwd</span>\n<span class=\"d-none\" id=\"password.strength.tooshortpwd\">Too short</span>\n<span class=\"d-none\" id=\"password.strength.minchartext\">Use %d - %m characters with a mix of any 3 [upper case letters, lower case letters, numbers & symbols]</span>\n<span class=\"d-none\" id=\"password.strength.minchar\">8</span>\n<span class=\"d-none\" id=\"password.strength.maxchar\">32</span>\n<span class=\"d-none\" id=\"password.minchar.validation.msg\">Password must be more than eight characters and contain a mix of any three of the following: upper case letters, numbers and symbols.</span>\n<span class=\"d-none\" id=\"password.maxchar.validation.msg\">Password must be less than 32 characters and contain a mix of any three of the following: upper case letters, numbers and symbols.</span>\n<span class=\"d-none\" id=\"password.empty.validation.msg\">Enter current password</span>\n<span class=\"d-none\" id=\"email.validation.msg\">Enter valid email address</span>\n<span class=\"d-none\" id=\"password.validation.msg\">Password not valid</span>\n<span class=\"d-none\" id=\"register.accountType.invalid\">Select account type</span>\n<span class=\"d-none\" id=\"register.firstName.invalid\">Enter first name</span>\n<span class=\"d-none\" id=\"register.lastName.invalid\">Enter last name</span>\n<span class=\"d-none\" id=\"confirmEmail.validation.msg\">Confirm Email Not Valid</span>\n<span class=\"d-none\" id=\"password.pattern.validation.msg\">Password must be more than eight characters and contain a mix of any three of the following: upper case letters, numbers and symbols.</span>\n<span class=\"d-none\" id=\"reconfirm.password.validation.msg\">Passwords do not match</span>\n<span class=\"d-none\" id=\"postcode.pattern.validation.msg\">Enter valid postal/zip code</span>\n<span class=\"d-none\" id=\"aria.pickupinstore.loading\">Loading... Please wait...</span>\n<span class=\"d-none\" id=\"aria.pickupinstore.storesloaded\">Stores loaded</span>\n<span class=\"d-none\" id=\"text.schedule.view.schedule.from.label\">View schedule from</span>\n<span class=\"d-none\" id=\"text.cc.view.sailingStatus.from.label\">View sailing status from</span>\n<span class=\"d-none\" id=\"text.discover.routes.from.label\">Discover our routes from</span>\n<span class=\"d-none\" id=\"text.view.schedule.to.label\">to</span>\n<script type=\"text/javascript\">\n\t\t/*<![CDATA[*/\n\t\t\n\t\tvar ACC = { config: {} };\n\t\t\tACC.config.contextPath = \"\";\n\t\t\tACC.config.encodedContextPath = \"\";\n\t\t\tACC.config.commonResourcePath = \"/_ui/responsive/common\";\n\t\t\tACC.config.themeResourcePath = \"/_ui/responsive/theme-bcf\";\n\t\t\tACC.config.siteResourcePath = \"/_ui/responsive/site-bcferries\";\n\t\t\tACC.config.rootPath = \"/_ui/responsive\";\n\t\t\tACC.config.CSRFToken = \"1c21a02f-a3b1-4af7-b2df-fb975a8dc807\";\n\t\t\tACC.pwdStrengthVeryWeak = document.getElementById(\"password.strength.veryweak\").innerText;\n\t\t\tACC.pwdStrengthWeak = document.getElementById(\"password.strength.weak\").innerText;\n\t\t\tACC.pwdStrengthMedium = document.getElementById(\"password.strength.medium\").innerText;\n\t\t\tACC.pwdStrengthStrong = document.getElementById(\"password.strength.strong\").innerText\n\t\t\tACC.pwdStrengthVeryStrong = document.getElementById(\"password.strength.verystrong\").innerText;\n\t\t\tACC.pwdStrengthUnsafePwd = document.getElementById(\"password.strength.unsafepwd\").innerText;\n\t\t\tACC.pwdStrengthTooShortPwd = document.getElementById(\"password.strength.tooshortpwd\").innerText;\n\t\t\tACC.pwdStrengthMinCharText = document.getElementById(\"password.strength.minchartext\").innerText;\n\t\t\tACC.pwdStrengthMinChar = document.getElementById(\"password.strength.minchar\").innerText;\n\t\t\tACC.pwdStrengthMaxChar = document.getElementById(\"password.strength.maxchar\").innerText;\n\t\t\tACC.pwdMinCharValidationMsg = document.getElementById(\"password.minchar.validation.msg\").innerText;\n\t\t\tACC.pwdMaxCharValidationMsg = document.getElementById(\"password.maxchar.validation.msg\").innerText;\n\t\t\tACC.pwdEmptyValidationMsg = document.getElementById(\"password.empty.validation.msg\").innerText;\n\t\t\tACC.emailValidationMsg = document.getElementById(\"email.validation.msg\").innerText;\n\t\t\tACC.passwordValidationMsg = document.getElementById(\"password.validation.msg\").innerText;\n\t\t\tACC.accountTypeValidationMsg = document.getElementById(\"register.accountType.invalid\").innerText;\n\t\t\tACC.firstNameValidationMsg = document.getElementById(\"register.firstName.invalid\").innerText;\n\t\t\tACC.lastNameValidationMsg = document.getElementById(\"register.lastName.invalid\").innerText;\n\t\t ACC.confirmEmailValidationMsg = document.getElementById(\"confirmEmail.validation.msg\").innerText;\n\t\t\tACC.pwdPatternValidationMsg = document.getElementById(\"password.pattern.validation.msg\").innerText;\n\t\t\tACC.reconfirmPasswordValidationMsg = document.getElementById(\"reconfirm.password.validation.msg\").innerText;\n\t ACC.postCodePatternValidationMsg = document.getElementById(\"postcode.pattern.validation.msg\").innerText;\n\t\t\tACC.accessibilityLoading = document.getElementById(\"aria.pickupinstore.loading\").innerText;\n\t\t\tACC.accessibilityStoresLoaded = document.getElementById(\"aria.pickupinstore.storesloaded\").innerText;\n\t\t\tACC.config.googleApiKey=\"\";\n\t\t\tACC.config.googleApiVersion=\"3.7\";\n\n\t\t\t\n\t\t\tACC.autocompleteUrl = '/search/autocompleteSecure';\n\n\t\t\t\n\t\t\tACC.config.loginUrl = '/login';\n\n\t\t\t\n\t\t\tACC.config.authenticationStatusUrl = '/authentication/status';\n\t\t\tACC.viewScheduleFrom = document.getElementById(\"text.schedule.view.schedule.from.label\").innerText;\n\t\t\tACC.viewSailingStatusFrom = document.getElementById(\"text.cc.view.sailingStatus.from.label\").innerText;\n\t\t\tACC.viewDiscoverRoutesFrom = document.getElementById(\"text.discover.routes.from.label\").innerText;\n\t\t\tACC.viewScheduleTo = document.getElementById(\"text.view.schedule.to.label\").innerText;\n\n\t\t\t\n\t\t/*]]>*/\n\t</script>\n\t<script type=\"text/javascript\">\n\t/*<![CDATA[*/\n\tACC.addons = {};\t//JS holder for addons properties\n\t\t\t\n\t\n\t\tACC.addons.bcfcheckoutaddon = [];\n\t\t\n\t\tACC.addons.bcfstorefrontaddon = [];\n\t\t\n\t\tACC.addons.bcfvoyageaddon = [];\n\t\t\n\t\tACC.addons.bcfassistedservicesstorefront = [];\n\t\t\n\t\tACC.addons.smarteditaddon = [];\n\t\t\n\t\tACC.addons.bcfaccommodationsaddon = [];\n\t\t\n\t\tACC.addons.bcfcommonsaddon = [];\n\t\t\n\t/*]]>*/\n</script>\n<script type=\"text/javascript\" src=\"/_ui/responsive/common/../js/jsLibrary.min.js\"></script>\n <script type=\"text/javascript\" src=\"/_ui/responsive/common/../js/common.min.js\"></script>\n\t<script type=\"text/javascript\">\n$(document).ready(function() {\n\n\t$('.js-main-box .add-on-box:nth-child(3)').addClass(\"accordion-arriv\");\n\t$(function() {\n\t\t$(\"#accordion-review\").accordion();\n\t\t$(\"#accordion-review\").accordion({\n\t\t\theader : \"h4\",\n\t\t\tcollapsible : true,\n\t\t\tactive : false\n\t\t});\n\t});\n\t$(function() {\n\t\t$(\".accordion-arriv #accordion-review\").accordion();\n\t\t$(\".accordion-arriv #accordion-review\").accordion({\n\t\t\theader : \"h4\",\n\t\t\tcollapsible : true,\n\t\t\tactive : false\n\t\t});\n\t});\n\t $( \"#tabs\" ).tabs();\n});\n\n// Jquery Loader\n$(document).ready(function() {\n $('.js_form_submit').on('submit', function(event) {\n event.preventDefault();\n $('#mtmLC').show();\n $.ajax({\n type: $(this).attr('method'),\n url: $(this).attr('action'),\n data: $(this).serialize(),\n success: function(response) {\n var tempElement = $('<div>').html(response);\n var redirectUrl = tempElement.find('link[rel=\"canonical\"]').attr('href');\n window.location.href = redirectUrl;\n },\n error: function(error) {\n console.error('Error:', error);\n }\n });\n });\n});\n\n\n// configuration for datatable starts here\n\n$(document).ready(function() {\n\n// custom logic to sort dates. Dates should be in format 'dd/MM/YYYY hh:mm:ss'\n\n jQuery.extend( jQuery.fn.dataTableExt.oSort, {\n \"date-euro-pre\": function ( a ) {\n var x;\n\n if ( $.trim(a) !== '' ) {\n var frDatea = $.trim(a).split(' ');\n var frTimea = (undefined != frDatea[1]) ? frDatea[1].split(':') : [00,00,00];\n var frDatea2 = frDatea[0].split('/');\n x = (frDatea2[2] + frDatea2[1] + frDatea2[0] + frTimea[0] + frTimea[1] + ((undefined != frTimea[2]) ? frTimea[2] : 0)) * 1;\n }\n else {\n x = Infinity;\n }\n\n return x;\n },\n\n \"date-euro-asc\": function ( a, b ) {\n return a - b;\n },\n\n \"date-euro-desc\": function ( a, b ) {\n return b - a;\n }\n } );\n\n//initialize pending(on-request) orders datatable -->\n\n $('#pendingOrdersContentList').DataTable({\n \"order\": [[ 3, \"desc\" ]],\n \"columnDefs\": [\n {\n \"targets\": [ 7 ],\n \"searchable\": false,\n \"orderable\": false\n },\n {\n \"targets\": [ 8 ],\n \"searchable\": false,\n \"orderable\": false\n }\n ],\n \"lengthMenu\": [[5,10, 25, 50, -1], [5,10, 25, 50, \"All\"]],\n \"aoColumns\": [\n null,\n null,\n null,\n { \"sType\": \"date-euro\" },\n null,\n { \"sType\": \"date-euro\" },\n null\n ]\n });\n\n// initialize booking Inquiry data table\n\t\t$('#js-schedule-table').DataTable({\n\t\t\t\"paging\": false,\n\t\t\t\"info\": false,\n\t\t\t\"searching\": false\n\n\t\t});\n\t\t$('.js-data-table').DataTable({\n\t\t\t\"paging\": true,\n\t\t\t\"info\": false,\n\t\t\t\"searching\": true,\n\t\t\t\"columnDefs\": [\n\t\t\t { \"width\": \"20%\", \"targets\": \"_all\" }\n\t\t\t ]\n\n\t\t});\n $('#bookingInquiryContentList').DataTable({\n \"order\": [[ 4, \"desc\" ]],\n \"columnDefs\": [\n {\n \"targets\": [ 7 ],\n \"searchable\": false,\n \"orderable\": false\n },\n {\n \"targets\": [ 8 ],\n \"searchable\": false,\n \"orderable\": false\n }\n ],\n \"lengthMenu\": [[5, 10, 25, 50, -1], [5, 10, 25, 50, \"All\"]],\n \"aoColumns\": [\n null,\n null,\n null,\n null,\n { \"sType\": \"date-euro\" },\n { \"sType\": \"date-euro\" },\n null,\n null,\n null,\n null\n ]\n });\n//booking Inquiry data table configuratons end\n\n} );\n// configuration for datatable ends here\n\n$(document).ready(function() {\n\t\t\tif ($(window).width() >= 980) {\n\t\t\t\t\t\t$(\"#js_navbar_menu .dropdown-toggle\").click(function() {\n\t\t\t\t\t\t\tif ($(\".orbeon\").length > 0) {\n\t\t\t\t\t\t\t\t$(this).parent().toggleClass(\"open\");\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t$(window).resize(function() {\n\t\t\t\tif ($(window).width() >= 980) {\n\t\t\t\t\t$(\"#js_navbar_menu .dropdown-toggle\").click(function() {\n\t\t\t\t\t\tif ($(\".orbeon\").length > 0) {\n\t\t\t\t\t\t\t$(this).parent().toggleClass(\"open\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\t});\n\t\t\t $(window).click(function(e){\n\t\t\t\tif ($('.tab-depart').hasClass(\"active\")) {\n\t\t\t\t\t$('.depart-calendar').addClass(\"active\");\n\t\t\t\t\t$('.return-calendar').removeClass(\"active\");\n\t\t\t\t}\n\n\t\t\t});\n\t\t\t$(window).click(function(e){\n\t\t\t\tif ($('.tab-return').hasClass(\"active\")) {\n\t\t\t\t\t$('.return-calendar').addClass(\"active\");\n\t\t\t\t\t$('.depart-calendar').removeClass(\"active\");\n\t\t\t\t}\n\n\t\t\t});\n\t\t \t$('#vacation-accordion2').on('click', function(e) {\n\t\t \t var target = $(this);\n\t\t \t $('html, body').animate({\n\t\t \t scrollTop: target.offset().top\n\t\t \t }, 500);\n\t\t \t});\n\n\t\t\t// document ready\n\t\t});\n\t</script>\n\n</body>\n\n</html>\n"