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

scrapemyferry 1.0.2 → 1.0.4

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 (94) hide show

package/dist/lib/sources/bcf/tests/fixtures/routes-fares/schedules/seasonal.json DELETED Viewed

@@ -1 +0,0 @@

- "<!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\tSeasonal Schedules Page</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\">\n<meta name=\"robots\" content=\"noindex,follow\">\n\n\n\n\n\n\n\n <link rel=\"canonical\" href=\"https://www.bcferries.com/routes-fares/schedules/seasonal/HSB-LNG\" />\n <meta name=\"viewport\" content=\"width=device-width\">\n <meta name=\"title\" content=\"Seasonal Schedules Page\">\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-seasonalSchedulesA pageType-ContentPage template-pages-addon--bcfstorefrontaddon-pages-layout-seasonalScheduleTemplate pageLabel--seasonal-schedules smartedit-page-uid-seasonalSchedulesA smartedit-page-uuid-eyJpdGVtSWQiOiJzZWFzb25hbFNjaGVkdWxlc0EiLCJjYXRhbG9nSWQiOiJ0cmFuc2FjdGlvbmFsQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9 smartedit-catalog-version-uuid-transactionalContentCatalog/Online language-en\">\n \n<noscript>\n \n</noscript>\n\n<div id=\"currentPage\" class=\"hidden\">seasonalSchedulesA</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\"> Toggle\n navigation\n \n \n Menu\n </a>\n <div class=\"close-menu responsive-adjustment\">\n \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\n class=\"bcf bcf-icon-account header-login-icon\">\n \n <a href=\"/login\" class=\"mobile-menu-link\" >Login</a>\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 </a></li>\n <li><a href=\"/routes-fares/schedules\" class=\"mobile-menu-link\" >Schedules </a></li>\n <li><a href=\"/RouteSelectionPage\" class=\"mobile-menu-link\" >Book now </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 \n \n \n \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 </a></li>\n <li>\n <a href=\"/current-conditions/departures\" class=\"mobile-menu-link text-align-left p-15-desktop\">Departures & arrivals </a></li>\n <li>\n <a href=\"/current-conditions/busy-terminals\" class=\"mobile-menu-link text-align-left p-15-desktop\">Major terminal status </a></li>\n <li>\n <a href=\"/current-conditions/webcams\" class=\"mobile-menu-link text-align-left p-15-desktop\">Terminal webcams </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 </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 </a></li>\n <li>\n <a href=\"/routes-fares/schedules\" class=\"mobile-menu-link\" >Schedules </a></li>\n <li>\n <a href=\"/RouteSelectionPage\" class=\"mobile-menu-link\" >Book now </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 \n \n \n \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 </a></li>\n <li>\n <a href=\"/current-conditions/departures\" class=\"mobile-menu-link text-align-left p-15-desktop\">Departures & arrivals </a></li>\n <li>\n <a href=\"/current-conditions/busy-terminals\" class=\"mobile-menu-link text-align-left p-15-desktop\">Major terminal status </a></li>\n <li>\n <a href=\"/current-conditions/webcams\" class=\"mobile-menu-link text-align-left p-15-desktop\">Terminal webcams </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 </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 <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\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 New fares are now available on routes between Metro Vancouver and Vancouver Island to provide more value, choice and certainty. <div class=\"navigation-mob-link-n\">\n <a href=\"/newfares\" >Learn more </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 Travel tips\n\n \n <a href=\"https://www.bcferries.com/travel-boarding/travel-tips\" >Learn more </a>\n \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 <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\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 Information to help plan and make personal, group, commercial, and travel agent bookings. <div class=\"navigation-mob-link-n\">\n <a href=\"/book-sailings\" >Find out more </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 Download the BC Ferries app\n \n <a href=\"https://www.bcferries.com/app\" >Learn more </a>\n \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 <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\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 Directions, transit options, and important check-in and boarding information for foot passengers and drivers. <div class=\"navigation-mob-link-n\">\n <a href=\"/travel-boarding\" >Find out more </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 Download the BC Ferries app\n \n <a href=\"https://www.bcferries.com/app\" >Learn more </a>\n \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 <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\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 Welcome aboard. Explore our fleet for information on safety, accessibility, dining, shopping, and more on our ferries. <div class=\"navigation-mob-link-n\">\n <a href=\"/on-the-ferry\" >Find out more </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 Travel tips\n\n \n <a href=\"https://www.bcferries.com/travel-boarding/travel-tips\" >Learn more </a>\n \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 <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\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 Take advantage of our latest onboard, sailing and vacation package promotions. We've got the perfect deal for you. <div class=\"navigation-mob-link-n\">\n <a href=\"/deals-special-offers\" >Find out more </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 Romantic Retreats with a 3rd night FREE\n\nWhisk your special someone away on a romantic getaway to Vancouver Island, Galiano Island or the Sunshine Coast. Book by Mar 14.\n\n \n <a href=\"https://www.bcferries.com/vacations/romantic-retreats\" >View packages </a>\n \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 <i\n class=\"bcf bcf-icon-down-arrow\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\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 From a coastal weekend getaway to a once-in-a-lifetime trip, we’ve got a vacation package for every budget. <div class=\"navigation-mob-link-n\">\n <a href=\"/vacations\" >Go to Vacations </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 Family Getaways with a 3rd night FREE\n\nMake new memories on a Family Getaway with a complimentary 3rd night. Book by Mar 14.\n\n \n <a href=\"https://www.bcferries.com/vacations/family-day-getaways\" >View packages </a>\n \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><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 ×\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\n\t\t\t\t\tYou have another booking already started. Confirm you want to clear it and continue with your new booking.\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 ×\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 \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. \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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n \n \n \n \n \n \n \n \n\n\n\n\n<div class=\"container printable\">\n <div class=\"row\">\n <div class=\"col-lg-12 col-md-12 col-xs-12\">\n \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\n \n \n <h2 data-schedule-route=\"Vancouver (Horseshoe Bay) to Sunshine Coast (Langdale)\" class=\"text-dark-blue\" id=\"OnwardSchedule\">Vancouver (Horseshoe Bay) to Sunshine Coast (Langdale)\n </h2>\n\n <div id=\"schedules-sticky-header\" class=\"schedules-sticky-header\">\n <div class=\"header-wrapper\">\n <div class=\"row\">\n <div class=\"col-lg-2 col-md-2 col-sm-2 col-xs-1\">\n </div>\n <div class=\"col-lg-6 col-md-5 col-sm-5 col-xs-9 text-left padding-left-0 padding-right-0\">\n <div class=\"schedule-header-route\">\n \n <script></script>\n \n </div>\n </div>\n <div class=\"col-lg-2 col-md-3 col-sm-3 col-xs-1 text-right padding-right-0 padding-left-0\">\n <div class=\"schedule-return-header\">\n <a href=\"#OnwardSchedule\" class=\"direction-link\">\n View return schedule\n \n </a> \n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-lg-2 col-md-2 col-sm-2 col-xs-1\">\n </div>\n <div class=\"col-lg-4 col-md-4 col-sm-4 col-xs-2 text-left padding-left-0 padding-right-0 schedule-header-border-top\">\n <div class=\"schedule-header-day\">\n \n <script></script>\n \n \n </div>\n </div>\n <div class=\"col-lg-4 col-md-4 col-sm-4 col-xs-8 text-right padding-right-0 schedule-header-border-top\">\n\n \n <div class=\"schedule-calendar-header\">\n \n <a href=\"#dateRangeModal\" data-toggle=\"modal\" data-target=\"#dateRangeModal\">\n \n \n \n \n \n \n\n \n \n\n Jan 01, 2025 - Mar 31, 2025\n \n \n </a>\n \n </div>\n\n </div>\n <div class=\"col-lg-2 col-md-2 col-sm-2 col-xs-1\">\n </div>\n </div>\n </div>\n </div>\n <table class=\"table table-seasonal-schedule schedule-collapse-header\">\n <tr>\n <td>\n <div class=\"schedule-return-collapse-title\">\n \n \n \n <a href=\"#ReturnSchedule\">\n View return schedule\n </a>\n \n \n \n </div>\n </td>\n <td class=\"width-20-percent\">\n \n <div>\n <a href=\"https://www.bcferries.com/web_image/h8d/h34/9032074002462.pdf\" target=\"_blank\">\n \n Printable version\n </a>\n \n </div>\n \n </td>\n </tr>\n </table>\n <section class=\"yCmsContentSlot\">\n\n <div class=\"content\">\n <div class=\"content\">\n </div>\n <div class=\"content\">\n <ul style=\"margin-top: -40px; padding: 0px 0px 5px 20px;\">\n<li style=\"color: #003366; padding-bottom: 8px;\"><a href=\"/routes-fares/schedules/seasonal/HSB-NAN\">Vancouver (Horseshoe Bay) to Nanaimo (Departure Bay) schedule</a></li>\n\t<li style=\"color: #003366; padding-bottom: 8px;\"><a href=\"/routes-fares/schedules/seasonal/ERL-SLT\">Sunshine Coast (Earls Cove) to Powell River (Saltery Bay) schedule</a></li>\n\t<li style=\"color: #003366; padding-bottom: 8px;\"><a href=\"/routes-fares/schedules/gambier-keats\">Langdale (Gibsons) to Gambier (New Brighton) & Keats (Keats Landing) schedule</a></li>\n</ul>\n\nFor information on the status of today’s sailings and any cancellations, check <a href=\"/current-conditions/HSB-LNG\">current conditions</a>.\n</div>\n </div>\n\n\n </section>\n\n \n \n \n \n \n \n \n <div id=\"tabsOnward\" class=\"custom-ui-detail schedules-tabs\">\n <ul>\n <li class=\"schedules-tab hidden-print\" style=\"width:49%;\">\n <a class=\"schedulesTabJs\" name=\"tabs-1-Onward\" href=\"/routes-fares/schedules/daily/HSB-LNG\">Daily</a>\n </li>\n <li class=\"schedules-tab ui-tabs-active ui-state-active hidden-print\" style=\"width:49%;\">\n <a class=\"schedulesTabJs tab-link\" name=\"tabs-2-Onward\" href=\"#tabs-2-Onward\">Seasonal</a>\n </li>\n </ul>\n <div id=\"tabs-2-Onward\">\n \n <div class=\"seasonalSchedulesContainer-tabs\">\n <form action=\"/routes-fares/schedules/seasonal/HSB-LNG\" id=\"seasonalSchedulesForm\" method=\"get\">\n <div class=\"row\">\n \n <div class=\"col-lg-4 col-md-4 col-sm-10 col-xs-10 col-lg-offset-4 col-md-offset-4 col-sm-offset-1 col-xs-offset-1\">\n <div class=\"schedules-calendar schedule-custom-calendar\">\n \n <div>\n <a href=\"#dateRangeModal\" data-toggle=\"modal\" data-target=\"#dateRangeModal\">\n \n \n \n \n \n \n\n \n \n\n Jan 01, 2025 - Mar 31, 2025\n \n </a>\n </div>\n \n </div>\n\n </div> \n\n \n\n <div class=\"ml-60 margin-l-10px-mobile\">\n <section class=\"yCmsContentSlot\">\n\n <div class=\"content\">\n </div>\n\n\n </section>\n </div>\n\n \n <div class=\"schedule-left-padding-service-notice schedule-right-padding-service-notice\">\n <div class=\"row\">\n <div class=\"col-xs-12\">\n Service notices \n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 padding-top-20 padding-bottom-20\">\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <div class=\"ml-40 inherit-margin-mobile\">\n <div class=\"\" style=\"display : inline-flex;\">\n <a href=\"/current-conditions/service-notices?serviceNoticeCode=8802745429768&subscriptionRoute=GAM-KTS-LNG&routeCode=03LNGA\">\n \n </a>\n </div>\n <div class=\"\" style=\"display : inline-flex;\">\n <a href=\"/current-conditions/service-notices?serviceNoticeCode=8802745429768&subscriptionRoute=GAM-KTS-LNG&routeCode=03LNGA\">\n Langdale Life Extension - February 10 - May 31, 2025\n </a>\n </div>\n </div>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <div class=\"ml-40 inherit-margin-mobile\">\n <div class=\"\" style=\"display : inline-flex;\">\n <a href=\"/current-conditions/service-notices?serviceNoticeCode=8802647420680&subscriptionRoute=HSB-DEP&routeCode=02NANA\">\n \n </a>\n </div>\n <div class=\"\" style=\"display : inline-flex;\">\n <a href=\"/current-conditions/service-notices?serviceNoticeCode=8802647420680&subscriptionRoute=HSB-DEP&routeCode=02NANA\">\n Horseshoe Bay Transfer Deck Life Extension Project - November 2024 to May 2025\n </a>\n </div>\n </div>\n \n </div>\n </div>\n </div>\n \n\n \n \n <div class=\"col-xs-12\">\n <div class=\"row\">\n <div class=\"seasonal-schedule-wrapper col-xs-12\">\n <table class=\"table table-seasonal-schedule\">\n \n\n <thead>\n\n <tr data-schedule-day=\"MONDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">MONDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:30 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:10 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 9:45 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">10:25 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 11:55 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">12:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 2:10 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">2:50 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 4:20 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">5:00 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:30 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:10 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:50 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:30 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"TUESDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">TUESDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:30 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:10 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 9:45 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">10:25 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 11:55 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">12:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 2:10 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">2:50 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 4:20 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">5:00 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:30 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:10 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:50 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:30 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"WEDNESDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">WEDNESDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:30 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:10 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 9:45 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">10:25 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 11:55 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">12:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 2:10 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">2:50 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 4:20 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">5:00 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:30 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:10 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:50 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:30 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"THURSDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">THURSDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:30 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:10 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 9:45 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">10:25 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 11:55 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">12:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 2:10 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">2:50 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 4:20 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">5:00 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:30 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:10 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:50 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:30 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"FRIDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">FRIDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:30 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:10 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 9:45 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">10:25 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 11:55 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">12:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 2:10 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">2:50 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 4:20 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">5:00 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:30 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:10 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:50 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:30 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"SATURDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">SATURDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:30 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:10 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 9:45 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">10:25 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 11:55 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">12:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 2:10 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">2:50 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 4:20 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">5:00 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:30 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:10 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:50 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:30 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"SUNDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">SUNDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:30 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:10 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 9:45 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">10:25 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 11:55 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">12:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 2:10 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">2:50 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 4:20 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">5:00 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:30 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:10 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 7:50 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">8:30 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-legend\">\n <td width=\"5%\" class=\"hidden-xs\"></td>\n <td colspan=\"3\">\n \n <label class=\"scschedule-custom-tdhedules-li-lable\">\n LEGEND\n </label> \n <ul class=\"list-unstyled list-inline schedules-li mb-0\">\n <li class=\"schedule-non-stop\">\n <a href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n </li>\n <li class=\"schedule-transfer\">\n <a href=\"#transferDetailsModal\" data-toggle=\"modal\"\n data-target=\"#transferDetailsModal\">\n \n Transfer\n </a>\n </li>\n <li class=\"schedule-stop\">\n <a href=\"#stopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#stopDetailsModal\">\n \n Stop\n </a>\n </li>\n <li class=\"schedule-thru\">\n <a href=\"#thrufareDetailsModal\" data-toggle=\"modal\"\n data-target=\"#thrufareDetailsModal\">\n \n Thru fare\n </a>\n </li>\n </ul>\n </td>\n </tr>\n <tr>\n <td class=\"width-5-percent hidden-xs\"></td>\n <td colspan=\"3\">\n \n <div class=\"row hidden-print\">\n <div class=\"col-xs-12\">\n <a href=\"https://www.bcferries.com/web_image/h8d/h34/9032074002462.pdf\" target=\"_blank\">\n \n Printable version\n </a>\n \n </div>\n </div>\n \n </td>\n </tr>\n </table>\n <div class=\"row\">\n <div class=\"col-xs-10 margin-l-10px-mobile\" style=\"margin-left:54px;\">\n \n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-10 margin-l-10px-mobile font-size-14\" style=\"margin-left:54px;\">\n <div class=\"schedules-legend-description-text\">\n \n Horseshoe Bay terminal is located in West Vancouver, at the west end of the Trans-Canada Highway. The terminal is a 25 minute drive from downtown Vancouver. Sailings departing from Horseshoe Bay provide service to Langdale (Sunshine Coast) and Snug Cove (Bowen Island).\n\n<h5>Loading vehicles during extreme tide conditions</h5>\n\nAt this terminal, vehicles with very low ground clearance or extended overhangs on the rear axle (e.g., buses, RVs, low-bed vehicles) may be asked to wait for a later sailing when the tide is extremely high or low to avoid damage to the vehicle, vessel and environment.\n\n<a href=\"https://www.bcferries.com/tidal-conditions\" target=\"_blank\">Check tidal conditions before you travel.</a>\n\n<h5>Check-in times</h5>\n\nFor travel to Nanaimo (Departure Bay) with a reservation – Arrive at the terminal 30 to 60 minutes prior to the scheduled departure. Your booking will not be honoured and travel will be based on your order of arrival at the terminal if you arrive before booking check-in has opened, or after booking check-in has closed.\n\n<ul>\n\t<li>Booking check-in for foot passenger groups and vehicles opens 60 minutes prior to the scheduled departure.</li>\n\t<li>Booking check-in for foot passenger groups and vehicles closes 30 minutes prior to the scheduled departure.</li>\n</ul>\n\nFor travel without a reservation or on a non-bookable route – Travel is based on your order of arrival at the terminal. \n\n<ul>\n\t<li>Ticket sales and check-in close 10 minutes prior to the scheduled sailing departure for foot passengers and vehicles</li>\n</ul>\n\n<a href=\"https://www.bcferries.com/routes-fares/ferry-fares/assured-loading-card\">Assured Loading for travel between Vancouver (Horseshoe Bay) and Nanaimo (Departure Bay)</a> – If you have an Assured Loading Card and plan to use it, arrive at the terminal 20 to 60 minutes prior to the scheduled departure and provide your card to the ticket agent.\n\nNote: Assured Loading is not available for travel between Vancouver (Horseshoe Bay) and Sunshine Coast (Langdale).\n\nTransportation from the terminal – Make sure to plan accordingly when arriving on a later sailing as public transit may not be available.\n\n<a href=\"https://www.bcferries.com/travel-boarding/travel-tips#travel-tips-by-region\" target=\"_blank\">Check here for more information if travelling between Vancouver, Sunshine Coast and Texada Island.</a>\n\n \n \n </div>\n </div>\n </div>\n \n <div class=\"hidden-print\">\n <div class=\"row\">\n \n\n\n\n\n<div class=\"col-md-offset-4 col-sm-offset-3 col-lg-offset-4 col-lg-4 col-sm-6 col-md-4 col-xs-10 col-xs-offset-1 margin-bottom-20\">\n <a href=\"/routes-fares/schedules/daily/HSB-LNG\" class=\"btn btn-outline-primary btn-block margin-bottom-20 view-schedules-btn schedule-view-btn\">View daily schedule</a> \n</div>\n\n </div>\n </div>\n \n <div class=\"schedule-table-note\">\n Note: Schedules subject to change without notice.\n Last updated: \n \n \n Jan 26, 2025.\n \n </div>\n </div>\n </div>\n \n \n \n <div class=\"ml-60 margin-l-10px-mobile\">\n <section class=\"yCmsContentSlot\">\n\n <div class=\"content\">\n </div>\n\n\n </section>\n </div>\n </form>\n </div>\n \n </div>\n </div>\n \n\n </div>\n </div>\n</div>\n<div>\n <div class=\"row information-div margin-bottom-30\">\n \n \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 \n <a href=\"/current-conditions/service-notices\"\n >Service notices</a>\n </div>\n</div>\n\n \n \n \n \n \n \n \n \n \n \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 \n <a href=\"/current-conditions\"\n >Current Conditions</a>\n </div>\n</div>\n\n \n \n \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 \n <a href=\"/current-conditions/departures\"\n >Departures and arrivals</a>\n </div>\n</div>\n\n </div>\n <div class=\"row information-div margin-bottom-30\">\n <div class=\"col-md-offset-4 col-md-4 col-xs-12\">\n \n \n \n \n \n <a class=\"btn btn-primary btn-block\" href=\"/?sailing=true&departureLocation=HSB&departureLocationName=West+Vancouver+-+Vancouver+(Horseshoe+Bay)&arrivalLocation=LNG&arrivalLocationName=Langdale+-+Sunshine+Coast+(Langdale)\">Book this route</a>\n \n \n \n \n </div>\n </div>\n</div>\n\n\n\n \n \n \n \n\n\n\n\n\n\n\n\n\n\n<div id=\"dateRangeModal\" 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 ×\n </button>\n </div>\n\n \n \n \n \n \n \n \n \n \n \n \n <a href=\"/routes-fares/schedules/seasonal/HSB-LNG?departureDate=20250101-20250331\">\n Jan 01, 2025 - Mar 31, 2025 \n </a>\n \n </div>\n </div>\n</div>\n \n \n \n \n \n\n\n<div class=\"pagebreak\"></div>\n<script>\n let lastKnownScrollPosition = 0;\n let ticking = false;\n\n\n function onScrollScheduleStickyHeader(scrollPos) {\n\n const stickyHeader=Array.from(document.querySelectorAll('.schedules-sticky-header'));\n const scheduleDays=Array.from(document.querySelectorAll('[data-schedule-day]'));\n const scheduleRoutes=Array.from(document.querySelectorAll('[data-schedule-route]'));\n\n stickyHeader.forEach(element => {\n let scheduleDay = element.querySelector('#schedule-header-day-text');\n let scheduleRoute = element.querySelector('#schedule-header-route-text');\n\n scheduleDays.forEach(day => {\n const rect = day.getBoundingClientRect();\n if(rect.top<250){\n scheduleDay.innerText = day.getAttribute('data-schedule-day').slice(0, 3)\n }\n })\n scheduleRoutes.forEach((route,index) => {\n const rect = route.getBoundingClientRect();\n if(rect.top<250){\n scheduleRoute.innerText = route.getAttribute('data-schedule-route')\n var directionLink = Array.from(document.querySelectorAll('.direction-link'));\n if(index === 0 && directionLink[1]) {\n directionLink[1].href = \"#ReturnSchedule\"\n } else if (directionLink[1]) {\n directionLink[1].href = \"#OnwardSchedule\"\n }\n }\n })\n\n if(scrollPos>250){\n element.classList.add('visible')\n }else{\n element.classList.remove('visible')\n }\n });\n }\n document.addEventListener('scroll', function(e) {\n lastKnownScrollPosition = window.scrollY;\n if (!ticking) {\n window.requestAnimationFrame(function() {\n onScrollScheduleStickyHeader(lastKnownScrollPosition);\n ticking = false;\n });\n\n ticking = true;\n }\n\n });\n\n</script>\n</section><section class=\"yCmsContentSlot\">\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n \n \n \n \n \n \n \n \n\n\n\n\n<div class=\"container printable\">\n <div class=\"row\">\n <div class=\"col-lg-12 col-md-12 col-xs-12\">\n \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\n \n \n <h2 data-schedule-route=\"Sunshine Coast (Langdale) to Vancouver (Horseshoe Bay)\" class=\"text-dark-blue\" id=\"ReturnSchedule\">Sunshine Coast (Langdale) to Vancouver (Horseshoe Bay)\n </h2>\n\n <div id=\"schedules-sticky-header\" class=\"schedules-sticky-header\">\n <div class=\"header-wrapper\">\n <div class=\"row\">\n <div class=\"col-lg-2 col-md-2 col-sm-2 col-xs-1\">\n </div>\n <div class=\"col-lg-6 col-md-5 col-sm-5 col-xs-9 text-left padding-left-0 padding-right-0\">\n <div class=\"schedule-header-route\">\n \n <script></script>\n \n </div>\n </div>\n <div class=\"col-lg-2 col-md-3 col-sm-3 col-xs-1 text-right padding-right-0 padding-left-0\">\n <div class=\"schedule-return-header\">\n <a href=\"#ReturnSchedule\" class=\"direction-link\">\n View return schedule\n \n </a> \n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-lg-2 col-md-2 col-sm-2 col-xs-1\">\n </div>\n <div class=\"col-lg-4 col-md-4 col-sm-4 col-xs-2 text-left padding-left-0 padding-right-0 schedule-header-border-top\">\n <div class=\"schedule-header-day\">\n \n <script></script>\n \n \n </div>\n </div>\n <div class=\"col-lg-4 col-md-4 col-sm-4 col-xs-8 text-right padding-right-0 schedule-header-border-top\">\n\n \n <div class=\"schedule-calendar-header\">\n \n <a href=\"#dateRangeModal\" data-toggle=\"modal\" data-target=\"#dateRangeModal\">\n \n \n \n \n \n \n\n \n \n\n Jan 01, 2025 - Mar 31, 2025\n \n \n </a>\n \n </div>\n\n </div>\n <div class=\"col-lg-2 col-md-2 col-sm-2 col-xs-1\">\n </div>\n </div>\n </div>\n </div>\n <table class=\"table table-seasonal-schedule schedule-collapse-header\">\n <tr>\n <td>\n <div class=\"schedule-return-collapse-title\">\n \n \n \n \n <a href=\"#OnwardSchedule\">\n View return schedule\n </a>\n \n \n </div>\n </td>\n <td class=\"width-20-percent\">\n \n <div>\n <a href=\"https://www.bcferries.com/web_image/h45/hd6/9032074035230.pdf\" target=\"_blank\">\n \n Printable version\n </a>\n \n </div>\n \n </td>\n </tr>\n </table>\n <section class=\"yCmsContentSlot\">\n\n <div class=\"content\">\n <div class=\"content\">\n </div>\n </div>\n\n\n </section>\n\n \n \n \n \n \n \n \n <div id=\"tabsReturn\" class=\"custom-ui-detail schedules-tabs\">\n <ul>\n <li class=\"schedules-tab hidden-print\" style=\"width:49%;\">\n <a class=\"schedulesTabJs\" name=\"tabs-1-Return\" href=\"/routes-fares/schedules/daily/LNG-HSB\">Daily</a>\n </li>\n <li class=\"schedules-tab ui-tabs-active ui-state-active hidden-print\" style=\"width:49%;\">\n <a class=\"schedulesTabJs tab-link\" name=\"tabs-2-Return\" href=\"#tabs-2-Return\">Seasonal</a>\n </li>\n </ul>\n <div id=\"tabs-2-Return\">\n \n <div class=\"seasonalSchedulesContainer-tabs\">\n <form action=\"/routes-fares/schedules/seasonal/HSB-LNG\" id=\"seasonalSchedulesForm\" method=\"get\">\n <div class=\"row\">\n \n <div class=\"col-lg-4 col-md-4 col-sm-10 col-xs-10 col-lg-offset-4 col-md-offset-4 col-sm-offset-1 col-xs-offset-1\">\n <div class=\"schedules-calendar schedule-custom-calendar\">\n \n <div>\n <a href=\"#dateRangeModal\" data-toggle=\"modal\" data-target=\"#dateRangeModal\">\n \n \n \n \n \n \n\n \n \n\n Jan 01, 2025 - Mar 31, 2025\n \n </a>\n </div>\n \n </div>\n\n </div> \n\n \n\n <div class=\"ml-60 margin-l-10px-mobile\">\n <section class=\"yCmsContentSlot\">\n\n <div class=\"content\">\n </div>\n\n\n </section>\n </div>\n\n \n <div class=\"schedule-left-padding-service-notice schedule-right-padding-service-notice\">\n <div class=\"row\">\n <div class=\"col-xs-12\">\n Service notices \n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-12 padding-top-20 padding-bottom-20\">\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <div class=\"ml-40 inherit-margin-mobile\">\n <div class=\"\" style=\"display : inline-flex;\">\n <a href=\"/current-conditions/service-notices?serviceNoticeCode=8802745429768&subscriptionRoute=GAM-KTS-LNG&routeCode=03LNGA\">\n \n </a>\n </div>\n <div class=\"\" style=\"display : inline-flex;\">\n <a href=\"/current-conditions/service-notices?serviceNoticeCode=8802745429768&subscriptionRoute=GAM-KTS-LNG&routeCode=03LNGA\">\n Langdale Life Extension - February 10 - May 31, 2025\n </a>\n </div>\n </div>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n <div class=\"ml-40 inherit-margin-mobile\">\n <div class=\"\" style=\"display : inline-flex;\">\n <a href=\"/current-conditions/service-notices?serviceNoticeCode=8802647420680&subscriptionRoute=HSB-DEP&routeCode=02NANA\">\n \n </a>\n </div>\n <div class=\"\" style=\"display : inline-flex;\">\n <a href=\"/current-conditions/service-notices?serviceNoticeCode=8802647420680&subscriptionRoute=HSB-DEP&routeCode=02NANA\">\n Horseshoe Bay Transfer Deck Life Extension Project - November 2024 to May 2025\n </a>\n </div>\n </div>\n \n </div>\n </div>\n </div>\n \n\n \n \n <div class=\"col-xs-12\">\n <div class=\"row\">\n <div class=\"seasonal-schedule-wrapper col-xs-12\">\n <table class=\"table table-seasonal-schedule\">\n \n\n <thead>\n\n <tr data-schedule-day=\"MONDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">MONDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:20 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:00 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:40 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:20 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:50 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:30 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 1:05 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">1:45 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 3:15 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">3:55 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:25 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:05 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:40 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:20 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"TUESDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">TUESDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:20 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:00 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:40 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:20 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:50 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:30 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 1:05 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">1:45 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 3:15 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">3:55 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:25 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:05 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:40 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:20 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"WEDNESDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">WEDNESDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:20 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:00 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:40 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:20 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:50 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:30 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 1:05 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">1:45 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 3:15 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">3:55 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:25 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:05 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:40 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:20 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"THURSDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">THURSDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:20 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:00 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:40 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:20 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:50 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:30 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 1:05 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">1:45 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 3:15 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">3:55 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:25 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:05 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:40 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:20 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"FRIDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">FRIDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:20 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:00 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:40 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:20 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:50 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:30 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 1:05 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">1:45 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 3:15 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">3:55 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:25 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:05 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:40 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:20 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"SATURDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">SATURDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:20 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:00 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:40 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:20 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:50 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:30 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 1:05 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">1:45 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 3:15 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">3:55 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:25 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:05 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:40 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:20 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n\n <thead>\n\n <tr data-schedule-day=\"SUNDAY\">\n <th class=\"width-5-percent hidden-xs\"></th>\n <th >\n <h4 style=\"text-transform:initial;\" class=\"text-dark-blue schedules-margin-top\">SUNDAY</h4>\n Depart\n </th>\n <th class=\"schedule-gray-th-color\">\n Arrive\n </th>\n <th class=\"schedule-gray-th-color\">\n DURATION\n </th>\n <th class=\"width-30-percent schedule-gray-th-colo\">\n STOP DETAILS\n </th>\n <th class=\"width-5-percent hidden-xs\"></th>\n </tr>\n </thead>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:20 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:00 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:40 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:20 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 10:50 AM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">11:30 AM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 1:05 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">1:45 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 3:15 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">3:55 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 5:25 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">6:05 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 6:40 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">7:20 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-table-row\">\n <td class=\"width-5-percent hidden-xs\"></td>\n <td class=\"schedule-dark-blue max-width-400\">\n \n 8:55 PM \n \n \n \n \n </td>\n <td class=\"schedule-dark-blue schedules-arrival-time-mobile\">9:35 PM</td>\n <td class=\"schedule-grey italic-style\">00:40 </td>\n <td class=\"hidden-xs schedule-grey schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n <td class=\"width-5-percent hidden-xs\">\n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n </td>\n </tr>\n <tr class=\"mobile-stop-view\" >\n <td colspan=\"6\" class=\"schedule-stop-details-first-word\">\n \n \n \n \n \n \n \n <a class=\"schedule-grey italic-style\" href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n \n \n \n \n </td>\n </tr>\n \n \n <tr class=\"schedule-legend\">\n <td width=\"5%\" class=\"hidden-xs\"></td>\n <td colspan=\"3\">\n \n <label class=\"scschedule-custom-tdhedules-li-lable\">\n LEGEND\n </label> \n <ul class=\"list-unstyled list-inline schedules-li mb-0\">\n <li class=\"schedule-non-stop\">\n <a href=\"#nonStopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#nonStopDetailsModal\">\n \n Non-stop\n </a>\n </li>\n <li class=\"schedule-transfer\">\n <a href=\"#transferDetailsModal\" data-toggle=\"modal\"\n data-target=\"#transferDetailsModal\">\n \n Transfer\n </a>\n </li>\n <li class=\"schedule-stop\">\n <a href=\"#stopDetailsModal\" data-toggle=\"modal\"\n data-target=\"#stopDetailsModal\">\n \n Stop\n </a>\n </li>\n <li class=\"schedule-thru\">\n <a href=\"#thrufareDetailsModal\" data-toggle=\"modal\"\n data-target=\"#thrufareDetailsModal\">\n \n Thru fare\n </a>\n </li>\n </ul>\n </td>\n </tr>\n <tr>\n <td class=\"width-5-percent hidden-xs\"></td>\n <td colspan=\"3\">\n \n <div class=\"row hidden-print\">\n <div class=\"col-xs-12\">\n <a href=\"https://www.bcferries.com/web_image/h45/hd6/9032074035230.pdf\" target=\"_blank\">\n \n Printable version\n </a>\n \n </div>\n </div>\n \n </td>\n </tr>\n </table>\n <div class=\"row\">\n <div class=\"col-xs-10 margin-l-10px-mobile\" style=\"margin-left:54px;\">\n \n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-10 margin-l-10px-mobile font-size-14\" style=\"margin-left:54px;\">\n <div class=\"schedules-legend-description-text\">\n \n Langdale terminal is located on the Sunshine Coast and is a 10 minute drive from the community of Gibsons. The terminal provides service to Horseshoe Bay (Vancouver) as well as a foot passenger service to Gambier Island & Keats Island. During the summer, there is a Marketplace on-site with food and shopping options.\n\n<h5>Loading vehicles during extreme tide conditions </h5>\n\nAt this terminal, vehicles with very low ground clearance or extended overhangs on the rear axle (e.g., buses, RVs, low-bed vehicles) may be asked to wait for a later sailing when the tide is extremely high or low to avoid damage to the vehicle, vessel and environment.\n\n<a href=\"https://www.bcferries.com/tidal-conditions\" target=\"_blank\">Check tidal conditions before you travel.</a>\n\n<h5>Check-in times</h5>\n\nWith a reservation – Arrive at the terminal 30 to 60 minutes prior to the scheduled departure. Your booking will not be honoured and travel will be based on your order of arrival at the terminal if you arrive before booking check-in has opened, or after booking check-in has closed.\n\n<ul>\n\t<li>Booking check-in for foot passenger groups and vehicles opens 60 minutes prior to the scheduled departure.</li>\n\t<li>Booking check-in for foot passenger groups and vehicles closes 30 minutes prior to the scheduled departure.</li>\n</ul>\n\nWithout a reservation – Travel is based on your order of arrival at the terminal. \n\n<ul>\n\t<li>Ticket sales and check-in close 5 minutes prior to the scheduled sailing departure for foot passengers and vehicles.</li>\n</ul>\n\n<a href=\"https://www.bcferries.com/travel-boarding/travel-tips#travel-tips-by-region\" target=\"_blank\">Check here for more information if travelling between Vancouver, Sunshine Coast and Texada Island.</a>\n\n \n \n </div>\n </div>\n </div>\n \n <div class=\"hidden-print\">\n <div class=\"row\">\n \n\n\n\n\n<div class=\"col-md-offset-4 col-sm-offset-3 col-lg-offset-4 col-lg-4 col-sm-6 col-md-4 col-xs-10 col-xs-offset-1 margin-bottom-20\">\n <a href=\"/routes-fares/schedules/daily/LNG-HSB\" class=\"btn btn-outline-primary btn-block margin-bottom-20 view-schedules-btn schedule-view-btn\">View daily schedule</a> \n</div>\n\n </div>\n </div>\n \n <div class=\"schedule-table-note\">\n Note: Schedules subject to change without notice.\n Last updated: \n \n \n Jan 26, 2025.\n \n </div>\n </div>\n </div>\n \n \n \n <div class=\"ml-60 margin-l-10px-mobile\">\n <section class=\"yCmsContentSlot\">\n\n <div class=\"content\">\n </div>\n\n\n </section>\n </div>\n </form>\n </div>\n \n </div>\n </div>\n \n\n </div>\n </div>\n</div>\n<div>\n <div class=\"row information-div margin-bottom-30\">\n \n \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 \n <a href=\"/current-conditions/service-notices\"\n >Service notices</a>\n </div>\n</div>\n\n \n \n \n \n \n \n \n \n \n \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 \n <a href=\"/current-conditions\"\n >Current Conditions</a>\n </div>\n</div>\n\n \n \n \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 \n <a href=\"/current-conditions/departures\"\n >Departures and arrivals</a>\n </div>\n</div>\n\n </div>\n <div class=\"row information-div margin-bottom-30\">\n <div class=\"col-md-offset-4 col-md-4 col-xs-12\">\n \n \n \n \n \n <a class=\"btn btn-primary btn-block\" href=\"/?sailing=true&departureLocation=LNG&departureLocationName=Langdale+-+Sunshine+Coast+(Langdale)&arrivalLocation=HSB&arrivalLocationName=West+Vancouver+-+Vancouver+(Horseshoe+Bay)\">Book this route</a>\n \n \n \n \n </div>\n </div>\n</div>\n\n\n\n \n \n \n \n \n\n\n\n\n\n\n\n\n\n\n<div id=\"dateRangeModal\" 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 ×\n </button>\n </div>\n\n \n \n \n \n \n \n \n \n \n \n \n <a href=\"/routes-fares/schedules/seasonal/HSB-LNG?departureDate=20250101-20250331\">\n Jan 01, 2025 - Mar 31, 2025 \n </a>\n \n </div>\n </div>\n</div>\n \n \n \n \n\n\n<div class=\"pagebreak\"></div>\n<script>\n let lastKnownScrollPosition = 0;\n let ticking = false;\n\n\n function onScrollScheduleStickyHeader(scrollPos) {\n\n const stickyHeader=Array.from(document.querySelectorAll('.schedules-sticky-header'));\n const scheduleDays=Array.from(document.querySelectorAll('[data-schedule-day]'));\n const scheduleRoutes=Array.from(document.querySelectorAll('[data-schedule-route]'));\n\n stickyHeader.forEach(element => {\n let scheduleDay = element.querySelector('#schedule-header-day-text');\n let scheduleRoute = element.querySelector('#schedule-header-route-text');\n\n scheduleDays.forEach(day => {\n const rect = day.getBoundingClientRect();\n if(rect.top<250){\n scheduleDay.innerText = day.getAttribute('data-schedule-day').slice(0, 3)\n }\n })\n scheduleRoutes.forEach((route,index) => {\n const rect = route.getBoundingClientRect();\n if(rect.top<250){\n scheduleRoute.innerText = route.getAttribute('data-schedule-route')\n var directionLink = Array.from(document.querySelectorAll('.direction-link'));\n if(index === 0 && directionLink[1]) {\n directionLink[1].href = \"#ReturnSchedule\"\n } else if (directionLink[1]) {\n directionLink[1].href = \"#OnwardSchedule\"\n }\n }\n })\n\n if(scrollPos>250){\n element.classList.add('visible')\n }else{\n element.classList.remove('visible')\n }\n });\n }\n document.addEventListener('scroll', function(e) {\n lastKnownScrollPosition = window.scrollY;\n if (!ticking) {\n window.requestAnimationFrame(function() {\n onScrollScheduleStickyHeader(lastKnownScrollPosition);\n ticking = false;\n });\n\n ticking = true;\n }\n\n });\n\n</script>\n</section><section class=\"yCmsContentSlot\">\n\n\n\n\n\n \n \n \n \n \n\n\n<div class=\"container\">\n\t<div class=\"row offers-grouped-component\">\n\t\n\t\t<div class=\"js-list-box-width col-lg-4 col-md-4 col-sm-4 col-xs-12\">\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 \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\tManage your trips, your way! Download the app today on the App Store or Google Play Store.\n\t </div>\n\t <div class=\"card-link\">\n <a href=\"https://www.bcferries.com/app\" >Learn more </a></div>\n\t </div>\n\t </div>\n\n </div>\n</div>\n <div class=\"js-list-box-width col-lg-4 col-md-4 col-sm-4 col-xs-12\">\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 \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\tCheck out our travel tips and make your next journey a smooth sailing. See you on board soon.\n\t </div>\n\t <div class=\"card-link\">\n <a href=\"https://www.bcferries.com/travel-boarding/travel-tips\" >View tips </a></div>\n\t </div>\n\t </div>\n\n </div>\n</div>\n <div class=\"js-list-box-width col-lg-4 col-md-4 col-sm-4 col-xs-12\">\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 \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\tCheck out BC Ferries sailing specials before you sail, to see how you can save!\n\t </div>\n\t <div class=\"card-link\">\n <a href=\"https://www.bcferries.com/deals-special-offers/sailing-specials\" >Learn more </a></div>\n\t </div>\n\t </div>\n\n </div>\n</div>\n </div>\n</div></section>\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\">onBoard 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\"> </a></li>\n\t<li><a href=\"https://twitter.com/bcferries\" target=\"_blank\"></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\"> </a></li>\n\t<li><a href=\"https://www.linkedin.com/company/25762/\" target=\"_blank\"> </a></li>\n\t<li><a href=\"https://instagram.com/bcferries/\" target=\"_blank\"> </a></li>\n\t<li><a href=\"https://www.youtube.com/c/bcferries\" target=\"_blank\"> </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\" >Media room</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\tVery weak\nWeak\nMedium\nStrong\nVery strong\npassword.strength.unsafepwd\nToo short\nUse %d - %m characters with a mix of any 3 [upper case letters, lower case letters, numbers & symbols]\n8\n32\nPassword must be more than eight characters and contain a mix of any three of the following: upper case letters, numbers and symbols.\nPassword must be less than 32 characters and contain a mix of any three of the following: upper case letters, numbers and symbols.\nEnter current password\nEnter valid email address\nPassword not valid\nSelect account type\nEnter first name\nEnter last name\nConfirm Email Not Valid\nPassword must be more than eight characters and contain a mix of any three of the following: upper case letters, numbers and symbols.\nPasswords do not match\nEnter valid postal/zip code\nLoading... Please wait...\nStores loaded\nView schedule from\nView sailing status from\nDiscover our routes from\nto\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 = \"640eb6f6-8856-4444-89db-b078e8b12b97\";\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"