PageSourceSearch

https://www.dublinexpress.ie/dublin-airport

html dublinexpress.ie collected 2026-10-02 12:44:58 UTC 264,375 bytes, 6,344 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="en">
5<head>
6    <meta charset="UTF-8">
7    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1,IE=8">
8    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
9    <meta name="mobile-web-app-capable" content="yes">
10    
11    
11<script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="bbbb1a91-9eb5-4701-a6f0-a1650628c5e6"></script>
11
12    
12<script type="text/javascript">
13        function OptanonWrapper() { }
14    </script>
14
15
16    
17<title>Bus to Dublin Airport | From €9 | Dublin Express </title>
18<meta name="keywords" content="" />
19<meta name="description" content="Travel to Dublin Airport by bus from Dublin City from just €9 or Belfast from £8.50. Services every 7½ mins at peak. Free Wi-Fi, luggage included. Book online." />
20<meta name="domain" value="https://www.dublinexpress.ie/" />
21    <meta name="ROBOTS" content="index, follow" />
22    <link rel="canonical" href="https://www.dublinexpress.ie/dublin-airport" />
23    <link rel="icon" type="image/png" href="/media/10993/dx_favicon_16px.png" sizes="16x16" />
24    <link rel="icon" type="image/png" href="/media/10994/dx_favicon_32px.png" sizes="32x32" />
25    <link rel="icon" type="image/png" href="/media/10995/dx_favicon_48px.png" sizes="48x48" />
26<meta property="og:type" content="website" />
27<meta property="og:locale" content="en_GB" />
28    <meta property="og:title" content="Bus to Dublin Airport | From €9 | Dublin Express" />
29<meta property="og:url" content="https://www.dublinexpress.ie/dublin-airport" />
30    <meta property="og:description" content="Travel to Dublin Airport by bus from Dublin City from just €9 or Belfast from £8.50. Services every 7½ mins at peak. Free Wi-Fi, luggage included. Book online." />
31
32    
33	<link rel="alternate" hreflang="Dublin Airport" href="https://www.dublinexpress.ie/dublin-airport" />
34
35    <link rel="preconnect" href="https://fonts.googleapis.com">
36    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
37    <link rel="preload" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
38    <link rel="preload" href="/dist/vendor-css/coach/bootstrap.css?" as="style" onload="this.onload=null;this.rel='stylesheet'">
39    <noscript><link rel="stylesheet" href="/dist/vendor-css/coach/bootstrap.css?"></noscript>
40    <link rel="preload" href="/dist/vendor-css/coach/coach.css?" as="style" onload="this.onload=null;this.rel='stylesheet'">
41    <noscript><link rel="stylesheet" href="/dist/vendor-css/coach/coach.css?"></noscript>
42    
43    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Titillium&#x2B;Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&amp;display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
44
45    
46<script>
vendor: 451 bytes, lines 46-54
46
47    (function (w, d, s, l, i) {
48        w[l] = w[l] || []; w[l].push({
49            'gtm.start':
50                new Date().getTime(), event: 'gtm.js'
51        }); var f = d.getElementsByTagName(s)[0],
52            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
53            'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
54    })(window, document, 'script', 'dataLayer', '
54GTM-N73WW6W
vendor: 4 bytes, line 54
54');
55</script>
55
56
57    
58<script type="text/javascript" src="https://try.abtasty.com/4aa77c70ec894f5f2b9a999f005c9cff.js"></script>
58
59
60
61    
62
63    
64<style>
65.breadcrumb {display: none;}
66</style>
67<style>
68.hero__title, .hero__subtitle { display: none }
69
70.hero__img {
71    background-color: #150958 !important;
72}
73</style>
74<style>* {margin: 0px;padding: 0px;box-sizing: border-box;font-family: 'Titillium Web', sans-serif;}.nx-loader-icon i {color: #fff !important;}.cookie-msg {background-image: linear-gradient(to right, #150958 0%, #084cc2 100%);}div[data-title="Top USP"] .col-xs-12:nth-child(2) a > i, div[data-title="Top USP Journey"] .col-xs-12:nth-child(2) a > i {display: none;}.alert {position: relative;padding: 1rem 1rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .25rem;}.alert > p {margin-bottom: 0px;}.alert-link {text-decoration: underline;}.alert-info {color: #055160;background-color: #cff4fc;border-color: #b6effb;}p {font-weight: 500;}h2 {font-weight: 700;letter-spacing: -1.5px;}div.headerPrimary > .container {position: relative;}nav.accountNavigation {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);}.accountNavigation__link {font-size: 1.3em;font-weight: 500;position: relative;padding-bottom: 3px;color: #0e0e0e;height: auto;}.accountNavigation__link:hover {color: #0e0e0e !important;}.accountNavigation__link:after {content: '';display: block;position: absolute;bottom: 0px;left: 0px;width: 100%;height: 0px;background: transparent;transition: height .25s ease;}.accountNavigation__link:hover:after {background-image: linear-gradient(to right, #2e1b9e 0%, #2575fc 100%);height: 3px;}.accountNavigation__item {border-right: none;}.mobilePanel {margin-top: 90px;}.utilityBottom {display: none;}.mobilePanel ul.mobilePanel__nav--active {height: 100vh;}ul.mobilePanel__nav.mobilePanel__nav--active {display: flex;flex-direction: column;gap: 20px;padding-top: 25px;position: fixed;width: 100vw;}.mobilePanel__link {margin-left: 25px;margin-top: 10px;}.mobilePanel__link i.nav_icon {margin-right: 10px;font-size: 1.3em;}.hero.hero--full.jp-hero {height: 550px;}p#hero_subtitle {text-align: center;color: #ffffff;font-size: 24px;margin-bottom: 0px;}@media only screen and (max-width:600px) {p#hero_subtitle {font-size: 20px;}}body .plannerForm {padding: 20px !important;box-shadow: none !important;}.content_de {position: relative;color: White;z-index: 5;padding: 10px;}.content_de h1 {color: #fff;text-align: center;font-weight: 500;letter-spacing: -1px;}.plannerForm__inputBelt__field__passenger-modal-toggle {width: 25.5%;}body .plannerForm__inputBelt {width: 100%;margin: 0;}body .plannerForm__inputBelt__field {font-size: 1.1em;font-weight: 400;}.plannerForm__inputBelt__field:focus {background-color: #ffffff !important;}body .plannerForm__inputBelt__field_overide {padding: 10px 10px 10px 40px;}body .icon__arrow {background: url("/media/7664/arrow.png") right center no-repeat #fff;cursor: pointer;}body .icon__calendar {background: url("/media/7665/cal.png") left center no-repeat #fff;}body .icon__pax {background: url("/media/7662/pax.png") left center no-repeat #fff;}i.clear_location {top: 50%;right: 10px;transform: translateY(-50%);}body .plannerForm__inputBelt__icon {top: 15px;left: 0%;background-color: #150958;}.dx-faq {margin-top: 20px;font-size: 1.6em;font-weight: 400;padding: 9px 10px;border: 1.5px solid #337AB7;border-radius: 4px;}.db_pax {float: left;padding-top: 4px }.db_pax_selector {float: right;margin-top: 0 }body .plannerForm__inputBelt__field__complete {border: none !important;}.plannerPassenger__counter__button {width: 35px;height: 35px;background: #150958;}.plannerPassenger__counter__button:focus {background-color: #081823 !important;color: #FFF;}.plannerPassenger__counter__input {color: #150958;width: 40px;height: 35px;padding: 5px;background: #FFF;appearance: none;border: 1px solid #150958;border-radius: 0;}#jp-submit-div {width: 24%;}body .plannerForm__inputBelt__button {font-size: 1.6em;}.background {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);}.sectionGroup__block__summary--new h2 {}.sectionGroup__block__summary--new p {font-size: 1.15em;line-height: 28px;}.sectionGroup__block__summary ul, .sectionGroup__block__summary ol {padding-inline: 40px;}.offerCard__content {filter: drop-shadow(2px 4px 6px black);}div[data-title="Top USP"] > .row > .container, div[data-title="Top USP Journey"] > .row {width: 93%;background: white;position: relative;bottom: 85px;border-radius: 8px;box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%);}div[data-title="Top USP"] .textOffer, div[data-title="Top USP Journey"] .textOffer {margin-bottom: 10px;}i.fa {color: #0947ba;}i.fa.fa-clock-o {transform: rotateY(180deg);}div.textOffer .col-xs-2 {display: flex;justify-content: center;}.textOffer__icon {font-size: 2.5em;}.textOffer__title {font-size: 1.4em;color: #150958;font-weight: 700;letter-spacing: -1px;}.textOffer__desc {color: #1e212c;font-weight: 600;}div[data-group-name="container"] {max-width: 1260px;width: 95%;margin: 0 auto;}div[data-group-name="container"] > .--container-50.col-md-6:nth-child(1) {padding-left: 0px !important;}div[data-group-name="container"] > .--container-50.col-md-6:nth-child(2) {padding-right: 0px !important;}div[data-group-name="container"] > .--container-50.col-md-6 > .destinationGroup__block {padding: 0px;}.brand {display: none !important;}.footerGroup {background-image: linear-gradient(to right, #150958 0%, #084cc2 100%);position: absolute;
74left: 5px;color: #ffffff;padding: 40px 0px;}.footerGroup__navList__item > a {color: #ffffff;font-size: 1em;font-weight: 500;}div.payment-card-div {width: 200px;}.Outer__ticket {height: 350px;margin: 0 auto;background-color: #f5f5f5;border-radius: 25px;position: relative;overflow: hidden;padding: 20px 20px 60px 20px;}.ticket_header {display: flex;justify-content: space-between;align-items: center !important;}.ticket_logo {width: 130px;top: 0px;left: 0px }.--container-80.--help-blocks .ticket_logo img {width: 100%;margin-bottom: 0px;}#ticket_date {color: #a6a6a6;font-family: 'Open Sans', sans-serif;font-weight: 100;font-size: 14px;white-space: nowrap;}#ticket_time {color: #a6a6a6;font-family: 'Open Sans', sans-serif;font-weight: 100;font-size: 14px;white-space: nowrap;position: absolute;bottom: 0px;right: 0px;padding: 20px;}.ticket_title {text-align: center;font-size: 26px;font-weight: 700;color: #150958;white-space: nowrap;letter-spacing: -0.5px;margin-top: 24px;}.circle__left {position: absolute;width: 50px;height: 50px;background-color: #ffffff;border-radius: 50%;top: 60%;left: -25px;transform: translateY(-50%);z-index: 1;}.circle__right {position: absolute;width: 50px;height: 50px;background-color: #ffffff;border-radius: 50%;top: 60%;right: -25px;transform: translateY(-50%);z-index: 1;}.ticket_info {color: #737373;font-family: neo-sans, Arial, sans-serif;display: flex;flex-direction: row;justify-content: space-evenly;white-space: nowrap;margin: 22px 10px;}.ticket_info p {font-weight: 400;font-family: open-sans, Arial, sans-serif;font-size: 1em;margin: 15px 0px;color: #737373;}.ticket_info span {font-weight: bold;color: #150958;font-size: 1.1em;font-family: neo-sans, Arial, sans-serif;}.row_1 {display: flex;justify-content: space-around;width: 50%;}.row_2 {display: flex;justify-content: space-around;width: 50%;}.row_3 {text-align: center;z-index: 5;}.row_3 .ticket_download {color: #0b97e8;font-weight: bold;margin-top: 26px;}.row_3 .fa-download {color: #0b97e8;}.ticket_button {font-family: neo-sans, Arial, sans-serif;font-weight: 600;background-color: limegreen;border: none;outline: none;color: #ffffff;padding: 7px 25px;margin-top: 10px;font-size: 1.35em;cursor: pointer;border-radius: 4px;line-height: 1px;}.ticket_dotted {border-top: 2px dashed #a6a6a6;position: absolute;top: 30px;}.ticket_footer {border-top: 1.5px dashed #a6a6a6;position: absolute;width: 85%;margin: 0 auto;top: 60%;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;padding: 0px 20px;z-index: 1;}h4.ticket_footer_header {font-weight: bold;font-size: 18px;}p.ticket_footer_text {color: #737373;font-family: open-sans, Arial, sans-serif;font-size: 1em;font-weight: 100;}.inner_footer {width: 250px;text-align: center;}.footer_button {font-size: 0.9em;font-weight: 100;height: 35px;padding: 9px 18px;background-color: #0b97e8;}h3.sectionGroup__block__accordion__title {background-color: #ffffff;font-size: 20px;letter-spacing: -0.5px;color: #150958;}.sectionGroup__block__accordion__text {color: #150958;padding: 10px 20px;margin: 0px auto 0;background-color: #FFFFFF;border-top: 0.5px solid lightgrey;}.sectionGroup__block__accordion__text ul, .sectionGroup__block__accordion__text ol {padding-inline-start: 25px;}.dropdown-stops {display: flex;align-items: flex-start;}.stop-directions-section {width: 50%;}.stop-directions {justify-content: space-around;}.map-directions {width: 50%;}.map-directions > p {font-weight: 600;}.stop-directions-section .stop-ul {list-style-type: none;padding: 0px;}.stop-name {font-weight: bold;color: #333333;}.stop-address {font-style: italic;}.stop-desc {width: 100%;margin-bottom: 10px;}.stop-button {text-decoration: underline;}.sectionGroup__block__accordion__text h4 {font-size: 1.25em;}.sectionGroup__block__accordion__text p {font-size: 1.1em;}.sectionGroup__block__accordion__text > ul {padding-left: 40px;}.sectionGroup__block.no-gaps.sectionGroup__block__accordion.hasNoSubLabel {border-radius: 8px;box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 5px 0 rgb(19 41 104 / 20%) !important;}.sectionGroup__block.no-gaps.sectionGroup__block__accordion.hasNoSubLabel:hover {border-radius: 8px;box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%) !important;}.grouped--accordion .sectionGroup__block__accordion__title {height: 71px;padding-top: 25px;}
74.accountNavigation__searchWrap {width: 60px;height: 40px;text-align: center;line-height: 40px;position: relative;z-index: 200;font-size: 1.2em;font-weight: 600;color: #FFF;border-radius: 4px;border: none;background: #12354C;float: left;padding: 0 }.accountNavigation__searchWrap a, .accountNavigation__searchWrap a:hover {color: #FFF }.accountNavigation__list {margin-right: 5px }#footer-logo {width: 200px }.brand__desc {margin-top: 5px;line-height: 28px;color: #fff;font-size: .85em;padding-right: 120px;}.calendarPopOut {position: absolute;top: 65px;height: auto;background-color: #ccc;padding: 10px;left: -90px;width: 340px;border-radius: 4px;z-index: 2;}#showReturn .ui-datepicker, #showSingle .ui-datepicker {background-color: #ccc;}.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {position: absolute;background-color: #150958;border-radius: 50%;border: none;padding: 0;margin: 0;top: 10px;width: 30px;height: 30px;content: "";}i.fa.fa-chevron-left.cal-left-arrow, i.fa.fa-chevron-right.cal-right-arrow {color: #ccc;}.ui-datepicker-title {color: #150958;font-size: 1.15em;}.ui-datepicker-calendar thead tr th span {color: #150958;}.ui-datepicker td.ui-datepicker-unselectable {background: #ccc;}.ui-datepicker td {padding: 0 !important;margin: 0 2px;border: 2px solid #ccc;color: #000;text-align: center;border-radius: 8px;background: #ccc;}.calendarPopOut--close {border: 2px solid #150958;color: #150958;}.calendarPopOut--close:focus, .calendarPopOut--close:hover {color: #fff;background-color: #150958;border: 2px solid #150958;}#showReturn .ui-datepicker td.ui-datepicker-unselectable span, #showSingle .ui-datepicker td.ui-datepicker-unselectable span {color: #150958;opacity: .3;}#showReturn .ui-datepicker td a, #showReturn .ui-datepicker td span, #showSingle .ui-datepicker td a, #showSingle .ui-datepicker td span {padding: 6px 6px;font-size: 1.1em;font-weight: 600;}.ui-datepicker td.ui-state-disabled:hover {background-color: #ccc;}.ui-datepicker td a.ui-state-active, .ui-datepicker td span.ui-state-active {border-radius: 8px;}.ui-datepicker td:hover {background: #10BD59;}.calendarPopOut:after {border-bottom-color: #ccc;}.ui-datepicker td a.ui-state-active, .ui-datepicker td span.ui-state-active {border-radius: 4px;}body .plannerForm__addReturn {background-color: #ffffff !important;color: #000 !important;opacity: 1 !important;}@media screen and (max-width: 374px) {.headerPrimary {padding: 20px 0px;}.hamburger {padding: 5px 5px 0;}.content_de h1 {color: #fff;font-size: 1.8em;text-align: center;font-weight: 400;}.mobilePanel {margin-top: 81px;}.plannerForm--station-field-container {margin: 0px;}input#departDate {margin-bottom: 0px !important;}body .plannerForm__inputBelt__icon {left: 70%;top: 65px;width: 50px;height: 50px;line-height: 50px;display: flex;justify-content: center;align-items: center;}div[data-title="Top USP"] {margin-bottom: 75px;}div[data-title="Top USP"] > .row > .container, div[data-title="Top USP Journey"] > .row {position: relative;background: #ffffff;border-radius: 8px;box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%);width: 90vw;padding-bottom: 20px;top: 50px;bottom: 0px;}div[data-title="Top USP"] .textOffer, div[data-title="Top USP Journey"] .textOffer, div[data-title="Bottom USP"] .textOffer {margin-bottom: 0px;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 20px 0px 0px 0px;}.alert {bottom: 5px;}div[data-title="Homepage Text"] {margin-left: .5em;margin-right: .5em;}div#topUSP {margin-bottom: 70px;}[data-role=container] .--container-100 .sectionGroup__block--note, [data-role=container] .--container-20 .sectionGroup__block--note, [data-role=container] .--container-50 .sectionGroup__block--note, [data-role=container] .--container-80 .sectionGroup__block--note, [data-role=container] .--container-full .sectionGroup__block--note, .sectionGroup__block__dark-blue, div[data-group-name="Offer card"] {padding: 20px !important;margin: 0 0 5px !important;}div.sectionGroup__block__summary--new h2, .sectionGroup__block__dark-blue h2 {font-size: 1.4em;line-height: 1.2em;}.sectionGroup__block__summary--new p, .sectionGroup__block__dark-blue p, div[data-group-name="Offer card"] p {font-size: 0.9em;line-height: 22px;}div[data-group-name="container"] > .--container-50.col-md-6:nth-child(1) {padding-left: 0.5rem !important;padding-right: 0.5rem !important;}div[data-group-name="container"] > .--container-50.col-md-6:nth-child(2) {padding-left: 0.5rem !important;padding-right: 0.5rem !important;}.offerCard__title {font-size: 1.2em;}.offerCard__link--arrow {font-size: .8em;}.primaryButton {height: 25px;padding: 4px 5px;}div[data-title="Bottom USP"] .textOffer {padding-bottom: 25px;}.headerPrimary__logo {width: 165px;}.ticket_logo {width: 100px;top: 0px;left: 0px;}#ticket_date, #ticket_time {font-size: 10px;}.ticket_title {font-size: 18px;margin-top: 18px;margin-bottom: 24px;}.ticket_info {flex-direction: column;margin: -10px 10px;align-items: center;}.ticket_info .row_1, .ticket_info .row_2 {width: 95%;justify-content: space-around;}.ticket_info p {font-size: 0.9em;margin: 8px 0px;}.row_3 p {font-size: 0.9em;}.ticket_button {padding: 7px 15px;height: 35px;font-size: 1em;}div[data-title="Intro"], div[data-title="About"], div[data-title="Privacy notice"], div[data-title="Terms and Conditions"], div[data-title="Conditions"], div[data-title="How to get in touch"] {padding-left: 1em;padding-right: 1em;}h3.sectionGroup__block__accordion__title {font-size: 0.9em;}.sectionGroup__block__accordion__text {font-size: .8em;}.inner_footer {width: 200px;text-align: center;}.ticket_footer {width: 80%;}
74h4.ticket_footer_header {font-weight: bold;font-size: 1em;}p.ticket_footer_text {font-size: 0.8em;color: #737373;}.footer_button {font-size: 0.8em;height: 30px;padding: 7px 16px;}#outer_icons i {font-size: 28px;}.mobilePanel ul.mobilePanel__nav--active {background-image: linear-gradient(to right, #2a265d, #201e3a);}.mobilePanel__listitem {background: transparent;}.mobilePanel__link {color: #ffffff;font-size: 1.15em;}.mobilePanel__link i {color: #ffffff;}.mob_nav_items a {font-size: 0.95em !important;margin-bottom: 22px;}.mob_nav_underline {width: 85%;height: 5px;bottom: 25px;}.mob_nav_footer i {color: #ffffff;margin: 0px 20px;font-size: 1em;}.mob_nav_footer {position: absolute;bottom: 24px;right: 1px;left: none;transform: none !important;text-align: right;}.features_text {width: 100%;}.textOffer__link {font-size: 16px;}.features_icon {width: 100%;text-align: center;}.card_link-box {padding-left: 0px;padding-right: 0px;}.footerGroup__title i {font-size: 24px;}.footerGroup__title {font-size: 1.2em;}.footerGroup__desc--margin {margin-left: 0px;}.footerGroup__desc {font-size: 1em;text-align: center;margin-top: 10px;}[data-role=container] .--container-20 {padding-left: 0px !important;padding-right: 0px !important;}[data-role=container] .--container-80 {padding-left: 0px !important;padding-right: 0px !important;}[data-role=container] .--container-100 {padding-left: 0px !important;padding-right: 0px !important;}.footerGroup__title {font-size: 1.3em;white-space: nowrap;}.footerGroup__desc--margin {margin-left: 0px;margin-top: 15px;text-align: center;}.page-error-heading {font-size: 1.5em;}div#b-search-form::-webkit-scrollbar {display: none;}div#b-search-form {-ms-overflow-style: none;}div#b-search-form {overflow-y: auto;max-height: 100vh;}header#header-coming-soon {margin: 30px 0px;}#holding-page-logo img {width: 200px;}#holdingPage-container {margin: 1em 1em;}#contact-faq-button {font-size: 1.1em;}span.coming-soon-title-main {font-size: 1.8em;}span.coming-soon-title {font-size: 1.4em;}#holdingPage-container p {font-size: 1em;padding: 0 10px;margin: 20px 0px;}#dx-coming-soon {box-shadow: none;color: mediumseagreen;padding: 0px 5px;font-size: 1.2em;}#opp-container {margin: 40px auto;height: 300px;display: block;}.opp-box {width: 100%;height: 90px;position: relative;margin-bottom: 150px;}div[data-group-name="Offer card"] > div.--container-50 {padding: 0px !important;margin-bottom: 30px;}div[data-group-name="Offer card"] h4.offer-card-title {font-size: 1.3em;text-align: center;}div[data-group-name="Offer card"] p.offer-card-tag {font-size: 0.9em;}div[data-group-name="Offer card"] ul li {font-size: 0.9em;}div[data-group-name="Offer card"] > div.--container-50:nth-child(2) {position: relative;bottom: 15px;}#offers-alert-tag {display: block;margin-top: 14px;width: 100%;position: relative;top: 0px;}div[data-title="About"] .primaryButton {height: 30px;line-height: 30px;font-size: 1.2em;}h2#error-page-title {text-align: center;line-height: 1.2em;}#coach-frame {background-position: center;width: 300px;height: 300px;margin-top: 0px;}.coach {width: 175px;transform: translate(-50%, -0.5%);}.tree-1 {animation: animateCloud 12s linear infinite;transform: scale(0.2);top: -11%;}.tree-2 {animation: animateCloud 10s linear infinite;transform: scale(0.25);top: -70%;}.tree-3 {animation: animateCloud 8s linear infinite;transform: scale(0.3);top: -132%;}.tree-4 {animation: animateCloud 6s linear infinite;transform: scale(0.4);top: -165%;}.tree-5 {animation: animateCloud 4s linear infinite;transform: scale(0.6);top: -218%;}@-webkit-keyframes animateCloud {0% {margin-left: 1000px;}100% {margin-left: -100%;}}@-moz-keyframes animateCloud {0% {margin-left: 1000px;}100% {margin-left: -100%;}}@keyframes animateCloud {0% {margin-left: 1000px;}100% {margin-left: -100%;}}.contact-container {display: block;}h2.contact-us-title {font-size: 1.4em;text-align: left;}div#contact-us-faq {background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;}.contact-us-blocks {width: 100%;font-size: 1.2em;}.contact-us-blocks h3 {font-size: 0.78em;}ul.contact-social-box {font-size: 1.1em;padding: 0px;margin-left: 0px;}i.contact-icon {margin-right: 3px;color: #0947ba;}.contact-number {font-size: 1.2em;}.call-box p {font-size: 1em;}#contact-us-padding {padding-left: 0em !important;padding-right: 0em !important;}.complaints-block p {font-size: 1em;}div[data-title="Top USP Journey"] > .row {bottom: 10px;}div[data-title="Top USP Journey"] > .row i {font-size: 1em;position: relative;bottom: 0px;}div[data-title="Top USP Journey"] > .row .textOffer__title {font-size: 1.2em;text-align: center;}div[data-title="Top USP Journey"] > .row p {font-size: 0.9em;text-align: center;}#passenger-count-div {width: 100%;}#jp-submit-div {width: 100%;}input#departDate {margin-bottom: 0px;}input#returnDate {margin-bottom: 20px;}.dropdown-stops {display: flex;flex-direction: column-reverse;align-items: center;}.stop-directions-section {width: 100%;}.stop-directions {justify-content: space-around;}.map-directions {width: 100%;margin: 30px auto;}.calendarPopOut {position: absolute;top: 75px;height: auto;background-color: #ccc;padding: 10px;left: 0;width: 100%;border-radius: 4px;}i.clear_location {position: absolute;z-index: 1;text-indent: 0px;}ul.breadcrumb, div[data-title="Business contacts"], div[data-title="FAQ"], div[data-title="Persons involved in incidents"], div[data-title="Refunds"], div[data-title="Half Price"], div[data-title="Disabled code of practice"], div[data-title="Cookie policy"] {padding: 0 0.5em;}div[data-title="About"] h3, div[data-title="Terms and Conditions"] h3 {font-size: 1.2em;}}@media (max-width:601px) and (min-width:375px) {.headerPrimary {padding: 20px 0px;}.hamburger {padding: 5px 5px 0;}.content_de h1 {color: #fff;font-size: 2em;text-align: center;font-weight: 400;}.plannerForm--station-field-container {margin: 0px;}input#departDate {margin-bottom: 0px !important;}body .plannerForm__inputBelt__icon {left: 70%;top: 65px;width: 50px;height: 50px;line-height: 50px;display: flex;justify-content: center;align-items: center;}.mobilePanel {margin-top: 81px;}div[data-title="Top USP"] {margin-bottom: 75px;}div[data-title="Top USP"] > .row > .container, div[data-title="Top USP Journey"] > .row {position: relative;background: #ffffff;border-radius: 8px;box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%);width: 90vw;padding-bottom: 20px;top: 50px;bottom: 0px;}div[data-title="Top USP"] .textOffer, div[data-title="Top USP Journey"] .textOffer, div[data-title="Bottom USP"] .textOffer {margin-bottom: 0px;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 20px 0px 0px 0px;}.alert {bottom: 5px;}div[data-title="Homepage Text"] {margin-left: .5em;margin-right: .5em;}div#topUSP {margin-bottom: 70px;}[data-role=container] .--container-100 .sectionGroup__block--note, [data-role=container] .--container-20 .sectionGroup__block--note, [data-role=container] .--container-50 .sectionGroup__block--note, [data-role=container] .--container-80 .sectionGroup__block--note, [data-role=container] .--container-full .sectionGroup__block--note, .sectionGroup__block__dark-blue, div[data-group-name="Offer card"] {padding: 20px !important;margin: 0 0 5px !important;}div.sectionGroup__block__summary--new h2, .sectionGroup__block__dark-blue h2 {font-size: 1.4em;line-height: 1.2em;}.sectionGroup__block__summary--new p, .sectionGroup__block__dark-blue p, div[data-group-name="Offer card"] p {font-size: 0.9em;line-height: 22px;}div[data-group-name="container"] > .--container-50.col-md-6:nth-child(1) {padding-left: 0.5rem !important;padding-right: 0.5rem !important;}div[data-group-name="container"] > .--container-50.col-md-6:nth-child(2) {padding-left: 0.5rem !important;padding-right: 0.5rem !important;}.offerCard__title {font-size: 1.5em;}.offerCard__link--arrow {font-size: 1em;}.offerCard > .primaryButton {height: 30px;padding: 4px 8px;font-size: 1em;line-height: 20px;}.primaryButton {height: 30px;line-height: 30px;font-size: 1.2em;}div[data-title="Bottom USP"] .textOffer {padding-bottom: 25px;}.headerPrimary__logo {width: 165px;}.ticket_logo {width: 100px;top: 0px;left: 0px;}#ticket_date, #ticket_time {font-size: 12px;}.ticket_title {font-size: 20px;margin-top: 18px;margin-bottom: 24px;}.ticket_info {flex-direction: column;margin: -10px 10px;align-items: center;}.ticket_info .row_1, .ticket_info .row_2 {width: 95%;justify-content: space-around;}.ticket_info p {font-size: 0.9em;margin: 8px 0px;}.row_3 p {font-size: 0.9em;}.ticket_button {padding: 7px 15px;height: 35px;font-size: 1em;}div[data-title="Intro"], div[data-title="About"], div[data-title="Privacy notice"], div[data-title="Terms and Conditions"], div[data-title="Conditions"], div[data-title="How to get in touch"] {padding-left: 1em;padding-right: 1em;}h3.sectionGroup__block__accordion__title {font-size: 1em;}.sectionGroup__block__accordion__text {font-size: .8em;}.inner_footer {width: 200px;text-align: center;}.ticket_footer {width: 80%;}
74h4.ticket_footer_header {font-weight: bold;font-size: 1em;}p.ticket_footer_text {font-size: 0.8em;color: #737373;}.footer_button {font-size: 0.8em;height: 30px;padding: 7px 16px;}#outer_icons i {font-size: 28px;}.mobilePanel ul.mobilePanel__nav--active {background-image: linear-gradient(to right, #2a265d, #201e3a);}.mobilePanel__listitem {background: transparent;}.mobilePanel__link {color: #ffffff;font-size: 1.15em;}.mobilePanel__link i {color: #ffffff;}.mob_nav_items a {font-size: 0.95em !important;margin-bottom: 22px;}.mob_nav_underline {width: 85%;height: 5px;bottom: 25px;}.mob_nav_footer i {color: #ffffff;margin: 0px 20px;font-size: 1em;}.mob_nav_footer {position: absolute;bottom: 24px;right: 1px;left: none;transform: none !important;text-align: right;}.features_text {width: 100%;}.textOffer__link {font-size: 16px;}.features_icon {width: 100%;text-align: center;}.card_link-box {padding-left: 0px;padding-right: 0px;}.footerGroup__title i {font-size: 24px;}.footerGroup__title {font-size: 1.2em;}.footerGroup__desc--margin {margin-left: 0px;}.footerGroup__desc {font-size: 1em;text-align: center;margin-top: 10px;}[data-role=container] .--container-20 {padding-left: 0px !important;padding-right: 0px !important;}[data-role=container] .--container-80 {padding-left: 0px !important;padding-right: 0px !important;}[data-role=container] .--container-100 {padding-left: 0px !important;padding-right: 0px !important;}.footerGroup__title {font-size: 1.3em;white-space: nowrap;}.footerGroup__desc--margin {margin-left: 0px;margin-top: 15px;text-align: center;}.page-error-heading {font-size: 1.5em;}div#b-search-form::-webkit-scrollbar {display: none;}div#b-search-form {-ms-overflow-style: none;}div#b-search-form {overflow-y: auto;max-height: 100vh;}header#header-coming-soon {margin: 30px 0px;}#holding-page-logo img {width: 200px;}#holdingPage-container {margin: 1em 1em;}#contact-faq-button {font-size: 1.1em;}span.coming-soon-title-main {font-size: 1.8em;}span.coming-soon-title {font-size: 1.4em;}#holdingPage-container p {font-size: 1em;padding: 0 10px;margin: 20px 0px;}#dx-coming-soon {box-shadow: none;color: mediumseagreen;padding: 0px 5px;font-size: 1.2em;}#opp-container {margin: 40px auto;height: 300px;display: block;}.opp-box {width: 100%;height: 90px;position: relative;margin-bottom: 150px;}div[data-group-name="Offer card"] > div.--container-50 {padding: 0px !important;}div[data-group-name="Offer card"] h4.offer-card-title {font-size: 1.3em;text-align: center;}div[data-group-name="Offer card"] p.offer-card-tag {font-size: 0.9em;}div[data-group-name="Offer card"] ul li {font-size: 0.9em;}div[data-group-name="Offer card"] > div.--container-50:nth-child(2) {position: relative;bottom: 15px;}#offers-alert-tag {display: block;margin-top: 14px;width: 100%;position: relative;top: 0px;}#coach-frame {background-position: center;width: 300px;height: 300px;}.coach {width: 175px;transform: translate(-50%, -0.5%);}.tree-1 {animation: animateCloud 12s linear infinite;transform: scale(0.2);top: -11%;}.tree-2 {animation: animateCloud 10s linear infinite;transform: scale(0.25);top: -70%;}.tree-3 {animation: animateCloud 8s linear infinite;transform: scale(0.3);top: -132%;}.tree-4 {animation: animateCloud 6s linear infinite;transform: scale(0.4);top: -165%;}.tree-5 {animation: animateCloud 4s linear infinite;transform: scale(0.6);top: -218%;}@-webkit-keyframes animateCloud {0% {margin-left: 1000px;}100% {margin-left: -100%;}}@-moz-keyframes animateCloud {0% {margin-left: 1000px;}100% {margin-left: -100%;}}@keyframes animateCloud {0% {margin-left: 1000px;}100% {margin-left: -100%;}}.contact-container {display: block;}h2.contact-us-title {font-size: 1.4em;text-align: left;}div#contact-us-faq {background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;}.contact-us-blocks {width: 100%;font-size: 1.2em;}.contact-us-blocks h3 {font-size: 0.78em;}ul.contact-social-box {font-size: 1.1em;padding: 0px;margin-left: 0px;}i.contact-icon {margin-right: 3px;color: #0947ba;}.contact-number {font-size: 1.2em;}.call-box p {font-size: 1em;}#contact-us-padding {padding-left: 0em !important;padding-right: 0em !important;}.complaints-block p {font-size: 1em;}div[data-title="Top USP Journey"] > .row {bottom: 10px;}div[data-title="Top USP Journey"] > .row i {font-size: 1em;position: relative;bottom: 0px;}div[data-title="Top USP Journey"] > .row .textOffer__title {font-size: 1.2em;text-align: center;}div[data-title="Top USP Journey"] > .row p {font-size: 0.9em;text-align: center;}#passenger-count-div {width: 100%;}#jp-submit-div {width: 100%;}input#departDate {margin-bottom: 0px;}input#returnDate {margin-bottom: 20px;}.dropdown-stops {display: flex;flex-direction: column-reverse;align-items: center;}.stop-directions-section {width: 100%;}.stop-directions {justify-content: space-around;}.map-directions {width: 100%;margin: 30px auto;}.calendarPopOut {position: absolute;top: 75px;height: auto;background-color: #ccc;padding: 10px;left: 0;width: 100%;border-radius: 4px;}i.clear_location {position: absolute;z-index: 1;text-indent: 0px;}ul.breadcrumb, div[data-title="Business contacts"], div[data-title="FAQ"], div[data-title="Persons involved in incidents"], div[data-title="Refunds"], div[data-title="Half Price"], div[data-title="Disabled code of practice"], div[data-title="Cookie policy"] {padding: 0 1.25em;}div[data-title="About"] h3, div[data-title="Terms and Conditions"] h3 {font-size: 1.3em;}div[data-title="Privacy notice"] h3 {font-size: 100% }}@media (max-width:767px) and (min-width:602px) {.headerPrimary {padding: 20px 0px;}.headerPrimary__logo {width: 200px;}.hamburger {padding: 5px 5px 0;}.content_de h1 {color: #fff;font-size: 2em;text-align: center;font-weight: 400;}.plannerForm--station-field-container {margin: 0px;}input#departDate {margin-bottom: 0px !important;}body .plannerForm__inputBelt__icon {left: 70%;top: 65px;width: 50px;height: 50px;line-height: 50px;display: flex;justify-content: center;align-items: center;}div[data-title="Top USP"] {margin-bottom: 75px;}div[data-title="Top USP"] > .row > .container, div[data-title="Top USP Journey"] > .row {position: relative;background: #ffffff;border-radius: 8px;box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%);width: 90vw;padding-bottom: 20px;top: 50px;bottom: 0px;}div[data-title="Top USP"] .textOffer, div[data-title="Top USP Journey"] .textOffer, div[data-title="Bottom USP"] .textOffer {margin-bottom: 0px;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 20px 0px 0px 0px;}.alert {bottom: 5px;}div[data-title="Homepage Text"] {margin-left: .5em;margin-right: .5em;}div#topUSP {margin-bottom: 70px;}[data-role=container] .--container-100 .sectionGroup__block--note, [data-role=container] .--container-20 .sectionGroup__block--note, [data-role=container] .--container-50 .sectionGroup__block--note, [data-role=container] .--container-80 .sectionGroup__block--note, [data-role=container] .--container-full .sectionGroup__block--note, .sectionGroup__block__dark-blue, div[data-group-name="Offer card"] {padding: 25px !important;margin: 0 0 5px !important;}div.sectionGroup__block__summary--new h2, .sectionGroup__block__dark-blue h2 {font-size: 1.6em;line-height: 1.2em;}.sectionGroup__block__summary--new p, .sectionGroup__block__dark-blue p, div[data-group-name="Offer card"] p {font-size: 1em;line-height: 22px;}div[data-group-name="container"] > .--container-50.col-md-6:nth-child(1) {padding-left: 0.5rem !important;padding-right: 0.5rem !important;}div[data-group-name="container"] > .--container-50.col-md-6:nth-child(2) {padding-left: 0.5rem !important;padding-right: 0.5rem !important;}.offerCard__title {font-size: 1.6em;}.offerCard__link--arrow {font-size: 1em;}.offerCard > .primaryButton {height: 30px;padding: 4px 8px;font-size: 1em;line-height: 20px;}.primaryButton {height: 30px;line-height: 30px;font-size: 1.2em;}div[data-title="Bottom USP"] .textOffer {padding-bottom: 25px;}.ticket_logo {width: 120px;top: 0px;left: 0px;}#ticket_date, #ticket_time {font-size: 12px;}.ticket_title {font-size: 24px;margin-top: 18px;margin-bottom: 24px;}.ticket_info {flex-direction: row;margin: 35px 10px;align-items: center;}.ticket_info .row_1, .ticket_info .row_2 {width: 95%;justify-content: space-around;}.ticket_info p {font-size: 1.1em;margin: 8px 0px;}.row_3 p {font-size: 1.1em;}.ticket_button {padding: 7px 15px;height: 36px;}div[data-title="Intro"], div[data-title="About"], div[data-title="Privacy notice"], div[data-title="Terms and Conditions"], div[data-title="Conditions"], div[data-title="How to get in touch"] {padding-left: 1em;padding-right: 1em;}h3.sectionGroup__block__accordion__title {font-size: 1em;}.sectionGroup__block__accordion__text {font-size: .8em;}.inner_footer {width: 200px;text-align: center;}.ticket_footer {width: 80%;}
74h4.ticket_footer_header {font-weight: bold;font-size: 1em;}p.ticket_footer_text {font-size: 0.8em;color: #737373;}.footer_button {font-size: 0.8em;height: 30px;padding: 7px 16px;}#outer_icons i {font-size: 28px;}.mobilePanel ul.mobilePanel__nav--active {background-image: linear-gradient(to right, #2a265d, #201e3a);}.mobilePanel__listitem {background: transparent;}.mobilePanel__link {color: #ffffff;font-size: 1.15em;}.mobilePanel__link i {color: #ffffff;}.mob_nav_items a {font-size: 0.95em !important;margin-bottom: 22px;}.mob_nav_underline {width: 85%;height: 5px;bottom: 25px;}.mob_nav_footer i {color: #ffffff;margin: 0px 20px;font-size: 1em;}.mob_nav_footer {position: absolute;bottom: 24px;right: 1px;left: none;transform: none !important;text-align: right;}.features_text {width: 100%;}.textOffer__link {font-size: 16px;}.features_icon {width: 100%;text-align: center;}.card_link-box {padding-left: 0px;padding-right: 0px;}.footerGroup__title i {font-size: 24px;}.footerGroup__title {font-size: 1.2em;}.footerGroup__desc--margin {margin-left: 0px;}.footerGroup__desc {font-size: 1em;text-align: center;margin-top: 10px;}[data-role=container] .--container-20 {padding-left: 0px !important;padding-right: 0px !important;}[data-role=container] .--container-80 {padding-left: 0px !important;padding-right: 0px !important;}[data-role=container] .--container-100 {padding-left: 0px !important;padding-right: 0px !important;}.footerGroup__title {font-size: 1.3em;white-space: nowrap;}.footerGroup__desc--margin {margin-left: 0px;margin-top: 15px;text-align: center;}.page-error-heading {font-size: 1.5em;}div#b-search-form::-webkit-scrollbar {display: none;}div#b-search-form {-ms-overflow-style: none;}div#b-search-form {overflow-y: auto;max-height: 100vh;}header#header-coming-soon {margin: 30px 0px;}#holding-page-logo img {width: 200px;}#holdingPage-container {margin: 1em 1em;}#contact-faq-button {font-size: 1.1em;}span.coming-soon-title-main {font-size: 1.8em;}span.coming-soon-title {font-size: 1.4em;}#holdingPage-container p {font-size: 1em;padding: 0 10px;margin: 20px 0px;}#dx-coming-soon {box-shadow: none;color: mediumseagreen;padding: 0px 5px;font-size: 1.2em;}#opp-container {margin: 40px auto;height: 300px;display: block;}.opp-box {width: 100%;height: 90px;position: relative;margin-bottom: 150px;}div[data-group-name="Offer card"] > div.--container-50 {padding: 0px !important;}div[data-group-name="Offer card"] h4.offer-card-title {font-size: 1.3em;text-align: center;}div[data-group-name="Offer card"] p.offer-card-tag {font-size: 0.9em;}div[data-group-name="Offer card"] ul li {font-size: 0.9em;}div[data-group-name="Offer card"] > div.--container-50:nth-child(2) {position: relative;bottom: 15px;}#offers-alert-tag {display: block;margin-top: 14px;width: 100%;position: relative;top: 0px;}#coach-frame {background-position: center;width: 300px;height: 300px;}.coach {width: 175px;transform: translate(-50%, -0.5%);}.tree-1 {animation: animateCloud 12s linear infinite;transform: scale(0.2);top: -11%;}.tree-2 {animation: animateCloud 10s linear infinite;transform: scale(0.25);top: -70%;}.tree-3 {animation: animateCloud 8s linear infinite;transform: scale(0.3);top: -132%;}.tree-4 {animation: animateCloud 6s linear infinite;transform: scale(0.4);top: -165%;}.tree-5 {animation: animateCloud 4s linear infinite;transform: scale(0.6);top: -218%;}@-webkit-keyframes animateCloud {0% {margin-left: 1000px;}100% {margin-left: -100%;}}@-moz-keyframes animateCloud {0% {margin-left: 1000px;}100% {margin-left: -100%;}}@keyframes animateCloud {0% {margin-left: 1000px;}100% {margin-left: -100%;}}.contact-container {display: block;}h2.contact-us-title {font-size: 1.4em;text-align: left;}div#contact-us-faq {background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;}.contact-us-blocks {width: 100%;font-size: 1.2em;}.contact-us-blocks h3 {font-size: 0.78em;}ul.contact-social-box {font-size: 1.1em;padding: 0px;margin-left: 0px;}i.contact-icon {margin-right: 3px;color: #0947ba;}.contact-number {font-size: 1.2em;}.call-box p {font-size: 1em;}#contact-us-padding {padding-left: 0em !important;padding-right: 0em !important;}.complaints-block p {font-size: 1em;}div[data-title="Top USP Journey"] > .row {bottom: 10px;}div[data-title="Top USP Journey"] > .row i {font-size: 1em;position: relative;bottom: 0px;}div[data-title="Top USP Journey"] > .row .textOffer__title {font-size: 1.2em;text-align: center;}div[data-title="Top USP Journey"] > .row p {font-size: 0.9em;text-align: center;}#passenger-count-div {width: 100%;}#jp-submit-div {width: 100%;}input#departDate {margin-bottom: 0px;}input#returnDate {margin-bottom: 20px;}.dropdown-stops {display: flex;flex-direction: column-reverse;align-items: center;}.stop-directions-section {width: 100%;}.stop-directions {justify-content: space-around;}.map-directions {width: 100%;margin: 30px auto;}.calendarPopOut {position: absolute;top: 75px;height: auto;background-color: #ccc;padding: 10px;left: 50%;width: 60vw;border-radius: 4px;transform: translateX(-50%);}i.clear_location {position: absolute;z-index: 1;text-indent: 0px;}ul.breadcrumb, div[data-title="Business contacts"], div[data-title="FAQ"], div[data-title="Persons involved in incidents"], div[data-title="Refunds"], div[data-title="Half Price"], div[data-title="Disabled code of practice"], div[data-title="Cookie policy"], div[data-title="Ticket"] {padding: 0 1.25em;}div[data-title="About"] h3, div[data-title="Terms and Conditions"] h3 {font-size: 1.3em;}div[data-title="Privacy notice"] h3 {font-size: 100% }}@media (max-width:991px) and (min-width:768px) {div.plannerForm {background-color: rgba(0, 0, 0, 0.7);height: 700px;}.hero.hero--full.jp-hero {height: 700px;}.hero__img img {min-height: 700px;}.content_de h1 {color: #fff;font-size: 2.6em;text-align: center;font-weight: 400;}.plannerForm--station-field-container {margin: 0px;}input#departDate {margin-bottom: 0px !important;}body .plannerForm__inputBelt__icon {left: 50%;transform: translateX(-50%);top: 65px;width: 50px;height: 50px;line-height: 50px;display: flex;justify-content: center;align-items: center;}div[data-title="Top USP"] {margin-bottom: 75px;}div[data-title="Top USP"] > .row > .container, div[data-title="Top USP Journey"] > .row {position: relative;background: #ffffff;border-radius: 8px;box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%);width: 90vw;padding: 0px 20px;top: 50px;bottom: 0px;}div[data-title="Top USP"] .textOffer, div[data-title="Top USP Journey"] .textOffer, div[data-title="Bottom USP"] .textOffer {margin-bottom: 0px;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 20px 0;overflow: hidden;}.textOffer__title {font-size: 1.2em;}.textOffer__desc {font-size: 0.8em;text-align: center;font-weight: 700;}.alert {bottom: 5px;}div[data-group-name="container"] > .--container-50.col-md-6:nth-child(1) {padding-left: 0.5rem !important;padding-right: 0.5rem !important;}div[data-group-name="container"] > .--container-50.col-md-6:nth-child(2) {padding-left: 0.5rem !important;padding-right: 0.5rem !important;}.offerCard__title {font-size: 1.8em;}.offerCard__link--arrow {font-size: 1.2em;}.offerCard__desc {font-size: 1.1em;}.offerCard > .primaryButton {height: 40px;padding: 10px 12px;font-size: 1.2em;line-height: 20px;}.primaryButton {height: 40px;line-height: 40px;font-size: 1.2em;}div[data-title="Bottom USP"] .textOffer {padding-bottom: 50px;}div#topUSP {margin-bottom: 75px;}.ticket_logo {width: 130px;}#ticket_date, #ticket_time {font-size: 13px;}.ticket_title {font-size: 28px;}.ticket_info p {font-size: 1.2em;}.row_3 p {font-size: 1.2em;}.row_1, .row_2 {justify-content: space-evenly;}.circle__left {top: 57%;}.circle__right {top: 57%;}.ticket_button {padding: 7px 18px;font-size: 1.4em;line-height: 30px;}.inner_footer {width: 300px;display: none;}.ticket_footer {top: 57%;}
74h4.ticket_footer_header {font-size: 1.3em;white-space: nowrap;}p.ticket_footer_text {font-size: 1em;}.footer_button {font-size: 1em;}.ticket_info {flex-direction: row;justify-content: space-evenly;margin: 22px 10px;}.row_1, .row_2 {width: 50%;}[data-role=container] .--container-20 {padding-left: 0px !important;padding-right: 0px !important;}.features_icon {margin-right: 5px !important;text-align: center;}body .plannerForm__inputBelt__icon i {font-size: 1em;}body .plannerForm__inputBelt__icon {right: 50px;top: 65px;width: 50px;height: 50px;line-height: 50px;transform: rotateZ(90deg);}input#departDate {margin-bottom: 20px;}body .plannerForm__inputBelt__field {height: 60px;margin-bottom: 0px;}div#b-search-form::-webkit-scrollbar {display: none;}div#b-search-form {-ms-overflow-style: none;}div#b-search-form {overflow-y: auto;max-height: 100vh;}header#header-coming-soon {margin: 40px 0px;}#holding-page-logo img {width: 250px;}#holdingPage-container {margin: 1em 3em;}span.coming-soon-title-main {font-size: 2.1em;}span.coming-soon-title {font-size: 1.6em;}#holdingPage-container p {font-size: 1em;padding: 0 10px;margin: 20px 0px;}#dx-coming-soon {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 2px 20px 0 rgba(19, 41, 104, 0.2);border-radius: 8px;padding: 5px 15px;color: mediumseagreen;font-size: 1.2em;}#opp-container {margin: 40px auto;height: 300px;display: block;}.opp-box {width: 80%;height: 90px;position: relative;margin-bottom: 180px;}.contact-container {display: block;}h2.contact-us-title {font-size: 2em;;}div#contact-us-faq {background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;}.contact-us-blocks {width: 100%;}ul.contact-social-box {font-size: 1.25em;padding: 0px;margin-left: 20px;display: flex;}i.contact-icon {margin-right: 10px;color: #0947ba;}#contact-us-padding {padding-left: 0em !important;padding-right: 0em !important;}div[data-title="Top USP Journey"] > .row i {font-size: 1em;position: relative;bottom: 0px;right: 1px;}div[data-title="Top USP Journey"] > .row .textOffer__title {font-size: 1.2em;text-align: center;}div[data-title="Top USP Journey"] > .row p {font-size: 0.9em;text-align: center;}#passenger-count-div {width: 100%;}#jp-submit-div {width: 100%;}input#departDate {margin-bottom: 0px;}input#returnDate {margin-bottom: 20px;}.dropdown-stops {display: flex;flex-direction: column-reverse;align-items: center;}.stop-directions-section {width: 100%;}.stop-directions {justify-content: space-around;}.map-directions {width: 65%;margin: 30px auto;}.calendarPopOut {left: 50%;width: 50vw;border-radius: 4px;transform: translateX(-50%);}i.clear_location {position: absolute;top: 50%;transform: translateY(-50%);right: 9px;z-index: 1;text-indent: 0px;}#error-page-title {position: relative;top: 30px;}ul.breadcrumb, div[data-title="Business contacts"], div[data-title="FAQ"], div[data-title="Persons involved in incidents"], div[data-title="Refunds"], div[data-title="Half Price"], div[data-title="Disabled code of practice"], div[data-title="Cookie policy"], div[data-title="Ticket"] {padding: 0 1.25em;}}@media screen and (max-width: 767px) {body .plannerForm {background-color: rgba(79, 79, 79);}div#topUspSpacer {margin-top: 175px;}.hero__img img {display: block;}.hero__overlay {background-color: transparent;}.hero__subtitle, .hero__title {color: #ffffff;}.hero__title {font-size: 1.79em;}.hero__subtitle {font-size: 1.1em;}#larger-usp-icons {display: none;}.item i:hover {-webkit-transition: none !important;-moz-transition: none !important;-ms-transition: none !important;transition: none !important;}.nav_menu {display: none;}.mob_nav_logo a {width: 280px;}.mob_nav_header i {font-size: 1.1em;}.mob_nav_items a {font-size: 1.15em;}body .plannerForm__inputBelt__icon {right: 50px;top: 65px;width: 50px;height: 50px;line-height: 50px;}input#departDate {margin-bottom: 20px;}body .plannerForm__inputBelt__field {height: 60px;margin-bottom: 0px;}}@media screen and (min-width: 768px) {#outer_icons {display: none;}.nav_menu {display: none;}div[data-title="Top USP"] .col-xs-12:nth-child(2) a, div[data-title="Top USP Journey"] .col-xs-12:nth-child(2) a {font-size: 0.95em;position: relative;bottom: 10px;}}
74@media screen and (min-width: 991px) {body .plannerForm {background-color: transparent;}.background {background-color: black;opacity: .6;}.accountNavigation__link {font-size: 1.8vw;}.content_de h1 {font-size: 2.5em;}.Outer__ticket {height: 350px;}.ticket_logo {width: 120px;}#ticket_date, #ticket_time {font-size: 14px;}.ticket_title {font-size: 26px;margin-top: 27px }.ticket_info p {font-size: 1em;}.row_3 p {font-size: 1em;}.row_1, .row_2 {justify-content: space-evenly;}.circle__left {top: 62%;}.circle__right {top: 62%;}.ticket_button {padding: 3px 30px;font-size: 1.4em;}.inner_footer {width: 300px;display: none;}.ticket_footer {top: 62%;}h4.ticket_footer_header {font-size: 1.3em;white-space: nowrap;}p.ticket_footer_text {font-size: 1em;}.footer_button {font-size: 1em;}.ticket_info {flex-direction: row;justify-content: space-evenly;margin: 22px 10px;}.row_1, .row_2 {width: 50%;}.row_3 {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}.dub-airport-img {height: 350px !important;}.nav_menu {display: flex;}.nav_menu_link {font-size: 0.92em;margin-left: 25px;}.mob_nav_menu, .mob_nav_trigger, .mob_body_overlay {display: none !important;}header#header-coming-soon {margin: 70px 0px;}#holding-page-logo img {width: 300px;}#holdingPage-container {margin: 1em 15%;}span.coming-soon-title-main {font-size: 2.1em;}span.coming-soon-title {font-size: 1.6em;}#holdingPage-container p {font-size: 1.2em;padding: 0 10px;margin: 40px 0px;}#dx-coming-soon {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 2px 20px 0 rgba(19, 41, 104, 0.2);border-radius: 8px;padding: 5px 15px;color: mediumseagreen;font-size: 1.2em;}#opp-container {display: flex;justify-content: space-evenly;flex-basis: auto;}.opp-box {width: 80%;height: 90px;position: relative;margin-bottom: 180px;}.offerCard__title {font-size: 1.6em;}.offerCard__link--arrow {font-size: 1em;}.primaryButton {height: 27px;padding: 5px 10px;}.contact-container {display: flex;justify-content: space-between;}h2.contact-us-title {font-size: 2em;}div#contact-us-faq {background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;}.contact-us-blocks {width: 33%;font-size: 0.75em;line-height: 1.5em !important;}ul.contact-social-box {font-size: 1.05em;padding: 20px 0px;margin-left: 10px;display: flex;}i.contact-icon {margin-right: 5px;color: #0947ba;}div[data-title="Top USP Journey"] > .row {bottom: 80px;}div[data-title="Top USP Journey"] > .row i {font-size: 0.75em;position: relative;bottom: 5px;right: 1px;}div[data-title="Top USP Journey"] > .row .textOffer__title {font-size: 1.2em;}div[data-title="Top USP Journey"] > .row p {font-size: 0.9em;}#passenger-count {padding: 10px 10px 10px 10px;}.calendarPopOut {position: absolute;top: 65px;height: auto;background-color: #ccc;padding: 10px;left: -100px;width: 360px;border-radius: 4px;}}@media screen and (min-width: 1160px) {.ticket_info p {font-size: 1.1em;}.accountNavigation__link {font-size: 1.4em;}.mob_nav_menu, .mob_nav_trigger, .mob_body_overlay {display: none !important;}header#header-coming-soon {margin: 70px 0px;}#holding-page-logo img {width: 300px;}#holdingPage-container {margin: 1em 15%;}span.coming-soon-title-main {font-size: 2.1em;}span.coming-soon-title {font-size: 1.6em;}#holdingPage-container p {font-size: 1.2em;padding: 0 10px;margin: 40px 0px;}#dx-coming-soon {box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 2px 20px 0 rgba(19, 41, 104, 0.2);border-radius: 8px;padding: 5px 15px;font-size: 1.2em;}#opp-container {display: flex;justify-content: space-evenly;flex-basis: auto;}.opp-box {width: 80%;height: 90px;position: relative;margin-bottom: 180px;}.offerCard__title {font-size: 2em;}.offerCard__link--arrow {font-size: 1.2em;}.primaryButton {height: 35px;padding: 0px 10px;}.contact-container {display: flex;justify-content: space-between;}h2.contact-us-title {font-size: 2em;}div#contact-us-faq {background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;}.contact-us-blocks {width: 33%;font-size: 0.95em;}ul.contact-social-box {font-size: 1.2em;padding: 20px 0px;margin-left: 20px;}i.contact-icon {margin-right: 10px;color: #0947ba;}#passenger-count {padding: 10px 10px 10px 10px;}#jpSubmit {font-size: 1.1em;}
74.calendarPopOut {position: absolute;top: 65px;height: auto;background-color: #ccc;padding: 10px;left: -65%;width: 360px;border-radius: 4px;}}@media screen and (min-width: 1349px) {.content_de h1 {font-size: 3.5em;}}@media screen and (min-width: 1200px) and (max-width: 1349px) {div[data-title="Top USP Journey"] > .row i {font-size: 0.85em;}.plannerForm__inputBelt__field__passenger-modal-toggle {width: 25%;}#jp-submit-div {width: 24%;}.calendarPopOut {position: absolute;top: 65px;height: auto;background-color: #ccc;padding: 10px;left: -50%;width: 360px;border-radius: 4px;}}@media (max-width:1900px) {body .icon__calendar {background: url("/media/7665/cal.png") left center no-repeat #fff }body .icon__pax {background: url("/media/7662/pax.png") left center no-repeat #fff }}@media (max-width:1350px) {body .icon__calendar {background: url("/media/7666/cal_small.png") left center no-repeat #fff }body .icon__pax {background: url("/media/7663/pax_small.png") left center no-repeat #fff }body .plannerForm__inputBelt__field_overide {padding: 10px 10px 10px 23px;}.db_pax {padding-top: 7px }body .plannerForm__inputBelt__field {font-size: 0.9em;}body .plannerForm__inputBelt__button {font-size: 1.4em;}}@media (max-width:1180px) {body .icon__calendar {background: url("/media/7666/cal_small.png") left center no-repeat #fff }body .icon__pax {background: url("/media/7663/pax_small.png") left center no-repeat #fff }body .plannerForm__inputBelt__field_ {font-size: 0.8em;padding: 10px 10px 10px 23px;}body .plannerForm__inputBelt__button {font-size: 1.2em;}.plannerPassenger__counter__button {width: 26px }.plannerPassenger__counter__input {font-size: 0.8em;width: 30px;padding: 0 }}@media screen and (max-width: 900px) and (min-width: 600px) {div.example {font-size: 50px;padding: 50px;border: 8px solid black;background: yellow;}}@media (max-width:991px) {body .icon__calendar {background: url("/media/7665/cal.png") left center no-repeat #fff }body .icon__pax {background: url("/media/7662/pax.png") left center no-repeat #fff }body .plannerForm__inputBelt__field_overide {padding: 10px 10px 10px 40px;}body .plannerForm__inputBelt__field {font-size: 1.1em;}body .plannerForm__inputBelt__button {font-size: 1.6em;}.plannerPassenger__counter__button {width: 35px }.plannerPassenger__counter__input {font-size: 1em;width: 40px;padding: 5px 10px }.dx-faq {font-size: 1.4em;margin-top: 7px;}}@media (max-width:399px) {.dx-faq {font-size: 1.2em;margin-top: 4px;}}@media (max-width:340px) {.plannerPassenger__counter__button {width: 26px }.plannerPassenger__counter__input {font-size: 0.8em;width: 30px;padding: 0 }}@media only screen and (min-width:992px) and (max-width: 1159px) {#jpSubmit {font-size: 0.95em;width: 110%;}}@media only screen and (min-width:991px) and (max-width: 1159px) {.offerCard__link {height: 35px;line-height: 25px;}div[data-title="About"] .primaryButton, div[data-title="Refunds"] .primaryButton {height: 35px;line-height: 35px;}}@media screen and (min-width: 1350px) {div[data-title="Top USP Journey"] > .row {}div[data-title="Top USP Journey"] > .row i {font-size: 1em;}div[data-title="Top USP Journey"] > .row .textOffer__title {font-size: 1.2em;}div[data-title="Top USP Journey"] > .row p {font-size: 0.9em;}.calendarPopOut {position: absolute;top: 65px;height: auto;background-color: #ccc;padding: 10px;left: -50%;width: 360px;border-radius: 4px;}}@media (min-width: 75em) .content_de h1 {font-size: 3.5em;}@media screen and (max-width: 990px) {.brand__desc {padding-right: 0px;}}.jp-msg-block {width: 98%;border: 2px solid #150958;border-radius: 4px;padding: 10px;background-color: #150958;position: relative;margin: 15px auto 0 auto;z-index: 1;}.jp-msg-block p, .jp-msg-block p i, .jp-msg-block p a, .jp-msg-block p a:hover {color: #fff !important;}@media (max-width:763px) {.jp-msg-block p, .jp-msg-block p i, .jp-msg-block p a, .jp-msg-block p a:hover {font-size: .9em;}.jp-msg-block {margin: 0 auto 0 auto;padding: 6px;}}#close-jp-msg {background-color: transparent;border: none;color: #fff !important;position: absolute;top: 50%;right: 10px;transform: translateY(-70%);}#close-jp-msg i.fa {color: #fff !important }</style>
75    
76
77
78
79
80
81
82
83
84
85
86
87
88
89</head>
90<body>
91    
92    <input id="enableSitewide" type="hidden" value="false" />
vendor: 74 bytes, lines 92-95
92
93
94    
95<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
95GTM-N73WW6W
vendor: 88 bytes, lines 95-97
95" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
96
97    
97<div class="page-container">
98        
99<nav class="navbar navbar-expand-lg navbar-light bg-white p-0 p-lg-4">
100    
101
102<div class="nav-utilities d-flex justify-content-between px-3 px-lg-0 py-2 py-lg-0">
103    <a class="navbar-brand me-5 me-lg-2" aria-label="Homepage" id="siteHomepage" href="/">
104        <img class="img-fluid siteLogo" src="/media/10945/dx-outlined-logo.png" />
105    </a>
106    <div class="togglers d-flex gap-3 d-lg-none align-items-center">
107        
108
109<input type="hidden" name="current-page-language" value="Dublin Airport" />
110
111        <a class="nav-button" contextmenu="" id="myAccount" href="https://book.nationalexpress.com/my-account/#/welcome?login=existing">
112            <img class="d-block d-md-none" src="/dist/images/global/svg/my_account_round.svg?" alt="My Account" height="34" width="34">
113            <div class="d-none d-md-flex gap-2 py-1 px-2 rounded-pill"> <img src="/dist/images/global/svg/my_account.svg?" alt="My Account" height="27" width="18"> <span class="fw-semibold">My account</span> </div>
114        </a>
115        <button id="navigationToggle" class="navbar-toggler p-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navigationMenu" aria-label="Toggle Navigation Menu"> <span class="navbar-toggler-icon"></span> </button>
116    </div>
117</div>
118
119<div class="container-fluid gap-lg-3">
120    <div class="collapse navbar-collapse" id="navigationMenu">
121        <div class="mobile-dropdown-utilities d-block d-lg-none bg-white border-top py-3">
122            <div class="d-flex align-items-center gap-2 navMobile_top">
123                <div class=" navMobile_top_items" id="myAccountSignUp-m">
124                    <a class="nav-button" href="https://book.nationalexpress.com/my-account/#/profile/view">
125                        <div class="d-flex gap-2 py-1 px-2 navMobile_top_items_links">
126                            <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
127                            <span class="fw-semibold">Sign up</span>
128                        </div>
129                    </a>
130                </div>
131                <div class=" navMobile_top_items" id="myAccountLogin-m">
132                    <a class="nav-button" href="https://book.nationalexpress.com/my-account/#/welcome?login=existing">
133                        <div class="d-flex gap-2 py-1 px-2 navMobile_top_items_links">
134                            <i class="fa fa-user" aria-hidden="true"></i>
135                            <span class="fw-semibold">My account</span>
136                        </div>
137                    </a>
138                </div>
139                <div class=" navMobile_top_items" id="accessibility-m">
140                    <a class="nav-button" href="/en/help/accessibility">
141                        <div class="d-flex gap-2 py-1 px-2 navMobile_top_items_links">
142                            <i class="fa fa-wheelchair" aria-hidden="true"></i>
143                            <span class="fw-semibold">Accessibility</span>
144                        </div>
145                    </a>
146                </div>
147            </div>
148        </div>
149
150        <ul id="navList" class="navbar-nav mr-auto pb-4 py-lg-0 gap-0 gap-xl-2" itemscope itemtype="http://www.schema.org/SiteNavigationElement">
151            <a class="mobile-nav-back d-lg-none align-items-center mb-2"> <img class="me-2" src="/dist/images/global/svg/arrow-left-mobile.svg?" alt="Back to main menu" height="14" width="8">Back to main menu </a>
152            <li class="nav-item dropdown has-megamenu">
153                <a class="nav-link text-nowrap custom-toggle d-lg-flex align-items-center gap-lg-1" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Destinations </a>
154                <ul class="dropdown-menu megamenu container-lg">
155                    <div class="d-block d-lg-flex py-0 py-lg-4 px-0 px-lg-4 px-xl-5 gap-lg-3">
156                        <div class="col-lg-fill d-block d-lg-flex gap-lg-3 gap-xl-4">
157                            <div class="dropdown-column">
158                                <div class="dropdown-group">
159                                    <a class="dropdown-item" href="#">Destinations</a>
160                                    <div class="dropdown-item-content">
161                                        <ul class="dropdown-links mb-2 mb-lg-3">
162                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/dublin-airport" > Travel to Dublin Airport </a> </li>
163                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/dublin-city" > Travel to Dublin City </a> </li>
164                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/belfast" > Travel to Belfast </a> </li>
165                                        </ul>
166                                    </div>
167                                </div>
168                            </div>
169
170                            <div class="dropdown-column">
171                                <div class="dropdown-group">
172                                    <a class="dropdown-item" href="#">Routes to Dublin</a>
173                                    <div class="dropdown-item-content">
174                                        <ul class="dropdown-links mb-2 mb-lg-3">
175                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/dublin-city/dublin-airport-to-dublin-city" > Dublin Airport to Dublin City </a> </li>
176                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/dublin-city/belfast-to-dublin-city" > Belfast to Dublin City </a> </li>
177                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/dublin-city/dublin-airport-to-terenure" > Dublin Airport to Terenure </a> </li>
178                                        </ul>
179                                    </div>
180                                </div>
181                            </div>
182
183                            <div class="dropdown-column">
184                                <div class="dropdown-group">
185                                    <a class="dropdown-item" href="#">Routes to Dublin Airport</a>
186                                    <div class="dropdown-item-content">
187                                        <ul class="dropdown-links mb-2 mb-lg-3">
188                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/dublin-airport/dublin-city-to-dublin-airport" > Dublin City to Dublin Airport </a> </li>
189                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/dublin-airport/belfast-to-dublin-airport" > Belfast to Dublin Airport </a> </li>
190                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/dublin-airport/terenure-to-dublin-airport" > Terenure to Dublin Airport </a> </li>
191                                        </ul>
192                                    </div>
193                                </div>
194                            </div>
195
196                            <div class="dropdown-column">
197                                <div class="dropdown-group">
198                                    <a class="dropdown-item" href="#">Routes to Belfast</a>
199                                    <div class="dropdown-item-content">
200                                        <ul class="dropdown-links mb-2 mb-lg-3">
201                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/belfast/dublin-city-to-belfast" > Dublin City to Belfast </a> </li>
202                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/belfast/dublin-airport-to-belfast" > Dublin Airport to Belfast </a> </li>
203                                        </ul>
204                                    </div>
205                                </div>
206                            </div>
207
208                        </div>
209
210                        <div class="col-lg-3 d-none d-lg-block">
211                            <div class="dropdown-menu-content col">
212
213
214<div class="dropdown-image mb-4">
215    <a class="dropdown-image-container" href="/belfast">
216        <div class="image-overlay-container">
217            <div class="overlay"></div>
218            <img class="rounded-1 img-fluid w-100 lazy_click" data-src="/media/10800/belfast-lagan-weir-pod-web.jpg" alt="Travel to Belfast">
219        </div>
220        <div class="d-flex flex-column">
221            <div>
222                <p class="fw-semibold mb-0">Travel to Belfast</p>
223            </div>
224            <div class="d-flex align-items-center"> <small> Visit Belfast with our new services from Dublin City & Dublin Airport… </small> <img src="/dist/images/global/svg/arrow-right-dark-blue-circle.svg?" height="34" width="34" alt="Find out more about Travel to Belfast"> </div>
225        </div>
226    </a>
227</div>
228
229                            </div>
230                        </div>
231                    </div>
232                </ul>
233            </li>
234            <li class="nav-item dropdown has-megamenu">
235                <a class="nav-link text-nowrap custom-toggle d-lg-flex align-items-center gap-lg-1" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Plan your Journey </a>
236                <ul class="dropdown-menu megamenu container-lg">
237                    <div class="d-block d-lg-flex py-0 py-lg-4 px-0 px-lg-4 px-xl-5 gap-lg-3">
238                        <div class="col-lg-fill d-block d-lg-flex gap-lg-3 gap-xl-4">
239                            <div class="dropdown-column">
240                                <div class="dropdown-group">
241                                    <a class="dropdown-item" href="#">Plan your journey</a>
242                                    <div class="dropdown-item-content">
243                                        <ul class="dropdown-links mb-2 mb-lg-3">
244                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/plan-your-journey" > Plan your journey </a> </li>
245                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/stop-map" > Find your stop </a> </li>
246                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/rail2air" > Rail2Air coach &amp; train tickets </a> </li>
247                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/timetable" > Timetable </a> </li>
248                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/dublin-airport" > About Dublin Airport </a> </li>
249                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/hotels" > Hotels in Dublin </a> </li>
250                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/events" > Events in Dublin &amp; Belfast </a> </li>
251                                        </ul>
252                                    </div>
253                                </div>
254                            </div>
255
256
257
258
259                        </div>
260
261                        <div class="col-lg-3 d-none d-lg-block">
262                            <div class="dropdown-menu-content col">
263
264
265<div class="dropdown-image mb-4">
266    <a class="dropdown-image-container" href="/stop-map">
267        <div class="image-overlay-container">
268            <div class="overlay"></div>
269            <img class="rounded-1 img-fluid w-100 lazy_click" data-src="/media/10725/dublin-stop-nav-pod-web.jpg" alt="Find your stop">
270        </div>
271        <div class="d-flex flex-column">
272            <div>
273                <p class="fw-semibold mb-0">Find your stop</p>
274            </div>
275            <div class="d-flex align-items-center"> <small> Discover the best stop for your journey before you travel using our map… </small> <img src="/dist/images/global/svg/arrow-right-dark-blue-circle.svg?" height="34" width="34" alt="Find out more about Find your stop"> </div>
276        </div>
277    </a>
278</div>
279
280                            </div>
281                        </div>
282                    </div>
283                </ul>
284            </li>
285            <li class="nav-item dropdown has-megamenu">
286                <a class="nav-link text-nowrap custom-toggle d-lg-flex align-items-center gap-lg-1" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> About Us </a>
287                <ul class="dropdown-menu megamenu container-lg">
288                    <div class="d-block d-lg-flex py-0 py-lg-4 px-0 px-lg-4 px-xl-5 gap-lg-3">
289                        <div class="col-lg-fill d-block d-lg-flex gap-lg-3 gap-xl-4">
290                            <div class="dropdown-column">
291                                <div class="dropdown-group">
292                                    <a class="dropdown-item" href="#">About Dublin Express</a>
293                                    <div class="dropdown-item-content">
294                                        <ul class="dropdown-links mb-2 mb-lg-3">
295                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/travelling-with-us" > Travelling with Us </a> </li>
296                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/environment" > Sustainability </a> </li>
297                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/blog" > Read our blog </a> </li>
298                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/faq" > Frequently asked questions </a> </li>
299                                        </ul>
300                                    </div>
301                                </div>
302                            </div>
303
304
305
306
307                        </div>
308
309                        <div class="col-lg-3 d-none d-lg-block">
310                            <div class="dropdown-menu-content col">
311
312
313<div class="dropdown-image mb-4">
314    <a class="dropdown-image-container" href="/travelling-with-us">
315        <div class="image-overlay-container">
316            <div class="overlay"></div>
317            <img class="rounded-1 img-fluid w-100 lazy_click" data-src="/media/10726/about-us-dublin-nav-pod-web.jpg" alt="Travelling with us">
318        </div>
319        <div class="d-flex flex-column">
320            <div>
321                <p class="fw-semibold mb-0">Travelling with us</p>
322            </div>
323            <div class="d-flex align-items-center"> <small> Discover what a journey on board a Dublin Express coach is like… </small> <img src="/dist/images/global/svg/arrow-right-dark-blue-circle.svg?" height="34" width="34" alt="Find out more about Travelling with us"> </div>
324        </div>
325    </a>
326</div>
327
328                            </div>
329                        </div>
330                    </div>
331                </ul>
332            </li>
333            <li class="nav-item dropdown has-megamenu">
334                <a class="nav-link text-nowrap custom-toggle d-lg-flex align-items-center gap-lg-1" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Offers </a>
335                <ul class="dropdown-menu megamenu container-lg">
336                    <div class="d-block d-lg-flex py-0 py-lg-4 px-0 px-lg-4 px-xl-5 gap-lg-3">
337                        <div class="col-lg-fill d-block d-lg-flex gap-lg-3 gap-xl-4">
338                            <div class="dropdown-column">
339                                <div class="dropdown-group">
340                                    <a class="dropdown-item" href="#">Offers</a>
341                                    <div class="dropdown-item-content">
342                                        <ul class="dropdown-links mb-2 mb-lg-3">
343                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/offers" > Explore our offers </a> </li>
344                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/student-leap-card" > Student Leap Card </a> </li>
345                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/complete-savings"
345 > Complete Savings membership programme </a> </li>
346                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/group-bookings" > Group Bookings </a> </li>
347                                        </ul>
348                                    </div>
349                                </div>
350                            </div>
351
352
353
354
355                        </div>
356
357                        <div class="col-lg-3 d-none d-lg-block">
358                            <div class="dropdown-menu-content col">
359
360
361<div class="dropdown-image mb-4">
362    <a class="dropdown-image-container" href="/offers">
363        <div class="image-overlay-container">
364            <div class="overlay"></div>
365            <img class="rounded-1 img-fluid w-100 lazy_click" data-src="/media/10730/dublin-offers-nav-pod-web.jpg" alt="Our offers">
366        </div>
367        <div class="d-flex flex-column">
368            <div>
369                <p class="fw-semibold mb-0">Our offers</p>
370            </div>
371            <div class="d-flex align-items-center"> <small> Find discounts for great experiences in Dublin and more... </small> <img src="/dist/images/global/svg/arrow-right-dark-blue-circle.svg?" height="34" width="34" alt="Find out more about Our offers"> </div>
372        </div>
373    </a>
374</div>
375
376                            </div>
377                        </div>
378                    </div>
379                </ul>
380            </li>
381            <li class="nav-item dropdown has-megamenu">
382                <a class="nav-link text-nowrap custom-toggle d-lg-flex align-items-center gap-lg-1" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Help </a>
383                <ul class="dropdown-menu megamenu container-lg">
384                    <div class="d-block d-lg-flex py-0 py-lg-4 px-0 px-lg-4 px-xl-5 gap-lg-3">
385                        <div class="col-lg-fill d-block d-lg-flex gap-lg-3 gap-xl-4">
386                            <div class="dropdown-column">
387                                <div class="dropdown-group">
388                                    <a class="dropdown-item" href="#">Help</a>
389                                    <div class="dropdown-item-content">
390                                        <ul class="dropdown-links mb-2 mb-lg-3">
391                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/faq" > Frequently asked questions </a> </li>
392                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="https://coachtracker.dublinexpress.ie/" target=_blank> Coach Tracker </a> </li>
393                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/cancellations" > Refunds &amp; cancellations </a> </li>
394                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/lost-property" > Lost property </a> </li>
395                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/disabled-code-of-practice" > Disabled Code of Practice </a> </li>
396                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/conditions-of-carriage" > Conditions of Carriage </a> </li>
397                                            <li itemprop="name" class="dropdown-link"> <a itemprop="url" href="/contact-us" > Contact Us </a> </li>
398                                        </ul>
399                                    </div>
400                                </div>
401                            </div>
402
403
404
405
406                        </div>
407
408                        <div class="col-lg-3 d-none d-lg-block">
409                            <div class="dropdown-menu-content col">
410
411
412<div class="dropdown-image mb-4">
413    <a class="dropdown-image-container" href="/faq">
414        <div class="image-overlay-container">
415            <div class="overlay"></div>
416            <img class="rounded-1 img-fluid w-100 lazy_click" data-src="/media/10732/dublin-contact-nav-pod-web.jpg" alt="Our FAQs">
417        </div>
418        <div class="d-flex flex-column">
419            <div>
420                <p class="fw-semibold mb-0">Our FAQs</p>
421            </div>
422            <div class="d-flex align-items-center"> <small> Find the answers to our most frequently asked questions with ease... </small> <img src="/dist/images/global/svg/arrow-right-dark-blue-circle.svg?" height="34" width="34" alt="Find out more about Our FAQs"> </div>
423        </div>
424    </a>
425</div>
426
427                            </div>
428                        </div>
429                    </div>
430                </ul>
431            </li>
432        </ul>
433    </div>
434    <div class="has-megamenu d-none d-lg-flex align-items-center">
435        
436
437<input type="hidden" name="current-page-language" value="Dublin Airport" />
438
439        <div class="divider mx-2"></div>
440        <a class="text-decoration-none" id="accessibility" href="/en/help/accessibility"
441           type="button" aria-expanded="false">
442            <div class="d-none d-lg-flex align-items-center gap-2">
443                <img src="/dist/images/global/svg/wheelchair-solid.svg?" alt="Accessibility" height="25" width="25">
444                <span class="fw-semibold d-none d-xxl-block">Accessibility</span>
445            </div>
446        </a>
447        <div class="divider mx-2"></div>
448        <ul class="dropdown-menu megamenu container">
449            <li id="desktopSearchMenuContentContainer"></li>
450        </ul>
451        <a class="text-decoration-none d-none d-xxl-flex me-3" id="myAccountSignUp" href="https://book.nationalexpress.com/my-account/#/profile/view">
452            <div> <span class="fw-semibold text-nowrap nx_blue_2">Sign up</span> </div>
453        </a>
454        <a class="nav-button" href="https://book.nationalexpress.com/my-account/#/welcome?login=existing" id="myAccountLogin">
455            <img class="d-none d-lg-block d-xl-none" src="/dist/images/global/svg/my_account.svg?" alt="My Account">
456            <div class="d-none d-lg-none d-xl-flex gap-2 py-1 px-2 rounded-pill"> <img src="/dist/images/global/svg/my_account.svg?" alt="My Account" height="27" width="18"> <span class="fw-semibold text-nowrap">My account</span> </div>
457        </a>
458    </div>
459</div>
460</nav>
461
462
463
464
465        <main>
466            
467
468
469        <div class="container-jp-hero">
470            <div class="journey-planner">
471                <div class="container-xxl">
472                    
473
474
475
476
477 
478 
479    <div class="plannerForm customMarkup">
480
481        <style>
482#jpSubmit[disabled],select#to-dropdown[disabled]{opacity:.8;cursor:default}.ui-datepicker td,.ui-datepicker td.ui-datepicker-unselectable{background:#ccc!important}.ui-datepicker-title,body .plannerForm .calendarPopOut .hasDatepicker .ui-datepicker-inline .ui-datepicker-calendar .ui-datepicker-unselectable span{color:#150958!important}.hidden-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.hide_element{display:none!important}#loading_circle_spinner{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:30px;height:30px;animation:.7s ease-in-out infinite circleSpin;position:absolute;z-index:100;display:none}@keyframes circleSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#popover_travelto_msg{visibility:none;opacity:0;position:absolute;background-color:#fff;width:auto;transform:translateX(-50%);text-align:center;border-radius:4px;z-index:10;padding:10px;border:1px solid #888;transition:.3s cubic-bezier(.335, .010, .030, 1.36)}#popover_travelto_msg.open{visibility:visible;opacity:1;top:75%}#popover_travelto_msg>p{font-size:13px;white-space:nowrap;font-weight:600;letter-spacing:.5px;margin:0!important;color:#0947ba!important}@media only screen and (min-width:992px){#loading_circle_spinner{left:72%;top:25%}}
482.ui-icon{font-family:FontAwesome!important}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{margin-left:0!important;margin-top:0!important;position:unset!important;color:#fff}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{display:flex;justify-content:center;align-items:center}div#pax_modal{top:50%;transform:translateY(-50%)}.ui-datepicker-title{font-size:1.15em}.ui-datepicker td{padding:0!important;margin:0 2px!important;border:2px solid #ccc!important;color:#000!important;text-align:center!important;border-radius:8px!important}.calendarPopOut--close{padding:3px 10px;border:2px solid #150958;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;width:85px;float:right;background:0 0;margin:10px 0 5px}body .plannerForm .calendarPopOut .hasDatepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next,body .plannerForm .calendarPopOut .hasDatepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev{position:absolute;background-color:#150958;border-radius:50%;border:none;padding:0;margin:0;top:10px;width:30px;height:30px;content:"";display:flex;justify-content:center;align-items:center}.background,.journey-planner,div.plannerForm{background-color:#150958!important}.jp-disruption-block{margin:0 auto}.jp-msg-block{background-color:#bd126d!important;border-radius:7px!important}.jp-msg-block p,.jp-msg-block p a,.jp-msg-block p a:hover,.jp-msg-block p i{color:#fff!important;margin-bottom:0}.dx_jp{display:flex;flex-direction:row}.dx_jp_locs{display:flex;width:40%;gap:5px;margin-right:5px}.dx_jp_props{display:flex;width:60%;gap:5px}@media only screen and (max-width:992px){.dx_jp,.dx_jp_locs,.dx_jp_props{flex-direction:column;width:100%}#popover_travelto_msg{left:50%!important;top:20%;width:90%}#popover_travelto_msg.open{top:25%}}i.clear_location{right:unset!important;margin-left:5px;color:#150958!important}#loading_circle_spinner{left:45%;top:23%}@media only screen and (min-width:992px){#loading_circle_spinner{left:29%;top:25px}}body .plannerForm__inputBelt__button{width:100%;padding:0;height:55px;font-size:1.4em;margin:0 auto;line-height:38px;background-color:#10bd59;box-shadow:0 6px 0 0 #0c8e43;color:#fff;border:none;-webkit-appearance:none;outline:0;font-weight:600;text-align:center;font-family:inherit;transition:background 150ms ease-in-out,color 150ms ease-in-out,box-shadow 150ms ease-in-out,transform 150ms ease-in-out;border-radius:50px!important}#popover_travelto_msg{left:30.4%;top:20%}body .plannerForm .calendarPopOut{background-color:#ccc!important}.calendarPopOut{top:75px!important;left:33%!important}.calendarPopOutReturn{left:49%!important}@media screen and (max-width:991px){.calendarPopOut{top:240px!important;left:10%!important;transform:none!important}.calendarPopOutReturn{top:325px!important;left:10%!important}}
483</style>
484<div class="content_de" style="display: none">
485      <h1>Coach travel to Dublin Airport</h1>
486      <p id="hero_subtitle">Buy online for the best price</p>
487    </div>
488    <div class="content_de">
489      <form action="https://checkout.dublinexpress.ie/result?" method="get" class="jpForm js--jpForm" id="plannerForm" data-jp-form-type="desktop" autocomplete="off">
490        <div class="plannerForm__inputBelt">
491      <div class="dx_jp">
492        <div class="dx_jp_locs padding-left-zero padding-right-zero travel_fields"> 
493              <!-- Travelling From -->
494              <div class="plannerForm--station-field-container">
495                <div class="plannerForm--station-field-container">
496                  <label for="from-dropdown" class="hidden-label">Travel From</label>
497    <select name="departureStation" class="plannerForm__inputBelt__field travelField txtFrom icon__arrow" placeholder="Travel from" id="from-dropdown" autocomplete="off" required>
498        <option class="option_from" value="Travel From" selected="" hidden="" disabled="">Travel From</option>
499      <optgroup label="Belfast Stops" class="belfast_label">
500          <option value="GBBFSBEU">Grand Central Station</option>
501      </optgroup>
502    <optgroup label="Dublin City Stops" class="dubCity_label">
503      <option value="IEDUBDEW">3Arena (Point Village &amp; Ringsend)</option>
504      <option value="IEDUBDAA">Arran Quay (Smithfield &amp; Jameson Distillery)</option>
505      <option value="IEDUBDAS">Aston Quay (O'Connell Bridge &amp; Temple Bar)</option>
506      <option value="IEDUBDCH">Custom House Quay (Gardiner Street &amp; Connolly Station)</option>
507      <option value="IEDUBDWI">Dublinia (Winetavern Street)</option>
508      <option value="IEDUBDGQ">George's Quay (Tara Street Station)</option>
509      <option value="IEDUBDHL">Harcourt Luas (Camden Street &amp; Charlemont Street)</option>
510      <option value="IEDUBDHB">Heuston Station (Phoenix Park &amp; Dublin Zoo)</option>
511      <option value="IEDUBDMQ">Merchant's Quay (Christ Church Cathedral)</option>
512      <option value="IEDUBDIF">North Wall Quay (Docklands &amp; Samuel Beckett Bridge)</option>
513      <option value="IEDUBDOQ">Ormond Quay Upper (Capel Street)</option>
514      <option value="IEDUBDKE">Portobello (Kevin Street)</option>
515      <option value="IEDUBDHI">Trinity College (College Green &amp; Temple Bar)</option>
516      <option value="IEDUBDUQ">Usher's Quay (The Liberties &amp; Guinness Storehouse)</option>
517      <option value="IEDUBDWQ">Wellington Quay (Temple Bar &amp; Dublin Castle)</option>
518  </optgroup>
519  <optgroup label="Dublin Suburb Stops" class="dubSuburb_label">
520    <option value="IEDUBDUT">Terenure (Terenure Library)</option>
521    <option value="IEDUBDUU">Rathgar (Terenure Road East)</option>
522    <option value="IEDUBDUA">Rathmines (Castlewood Avenue)</option>
523    <option value="IEDUBDUH">Ranelagh Luas</option>
524  </optgroup>
525    </select>
526<p id="errorlabel_from_field">Please choose a Travel From</p>
527                </div>
528              </div>
529              <div id="loading_circle_spinner"></div>
530              <div class="plannerForm--station-field-container toField_container">
531                <div class="plannerForm--station-field-container">
532                  <label for="to-dropdown" class="hidden-label">Travel To</label>
533                  <select name="arrivalStation" class="plannerForm__inputBelt__field travelField txtTo icon__arrow" placeholder="Travel to" id="to-dropdown" autocomplete="off" required>
534                    <optgroup label="Dublin Airport Stops" class="dubAirport_label">
535                        <option value="IEDUBDFA" selected>Dublin Airport T1 (DUB)</option>
536                        <option value="IEDUBDFE">Dublin Airport T2 (DUB)</option>
537                    </optgroup>
538                  </select>
539                </div>
540              </div>
541            </div>
542            <div class="dx_jp_props padding-left-zero padding-right-zero"> 
543              <!-- Calendar Outbound Modal -->
544              <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3">
545                <label for="departDate" class="hidden-label">Depart Date</label>
546                <input type="text" class="plannerForm__inputBelt__field icon__calendar plannerForm__inputBelt__field_overide" id="departDate" aria-label="departDate" readonly>
547                <input type="hidden" id="departure_date" name="departureDate" value="">
548                <div id="cal-popup-out" class="calendarPopOut calendarPopOutSingle" style="display:none;">
549                  <div id="showSingleDX" class="col-md-12"></div>
550                  <div class="col-xs-12">
551                    <button type="button" class="calendarPopOut--close singleNext">Done</button>
552                  </div>
553                </div>
554              </div>
555              <!-- Calendar Return Modal -->
556              <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3">
557                <label for="returnDate" class="hidden-label">Return Date</label>
558                <i id="clear_return" title="Remove" class="fa fa-times clear_location" aria-hidden="true"></i>
559                <input type="text" class="plannerForm__inputBelt__field icon__calendar plannerForm__inputBelt__field_overide" id="returnDate" value="Add return" aria-label="return-date" readonly>
560                <input type="hidden" id="returnDateSelected" />
561                <input type="hidden" id="return_date" name="returnDate" value="" disabled>
562                <div id="cal-popup-ret" class="calendarPopOut calendarPopOutReturn" style="display:none;">
563                  <div id="showReturnDX" class="col-md-12"></div>
564                  <div class="col-xs-12">
565                    <button type="button" class="calendarPopOut--close singleNext doneReturnBtn">Done</button>
566                  </div>
567                </div>
568              </div>
569              <!-- Passengers -->
570              <div id="passenger-count-div" class="col-xs-12 col-sm-12 col-md-12 col-lg-3 plannerForm__inputBelt__field__passenger-modal-toggle">
571                <div id="passenger-count" class="plannerForm__inputBelt__field plannerForm__inputBelt__field_overide icon__pax">
572                  <div class="db_pax_selector">
573                    <button type="button" class="down_count plannerPassenger__c
573ounter__button" title="Down">-</button>
574                    <label for="counterInput" class="hidden-label">Passenger Counter</label>
575                    <input class="counter plannerPassenger__counter__input" id="counterInput" type="text" value="1" aria-label="counter-input" disabled />
576                    <input name="pax" class="counter" type="hidden" value="1" />
577                    <button type="button" class="up_count plannerPassenger__counter__button" title="Up">+</button>
578                  </div>
579                </div>
580                <div id="passengerCount-error-desktop">
581                  <label id="passengerCount-error" class="error" for="passengerCount" style="display:none"><i class="fas fa-exclamation-triangle" aria-hidden="true"></i> Please select at least one passenger</label>
582                </div>
583              </div>
584              <!-- Submit Button -->
585              <div id="jp-submit-div" class="col-xs-12 col-sm-12 col-md-12 col-lg-3">
586                <div id="error-btn-cover"></div>
587                <button id="jpSubmit" type="button" class="jpSubmit plannerForm__inputBelt__button primaryButton primaryButton--green"> Find my journey </button>
588              </div>
589            </div>
590          </div>
591        </div>
592        <input type="hidden" name="currency" value="EUR">
593        <input type="hidden" name="locale" value="en-IE">
594<input type="hidden" name="retailerPartnerNumber" value="762988">
595        <input type="hidden" name="navbar" value="true">
596    <input type="hidden" name="departureTime" value="00:00">
597      </form>
598    </div>
599
600     <div class="jp-disruption-block">
601            <div class="jp-disruption-text-block">
602                <i aria-hidden="true" class="fa fa-info-circle"></i> <span class="jp-disruption-block-title">Title: </span><span class="jp-disruption-block-msg">This is the disruption message.</span>
603            </div>
604            <button id="close-jp-disruption-block" aria-label="close alert button"><i class="fa fa-times" aria-hidden="true"></i></button>
605        </div>
606
607    </div>
608
609
610                </div>
611            </div>
612            <div class="container-fluid hero lazy" style="background-image:linear-gradient(180deg, rgba(18, 53, 76, 0) 0%, rgba(18, 53, 76, 0.6) 100%), url(/media/13914/coach-background-full-width-1920x452px.jpg?width=1920&amp;height=452&amp;v=1dc94ea4a7a7630)">
613                <div class="container hero-container">
614                    <div class="hero-container-content">
615                        <h1>Bus travel to Dublin Airport</h1>
616                        <p>Buy online for the best price</p>
617                    </div>
618                </div>
619            </div>
620        </div>
621
622            <div class="container-xl mt-3">
623                <div class="row ms-0 d-flex justify-content-between">
624                    <nav aria-label="Breadcrumb" class="nx-breadcrumb w-auto">
625                        
626
627
628    <ul class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
629
630        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
631            <a class="breadcrumb-item breadcrumb-home" itemprop="item" href="/">
632                <span itemprop="name">Home</span>
633            </a>
634            <meta itemprop="position" content="1" />
635            <span class="divider"></span>
636        </li>
637
638
639
640
641                <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
642                    <a class="breadcrumb-item active" itemprop="item" href="/dublin-airport">
643                        <span itemprop="name">Dublin Airport</span>
644                    </a>
645                    <meta itemprop="position" content="2" />
646                </li>
647
648    </ul>
649
650                    </nav>
651                </div>
652            </div>
653            
654
655            
656
657
658    <div data-group-name="" data-title="Top USP Spacer" data-role="container" class="    ">
659        
660
661<div class="embed-content">
662    <div id="topUspSpacer"></div>
663</div>
664
665    </div>
666
667<div class="nx-homepage-usp-container" data-title="" data-role="container">
668    <div class="container-xl">
669        <div class="row">
670            <div class="nx-homepage-usp">
671                
672
673
674
675<div id="usp_Fastest_transfers" class="usp-pod">
676    <i class="fa fa-clock-o" style="color:#" aria-hidden="true"></i>
677    <h5>Fastest transfers</h5>
678    <span class="usp-text"><p><strong>Dublin City in as little as 14 minutes </strong>from Dublin Airport on our fastest service.</p></span>
679</div>
680
681
682<div id="usp_Track_your_coach" class="usp-pod">
683    <i class="fa fa-bus" style="color:#" aria-hidden="true"></i>
684    <h5>Track your coach</h5>
685    <span class="usp-text"><p><strong>Real-time bus tracking</strong>. Follow your service live so you never miss a departure.</p></span>
686        <a href="https://coachtracker.dublinexpress.ie/" class="usp-text">Coach Tracker</a>
687</div>
688
689
690<div id="usp_Best_fares_online" class="usp-pod">
691    <i class="fa fa-ticket" style="color:#" aria-hidden="true"></i>
692    <h5>Best fares online</h5>
693    <span class="usp-text"><p><strong>From just €9 one-way</strong> when you book online,</p></span>
694</div>
695
696
697<div id="usp_Generous_luggage" class="usp-pod">
698    <i class="fa fa-suitcase" style="color:#" aria-hidden="true"></i>
699    <h5>Generous luggage</h5>
700    <span class="usp-text"><p><strong>2 x 20kg bags</strong> plus one piece of soft hand luggage included, no extra charge.</p></span>
701</div>
702            </div>
703        </div>
704    </div>
705</div>
706    <div data-group-name="" data-title="Body copy" data-role="container" class="container   mt-5 ">
707        
708
709    <div class="richText">
710        <h2>Dublin Airport: Ireland's Busiest Airport</h2><p><span>Welcome to Dublin Airport, Ireland's largest and busiest international airport, located just 10 kilometres north of Dublin City centre. In 2025, Dublin Airport handled a record </span><strong><span>36.4 million passengers</span></strong><span>, cementing its status as one of Europe's major aviation hubs. The airport operates two terminals and offers excellent onward connections to Dublin City, Belfast, and beyond.</span></p><h3>Terminals at Dublin Airport</h3><p><span>Dublin Airport has two terminals, Terminal 1 (T1) and Terminal 2 (T2), situated close together, making it easy to walk between them.</span></p><h4>Terminal 1</h4><p><span>Terminal 1 is Dublin Airport's main terminal and serves the majority of airlines flying to and from Dublin, primarily on short-haul European routes. Key airlines operating from T1 include:</span></p><ul><li><p><strong><span>Ryanair</span></strong><span>, Dublin Airport's busiest airline, connecting passengers to dozens of destinations across Europe</sp
710an></p></li><li><p><strong><span>British Airways, Air France, KLM, Lufthansa</span></strong><span> and other European carriers</span></p></li><li><p><strong><span>Air Canada</span></strong><span>, seasonal transatlantic flights to Toronto</span></p></li><li><p><span>Various airlines serving Africa and the Middle East</span></p></li></ul><p>If you are flying with any airline <em>other than</em> Aer Lingus, American Airlines, Emirates, El Al, or United Airlines, you will most likely depart from Terminal 1. Always check your boarding pass to confirm.</p><h4>Terminal 2</h4><p><span>Terminal 2 is a modern, purpose-built facility opened in 2010 and designed primarily for long-haul and transatlantic traffic. It is the home terminal for </span><strong><span>Aer Lingus, </span></strong><span>Ireland's national carrier, and hosts all US-bound departures, which benefit from Dublin Airport's unique </span><strong><span>US Pre-Clearance facility,</span></strong><span> allowing passengers to complete US immigration and customs checks before they leave Ireland.</span></p><p><span>Airlines operating from Terminal 2 include:</span></p><ul><li><p><strong><span>Aer Lingus</span></strong><span>, short-haul and long-haul routes, including extensive US and European services</span></p></li><li><p><strong><span>American Airlines, Delta, United Airlines</span></strong><span>, major US carriers serving North America</span></p></li><li><p><strong><span>Emirates</span></strong><span>, daily service to Dubai</span></p></li><li><p><strong><span>El Al,</span></strong><span> flights to Israel</span></p></li></ul><p><span>Terminal 2 features 58 check-in desks, 26 boarding gates, and 19 air bridges.</span></p><p></p><h3>Travel Tips</h3><p><span>Dublin Airport recommends arriving at least:</span></p><ul><li><p><strong><span>2 hours before departure </span></strong><span>for short-haul flights</span></p></li><li><p><strong><span>3 hours before departure </span></strong><span>for long-haul flights (including transatlantic)</span></p></li></ul><p><span>If travelling by bus from Dublin City, allow additional time for city centre traffic, particularly during peak hours (07:30–09:30 and 16:30–18:30). From Belfast, please note your journey time of approximately 1 hour 50 minutes on top of the recommended airport arrival time. Early booking is strongly advised.</span></p><p>For full information on facilities and servces, visit the&nbsp;<a target="" data-router-slot="disabled" href="https://www.dublinairport.com/at-the-airport" type="external">Dublin Airport website</a>.</p><p></p><h2>Bus Travel to Dublin Airport with Dublin Express</h2><p><span>Dublin Express is the fastest and most frequent bus service to and from Dublin Airport. Our buses feature free onboard Wi-Fi, USB charging ports, and generous luggage storage, making your airport transfer comfortable and stress-free.</span></p><ul><li><p><span>Services depart </span><strong><span>every 7½ minutes at peak times</span></strong><span> from Dublin City</span></p></li><li><p><span>Stops directly outside arrivals at </span><strong><span>both Terminal 1 and Terminal 2</span></strong></p></li><li><p><span>Open return tickets available, flexibility built in</span></p></li><li><p><span>Bus tickets from </span><strong><span>€9 one-way </span></strong><span>(Dublin City) and</span><strong><span> £8.50 </span></strong><span>(Belfast)</span></p></li><li><p><span>Track your bus in real time with our </span><a target="" data-router-slot="disabled" href="https://coachtracker.dublinexpress.ie/" title="coachtracker.dublinexpress.ie" type="external"><span>Bus Tracker</span></a></p><p></p></li></ul><h3>Dublin Express Stop Locations at Dublin Airport</h3><p><img class="img-fluid" src="/media/12874/ds-5262-dublin-express-dublin-airport-maps-01.jpg" alt=""></p><h4>Cheap coach tickets to Dublin Airport</h4><p>Looking to transfer from Belfast or Dublin City to Dublin Airport? There's no better way to get there than onboard a Dublin Express coach. Enjoy frequent services to and from Dublin Airport, with affordable ticket prices, plenty of luggage space, free Wi-Fi and drop-off points at both terminals!</p><p>To see departure times, prices and to book your ticket, use the journey planner above. Or take a look below for more information on coach travel to Dublin Airport, including our routes from Dublin City and Belfast, and frequently asked questions.</p><p><strong>Please note:</strong><span>&nbsp;</span>We recommend giving yourself extra time to get to Dublin Airport from both Belfast and Dublin City. It is recommended to arrive at the airport 2 hours before short-haul flights and 3 hours before long-haul flights. Also bear in mind that city centre traffic can sometimes be busy at rush hour times and can create delays so please allow yourself additional time for your journey.
711    </div>
712
713    <div class="richText">
714        <h4>Arriving at Terminal 1</h4><p>When you exit arrivals at Terminal 1, turn <strong>left </strong>through the terminal exit door. Dublin Express is located in<strong> Zone 1</strong>, directly outside, you'll see our buses immediately. Look for the digital sign with a QR code to purchase your ticket quickly, or speak to a team member at the kiosk.</p><p>Most airlines land at Terminal 1, including <strong>Ryanair, Air Transat, and British Airways.</strong></p><h4>Arriving at Terminal 2</h4><p>When you exit arrivals at Terminal 2, walk straight ahead, cross the covered glass walkway, turn <strong>left</strong>, and take the escalator down to the bus stops. Dublin Express is in <strong>Zone 21</strong> and is clearly signposted. Purchase your ticket online, scan the QR code on the sign beside the escalator, or speak to a team member at the kiosk at the bottom of the escalator.</p><p>Airlines that land at Terminal 2 include <strong>Aer Lingus, American Airlines, and Emirates.</strong>
715    </div>
716
717    </div>
718
719<div data-title="Routes to Dublin Airport " data-role="container" class="container-xl    mt-5 ">
720        <div class="standardFeature">
721            
722
723<div class="textSummaryBlock">
724	<div class="textSummaryBlockInner textSummaryBlock--">
725		<h3>Routes to Dublin Airport </h3><p></p>
726	</div>
727</div>
728        </div>
729</div>
730
731<div data-title="Pods" data-role="container" class="container-xl   mt-3  ">
732        <div class="standardFeature">
733            
734
735
736
737<div class="row">
738    <div class="nx-universal-content-4 transparent-pods">
739                    <div class="pod">
740                            <div class="image-container">
741                                <a href="/dublin-airport/dublin-city-to-dublin-airport" title="Dublin City to Dublin Airport" >
742                                    <img class="lazy lazyhor" alt="Dublin City to Dublin Airport" data-src="/media/0kgbfiyg/dublin-express-25-6.jpg">
743                                </a>
744                            </div>
745                        <div class="pod-content">
746                            <h5>Dublin City to Dublin Airport</h5>
747                            <span>Our 782 service runs up to every 15 minutes from multiple stops across Dublin City and along the quays, connecting you directly to both terminals. Journey times from as little as 14 minutes. From &#x20AC;9 one-way.</span>
748                            <a href="/dublin-airport/dublin-city-to-dublin-airport" title="Dublin City to Dublin Airport" class="link-blue link-icon" > View Dublin City to Dublin Airport route <img src="/dist/images/global/svg/arrow-right-blue-circle.svg" alt="View Dublin City to Dublin Airport route"> </a>
749                        </div>
750                    </div>
751                    <div class="pod">
752                            <div class="image-container">
753                                <a href="/dublin-airport/belfast-to-dublin-airport" title="Belfast to Dublin Airport" >
754                                    <img class="lazy lazyhor" alt="Belfast to Dublin Airport" data-src="/media/giaf5tot/belfast-to-airport.jpg">
755                                </a>
756                            </div>
757                        <div class="pod-content">
758                            <h5>Belfast to Dublin Airport</h5>
759                            <span>Our 785 service operates up to 16 times daily between Belfast and Dublin Airport. Journey times from 1 hour 50 minutes. From &#xA3;8.50 one-way.</span>
760                            <a href="/dublin-airport/belfast-to-dublin-airport" title="Belfast to Dublin Airport" class="link-blue link-icon" > View Belfast to Dublin Airport route <img src="/dist/images/global/svg/arrow-right-blue-circle.svg" alt="View Belfast to Dublin Airport route"> </a>
761                        </div>
762                    </div>
763                    <div class="pod">
764                            <div class="image-container">
765                                <a href="https://www.dublinexpress.ie/dublin-airport/terenure-to-dublin-airport" title="Terenure to Dublin Airport" >
766                                    <img class="lazy lazyhor" alt="Terenure to Dublin Airport" data-src="/media/yexjkxfo/terenure-to-dublin-airport.jpg">
767                                </a>
768                            </div>
769                        <div class="pod-content">
770                            <h5>Terenure to Dublin Airport</h5>
771                            <span>Our 783 service connects south Dublin suburbs including Terenure, Rathgar, Rathmines, Ranelagh, and Harcourt directly to Dublin Airport.</span>
772                            <a href="https://www.dublinexpress.ie/dublin-airport/terenure-to-dublin-airport" title="Terenure to Dublin Airport" class="link-blue link-icon" > View Terenure to Dublin Airport route <img src="/dist/images/global/svg/arrow-right-blue-circle.svg" alt="View Terenure to Dublin Airport route"> </a>
773                        </div>
774                    </div>
775    </div>
776</div>
777
778
779        </div>
780</div>
781
782    <div data-group-name="" data-title="FAQ" data-role="container" class="container   mt-5 ">
783        
784
785    <div class="richText">
786        <h2>Frequently asked questions</h2>
787    </div>
788
789
790<div class="accordion nx-accordion-single mt-4" id="single-accordion-WheredoestheDublinExpressbusstopatDublinAirport">
791    <h2 class="accordion-header nx-accordion-header" id="single-heading-WheredoestheDublinExpressbusstopatDublinAirport">
792        <button class="accordion-button nx-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#single-accordion-child-WheredoestheDublinExpressbusstopatDublinAirport" aria-expanded="false" aria-controls="single-collapse-WheredoestheDublinExpressbusstopatDublinAirport">
793            <span>
794                <strong>Where does the Dublin Express bus stop at Dublin Airport</strong>
795            </span>
796        </button>
797    </h2>
798    <div id="single-accordion-child-WheredoestheDublinExpressbusstopatDublinAirport" class="accordion-collapse collapse "
799         aria-labelledby="single-heading-WheredoestheDublinExpressbusstopatDublinAirport" data-bs-parent="#single-accordion-WheredoestheDublinExpressbusstopatDublinAirport">
800        <div class="accordion-body nx-accordion-content">
801            <p>Dublin Express buses stop directly outside the arrivals hall at both<strong> Terminal 1 and Terminal 2</strong> at Dublin Airport.</p><ul><li><p><strong>Terminal 1:</strong> Zone 1, immediately outside the terminal exit door to the left of arrivals. Look for the Dublin Express kiosk or digital QR code sign.</p></li><li><p><strong>Terminal 2:</strong> Zone 21. Exit arrivals, walk straight ahead, cross the glass walkway, turn left, and take the escalator down to the bus stops. Follow the Dublin Express signs.</p></li></ul><p>You can purchase tickets online in advance, scan the QR code on the terminal signage, or buy from a team member at the kiosk. Visit our<a target="" data-router-slot="disabled" href="https://www.dublinexpress.ie/stop-map" title="www.dublinexpress.ie" type="external"> stop map</a>
801 for directions.</p>
802        </div>
803    </div>
804</div>
805
806<div class="accordion nx-accordion-single mt-4" id="single-accordion-HowmuchdoesthebustoDublinAirportcost-">
807    <h2 class="accordion-header nx-accordion-header" id="single-heading-HowmuchdoesthebustoDublinAirportcost-">
808        <button class="accordion-button nx-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#single-accordion-child-HowmuchdoesthebustoDublinAirportcost-" aria-expanded="false" aria-controls="single-collapse-HowmuchdoesthebustoDublinAirportcost-">
809            <span>
810                <strong>How much does the bus to Dublin Airport cost?</strong>
811            </span>
812        </button>
813    </h2>
814    <div id="single-accordion-child-HowmuchdoesthebustoDublinAirportcost-" class="accordion-collapse collapse "
815         aria-labelledby="single-heading-HowmuchdoesthebustoDublinAirportcost-" data-bs-parent="#single-accordion-HowmuchdoesthebustoDublinAirportcost-">
816        <div class="accordion-body nx-accordion-content">
817            <p>Dublin Express bus tickets to Dublin Airport start from:</p><ul><li><p><strong>€9 one-way</strong> from Dublin City</p></li><li><p><strong>£8.50 one-way </strong>from Belfast</p></li></ul><p>Book online for the best price. Tickets can also be bought at the airport stop or onboard (card payments only, subject to availability). Infants aged 0–2 travel free when accompanied by an adult with a valid ticket.</p><p></p>
818        </div>
819    </div>
820</div>
821
822<div class="accordion nx-accordion-single mt-4" id="single-accordion-HowlongdoesthebustaketoDublinAirport-">
823    <h2 class="accordion-header nx-accordion-header" id="single-heading-HowlongdoesthebustaketoDublinAirport-">
824        <button class="accordion-button nx-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#single-accordion-child-HowlongdoesthebustaketoDublinAirport-" aria-expanded="false" aria-controls="single-collapse-HowlongdoesthebustaketoDublinAirport-">
825            <span>
826                <strong>How long does the bus take to Dublin Airport?</strong>
827            </span>
828        </button>
829    </h2>
830    <div id="single-accordion-child-HowlongdoesthebustaketoDublinAirport-" class="accordion-collapse collapse "
831         aria-labelledby="single-heading-HowlongdoesthebustaketoDublinAirport-" data-bs-parent="#single-accordion-HowlongdoesthebustaketoDublinAirport-">
832        <div class="accordion-body nx-accordion-content">
833            <p>Journey times to Dublin Airport with Dublin Express:</p><ul><li><p><strong>From Dublin City: </strong>as little as <strong>14 minutes </strong>on the fastest service via the Dublin Port Tunnel</p></li><li><p><strong>From Belfast</strong>: approximately <strong>1 hour 50 minutes</strong> on the fastest service</p></li></ul><p>Please allow additional time during peak traffic hours (07:30–09:30 and 16:30–18:30). Use our <a target="" data-router-slot="disabled" href="https://coachtracker.dublinexpress.ie/" title="coachtracker.dublinexpress.ie" type="external">Bus Tracker</a> to follow your service in real time.</p><p></p>
834        </div>
835    </div>
836</div>
837
838<div class="accordion nx-accordion-single mt-4" id="single-accordion-HowoftendoDublinExpressbusesruntoDublinAirport-">
839    <h2 class="accordion-header nx-accordion-header" id="single-heading-HowoftendoDublinExpressbusesruntoDublinAirport-">
840        <button class="accordion-button nx-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#single-accordion-child-HowoftendoDublinExpressbusesruntoDublinAirport-" aria-expanded="false" aria-controls="single-collapse-HowoftendoDublinExpressbusesruntoDublinAirport-">
841            <span>
842                <strong>How often do Dublin Express buses run to Dublin Airport?</strong>
843            </span>
844        </button>
845    </h2>
846    <div id="single-accordion-child-HowoftendoDublinExpressbusesruntoDublinAirport-" class="accordion-collapse collapse "
847         aria-labelledby="single-heading-HowoftendoDublinExpressbusesruntoDublinAirport-" data-bs-parent="#single-accordion-HowoftendoDublinExpressbusesruntoDublinAirport-">
848        <div class="accordion-body nx-accordion-content">
849            <p>From Dublin City, Dublin Express buses depart <strong>every 7½ minutes at peak times</strong> and up to<strong> every 15 minutes</strong> across the day. From Belfast, buses run <strong>up to 16 times daily.</strong></p>
850        </div>
851    </div>
852</div>
853
854<div class="accordion nx-accordion-single mt-4" id="single-accordion-WheredoesthebusdepartfrominDublinCitytogotoDublinAirport-">
855    <h2 class="accordion-header nx-accordion-header" id="single-heading-WheredoesthebusdepartfrominDublinCitytogotoDublinAirport-">
856        <button class="accordion-button nx-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#single-accordion-child-WheredoesthebusdepartfrominDublinCitytogotoDublinAirport-" aria-expanded="false" aria-controls="single-collapse-WheredoesthebusdepartfrominDublinCitytogotoDublinAirport-">
857            <span>
858                <strong>Where does the bus depart from in Dublin City to go to Dublin Airport?</strong>
859            </span>
860        </button>
861    </h2>
862    <div id="single-accordion-child-WheredoesthebusdepartfrominDublinCitytogotoDublinAirport-" class="accordion-collapse collapse "
863         aria-labelledby="single-heading-WheredoesthebusdepartfrominDublinCitytogotoDublinAirport-" data-bs-parent="#single-accordion-WheredoesthebusdepartfrominDublinCitytogotoDublinAirport-">
864        <div class="accordion-body nx-accordion-content">
865            <p>Dublin Express operates multiple routes from Dublin City to Dublin Airport:</p><p><strong>Route 782 </strong>departs from:</p><ul><li><p>George's Quay (Tara Street Station), Stop 135141</p></li><li><p>Aston Quay (O'Connell Bridge & Temple Bar), Stop 325</p></li><li><p>Wellington Quay (Temple Bar & Dublin Castle), Stop 312</p></li><li><p>Merchant's Quay (Christ Church Cathedral), Stop 1444</p></li><li><p>Usher's Quay (The Liberties & Guinness Storehouse), Stop 10997</p></li><li><p>Heuston Station (Phoenix Park & Dublin Zoo), Stop 4425</p></li><li><p>Arran Quay (Smithfield & Jameson Distillery), Stop 7453</p></li><li><p>Ormond Quay Upper (Capel Street), Stop 1479</p></li><li><p>Eden Quay (O'Connell Street & Marlborough Street), Stop 297</p></li><li><p>Custom House Quay (Gardiner Street & Connolly Station), Stop 135271</p></li></ul><p><strong>Route 783</strong> (south Dublin suburbs) departs from:</p><ul><li><p>Terenure (Templeogue Road, opp Terenure Library)</p></li><li><p>Rathgar (Brighton Road, Terenure Road East)</p></li><li><p>Rathmines (Castlewood Avenue)</p></li><li><p>Ranelagh (Ranelagh Luas)</p></li><li><p>Harcourt (Hatch Street Upper)</p></li><li><p>Portobello (Kevin Street)</p></li><li><p>Winetavern Street (outside Dublinia)</p></li><li><p>Custom House Quay (Custom House)</p></li><li><p>Docklands (North Wall Quay, Beckett Bridge)</p></li><li><p>3Arena (North Wall Quay, Bran Phoirt Thoir)</p></li></ul><p><strong>Route 784</strong> departs from:</p><ul><li><p>Trinity College (College Green & Temple Bar), Stop 7588</p></li><li><p>Custom House Quay (Gardiner Street & Connolly Station), Stop 135271</p></li><li><p>North Wall Quay (Docklands & Samuel Beckett Bridge), Stop 2500</p></li><li><p>3Arena (Point Village & Ringsend), Stop 7623</p></li></ul><p><strong>Route 785 </strong>(Belfast service) departs from:</p><ul><li><p>Custom House Quay, Stop 135271</p></li><li><p>Pearse Street (Stop 345)</p></li></ul><p>^Westland Row stop is not wheelchair accessible. The nearest accessible stop is Custom House Quay. We apologise for any inconvenience.</p><p>Visit our <a target="" data-router-slot="disabled" href="https://www.dublinexpress.ie/stop-map" title="www.dublinexpress.ie" type="external">stop map</a> for directions to all stops.</p><p></p>
866        </div>
867    </div>
868</div>
869
870<div class="accordion nx-accordion-single mt-4" id="single-accordion-WheredoestheBelfastbustoDublinAirportdepartfrom-">
871    <h2 class="accordion-header nx-accordion-header" id="single-heading-WheredoestheBelfastbustoDublinAirportdepartfrom-">
872        <button class="accordion-button nx-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#single-accordion-child-WheredoestheBelfastbustoDublinAirportdepartfrom-" aria-expanded="false" aria-controls="single-collapse-WheredoestheBelfastbustoDublinAirportdepartfrom-">
873            <span>
874                <strong>Where does the Belfast bus to Dublin Airport depart from?</strong>
875            </span>
876        </button>
877    </h2>
878    <div id="single-accordion-child-WheredoestheBelfastbustoDublinAirportdepartfrom-" class="accordion-collapse collapse "
879         aria-labelledby="single-heading-WheredoestheBelfastbustoDublinAirportdepartfrom-" data-bs-parent="#single-accordion-WheredoestheBelfastbustoDublinAirportdepartfrom-">
880        <div class="accordion-body nx-accordion-content">
881            <p>The <strong>Route 785</strong> service from Belfast to Dublin Airport departs from <strong>Grand Central Station</strong>, in Belfast city centre. </p><p>Visit our <a target="" data-router-slot="disabled" href="https://www.dublinexpress.ie/stop-map" title="www.dublinexpress.ie" type="external">stop map</a>
881 for directions.</p>
882        </div>
883    </div>
884</div>
885
886<div class="accordion nx-accordion-single mt-4" id="single-accordion-WhichterminaldoesDublinExpressdropoffat-">
887    <h2 class="accordion-header nx-accordion-header" id="single-heading-WhichterminaldoesDublinExpressdropoffat-">
888        <button class="accordion-button nx-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#single-accordion-child-WhichterminaldoesDublinExpressdropoffat-" aria-expanded="false" aria-controls="single-collapse-WhichterminaldoesDublinExpressdropoffat-">
889            <span>
890                <strong>Which terminal does Dublin Express drop off at?</strong>
891            </span>
892        </button>
893    </h2>
894    <div id="single-accordion-child-WhichterminaldoesDublinExpressdropoffat-" class="accordion-collapse collapse "
895         aria-labelledby="single-heading-WhichterminaldoesDublinExpressdropoffat-" data-bs-parent="#single-accordion-WhichterminaldoesDublinExpressdropoffat-">
896        <div class="accordion-body nx-accordion-content">
897            <p>Dublin Express calls at <strong>both Terminal 1 and Terminal 2</strong> on every service. You do not need to change bus between terminals.</p>
898        </div>
899    </div>
900</div>
901
902<div class="accordion nx-accordion-single mt-4" id="single-accordion-CanIbuyaticketonthebustoDublinAirport-">
903    <h2 class="accordion-header nx-accordion-header" id="single-heading-CanIbuyaticketonthebustoDublinAirport-">
904        <button class="accordion-button nx-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#single-accordion-child-CanIbuyaticketonthebustoDublinAirport-" aria-expanded="false" aria-controls="single-collapse-CanIbuyaticketonthebustoDublinAirport-">
905            <span>
906                <strong>Can I buy a ticket on the bus to Dublin Airport?</strong>
907            </span>
908        </button>
909    </h2>
910    <div id="single-accordion-child-CanIbuyaticketonthebustoDublinAirport-" class="accordion-collapse collapse "
911         aria-labelledby="single-heading-CanIbuyaticketonthebustoDublinAirport-" data-bs-parent="#single-accordion-CanIbuyaticketonthebustoDublinAirport-">
912        <div class="accordion-body nx-accordion-content">
913            <p>Yes, tickets can be purchased onboard or at the stop kiosk at Dublin Airport. However, <strong>card payments only </strong>are accepted and this is <strong>subject to availability.</strong> </p>
914        </div>
915    </div>
916</div>
917
918<div class="accordion nx-accordion-single mt-4" id="single-accordion-DoinfantstravelfreeonDublinExpress-">
919    <h2 class="accordion-header nx-accordion-header" id="single-heading-DoinfantstravelfreeonDublinExpress-">
920        <button class="accordion-button nx-accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#single-accordion-child-DoinfantstravelfreeonDublinExpress-" aria-expanded="false" aria-controls="single-collapse-DoinfantstravelfreeonDublinExpress-">
921            <span>
922                <strong>Do infants travel free on Dublin Express?</strong>
923            </span>
924        </button>
925    </h2>
926    <div id="single-accordion-child-DoinfantstravelfreeonDublinExpress-" class="accordion-collapse collapse "
927         aria-labelledby="single-heading-DoinfantstravelfreeonDublinExpress-" data-bs-parent="#single-accordion-DoinfantstravelfreeonDublinExpress-">
928        <div class="accordion-body nx-accordion-content">
929            <p>Yes, infants aged<strong> 0–2 years travel free </strong>when accompanied by an adult with a valid ticket. If you are travelling with more than one infant aged 0–2 per adult, additional infants should be booked as Children (aged 3–15).</p>
930        </div>
931    </div>
932</div>
933<div class="textSummaryBlock">
934	<div class="textSummaryBlockInner textSummaryBlock--">
935		<p>    </p>
936	</div>
937</div>
938    </div>
939
940        </main>
941        <footer class="footer">
942            
943
944<div class="container-xl">
945    <div class="container-xl">
946        <div class="row pt-4 pt-md-5 pb-4">
947            <div class="col-md-12 col-lg-9">
948                <div class="row">
949                    <div id="desktopFooter" class="d-none d-md-block">
950                        <div class="row">
951                            <div class="col-sm-4">
952                                <h4></h4>
953                                <ul>
954                <li><a href="/privacy-centre">Privacy Centre</a></li>
955                <li><a href="/terms-conditions">Terms &amp; Conditions</a></li>
956                <li><a href="/conditions-of-carriage">Conditions of carriage</a></li>
957                <li><a href="/jobs">Career Opportunities</a></li>
958                <li><a target="_blank" href="https://coachtracker.dublinexpress.ie/">Coach Tracker</a></li>
959                <li><a href="/group-bookings">Group Bookings</a></li>
960                                </ul>
961                            </div>
962                            <div class="col-sm-4">
963                                <h4></h4>
964                                <ul>
965                <li><a href="/cookie-policy">Cookie Policy</a></li>
966                <li><a target="_blank" href="/media/11760/dublin-passenger-rights-10-23.pdf">Passenger Rights</a></li>
967                <li><a href="/blog">Read our Blog</a></li>
968                <li><a href="/disabled-code-of-practice">Disabled Code of Practice</a></li>
969                <li><a href="/contact-us">Contact Us</a></li>
970                                </ul>
971                            </div>
972                            <div class="col-sm-4">
973                                <h4></h4>
974                                <ul>
975                                </ul>
976                            </div>
977                        </div>
978                    </div>
979                    <div id="mobileFooter" class="d-sm-block d-md-none">
980                        <div class="col-sm-12 footerClick">
981                            <div class="plusMinus1"></div>
982                            <h4></h4>
983                            <ul>
984                <li><a href="/privacy-centre">Privacy Centre</a></li>
985                <li><a href="/terms-conditions">Terms &amp; Conditions</a></li>
986                <li><a href="/conditions-of-carriage">Conditions of carriage</a></li>
987                <li><a href="/jobs">Career Opportunities</a></li>
988                <li><a target="_blank" href="https://coachtracker.dublinexpress.ie/">Coach Tracker</a></li>
989                <li><a href="/group-bookings">Group Bookings</a></li>
990                            </ul>
991                            <div class="footer--divider"></div>
992                        </div>
993                        <div class="col-sm-12 footerClick">
994                            <div class="plusMinus1"></div>
995                            <h4></h4>
996                            <ul>
997                <li><a href="/cookie-policy">Cookie Policy</a></li>
998                <li><a target="_blank" href="/media/11760/dublin-passenger-rights-10-23.pdf">Passenger Rights</a></li>
999                <li><a href="/blog">Read our Blog</a></li>
1000                <li><a href="/disabled-code-of-practice">Disabled Code of Practice</a></li>
1001                <li><a href="/contact-us">Contact Us</a></li>
1002                            </ul>
1003                            <div class="footer--divider"></div>
1004                        </div>
1005                        <div class="col-sm-12 footerClick">
1006                            <div class="plusMinus1"></div>
1007                            <h4></h4>
1008                            <ul>
1009                            </ul>
1010                            <div class="footer--divider"></div>
1011                        </div>
1012                    </div>
1013                </div>
1014            </div>
1015            <div class="col-md-12 col-lg-3 mt-4 mt-md-0">
1016                <div class="row">
1017                    <div class="col-sm-12">
1018                        <div class="social-icons d-flex justify-content-evenly justify-content-lg-between">
1019                            <a href="https://twitter.com/nationalexpress" id="twitter"> <img class="lazy" data-src="/dist/images/global/svg/x-twitter.svg" alt="Twitter Icon" height="31" width="31"> </a>
1020                            <a href="https://www.facebook.com/NationalExpress" id="facebook"> <img class="lazy" data-src="/dist/images/global/svg/facebook.svg" alt="Facebook Icon" height="31" width="31"> </a>
1021                            <a href="https://www.instagram.com/nationalexpress/" id="instagram"> <img class="lazy" data-src="/dist/images/global/svg/instagram.svg" alt="Instagram Icon height="31" width="31""> </a>
1022                            <a href="https://www.linkedin.com/company/national-express" id="linkedIn"> <img class="lazy" data-src="/dist/images/global/svg/linkedin.svg" alt="LinkedIn Icon" height="31" width="31"> </a>
1023                            <a href="https://www.tiktok.com/nationalexpressuk" id="TikTok"> <img class="lazy" data-src="/dist/images/global/svg/tiktok.svg" alt="Tiktok Icon" height="31" width="31"> </a>
1024                        </div>
1025                    </div>
1026                    <div class="col-sm-12 col-md-6 col-lg-12 mt-4">
1027                        <h4>Email Sign Up</h4>
1028                        <p>Subscribe for updates &amp; special offers!</p>
1029                        <a href="/en/sign-up" class="btn-darkBlue" type="button">Subscribe</a>
1030                    </div>
1031                    <div class="col-sm-12 col-md-6 col-lg-12 mt-3">
1032                        <h4>Get in touch</h4>
1033                        <p>Call or get in touch online</p>
1034                        <a class="btn-white drop-shadow" href="/en/help/contact">
1035                            <img class="lazy" data-src="/dist/images/global/svg/phone-solid.svg" alt="Mobile Phone Icon" height="25" width="25"> Contact Us
1036                        </a>
1037                    </div>
1038                    <div class="col-sm-12 col-md-6 col-lg-12 mt-3">
1039                        <div class="app-badges">
1040                            <h4>Download Our App!</h4>
1041                            <div class="d-flex gap-2 app-badges-items">
1042                                <a class="badge-container" href="https://itunes.apple.com/gb/app/national-expresscoach/id703003923?mt=8" target="_blank" aria-label="Download our App on the App Store">
1043                                    <img class="lazy" data-src="/dist/images/global/NX_apple.png?" alt="Download our App on the App Store" height="39" width="132">
1044                                </a> <a class="badge-container" href="https://play.google.com/store/apps/details?id=com.utrack.nationalexpress" target="_blank" aria-label="Download our App on Google Play">
1045                                    <img class="lazy" data-src="/dist/images/global/NX_google.png?" alt="Download our App on Google Play" height="39" width="132">
1046                                </a>
1047                            </div>
1048                        </div>
1049                    </div>
1050                </div>
1051            </div>
1052        </div>
1053    </div>
1054</div>
1055<div class="container-fluid footer-base">
1056  <div class="container-xl pt-4">
1057    <div class="row">
1058      <div class="col-md-6 d-flex d-md-block justify-content-center flex-column">
1059          <div class="footer_logos">
1060              <div id="footer_main_logo">
1061                  <img class="img-fluid lazy" data-src="/media/7633/dx-footer-logo.png" />
1062                  <p>Official Coach Supplier to Wembley Stadium</p>
1063              </div>
1064              <div id="living_wage_logo"><img class="img-fluid lazy" data-src="/dist/images/global/living_wage_logo_new.png?" alt="Living Wage Employer logo" height="63" width="80" /></div>
1065          </div>
1066        </div>
1067      <div class="col-md-6 d-flex d-md-block mt-3 mt-md-0 align-items-center flex-column">
1068        <div class="copyRight  justify-content-center justify-content-md-end">
1069          <p class="text-center text-md-end">&copy; Copyright National Express Bus &amp;
1069 Coach Services Limited and/or its licensors 2026</p>
1070        </div>
1071      </div>
1072    </div>
1073  </div>
1074</div>
1075<div class="cta-holder"></div>
1076
1077
1078
1079        </footer>
1080        <div id="floating-cta" class="floating-cta d-flex justify-content-center align-items-center p-2 rounded-pill"> <img src="/dist/images/global/svg/arrow-up-white-circle.svg" /> <span class="ms-2 text-white fw-semibold pe-1">Book Now</span> </div>
1081    </div>
1082    
1083
1084<div id="openReturnModalContainer"></div>
1085<div id="coachcardModalContainer"></div>
1086<div id="passengersInformationModalContainer"></div>
1087<div id="languageModalContainer"></div>
1088<script src="/dist/js/new/jquery-364min.js?" type="text/javascript"></script>
vendor: 1 bytes, line 1088
1088
1089<script src="/dist/js/new/main.min.js?" type="text/javascript" defer></script>
1089
1090
1091
1092<script>
1093    (function () {
1094        window.onpageshow = function (event) {
1095            if (event.persisted) {
1096                $("#delay_overlay").hide();
1097            }
1098        };
1099    })();
1100    
1101    window.addEventListener('DOMContentLoaded', function () {
1102        (function ($) {
1103
1104    
1105    var init = [
1106        // Initalize Our Widget
1107        initBookingWidget()
1108    ];
1109    
1110    function initBookingWidget() {
1111    
1112        // Initalize Events
1113        bindEvents();
1114    
1115        // General Events
1116        function bindEvents() {
1117    
1118            // Define default Passengers
1119            $('#passengerCount').val("1 Passenger");
1120    
1121        }
1122        
1123        
1124        
1125        
1126        
1127        
1128        $('.down_count, .up_count').click(function(e){
1129            var button_classes, value = +$('.counter').val();
1130            button_classes = $(e.currentTarget).prop('class');        
1131            if(button_classes.indexOf('up_count') !== -1){
1132                if(value <= 19){
1133                    value = (value) + 1;   
1134                }
1135            } else {
1136                value = (value) - 1;            
1137            }
1138            value = value < 1 ? 1 : value;
1139            $('.counter').val(value);
1140            
1141            if(value >= 20) {
1142                 $('#pax_modal').modal({
1143                     backdrop: 'static',
1144                     keyboard: false
1145                 }).modal('show');
1146            }
1147        });
1148        
1149        /* Pax modal */
1150        //const paxClose_btn = document.querySelector(".paxModal_close_btn");
1151        //paxClose_btn.addEventListener("click", () => {
1152	   $(".paxModal_close_btn").click(() => {
1153             $('#pax_modal').modal('hide');
1154        })
1155        $(".modal-backdrop").click(() => {
1156             $('#pax_modal').modal('hide');
1157        })
1158    
1159        // New Validation code
1160        $('.jpForm .jpSubmit').click(function () {
1161            
1162            validationCheck();
1163            if (!$("#jpSubmit").hasClass("primaryButton--disabled")) {
1164                window.dataLayer = window.dataLayer || [];
1165                window.dataLayer.push({
1166                    'event': 'journeyPlannerSubmit',
1167                    'journeyPlannerSubmit': 'true'
1168                });
1169                $("#delay_overlay").show();
1170                $(".jpForm").submit();
1171            } else {
1172                window.dataLayer = window.dataLayer || [];
1173                window.dataLayer.push({
1174                    'event': 'journeyPlannerSubmit',
1175                    'journeyPlannerSubmit': 'false'
1176                });
1177            }
1178        });
1179    
1180        function validationCheck() {
1181            validateFrom();
1182            validateTo();
1183            //validatePassenger();
1184    
1185            //validateFromdropdown();
1186            //validateTodropdown();
1187            validateDepartDate();
1188    
1189        }
1190    
1191        function validateFrom() {
1192            var fromStationName = $("#fromStation").val();
1193            var fromStationId = $("#fromid").val();
1194            if (fromStationName === "" || fromStationId === "") {
1195                $("#fromStation-error").show();
1196                $('.plannerForm__view--map.from').removeClass('is-active');
1197                $("#fromStation").removeClass("plannerForm__inputBelt__field__complete");
1198                $("#fromStation").addClass("error");
1199                $("#jpSubmit").addClass("primaryButton--disabled");
1200            } else {
1201                $("#fromStation-error").hide();
1202                $("#fromStation").removeClass("error");
1203                $("#fromStation").addClass("plannerForm__inputBelt__field__complete");
1204            }
1205        }
1206    
1207        function validateTo() {
1208            var toStationName = $("#toStation").val();
1209            var toStationId = $("#toid").val();
1210            if (toStationName === "" || toStationId === "") {
1211                $("#toStation-error").show();
1212                $('.plannerForm__view--map.to').removeClass('is-active');
1213                $("#toStation").removeClass("plannerForm__inputBelt__field__complete");
1214                $("#toStation").addClass("error");
1215                $("#jpSubmit").addClass("primaryButton--disabled");
1216            } else {
1217                $("#toStation-error").hide();
1218                $("#toStation").removeClass("error");
1219                $("#toStation").addClass("plannerForm__inputBelt__field__complete");
1220            }
1221        }
1222    
1223       /* function validatePassenger() {
1224            if ($("#passengerCount").val() === "No passengers" && $("#jpSubmit").hasClass("primaryButton--disabled")) {
1225                $("#passengerCount").removeClass("plannerForm__inputBelt__field__complete");
1226                $("#passengerCount").addClass("error");
1227                $("#passengerCount").removeClass("plannerForm__inputBelt__field__complete__focus");
1228                $("#passengerCount-error, .passengerCount-error-m").show();
1229            } else if ($("#passengerCount").val() === "No passengers") {
1230                $("#passengerCount").removeClass("plannerForm__inputBelt__field__complete");
1231                $("#passengerCount").addClass("error");
1232                $("#passengerCount").removeClass("plannerForm__inputBelt__field__complete__focus");
1233                $("#passengerCount-error, .passengerCount-error-m").show();
1234                $("#jpSubmit").addClass("primaryButton--disabled");
1235            } else {
1236                $("#passengerCount").removeClass("error");
1237                $("#passengerCount").removeClass("plannerForm__inputBelt__field__complete__focus");
1238                $("#passengerCount-error, .passengerCount-error-m").hide();
1239                $("#passengerCount").addClass("plannerForm__inputBelt__field__complete");
1240            }
1241        }*/
1242    
1243    
1244    
1245        /*function validateFromdropdown() {
1246            if ($("#from-dropdown").val() === "") {
1247                $("#from-dropdown").addClass("error");
1248                $("#from-dropdown-error").show();
1249                $("#from-dropdown").removeClass("plannerForm__inputBelt__field__complete");
1250                $("#jpSubmit").addClass("primaryButton--disabled");
1251            } else {
1252                $("#from-dropdown").removeClass("error");
1253                $("#from-dropdown-error").hide();
1254                $("#from-dropdown").addClass("plannerForm__inputBelt__field__complete");
1255            }
1256        }
1257    
1258        function validateTodropdown() {
1259            if ($("#to-dropdown").val() === "") {
1260                $("#to-dropdown").addClass("error");
1261                $("#to-dropdown-error").show();
1262                $("#to-dropdown").removeClass("plannerForm__inputBelt__field__complete");
1263                $("#jpSubmit").addClass("primaryButton--disabled");
1264            } else {
1265                $("#to-dropdown").removeClass("error");
1266                $("#to-dropdown-error").hide();
1267                $("#to-dropdown").addClass("plannerForm__inputBelt__field__complete");
1268            }
1269        }*/
1270    
1271        function validateDepartDate() {
1272            if ($("#departDate").val() === "") {
1273                $("#departDate").addClass("error");
1274                $("#departDate-error").show();
1275                $("#departDate").removeClass("plannerForm__inputBelt__field__complete--right");
1276                $("#departDate").removeClass("plannerForm__inputBelt__field__complete");
1277                $("#jpSubmit").addClass("primaryButton--disabled");
1278            } else {
1279                $("#departDate").removeClass("error");
1280                $("#departDate-error").hide();
1281                $("#departDate, #departDateMobile").addClass("plannerForm__inputBelt__field__complete--right");
1282            }
1283        }
1284    
1285    
1286    
1287    
1288    
1289    
1290    
1291        $("#fromStation").keyup(function () {
1292            if ($("#fromStation").val() === "") {
1293                $("#fromid").val("");
1294                $("#clear_from").hide();
1295                $("#fromStation-error").show();
1296                $('.plannerForm__view--map.from').removeClass('is-active');
1297                $("#fromStation").removeClass("plannerForm__inputBelt__field__complete");
1298                $("#fromStation").addClass("error");
1299            }
1300        });
1301        $("#toStation").keyup(function () {
1302            if ($("#toStation").val() === "") {
1303                $("#toid").val("");
1304                $("#clear_to").hide();
1305                $("#toStation-error").show();
1306                $('.plannerForm__view--map.to').removeClass('is-active');
1307                $("#toStation").removeClass("plannerForm__inputBelt__field__complete");
1308                $("#toStation").addClass("error");
1309            }
1310        });
1311    
1312        $("select").change(function () {
1313            $("select").blur();
1314        });
1315        // End New Validation code
1316    
1317    
1318    
1319    
1320        function enableCTA() {
1321            $('.jpSubmit[disabled]').removeAttr('disabled');
1322            $(".plannerForm__inputBelt__button ").removeClass("primaryButton--disabled");
1323            $('.plannerForm__mobileAccordion').removeClass('plannerForm--showon-desktop');
1324        }
1325    
1326    
1327    
1328    
1329    
1330    
1331    
1332    
1333    
1334        function inputMobileOverlay(element) {
1335            if (element) {
1336                $(element).parent().parent().addClass('is-overlay');
1337                $('.mainWrap, .hero--has-float-planner').addClass('is-top');
1338                $(element).parent().parent().find('.plannerForm--label-group').addClass('is-active');
1339    
1340                setTimeout(function () {
1341                    $('html, body').animate({
1342                        scrollTop: 0
1343                    }, 350);
1344                }, 100);
1345            } else {
1346                $('.is-overlay').removeClass('is-overlay');
1347                $('.mainWrap, .hero--has-float-planner').removeClass('is-top');
1348                $('.plannerForm--label-group').removeClass('is-active');
1349            }
1350        }
1351    
1352        $('.plannerForm--close-overlay').on('click', inputMobileOverlay);
1353    
1354    
1355    
1356    
1357    
1358        $('.icon__calendar').click(function(e){
1359            moveJourneyPlanner();
1360        });
1361    
1362    
1363    
1364        function moveJourneyPlanner() {
1365            if (window.innerWidth < 680) {
1366                $('html,body').animate({
1367                    scrollTop: $('.plannerForm').offset().top + 150 
1368                });
1369            } else {
1370                $('html,body').animate({
1371                    scrollTop: $('.plannerForm').offset().top - 10
1372                });
1373            }
1374        }
1375    
1376    
1377    
1378    
1379        $("#fromStation, #toStation, #departDate").click(function (event) {
1380            var id = $(this).attr('id');
1381            var elementID = "";
1382    
1383            if (id == "fromStation" || id == "departDate") {
1384                elementID = "to";
1385            }
1386    
1387            if (id == "toStation") {
1388                elementID = "from";
1389            }
1390    
1391            var LocationID = $("#" + elementID + "id").val();
1392            var LocationName = $("#" + elementID + "Station").val();
1393    
1394            if (LocationID == "" && LocationName != "") {
1395                var list = $(".js--plannerForm--station-" + elementID + "-search-results");
1396                var current = list.find(".station-dropdown-item.is-selected");
1397    
1398                if (current.length == 0) {
1399                    current = list.find('.station-dropdown-item:first');
1400                }
1401    
1402                if (elementID == "from") {
1403                    setSelectedfromStation(event, current.find('a'));
1404                }
1405    
1406                if (elementID == "to") {
1407                    setSelectedtoStation(event, current.find('a'));
1408                }
1409            }
1410        });
1411    
1412    
1413    
1414    
1415    
1416    
1417    
1418        function toggleHiddenFields($field) {
1419            var fromName = 'fromid';
1420            var toName = 'toid';
1421    
1422            if ($field.length) {
1423                var isFrom = $field.attr('name') === fromName;
1424                var newName = isFrom ? toName : fromName;
1425                $field.removeClass(fromName).removeClass(toName).addClass(newName);
1426                $field.attr('name', newName);
1427                $field.attr('id', newName);
1428            }
1429    
1430    
1431        }
1432        
1433        // A User Has Clicked to Swap the To and From Search Fields
1434        $('.swapFields').click(function (e) {
1435            swapStations();
1436        });
1437    
1438        function swapStations() {
1439    
1440            //var fromStationID = $('#fromid').val();
1441            //var toStationID = $('#toid').val();
1442    
1443                var $input1 = $('#from-dropdown');
1444                var $input2 = $('#to-dropdown');
1445                var $el1 = $input1.closest('.plannerForm--station-field-container');
1446                var $el2 = $input2.closest('.plannerForm--station-field-container');
1447                var $parent1 = $el1.closest('.plannerForm--station-field-container').parent();
1448                var $parent2 = $el2.closest('.plannerForm--station-field-container').parent();
1449    
1450                var name1 = $input1.attr('name');
1451                var name2 = $input2.attr('name');
1452                var fromClass = $input1.attr('id');
1453                var toClass = $input2.attr('id');
1454    
1455                var $hidden1 = $parent1.next('input[type=hidden]');
1456                var $hidden2 = $parent2.next('input[type=hidden]');
1457    
1458                //toggleHiddenFields($hidden1);
1459                //toggleHiddenFields($hidden2);
1460    
1461    
1462                //Swap placeholders
1463                $input1.attr('placeholder', 'Travel to');
1464                $input2.attr('placeholder', 'Travel from');
1465    
1466                //Swap id attributes
1467                $input1.attr('id', toClass);
1468                $input2.attr('id', fromClass);
1469    
1470                //Swap name attributes
1471                $input1.attr('name', 'arrival_station_code');
1472                $input1.find('option[value=""]').first().text('Travel to');
1473                $input2.attr('name', 'departure_station_code');
1474                $input2.find('option[value=""]').first().text('Travel from');
1475    
1476                $parent1.append($el2);
1477                $parent2.append($el1);
1478            
1479        }
1480    
1481       /* $('#clear_from').click(function () {
1482            $("#fromStation, #fromid").val("");
1483            $('#fromStation').focus();
1484            $("#clear_from").hide();
1485            check_locs();
1486            validateFrom();
1487        });
1488    
1489        $('#clear_to').click(function () {
1490            $("#toStation, #toid").val("");
1491            $('#toStation').focus();
1492            $("#clear_to").hide();
1493            check_locs();
1494            validateTo();
1495        });*/
1496    
1497        $("#fromStation").keypress(function () {
1498            $("#clear_from").show();
1499            if ($("#fromStation").val() === "") {
1500                $("#fromid").val("");
1501            }
1502        });
1503        $("#toStation").keypress(function () {
1504            $("#clear_to").show();
1505            if ($("#toStation").val() === "") {
1506                $("#toid").val("");
1507            }
1508        });
1509    
1510        function check_locs() {
1511            if ($("#fromid").val() != "" && $("#toid").val() != "") {
1512                $(".plannerForm__inputBelt__button ").removeClass("primaryButton--disabled");
1513            } else {
1514                $(".plannerForm__inputBelt__button ").addClass("primaryButton--disabled");
1515            }
1516        }
1517    
1518    
1519    
1520    
1521    
1522    
1523    
1524        $('#outbound__date__click').click(function () {
1525            $('#showSingleDX, #single_btn').slideToggle();
1526        });
1527    
1528    
1529    
1530    
1531        $('.plannerForm--close-overlay-calendar').click(function () {
1532            $("#calSingleMobile, #calReturnMobile").hide();
1533            $('.mainWrap, .hero--has-float-planner').removeClass('is-top');
1534            $("#departDateMobile, #returnDateMobile, #departArrive, .outboundTime-select, #departArriveReturn, .returnTime-select").addClass("plannerForm__inputBelt__field__complete");
1535        });
1536    
1537    
1538    
1539        // Next Button - single
1540        $('.singleNext').click(function (e) {
1541            $('.calendarPopOutSingle').hide();
1542            $("#departDate").removeClass("plannerForm__inputBelt__field__complete__focus");
1543            if ($('#return').is(':checked')) {
1544                $('.calendarPopOut--return').show();
1545            } else {
1546                passengerPlanner();
1547                $("#passengerCount").focus();
1548            }
1549            $('#showReturnDX').show();
1550            e.preventDefault();
1551        });
1552    
1552
1553        // Next Button - return
1554    const calRetBtn = document.querySelector('.doneReturnBtn');
1555    calRetBtn.addEventListener('click', () => {
1556        $('.calendarPopOutReturn').hide();
1557        $("#returnDate").removeClass("plannerForm__inputBelt__field__complete__focus");
1558    });
1559    
1560    
1561    
1562    
1563    
1564    
1565    
1566        jQuery.fn.extend({
1567            scrollTo: function (speed, easing) {
1568                return this.each(function () {
1569                    var targetOffset = $(this).offset().top;
1570                    $('html,body').animate({
1571                        scrollTop: targetOffset
1572                    }, speed, easing);
1573                });
1574            }
1575        });
1576        
1577     // If user clicks the 'x' on the return field
1578        $('#clear_return').click(function () {
1579            toggleJourneyType('single');
1580            $('input[type="radio"][name="journeyType"][value="single"]').prop('checked', 'checked');
1581            $('#return_date').val(null);
1582            //$('#returnDate').attr('disabled', 'disabled');
1583            window.dataLayer = window.dataLayer || [];
1584            window.dataLayer.push({
1585                'event': 'clearReturn'
1586            });
1587        });
1588    
1589    
1590        //function for toggling between single and return on journeyplanner form
1591           function toggleJourneyType(journeyType) {
1592            if (journeyType == 'single') {
1593                window.dataLayer = window.dataLayer || [];
1594                window.dataLayer.push({
1595                    'event': 'journeyTypeSelected',
1596                    'journeyType': 'single'
1597                });
1598                if ($("#returnDate").val() != "Add return") {
1599                    $('#returnDate').addClass('plannerForm__inputBelt__field--disabled');
1600                }
1601                $('.plannerForm__inputBelt__returnArrow').removeClass('plannerForm__inputBelt__returnArrow--active');
1602                $('#returnDate').removeClass("plannerForm__inputBelt__field__complete--left");
1603                $('.label_single').show();
1604                $('.label_return, .label_open').hide();
1605    
1606                addReturn();
1607                $('#returnDate').removeAttr('disabled');
1608            } else if (journeyType == 'return') {
1609                window.dataLayer = window.dataLayer || [];
1610                window.dataLayer.push({
1611                    'event': 'journeyTypeSelected',
1612                    'journeyType': 'return'
1613                });
1614                $('.returnDate').removeClass('plannerForm__inputBelt__field--disabled');
1615                $('#returnDate').removeClass('plannerForm__inputBelt__field--disabled');
1616                $('.plannerForm__inputBelt__returnArrow').addClass('plannerForm__inputBelt__returnArrow--active');
1617                $('#departDate').addClass("plannerForm__inputBelt__field__complete--right");
1618                $('#returnDate').addClass("plannerForm__inputBelt__field__complete--left");
1619                $('.label_return, #clear_return').show();
1620                $('.label_single, .label_open').hide();
1621                $("#returnDate").removeClass("plannerForm__addReturn");
1622                $("#returnDate").removeClass("icon__calendar");
1623                $("#returnDate").val($("#returnDateSelected").val());
1624                $('#returnDate').removeAttr('disabled');
1625            } else {
1626                window.dataLayer = window.dataLayer || [];
1627                window.dataLayer.push({
1628                    'event': 'journeyTypeSelected',
1629                    'journeyType': 'openReturn'
1630                });
1631                if ($("#returnDate").val() != "Add return") {
1632                    $('#returnDate').addClass('plannerForm__inputBelt__field--disabled');
1633                }
1634                $('.plannerForm__inputBelt__returnArrow').removeClass('plannerForm__inputBelt__returnArrow--active');
1635                $('#departDate').addClass("plannerForm__inputBelt__field__complete--right");
1636                $('#returnDate').removeClass("plannerForm__inputBelt__field__complete--left");
1637                $('.label_open').show();
1638                $('.label_single, .label_return').hide();
1639    
1640                addReturn();
1641    
1642                $("#returnDate").removeClass("plannerForm__addReturn");
1643                $('#returnDate').attr('disabled', 'disabled');
1644            }
1645        }
1646    
1647        function addReturn() {
1648            $('#returnDate').removeClass('plannerForm__inputBelt__field__complete__focus');
1649            $('#returnDate').addClass('icon__calendar plannerForm__addReturn plannerForm__inputBelt__field--disabled');
1650            $('#returnDate').val('Add return');
1651            $('.calendarPopOut--return, #clear_return').hide();
1652    
1653            $('.return-date-dropdown').prop('selectedIndex', 0);
1654            $('.return-date-dropdown').removeClass('icon__calendar plannerForm__addReturn');
1655        }
1656    
1657    
1658        // If User Has clicked Depart Date
1659        $('#departDate').click(function () {
1660            $('.calendarPopOut').hide();
1661            calpopupSingle();
1662    
1663            // Close Our Calendar Pop Up
1664            var calPopOut = $('.calendarPopOut');
1665    
1666            $(document).mouseup(function (e) {
1667                if (!calPopOut.is(e.target) &&
1668                    calPopOut.has(e.target).length === 0) {
1669                    calPopOut.hide();
1670                    $("#departDate, #returnDate").removeClass("plannerForm__inputBelt__field__complete__focus");
1671                    $('#departDate').addClass("plannerForm__inputBelt__field__complete");
1672                }
1673            });
1674    
1675            $(document).on('touchstart', function (e) {
1676                if (!calPopOut.is(e.target) &&
1677                    calPopOut.has(e.target).length === 0) {
1678                    calPopOut.hide();
1679                    $('#departDate').addClass("plannerForm__inputBelt__field__complete");
1680                }
1681            });
1682        });
1683    
1684        //If User Has clicked Return Date
1685        $('#returnDate').click(function (e) {
1686            $(this).removeClass('plannerForm__inputBelt__field--disabled');
1687            $('input[type="radio"][name="journeyType"][value="return"]').prop('checked', 'checked');
1688            $('.label_return').show();
1689            $('.label_single, .label_open').hide();
1690            $("#returnDate").removeClass("plannerForm__addReturn");
1691            if ($("#returnDate").val() === "Add return") {
1692                $("#returnDate").val($("#returnDateSelected").val());
1693            }
1694            $("#clear_return").show();
1695            $("#returnDate").removeClass("plannerForm__addReturn");
1696     
1697            calpopupReturn();
1698        });
1699    
1700    
1701        $("input").change(function () {
1702            var inputs = $(this).closest('form').find(':input');
1703            inputs.eq(inputs.index(this) + 1).filter(function () {
1704                setTimeout(function () {
1705                    var $this = $(this);
1706                    var isFromField;
1707                    var hasValue;
1708                    isFromField = $this.is('[name="fromc"]');
1709                    if (!isFromField) {
1710                        return true;
1711                    }
1712                    hasValue = $this.val().length > 0;
1713                    return !hasValue;
1714                }, 150);
1715            }).focus();
1716        });
1717    
1718    
1719        var goingDates = $("#going-dates").length > 0 ? $("#going-dates").val() : '';
1720        var returnDates = $("#return-dates").length > 0 ? $("#return-dates").val() : '';
1721    
1722        // Show Single Datepick
1723        $("#showSingleDX").datepicker({
1724            inline: true,
1725            altField: '#departDate',
1726            dateFormat: "dd-mm-y",
1727            minDate: setMinDate(),
1728            //minDate: new Date('Aug 16 2021'),
1729            //maxDate: new Date('Jan 31 2022'),
1730            maxDate: '+12M',
1731            firstDay: 1,
1732            nextText: '\uf105',
1733            prevText: '\uf104',
1734            showOtherMonths: true,
1735            selectOtherMonths: true,
1736            numberOfMonths: 1,
1737            dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
1738            beforeShowDay: function (date) {
1739                var enableDates = enableProvidedDates(date, goingDates);
1740                var currentDate = $(this).datepicker('getDate');
1741                
1742                var day = ("0" + (currentDate.getDate())).slice(-2);
1743                var month = ("0" + (currentDate.getMonth() + 1)).slice(-2);
1744                var year = currentDate.getFullYear();
1745                $('#departure_date').val(year +"-"+ month +"-"+ day); 
1746                
1747                return enableDates;
1748            },
1749            onSelect: function (dateText, inst) {
1750                var date = $(this).datepicker('getDate');
1751                var reDate = $(this).datepicker('getDate');
1752                reDate.setMonth(reDate.getMonth() + 3);
1753                
1754                var day = ("0" + (date.getDate())).slice(-2);
1755                var month = ("0" + (date.getMonth() + 1)).slice(-2);
1756                var year = date.getFullYear();
1757                $('#departure_date').val(year +"-"+ month +"-"+ day);
1758    
1759                $("#showReturnDX").datepicker("option", "minDate", date);
1760                $('#showReturnDX').datepicker('option', 'maxDate', reDate);
1761    
1762                $('.calendarPopOutSingle').hide();
1763    
1764                if ($("#returnDate").val() != "Add return") {
1765                    var returnDate = $("#returnDateSelected").val();
1766                    $("#returnDate").val(returnDate);
1767                    $("#showReturnDate").html(returnDate);
1768                }
1769    
1770                var seletedOutdate = year +"-"+ month +"-"+ day;
1771                window.dataLayer = window.dataLayer || [];
1772                window.dataLayer.push({
1773                    'event': 'outboundDateSelected',
1774                    'outboundDate': seletedOutdate
1775                });
1776                
1777            }
1778        });
1779
1780/* BELFAST CAL CHANGER START */
1781function setMinDate() {
1782    var string = 0;
1783    var txtfrom = $("#from-dropdown").val(); 
1784    var txtto = $("#to-dropdown").val();
1785
1786    if(txtfrom == "GBBFSBEU" || txtto == "GBBFSBEU") {
1787    string = "Jul 18 2023";
1788    return new Date(string);
1789    } else {
1790    return 0;
1791    }
1792}
1793
1794$("#to-dropdown, #from-dropdown").on('change', function() { 
1795  $('#showSingleDX').datepicker('option', {
1796    minDate: setMinDate()
1797  });
1798});
1799/* BELFAST CAL CHANGER END */
1800    
1801     // Return datepicker
1802        $("#showReturnDX").datepicker({
1803                inline: true,
1804                altField: '#returnDateSelected',
1805                dateFormat: "dd-mm-y",
1806                minDate: getMinDate(returnDates),
1807                //minDate: new Date('Aug 16 2021'),
1808                //maxDate: new Date('Jan 31 2022'),
1809                maxDate: '+12M',
1810                nextText: "Next month",
1811                prevText: "Previous month",
1812                firstDay: 1,
1813                nextText: '\uf105',
1814                prevText: '\uf104',
1815                showOtherMonths: true,
1816                selectOtherMonths: true,
1817                numberOfMonths: 1,
1818                dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
1819                beforeShowDay: function (date) {
1820                    var enableDates = enableProvidedDates(date, returnDates);
1821                    var currentDate = $(this).datepicker('getDate');      
1822                    var day = ("0" + (currentDate.getDate())).slice(-2);
1823                    var month = ("0" + (currentDate.getMonth() + 1)).slice(-2);
1824                    var year = currentDate.getFullYear();
1825    
1826                    // $('#return_date').val(year +"-"+ month +"-"+ day); 
1827                            
1828                    return enableDates;
1829                },
1830                onSelect: function () {
1831                    $('#return_date').removeAttr('disabled');
1832                    var date = $(this).datepicker('getDate');
1833                    var day = ("0" + (date.getDate())).slice(-2);
1834                    var month = ("0" + (date.getMonth() + 1)).slice(-2);
1835                    var year = ("0" + (date.getFullYear() + 0)).slice(-2);
1836                    var yearFull = date.getFullYear();
1837                    $('#returnDate').val(day +"-"+ month +"-"+ year);
1838                    $('#return_date').val(yearFull +"-"+ month +"-"+ day);
1839        
1840                    $('.calendarPopOutReturn').hide();
1841                }
1842            });
1843    
1844    
1845    
1846    
1847        function getMinDate(minDates) {
1848            minDates = minDates.split(',')
1849    
1850            if (minDates.length > 0) {
1851                if (minDates[0]) {
1852                    var firstDate = minDates[0];
1853                    var splitDate = firstDate.split('-');
1854                    return new Date(splitDate[2], splitDate[1] - 1, splitDate[0]);
1855                }
1856            }
1857    
1858            return 0;
1859        }
1860    
1861        function enableProvidedDates(date, enabledates) {
1862            if (enabledates.length > 0) {
1863                enabledates = enabledates.split(',');
1864    
1865                var d = ("0" + date.getDate()).slice(-2);
1866                var m = ("0" + (date.getMonth() + 1)).slice(-2)
1867                var y = date.getFullYear();
1868    
1869                var currentdate = d + '-' + m + '-' + y;
1870                for (var i = 0; i < enabledates.length; i++) {
1871                    if ($.inArray(currentdate, enabledates) == -1) {
1872                        return [false];
1873                    }
1874                }
1875            }
1876    
1877            return [true];
1878        }
1879    
1880    
1881    
1882        function calpopupSingle() {
1883            $("#cal-popup-out, #showSingleDX, #single_btn").show();
1884            $("#departDate").addClass("plannerForm__inputBelt__field__complete__focus");
1885        }
1886        function calpopupReturn() {
1887            $("#cal-popup-ret, #showReturnDX, #return_btn").show();
1888            $("#returnDate").addClass("plannerForm__inputBelt__field__complete__focus");
1889        }
1890    }
1891    // bug fix for browser back button not showing date
1892    $(window).bind("pageshow", function (event) {
1893        if (event.originalEvent.persisted) {
1894            $('#departDate').val($('#departure_date').val());
1895        }
1896    });
1897   
1898/* DISABLE/ENABLE THE JP SUBMIT BUTTON  */
1899const fromSelect = document.getElementById("from-dropdown");
1900const errorBtnCover = document.getElementById("error-btn-cover");
1901const errorLabelFrom = document.getElementById("errorlabel_from_field");
1902
1903errorBtnCover.addEventListener("click", () => {
1904    if (fromSelect.value === "Travel From") {
1905        fromSelect.classList.add("error-field");
1906        errorLabelFrom.style.display = "inline-block";
1907    };
1908    
1909    // Scroll to the top of the page
1910    window.scrollTo({
1911        top: 0,
1912        behavior: "smooth"
1913    });
1914})
1915
1916fromSelect.addEventListener("change", () => {
1917    if (fromSelect.value !== "Travel From") {
1918        errorBtnCover.style.display = "none";
1919        fromSelect.classList.remove("error-field");
1920        errorLabelFrom.style.display = "none";
1921    }
1922})
1923    
1924         /*** END ****************************************************************************/
1925        })(jQuery);
1926    });
1927    </script>
1927
1928
1929    
1930<script>
1931 // Dynamic DATE for Ticket - I think this is completely redundant but I've future proofed it in case it isn't
1932    var d = new Date();
1933    if (document.getElementById("ticket_date") != null) {
1934        document.getElementById("ticket_date").innerHTML = d.toDateString();
1935    }
1936
1937    // Dynamic TIME for Ticket
1938    function startTime() {
1939        var today = new Date();
1940        var h = today.getHours();
1941        var m = today.getMinutes();
1942        var s = today.getSeconds();
1943        m = checkTime(m);
1944        s = checkTime(s);
1945        if (document.getElementById('ticket_time') != null) {
1946            document.getElementById('ticket_time').innerHTML =
1947                h + ":" + m + ":" + s;
1948        }
1949        var t = setTimeout(startTime, 500);
1950    }
1951    function checkTime(i) {
1952        if (i < 10) { i = "0" + i };  // add zero in front of numbers < 10
1953        return i;
1954    }
1955    startTime();
1956
1957const ticketBtn = document.getElementById('city-airport-button');
1958if (ticketBtn != null) {
1959    ticketBtn.addEventListener('click',  () => {
1960        window.scrollTo({top: 0, behavior: 'smooth'});
1961        console.log('func fired');
1962    });
1963}
1964
1965</script>
1965
1966    
1967<style>
1968.site-wide-message p a {color: #12354c;text-decoration: underline;}
1969#mobileFooter{
1970    display: flex;
1971    flex-direction: row;
1972    gap: 25px;
1973}
1974.plusMinus1, .footer--divider {
1975    display: none;
1976}
1977.Outer__ticket {
1978    border: 6px white solid;
1979}
1980.usp-pod i {
1981  color: #bd126d !important;
1982  font-size: 3em;
1983}
1984.nx-homepage-usp-container .nx-homepage-usp .usp-pod h5 {
1985  font-size: 1.1em;
1986  margin: 10px 0;
1987}
1988.usp-text p span {
1989  font-size: 1.2em;
1990  line-height: 1.4em;
1991}
1992.nx-homepage-usp-container .nx-homepage-usp {
1993  margin-top: 30px;
1994}
1995.nx-tool-bar a i {
1996  font-size: 1.8em;
1997  color: #002855;
1998}
1999.nx-tool-bar a span {
2000  color: #002855;
2001}
2002#living_wage_logo, #footer_main_logo p {
2003  display: none
2004}
2005#desktopFooter ul {
2006  font-size: 1em
2007}
2008.col-md-12.col-lg-3.mt-4.mt-md-0 .row {
2009  display: none;
2010}
2011.floating-cta {
2012  background: #bd126d !important;
2013}
2014/* Drop down styles */
2015#currencySelector {
2016  border-color: lightgrey;
2017  border-radius: 4px;
2018  font-weight: bold;
2019  height: 40px;
2020  padding: 0px 30px 0px 15px !important;
2021  font-size: 20px;
2022  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2023  cursor: pointer;
2024}
2025/* Container to position dropdown */
2026#currencyContainer {
2027  top: 50%;
2028  transform: translateY(-44%);
2029  position: absolute;
2030  right: 16%;
2031}
2032@media only screen and (min-width:600px) {
2033  #currencyContainer {
2034    right: 10%;
2035  }
2036}
2037@media only screen and (min-width:1200px) {
2038  #currencyContainer {
2039    right: 8%;
2040  }
2041}
2042@media only screen and (min-width:768px) {
2043  #currencyContainer {
2044    transform: translateY(-44%);
2045  }
2046  .hamburger {
2047    padding: 5px 5px 0;
2048  }
2049}
2050/* Dropdown Icon Styling */
2051select {
2052  appearance: none;
2053  -webkit-appearance: none;
2054  -moz-appearance: none;
2055  display: inline-block;
2056}
2057#currencyDropDown {
2058  position: relative
2059}
2060#currencyDropDown:after {
2061  content: "\f0dd";
2062  font-family: "FontAwesome";
2063  right: 8px;
2064  top: 6px;
2065  position: absolute;
2066  pointer-events: none;
2067  color: darkgrey;
2068}
2069/* Currency Message Styling */
2070#currencyMessage {
2071  position: absolute;
2072  background-color: #ffcc00;
2073  width: 120px;
2074  left: 50%;
2075  transform: translateX(-50%);
2076  text-align: center;
2077  border-radius: 4px;
2078  padding: 5px;
2079  top: 80%;
2080  display: none;
2081}
2082.currencyMessageArrow {
2083  width: 20px;
2084  height: 20px;
2085  background-color: #ffcc00;
2086  position: relative;
2087  left: 50%;
2088  transform: translateX(-50%) rotate(45deg);
2089  top: 5px;
2090  z-index: -1;
2091  display: none;
2092}
2093p.currencyMessageText {
2094  margin: 0px !important;
2095  color: #000;
2096  font-size: 12px;
2097  font-weight: 600;
2098}
2099.accountNavigation__searchWrap ul {
2100  padding-left: 0;
2101  list-style-type: none;
2102}
2103div.accountNavigation {
2104  display: flex;
2105  gap: 10px
2106}
2107a#myAccount, .mobile-dropdown-utilities {
2108  display: none !important;
2109}
2110@media only screen and (max-width:768px) {
2111  body .plannerForm {
2112    padding: 0 !important;
2113  }
2114}
2115.footer {
2116  background-color: #150958;
2117}
2118.footer li a {
2119  color: #fff;
2120  font-weight: 400;
2121}
2122#desktopFooter ul {
2123  font-size: .9em;
2124}
2125.footer-base {
2126  background-color: #150958;
2127}
2128.footer {
2129  margin-top: 50px;
2130}
2131.footer p, .footer ul {
2132  color: #fff;
2133}
2134.col-md-12.col-lg-3.mt-4.mt-md-0 .row {
2135  display: block;
2136}  
2137.footerGroup_social_icons_container {
2138	display: grid;
2139	grid-template-columns: 1fr 1fr 1fr;
2140}
2141.footerGroup__navList__item > a {
2142	display: flex;
2143}
2144.primaryNavigationBar__subHeading i.fa.fa-caret-down {
2145    color: #0947ba;
2146}
2147i.accordionIcon{
2148    color: #0947ba !important;
2149}
2150* {
2151	margin: 0px;
2152	padding: 0px;
2153	box-sizing: border-box;
2154	font-family: 'Titillium Web', sans-serif;
2155}
2156/* Loader icon for JP */
2157.nx-loader-icon i {
2158	color: #fff !important;
2159}
2160/* bg cookie bar */
2161.cookie-msg {
2162	background-image: linear-gradient(to right, #150958 0%, #084cc2 100%);
2163}
2164/* Remove icon from Frequent Services link */
2165div[data-title="Top USP"] .col-xs-12:nth-child(2) a > i, div[data-title="Top USP Journey"] .col-xs-12:nth-child(2) a > i {
2166	display: none;
2167}
2168.alert {
2169	position: relative;
2170	padding: 1rem 1rem;
2171	margin-bottom: 1rem;
2172	border: 1px solid transparent;
2173	border-radius: .25rem;
2174}
2175.alert > p {
2176	margin-bottom: 0px;
2177}
2178.alert-link {
2179	text-decoration: underline;
2180}
2181.alert-info {
2182	color: #055160;
2183	background-color: #cff4fc;
2184	border-color: #b6effb;
2185}
2186p {
2187	font-weight: 500;
2188}
2189h2 {
2190	font-weight: 700;
2191	letter-spacing: -1.5px;
2192}
2193/* HEADER */
2194div.headerPrimary > .container {
2195	position: relative;
2196}
2197nav.accountNavigation {
2198	position: absolute;
2199	right: 5px;
2200	top: 50%;
2201	transform: translateY(-50%);
2202}
2203.accountNavigation__list {
2204    margin-right: 125px !important;
2205}
2206@media only screen and (min-width: 992px) {
2207    nav.accountNavigation {
2208        transform: translateY(-60%);
2209    }
2210}
2211.accountNavigation__link {
2212	font-size: 1.3em;
2213	font-weight: 500;
2214	position: relative;
2215	padding-bottom: 3px;
2216	color: #0e0e0e;
2217	height: auto;
2218}
2219.accountNavigation__link:hover {
2220	color: #0e0e0e !important;
2221}
2222.accountNavigation__link:after {
2223	content: '';
2224	display: block;
2225	position: absolute;
2226	bottom: 0px;
2227	left: 0px;
2228	width: 100%;
2229	height: 0px;
2230	background: transparent;
2231	transition: height .25s ease;
2232}
2233.accountNavigation__link:hover:after {
2234	background-image: linear-gradient(to right, #2e1b9e 0%, #2575fc 100%);
2235	height: 3px;
2236}
2237.accountNavigation__item {
2238	border-right: none;
2239}
2240/* MAIN MENU */
2241.primaryNavigationBar, .primaryNavigationBar__link {
2242	background-color: #150958;
2243	color: #ffffff;
2244	font-size: 1.15em;
2245	font-weight: 500;
2246}
2247.primaryNavigationBar__list {
2248	display: flex;
2249	justify-content: space-evenly;
2250}
2251.primaryNavigationBar__link:hover {
2252	color: #ffffff;
2253}
2254/* MOB MENU */
2255.mobilePanel {
2256	margin-top: 100px;
2257}
2258.utilityBottom {
2259	display: none;
2260}
2261.mobilePanel ul.mobilePanel__nav--active {
2262	height: 100vh;
2263}
2264ul.mobilePanel__nav.mobilePanel__nav--active {
2265	display: flex;
2266	flex-direction: column;
2267	gap: 20px;
2268	padding-top: 25px;
2269	position: fixed;
2270	width: 100vw;
2271	background-image: linear-gradient(to right, #2a265d, #201e3a);
2272}
2273.mobilePanel__link {
2274	margin-left: 0px;
2275	margin-top: 0px;
2276	font-size: 1.2em;
2277	font-weight: 600;
2278}
2279.nav_sub .mobilePanel__link {
2280	font-size: 16px;
2281	font-weight: 400;
2282}
2283.mobilePanel__link i.nav_icon {
2284	margin-right: 10px;
2285	font-size: 1.3em;
2286}
2287.mobilePanel__listitem.utilityTop .mobilePanel__link i {
2288	display: inline-block;
2289}
2290// mobile sub nav .mobilePanel__nav--active {
2291background-image: linear-gradient(to right, #2a265d, #201e3a) !important;
2292}
2293.mobilePanel__baxit, .mobilePanel__baxit > i:before, .mobilePanel__listitem--subheader, .mobilePanel__listitem--subheader > i:before {
2294	color: #ffffff !important;
2295}
2296/* HERO */
2297.hero.hero--full.jp-hero {
2298	height: 550px;
2299}
2300p#hero_subtitle {
2301	text-align: center;
2302	color: #ffffff;
2303	font-size: 24px;
2304	margin-bottom: 0px;
2305}
2306
2307@media only screen and (max-width:600px) {
2308p#hero_subtitle {
2309	font-size: 20px;
2310}
2311}
2312body .plannerForm {
2313	padding: 20px 0 !important;
2314	box-shadow: none !important;
2315}
2316.content_de {
2317	position: relative;
2318	color: White;
2319	z-index: 5;
2320	padding: 10px;
2321}
2322.content_de h1 {
2323	color: #fff;
2324	text-align: center;
2325	font-weight: 500;
2326	letter-spacing: -1px;
2327}
2328/* JP STYLING */
2329.plannerForm__inputBelt__field__passenger-modal-toggle {
2330	width: 25.5%;
2331}
2332body .plannerForm__inputBelt {
2333	width: 100%;
2334	margin: 0;
2335}
2336body .plannerForm__inputBelt__field {
2337	font-size: 1.1em;
2338	font-weight: 400;
2339}
2340.plannerForm__inputBelt__field:focus {
2341	background-color: #ffffff !important;
2342}
2343body .plannerForm__inputBelt__field_overide {
2344	padding: 10px 10px 10px 40px;
2345}
2346body .icon__arrow {
2347	background: url("/media/7664/arrow.png") right center no-repeat #fff;
2348	cursor: pointer;
2349}
2350body .icon__calendar {
2351	background: url("/media/7665/cal.png") left center no-repeat #fff;
2352}
2353body .icon__pax {
2354	background: url("/media/7662/pax.png") left center no-repeat #fff;
2355}
2356i.clear_location {
2357	top: 50%;
2358	right: 10px;
2359	transform: translateY(-50%);
2360}
2361body .plannerForm__inputBelt__icon {
2362	top: 15px;
2363	left: 0%;
2364	background-color: #150958;
2365}
2366.dx-faq {
2367	margin-top: 20px;
2368	font-size: 1.6em;
2369	font-weight: 400;
2370	padding: 9px 10px;
2371	border: 1.5px solid #337AB7;
2372	border-radius: 4px;
2373}
2374.db_pax {
2375
2376	float: left;
2377	padding-top: 4px
2378}
2379.db_pax_selector {
2380	float: right;
2381	margin-top: 0
2382}
2383body .plannerForm__inputBelt__field__complete {
2384	border: none !important;
2385}
2386.plannerPassenger__counter__button {
2387	width: 35px;
2388	height: 35px;
2389	background: #150958;
2390}
2391.plannerPassenger__counter__button:focus {
2392	background-color: #081823!important;
2393	color: #FFF;
2394}
2395.plannerPassenger__counter__input {
2396	color: #150958;
2397	width: 40px;
2398	height: 35px;
2399	padding: 5px;
2400	background: #FFF;
2401	appearance: none;
2402	border: 1px solid #150958;
2403	border-radius: 0;
2404}
2405#jp-submit-div {
2406	width: 24%;
2407}
2408body .plannerForm__inputBelt__button {
2409	font-size: 1.6em;
2410}
2411.background {
2412	position: absolute;
2413	top: 0px;
2414	left: 0px;
2415	width: 100%;
2416	height: 100%;
2417	z-index: 1;
2418	/* These three lines are for transparency in all browsers. */
2419	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
2420	filter: alpha(opacity=50);
2421}
2422/* TEXT PODS */
2423.sectionGroup__block__summary--new h2 {
2424/*color: #150958;*/
2425}
2426.sectionGroup__block__summary--new p {
2427	font-size: 1.15em;
2428	line-height: 28px;
2429}
2430.sectionGroup__block__summary ul, .sectionGroup__block__summary ol {
2431	padding-inline: 40px;
2432}
2433.offerCard__content {
2434	filter: drop-shadow(2px 4px 6px black);
2435}
2436/* MAIN HOME */
2437div[data-title="Top USP"] > .row > .container, div[data-title="Top USP Journey"] > .row {
2438	width: 93%;
2439	background: white;
2440	position: relative;
2441	bottom: 85px;
2442	border-radius: 8px;
2443	box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%);
2444}
2445div[data-title="Top USP"] .textOffer, div[data-title="Top USP Journey"] .textOffer {
2446	margin-bottom: 10px;
2447}
2448i.fa {
2449	color: #0947ba;
2450}
2451i.fa.fa-clock-o {
2452	transform: rotateY(180deg);
2453}
2454div.textOffer .col-xs-2 {
2455	display: flex;
2456	justify-content: center;
2457}
2458.textOffer__icon {
2459	font-size: 2.5em;
2460}
2461.textOffer__title {
2462	font-size: 1.4em;
2463	color: #150958;
2464	font-weight: 700;
2465	letter-spacing: -1px;
2466}
2467.textOffer__desc {
2468	color: #1e212c;
2469	font-weight: 600;
2470}
2471/* Route Pods on Home Page */
2472div[data-title="Route Pods"] {
2473	max-width: 1260px;
2474	width: 98%;
2475	margin: 0 auto;
2476}
2477div[data-title="Route Pods"] > .--container-100.row {
2478	display: flex;
2479	justify-content: center;
2480	gap: 20px;
2481	padding: 0px !important;
2482}
2483div[data-title="Route Pods"] > .--container-100.row > .embed-content {
2484	flex: 1 1 0px;
2485}
2486
2487@media only screen and (max-width: 992px) {
2488div[data-title="Route Pods"] {
2489	max-width: 1260px;
2490	width: 93%;
2491	margin: 0 auto;
2492}
2493div[data-title="Route Pods"] > .--container-100.row {
2494	flex-direction: column;
2495}
2496}
2497/* homepage image pods 50-50 */
2498div[data-group-name="container"] {
2499	max-width: 1260px;
2500	width: 95%;
2501	margin: 0 auto;
2502}
2503div[data-group-name="container"] > .--container-50.col-md-6:nth-child(1) {
2504	padding-left: 0px !important;
2505}
2506div[data-group-name="container"] > .--container-50.col-md-6:nth-child(2) {
2507	padding-right: 0px !important;
2508}
2509div[data-group-name="container"] > .--container-50.col-md-6 > .destinationGroup__block {
2510	padding: 0px;
2511}
2512/* FOOTER */
2513.brand {
2514	display: none !important;
2515}
2516.footerGroup {
2517	background-image: linear-gradient(to right, #150958 0%, #084cc2 100%);
2518	position: absolute;
2519	left: 5px;
2520	color: #ffffff;
2521	padding: 40px 0px;
2522}
2523.footerGroup__navList__item > a {
2524	color: #ffffff;
2525	font-size: 1em;
2526	font-weight: 500;
2527	margin-right: 10px;
2528}
2529div.payment-card-div {
2530	width: 200px;
2531}
2532
2533/* ROUTE PAGES - Accordion Styles */
2534div[data-title="Stops"] .sectionGroup__block__accordion ul {
2535    list-style: none;
2536    padding-left: 0;
2537    position: relative;
2538    line-height: 1;
2539    display: inline-block;
2540}
2541div[data-title="Stops"] .sectionGroup__block__accordion ul::before {
2542    content: "";
2543    height: 99%;
2544    position: absolute;
2545    left: 9.5px;
2546    width: 1px;
2547    background-color:#01396d;
2548    z-index: 1;
2549}
2550.accordion_footer_text {
2551    font-size: 16px !important;
2552    font-style: italic;
2553}
2554
2555div[data-title="Stops"] .sectionGroup__block__accordion ul li {
2556    width: 100%;
2557    line-height: 1;
2558    margin: 0;
2559    font-size: 1em;
2560    padding-left: 2px;
2561    z-index: 2;
2562    position: relative;
2563    display: flex;
2564    width: 100%;
2565    margin-top: 16px;
2566}
2567div[data-title="Stops"] .sectionGroup__block__accordion ul li:first-child {
2568    margin-top: 0;
2569}
2570div[data-title="Stops"] .sectionGroup__block__accordion ul li:first-child::before {
2571    background-color: #01396d;
2572}
2573div[data-title="Stops"] .sectionGroup__block__accordion ul li::before {
2574    vertical-align: top;
2575    content: "";
2576    width: 16px;
2577    min-width: 16px;
2578    height: 16px;
2579    border: 2px solid #01396d;
2580    background-color: white;
2581    display: inline-block;
2582    border-radius: 50%;
2583    margin-right: 16px;
2584}
2585
2586/* TICKET CSS */
2587div[data-title="Ticket and Flexibility"] {
2588    margin: 40px auto;
2589    display: flex;
2590    align-items: center;
2591}
2592
2593.Outer__ticket {
2594	height: 350px;
2595	margin: 0 auto;
2596	background-color: #e6e6e6;
2597	border-radius: 25px;
2598	position: relative;
2599	overflow: hidden;
2600	/*padding: 20px 20px 270px 20px;*/
2601	padding: 20px 20px 60px 20px;
2602}
2603/* TICKET HEADER */
2604.ticket_header {
2605	display: flex;
2606	justify-content: space-between;
2607	align-items: center !important;
2608}
2609.ticket_logo {
2610	width: 130px;
2611	top: 0px;
2612	left: 0px
2613}
2614.--container-80.--help-blocks .ticket_logo img {
2615	width: 100%;
2616	margin-bottom: 0px;
2617}
2618#ticket_date {
2619	color: #3b3939;
2620	font-family: 'Open Sans', sans-serif;
2621	font-weight: 100;
2622	font-size: 14px;
2623	white-space: nowrap;
2624}
2625#ticket_time {
2626	color: #3b3939;
2627	font-family: 'Open Sans', sans-serif;
2628	font-weight: 100;
2629	font-size: 14px;
2630	white-space: nowrap;
2631	position: absolute;
2632	bottom: 0px;
2633	right: 0px;
2634	padding: 20px;
2635}
2636/* TICKET TITLE */
2637.ticket_title {
2638	text-align: center;
2639	font-size: 26px;
2640	font-weight: 700;
2641	color: #150958;
2642	white-space: nowrap;
2643	letter-spacing: -0.5px;
2644	margin-top: 24px;
2645}
2646/* TICKET CIRCLES */
2647.circle__left {
2648	position: absolute;
2649	width: 50px;
2650	height: 50px;
2651	background-color: #ffffff;
2652	border-radius: 50%;
2653	top: 60%;
2654	left: -25px;
2655	transform: translateY(-50%);
2656	z-index: 1;
2657}
2658.circle__right {
2659	position: absolute;
2660	width: 50px;
2661	height: 50px;
2662	background-color: #ffffff;
2663	border-radius: 50%;
2664	top: 60%;
2665	right: -25px;
2666	transform: translateY(-50%);
2667	z-index: 1;
2668}
2669/* TICKET INFO */
2670.ticket_info {
2671	color: #737373;
2672	font-family: neo-sans, Arial, sans-serif;
2673	display: flex;
2674	flex-direction: row;
2675	justify-content: space-evenly;
2676	white-space: nowrap;
2677	margin: 22px 10px;
2678}
2679.ticket_info p {
2680	font-weight: 400;
2681	font-family: open-sans, Arial, sans-serif;
2682	font-size: 1em;
2683	margin: 15px 0px;
2684	color: #737373;
2685}
2686.ticket_info span {
2687	font-weight: bold;
2688	color: #150958;
2689	font-size: 1.1em;
2690	font-family: neo-sans, Arial, sans-serif;
2691}
2692.row_1 {
2693	display: flex;
2694	justify-content: space-around;
2695	width: 50%;
2696}
2697.row_2 {
2698	display: flex;
2699	justify-content: space-around;
2700	width: 50%;
2701}
2702.row_3 {
2703	text-align: center;
2704	z-index: 5;
2705}
2706.row_3 .ticket_download {
2707	color: #0b97e8;
2708	font-weight: bold;
2709	margin-top: 26px;
2710}
2711.row_3 .fa-download {
2712	color: #0b97e8;
2713}
2714.ticket_button {
2715	font-family: neo-sans, Arial, sans-serif;
2716	font-weight: 600;
2717	background-color: limegreen;
2718	border: none;
2719	outline: none;
2720	color: #ffffff;
2721	padding: 7px 25px;
2722	margin-top: 10px;
2723	font-size: 1.35em;
2724	cursor: pointer;
2725	border-radius: 4px;
2726	line-height: 1px;
2727}
2728.ticket_dotted {
2729	border-top: 2px dashed #a6a6a6;
2730	position: absolute;
2731	top: 30px;
2732}
2733.ticket_footer {
2734	border-top: 1.5px dashed #a6a6a6;
2735	position: absolute;
2736	width: 85%;
2737	margin: 0 auto;
2738	top: 60%;
2739	left: 50%;
2740	transform: translateX(-50%);
2741	display: flex;
2742	flex-direction: column;
2743	align-items: center;
2744	padding: 0px 20px;
2745	z-index: 1;
2746}
2747h4.ticket_footer_header {
2748	font-weight: bold;
2749	font-size: 18px;
2750}
2751p.ticket_footer_text {
2752	color: #737373;
2753	font-family: open-sans, Arial, sans-serif;
2754	font-size: 1em;
2755	font-weight: 100;
2756}
2757.inner_footer {
2758	width: 250px;
2759	text-align: center;
2760}
2761.footer_button {
2762	font-size: 0.9em;
2763	font-weight: 100;
2764	height: 35px;
2765	padding: 9px 18px;
2766	background-color: #0b97e8;
2767}
2768/* ACCORDIONS */
2769h3.sectionGroup__block__accordion__title {
2770	background-color: #ffffff;
2771	font-size: 20px;
2772	letter-spacing: -0.5px;
2773	color: #150958;
2774}
2775.sectionGroup__block__accordion__text {
2776	color: #150958;
2777	padding: 10px 20px;
2778	margin: 0px auto 0;
2779	background-color: #FFFFFF;
2780	border-top: 0.5px solid lightgrey;
2781}
2782.sectionGroup__block__accordion__text ul, .sectionGroup__block__accordion__text ol {
2783	padding-inline-start: 25px;
2784}
2785.dropdown-stops {
2786	display: flex;
2787	align-items: flex-start;
2788}
2789.stop-directions-section {
2790	width: 50%;
2791}
2792.stop-directions {
2793	justify-content: space-around;
2794}
2795.map-directions {
2796	width: 50%;
2797}
2798.map-directions > p {
2799	font-weight: 600;
2800}
2801/* Stop details */
2802.stop-directions-section .stop-ul {
2803	list-style-type: none;
2804	padding: 0px;
2805}
2806.stop-name {
2807	font-weight: bold;
2808	color: #333333;
2809}
2810.stop-address {
2811	font-style: italic;
2812}
2813.stop-desc {
2814	width: 100%;
2815	margin-bottom: 10px;
2816}
2817.stop-button {
2818	text-decoration: underline;
2819}
2820.sectionGroup__block__accordion__text h4 {
2821	font-size: 1.25em;
2822}
2823.sectionGroup__block__accordion__text p {
2824	font-size: 1.1em;
2825}
2826.sectionGroup__block__accordion__text > ul {
2827	padding-left: 40px;
2828}
2829.sectionGroup__block.no-gaps.sectionGroup__block__accordion.hasNoSubLabel {
2830	border-radius: 8px;
2831	box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 5px 0 rgb(19 41 104 / 20%) !important;
2832}
2833.sectionGroup__block.no-gaps.sectionGroup__block__accordion.hasNoSubLabel:hover {
2834	border-radius: 8px;
2835	box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%) !important;
2836}
2837.grouped--accordion .sectionGroup__block__accordion__title {
2838	height: 71px;
2839	padding-top: 25px;
2840}
2841.accountNavigation__searchWrap {
2842	width: 60px;
2843	height: 40px;
2844	text-align: center;
2845	line-height: 40px;
2846	position: relative;
2847	z-index: 200;
2848	font-size: 1.2em;
2849	font-weight: 600;
2850	color: #FFF;
2851	border-radius: 4px;
2852	border: none;
2853	background: #12354C;
2854	float: left;
2855	padding: 0
2856}
2857.accountNavigation__searchWrap a, .accountNavigation__searchWrap a:hover {
2858	color: #FFF
2859}
2860.accountNavigation__list {
2861	margin-right: 5px
2862}
2863#footer-logo {
2864	width: 200px
2865}
2866.brand__desc {
2867	margin-top: 5px;
2868	line-height: 28px;
2869	color: #fff;
2870	font-size: .85em;
2871	padding-right: 120px;
2872}
2873/* CALENDAR */
2874.calendarPopOut {
2875	position: absolute;
2876	top: 65px;
2877	height: auto;
2878	background-color: #ccc;
2879	padding: 10px;
2880	left: -90px;
2881	width: 340px;
2882	border-radius: 4px;
2883	z-index: 2;
2884}
2885#showReturn .ui-datepicker, #showSingle .ui-datepicker {
2886	background-color: #ccc;
2887}
2888.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
2889	position: absolute;
2890	background-color: #150958;
2891	border-radius: 50%;
2892	border: none;
2893	padding: 0;
2894	margin: 0;
2895	top: 10px;
2896	width: 30px;
2897	height: 30px;
2898	content: "";
2899}
2900i.fa.fa-chevron-left.cal-left-arrow, i.fa.fa-chevron-right.cal-right-arrow {
2901	color: #ccc;
2902}
2903/* cal title */
2904.ui-datepicker-title {
2905	color: #150958;
2906	font-size: 1.15em;
2907}
2908/* days */
2909.ui-datepicker-calendar thead tr th span {
2910	color: #150958;
2911}
2912/* dates disabled */
2913.ui-datepicker td.ui-datepicker-unselectable {
2914	background: #ccc;
2915}
2916.ui-datepicker td {
2917	padding: 0 !important;
2918	margin: 0 2px;
2919	border: 2px solid #ccc;
2920	color: #000;
2921	text-align: center;
2922	border-radius: 8px;
2923	background: #ccc;
2924}
2925/* calendar done button */
2926.calendarPopOut--close {
2927	border: 2px solid #150958;
2928	color: #150958;
2929}
2930.calendarPopOut--close:focus, .calendarPopOut--close:hover {
2931	color: #fff;
2932	background-color: #150958;
2933	border: 2px solid #150958;
2934}
2935#showReturn .ui-datepicker td.ui-datepicker-unselectable span, #showSingle .ui-datepicker td.ui-datepicker-unselectable span {
2936	color: #150958;
2937	opacity: .3;
2938}
2939#showReturn .ui-datepicker td a, #showReturn .ui-datepicker td span, #showSingle .ui-datepicker td a, #showSingle .ui-datepicker td span {
2940	padding: 6px 6px;
2941	font-size: 1.1em;
2942	font-weight: 600;
2943}
2944.ui-datepicker td.ui-state-disabled:hover {
2945	background-color: #ccc;
2946}
2947.ui-datepicker td a.ui-state-active, .ui-datepicker td span.ui-state-active {
2948	border-radius: 8px;
2949}
2950.ui-datepicker td:hover {
2951	background: #10BD59;
2952}
2953.calendarPopOut:after {
2954	border-bottom-color: #ccc;
2955}
2956.ui-datepicker td a.ui-state-active, .ui-datepicker td span.ui-state-active {
2957	border-radius: 4px;
2958}
2959body .plannerForm__addReturn {
2960	background-color: #ffffff !important;
2961	color: #000!important;
2962	opacity: 1!important;
2963}
2964/* MEDIA QUERIES */
2965@media screen and (max-width: 374px) {
2966/* HERO */
2967    /* header */
2968.headerPrimary {
2969	padding: 20px 0px;
2970}
2971/* hamburger */
2972.hamburger {
2973	padding: 5px 5px 0;
2974}
2975/* hero title */
2976.content_de h1 {
2977	color: #fff;
2978	font-size: 1.8em;
2979	text-align: center;
2980	font-weight: 400;
2981}
2982/* MOB MENU */
2983.mobilePanel {
2984	margin-top: 70px;
2985}
2986/* JP */
2987.plannerForm--station-field-container {
2988	margin: 0px;
2989}
2990
2991/* swapper icon */
2992body .plannerForm__inputBelt__icon {
2993	left: 70%;
2994	top: 65px;
2995	width: 50px;
2996	height: 50px;
2997	line-height: 50px;
2998	display: flex;
2999	justify-content: center;
3000	align-items: center;
3001}
3002/* MAIN */
3003    /* Top USP */
3004div[data-title="Top USP"] {
3005	margin-bottom: 75px;
3006}
3007/*Top usp container*/
3008div[data-title="Top USP"] > .row > .container, div[data-title="Top USP Journey"] > .row {
3009	position: relative;
3010	background: #ffffff;
3011	border-radius: 8px;
3012	box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%);
3013	width: 90vw;
3014	padding-bottom: 20px;
3015	bottom: 0px;
3016}
3017div[data-title="Top USP"] .textOffer, div[data-title="Top USP Journey"] .textOffer, div[data-title="Bottom USP"] .textOffer {
3018	margin-bottom: 0px;
3019	display: flex;
3020	flex-direction: column;
3021	align-items: center;
3022	text-align: center;
3023	padding: 20px 0px 0px 0px;
3024}
3025.alert {
3026	bottom: 5px;
3027}
3028div[data-title="Homepage Text"] {
3029	margin-left: .5em;
3030	margin-right: .5em;
3031}
3032/* JP PAGES */
3033div#topUSP {
3034	margin-bottom: 70px;
3035}
3036/* TEXT PODS ACROSS SITE */
3037[data-role=container] .--container-100 .sectionGroup__block--note, [data-role=container] .--container-20 .sectionGroup__block--note, [data-role=container] .--container-50 .sectionGroup__block--note, [data-role=container] .--container-80 .sectionGroup__block--note, [data-role=container] .--container-full .sectionGroup__block--note, .sectionGroup__block__dark-blue, div[data-group-name="Offer card"] {
3038	padding: 20px !important;
3039	margin: 0 0 5px !important;
3040}
3041div.sectionGroup__block__summary--new h2, .sectionGroup__block__dark-blue h2 {
3042	font-size: 1.4em;
3043	line-height: 1.2em;
3044}
3045.sectionGroup__block__summary--new p, .sectionGroup__block__dark-blue p, div[data-group-name="Offer card"] p {
3046	font-size: 0.9em;
3047	line-height: 22px;
3048}
3049/* Homepage pods */
3050div[data-group-name="container"] > .--container-50.col-md-6:nth-child(1) {
3051	padding-left: 0.5rem!important;
3052	padding-right: 0.5rem!important;
3053}
3054div[data-group-name="container"] > .--container-50.col-md-6:nth-child(2) {
3055	padding-left: 0.5rem!important;
3056	padding-right: 0.5rem!important;
3057}
3058.offerCard__title {
3059	font-size: 1.2em;
3060}
3061.offerCard__link--arrow {
3062	font-size: .8em;
3063}
3064.primaryButton {
3065	height: 25px;
3066	padding: 4px 5px;
3067}
3068/* Bottom USP */
3069div[data-title="Bottom USP"] .textOffer {
3070	padding-bottom: 25px;
3071}
3072/* TICKET*/
3073.headerPrimary__logo {
3074	width: 165px;
3075}
3076.ticket_logo {
3077	width: 100px;
3078	top: 0px;
3079	left: 0px;
3080}
3081#ticket_date, #ticket_time {
3082	font-size: 10px;
3083}
3084.ticket_title {
3085	font-size: 18px;
3086	margin-top: 18px;
3087	margin-bottom: 24px;
3088}
3089.ticket_info {
3090	flex-direction: column;
3091	margin: -10px 10px;
3092	align-items: center;
3093}
3094.ticket_info .row_1, .ticket_info .row_2 {
3095	width: 95%;
3096	justify-content: space-around;
3097}
3098.ticket_info p {
3099	font-size: 0.9em;
3100	margin: 8px 0px;
3101}
3102.row_3 p {
3103	font-size: 0.9em;
3104}
3105.ticket_button {
3106	padding: 7px 15px;
3107	height: 35px;
3108	font-size: 1em;
3109}
3110/* Page title sections */
3111div[data-title="Intro"], div[data-title="About"], div[data-title="Privacy notice"], div[data-title="Terms and Conditions"], div[data-title="Conditions"], div[data-title="How to get in touch"] {
3112	padding-left: 1em;
3113	padding-right: 1em;
3114}
3115h3.sectionGroup__block__accordion__title {
3116	font-size: 0.9em;
3117}
3118.sectionGroup__block__accordion__text {
3119	font-size: .8em;
3120}
3121.inner_footer {
3122	width: 200px;
3123	text-align: center;
3124}
3125.ticket_footer {
3126	width: 80%;
3127}
3128h4.ticket_footer_header {
3129	font-weight: bold;
3130	font-size: 1em;
3131}
3132p.ticket_footer_text {
3133	font-size: 0.8em;
3134	color: #737373;
3135}
3136.footer_button {
3137	font-size: 0.8em;
3138	height: 30px;
3139	padding: 7px 16px;
3140}
3141#outer_icons i {
3142	font-size: 28px;
3143}
3144/* MOB MENU */
3145.mobilePanel ul.mobilePanel__nav--active {
3146	background-image: linear-gradient(to right, #2a265d, #201e3a);
3147}
3148.mobilePanel__listitem {
3149	background: transparent;
3150}
3151.mobilePanel__link {
3152	color: #ffffff;
3153}
3154.mobilePanel__link i {
3155	color: #ffffff;
3156}
3157.mob_nav_items a {
3158	font-size: 0.95em !important;
3159	margin-bottom: 22px;
3160}
3161.mob_nav_underline {
3162	width: 85%;
3163	height: 5px;
3164	bottom: 25px;
3165}
3166.mob_nav_footer i {
3167	color: #ffffff;
3168	margin: 0px 20px;
3169	font-size: 1em;
3170}
3171.mob_nav_footer {
3172	position: absolute;
3173	bottom: 24px;
3174	right: 1px;
3175	left: none;
3176	transform: none !important;
3177	text-align: right;
3178}
3179.features_text {
3180	width: 100%;
3181}
3182.textOffer__link {
3183	font-size: 16px;
3184}
3185.features_icon {
3186	width: 100%;
3187	text-align: center;
3188}
3189.card_link-box {
3190	padding-left: 0px;
3191	padding-right: 0px;
3192}
3193/* FOOTER */
3194.footerGroup__title i {
3195	font-size: 24px;
3196}
3197.footerGroup__title {
3198	font-size: 1.2em;
3199}
3200.footerGroup__desc--margin {
3201	margin-left: 0px;
3202}
3203.footerGroup__desc {
3204	font-size: 1em;
3205	text-align: center;
3206	margin-top: 10px;
3207}
3208[data-role=container] .--container-20 {
3209	padding-left: 0px !important;
3210	padding-right: 0px !important;
3211}
3212[data-role=container] .--container-80 {
3213	padding-left: 0px !important;
3214	padding-right: 0px !important;
3215}
3216[data-role=container] .--container-100 {
3217	padding-left: 0px !important;
3218	padding-right: 0px !important;
3219}
3220.footerGroup__title {
3221	font-size: 1.3em;
3222	white-space: nowrap;
3223}
3224.footerGroup__desc--margin {
3225	margin-left: 0px;
3226	margin-top: 15px;
3227	text-align: center;
3228}
3229.page-error-heading {
3230	font-size: 1.5em;
3231}
3232
3233/* Hide scrollbar for Chrome, Safari and Opera for booking page */
3234div#b-search-form::-webkit-scrollbar {
3235display: none;
3236}
3237/* Hide scrollbar for IE and Edge for booking page */
3238div#b-search-form {
3239	-ms-overflow-style: none;
3240}
3241div#b-search-form {
3242	overflow-y: auto;
3243	max-height: 100vh;
3244}
3245/* Coming soon */
3246header#header-coming-soon {
3247	margin: 30px 0px;
3248}
3249#holding-page-logo img {
3250	width: 200px;
3251}
3252#holdingPage-container {
3253	margin: 1em 1em;
3254}
3255#contact-faq-button {
3256	font-size: 1.1em;
3257}
3258span.coming-soon-title-main {
3259	font-size: 1.8em;
3260}
3261span.coming-soon-title {
3262	font-size: 1.4em;
3263}
3264#holdingPage-container p {
3265	font-size: 1em;
3266	padding: 0 10px;
3267	margin: 20px 0px;
3268}
3269#dx-coming-soon {
3270	box-shadow: none;
3271	color: mediumseagreen;
3272	padding: 0px 5px;
3273	font-size: 1.2em;
3274}
3275#opp-container {
3276	margin: 40px auto;
3277	height: 300px;
3278	display: block;
3279}
3280.opp-box {
3281	width: 100%;
3282	height: 90px;
3283	position: relative;
3284	margin-bottom: 150px;
3285}
3286/* OFFERS PAGE */
3287div[data-group-name="Offer card"] > div.--container-50 {
3288	padding: 0px !important;
3289	margin-bottom: 30px;
3290}
3291div[data-group-name="Offer card"] h4.offer-card-title {
3292	font-size: 1.3em;
3293	text-align: center;
3294}
3295div[data-group-name="Offer card"] p.offer-card-tag {
3296	font-size: 0.9em;
3297}
3298div[data-group-name="Offer card"] ul li {
3299	font-size: 0.9em;
3300}
3301div[data-group-name="Offer card"] > div.--container-50:nth-child(2) {
3302	position: relative;
3303	bottom: 15px;
3304}
3305#offers-alert-tag {
3306	display: block;
3307	margin-top: 14px;
3308	width: 100%;
3309	position: relative;
3310	top: 0px;
3311}
3312/* PRIVACY CENTRE*/
3313div[data-title="About"] .primaryButton {
3314	height: 30px;
3315	line-height: 30px;
3316	font-size: 1.2em;
3317}
3318/* 404 */
3319h2#error-page-title {
3320	text-align: center;
3321	line-height: 1.2em;
3322}
3323#coach-frame {
3324	background-position: center;
3325	width: 300px;
3326	height: 300px;
3327	margin-top: 0px;
3328}
3329.coach {
3330	width: 175px;
3331	transform: translate(-50%, -0.5%);
3332}
3333/* ANIMATE TREES */
3334.tree-1 {
3335	animation: animateCloud 12s linear infinite;
3336	transform: scale(0.2);
3337	top: -11%;
3338}
3339.tree-2 {
3340	animation: animateCloud 10s linear infinite;
3341	transform: scale(0.25);
3342	top: -70%;
3343}
3344.tree-3 {
3345	animation: animateCloud 8s linear infinite;
3346	transform: scale(0.3);
3347	top: -132%;
3348}
3349.tree-4 {
3350	animation: animateCloud 6s linear infinite;
3351	transform: scale(0.4);
3352	top: -165%;
3353}
3354.tree-5 {
3355	animation: animateCloud 4s linear infinite;
3356	transform: scale(0.6);
3357	top: -218%;
3358}
3359
3360    /* KEYFRAMES */
3361    @-webkit-keyframes animateCloud {
33620% {
3363margin-left: 1000px;
3364}
3365100% {
3366margin-left: -100%;
3367}
3368}
3369@-moz-keyframes animateCloud {
33700% {
3371margin-left: 1000px;
3372}
3373100% {
3374margin-left: -100%;
3375}
3376}
3377@keyframes animateCloud {
33780% {
3379margin-left: 1000px;
3380}
3381100% {
3382margin-left: -100%;
3383}
3384}
3385/* Contact us page */
3386.contact-container {
3387	display: block;
3388}
3389h2.contact-us-title {
3390	font-size: 1.4em;
3391	text-align: left;
3392}
3393div#contact-us-faq {
3394	background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;
3395}
3396.contact-us-blocks {
3397	width: 100%;
3398	font-size: 1.2em;
3399}
3400.contact-us-blocks h3 {
3401	font-size: 0.78em;
3402}
3403ul.contact-social-box {
3404	font-size: 1.1em;
3405	padding: 0px;
3406	margin-left: 0px;
3407}
3408i.contact-icon {
3409	margin-right: 3px;
3410	color: #0947ba;
3411}
3412.contact-number {
3413	font-size: 1.2em;
3414}
3415.call-box p {
3416	font-size: 1em;
3417}
3418#contact-us-padding {
3419	padding-left: 0em !important;
3420	padding-right: 0em !important;
3421}
3422.complaints-block p {
3423	font-size: 1em;
3424}
3425/* JP USP icons */
3426div[data-title="Top USP Journey"] > .row {
3427	bottom: 10px;
3428}
3429div[data-title="Top USP Journey"] > .row i {
3430	font-size: 1em;
3431	position: relative;
3432	bottom: 0px;
3433}
3434div[data-title="Top USP Journey"] > .row .textOffer__title {
3435	font-size: 1.2em;
3436	text-align: center;
3437}
3438div[data-title="Top USP Journey"] > .row p {
3439	font-size: 0.9em;
3440	text-align: center;
3441}
3442#passenger-count-div {
3443	width: 100%;
3444}
3445#jp-submit-div {
3446	width: 100%;
3447}
3448input#departDate {
3449	margin-bottom: 0px;
3450}
3451input#returnDate {
3452	margin-bottom: 20px;
3453}
3454/* Stop Dropdowns */
3455.dropdown-stops {
3456	display: flex;
3457	flex-direction: column-reverse;
3458	align-items: center;
3459}
3460.stop-directions-section {
3461	width: 100%;
3462}
3463.stop-directions {
3464	justify-content: space-around;
3465}
3466.map-directions {
3467	width: 100%;
3468	margin: 30px auto;
3469}
3470/* Calendar pop out */
3471.calendarPopOut {
3472	position: absolute;
3473	top: 75px;
3474	height: auto;
3475	background-color: #ccc;
3476	padding: 10px;
3477	left: 0;
3478	width: 100%;
3479	border-radius: 4px;
3480}
3481/* Return journey 'x' icon */
3482i.clear_location {
3483	position: absolute;
3484	z-index: 1;
3485	text-indent: 0px;
3486}
3487/* Spacing */
3488ul.breadcrumb, div[data-title="Business contacts"], div[data-title="FAQ"], div[data-title="Persons involved in incidents"], div[data-title="Refunds"], div[data-title="Half Price"], div[data-title="Disabled code of practice"], div[data-title="Cookie policy"] {
3489	padding: 0 0.5em;
3490}
3491/* Unique Page titles and Accordions */
3492div[data-title="About"] h3, div[data-title="Terms and Conditions"] h3 {
3493	font-size: 1.2em;
3494}
3495}
3496
3497@media (max-width:601px) and (min-width:375px) {
3498/* HERO */
3499    /* header */
3500.headerPrimary {
3501	padding: 20px 0px;
3502}
3503/* hamburger */
3504.hamburger {
3505	padding: 5px 5px 0;
3506}
3507/* hero bg */
3508    /* hero title */
3509.content_de h1 {
3510	color: #fff;
3511	font-size: 2em;
3512	text-align: center;
3513	font-weight: 400;
3514}
3515/* JP */
3516.plannerForm--station-field-container {
3517	margin: 0px;
3518}
3519input#departDate {
3520	margin-bottom: 0px !important;
3521}
3522/* swapper icon */
3523body .plannerForm__inputBelt__icon {
3524	left: 70%;
3525	top: 65px;
3526	width: 50px;
3527	height: 50px;
3528	line-height: 50px;
3529	display: flex;
3530	justify-content: center;
3531	align-items: center;
3532}
3533/* MOB MENU */
3534.mobilePanel {
3535	margin-top: 70px;
3536}
3537/* MAIN */
3538    /* Top USP */
3539div[data-title="Top USP"] {
3540	margin-bottom: 75px;
3541}
3542/*Top usp container*/
3543div[data-title="Top USP"] > .row > .container, div[data-title="Top USP Journey"] > .row {
3544	position: relative;
3545	background: #ffffff;
3546	border-radius: 8px;
3547	box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%);
3548	width: 90vw;
3549	padding-bottom: 20px;
3550	bottom: 0px;
3551}
3552div[data-title="Top USP"] .textOffer, div[data-title="Top USP Journey"] .textOffer, div[data-title="Bottom USP"] .textOffer {
3553	margin-bottom: 0px;
3554	display: flex;
3555	flex-direction: column;
3556	align-items: center;
3557	text-align: center;
3558	padding: 20px 0px 0px 0px;
3559}
3560.alert {
3561	bottom: 5px;
3562}
3563div[data-title="Homepage Text"] {
3564	margin-left: .5em;
3565	margin-right: .5em;
3566}
3567/* JP PAGES */
3568div#topUSP {
3569	margin-bottom: 70px;
3570}
3571/* TEXT PODS ACROSS SITE */
3572[data-role=container] .--container-100 .sectionGroup__block--note, [data-role=container] .--container-20 .sectionGroup__block--note, [data-role=container] .--container-50 .sectionGroup__block--note, [data-role=container] .--container-80 .sectionGroup__block--note, [data-role=container] .--container-full .sectionGroup__block--note, .sectionGroup__block__dark-blue, div[data-group-name="Offer card"] {
3573	padding: 20px !important;
3574	margin: 0 0 5px !important;
3575}
3576div.sectionGroup__block__summary--new h2, .sectionGroup__block__dark-blue h2 {
3577	font-size: 1.4em;
3578	line-height: 1.2em;
3579}
3580.sectionGroup__block__summary--new p, .sectionGroup__block__dark-blue p, div[data-group-name="Offer card"] p {
3581	font-size: 0.9em;
3582	line-height: 22px;
3583}
3584/* Homepage pods */
3585div[data-group-name="container"] > .--container-50.col-md-6:nth-child(1) {
3586	padding-left: 0.5rem!important;
3587	padding-right: 0.5rem!important;
3588}
3589div[data-group-name="container"] > .--container-50.col-md-6:nth-child(2) {
3590	padding-left: 0.5rem!important;
3591	padding-right: 0.5rem!important;
3592}
3593.offerCard__title {
3594	font-size: 1.5em;
3595}
3596.offerCard__link--arrow {
3597	font-size: 1em;
3598}
3599.offerCard > .primaryButton {
3600	height: 30px;
3601	padding: 4px 8px;
3602	font-size: 1em;
3603	line-height: 20px;
3604}
3605.primaryButton {
3606	height: 30px;
3607	line-height: 15px;
3608	font-size: 1.2em;
3609}
3610/* Bottom USP */
3611div[data-title="Bottom USP"] .textOffer {
3612	padding-bottom: 25px;
3613}
3614/* TICKET*/
3615.headerPrimary__logo {
3616	width: 165px;
3617}
3618.ticket_logo {
3619	width: 100px;
3620	top: 0px;
3621	left: 0px;
3622}
3623#ticket_date, #ticket_time {
3624	font-size: 12px;
3625}
3626.ticket_title {
3627	font-size: 20px;
3628	margin-top: 18px;
3629	margin-bottom: 24px;
3630}
3631.ticket_info {
3632	flex-direction: column;
3633	margin: -10px 10px;
3634	align-items: center;
3635}
3636.ticket_info .row_1, .ticket_info .row_2 {
3637	width: 95%;
3638	justify-content: space-around;
3639}
3640.ticket_info p {
3641	font-size: 0.9em;
3642	margin: 8px 0px;
3643}
3644.row_3 p {
3645	font-size: 0.9em;
3646}
3647.ticket_button {
3648	padding: 7px 15px;
3649	height: 35px;
3650	font-size: 1em;
3651}
3652/* Page title sections */
3653div[data-title="Intro"], div[data-title="About"], div[data-title="Privacy notice"], div[data-title="Terms and Conditions"], div[data-title="Conditions"], div[data-title="How to get in touch"] {
3654	padding-left: 1em;
3655	padding-right: 1em;
3656}
3657h3.sectionGroup__block__accordion__title {
3658	font-size: 1em;
3659}
3660.sectionGroup__block__accordion__text {
3661	font-size: .8em;
3662}
3663.inner_footer {
3664	width: 200px;
3665	text-align: center;
3666}
3667.ticket_footer {
3668	width: 80%;
3669}
3670h4.ticket_footer_header {
3671	font-weight: bold;
3672	font-size: 1em;
3673}
3674p.ticket_footer_text {
3675	font-size: 0.8em;
3676	color: #737373;
3677}
3678.footer_button {
3679	font-size: 0.8em;
3680	height: 30px;
3681	padding: 7px 16px;
3682}
3683#outer_icons i {
3684	font-size: 28px;
3685}
3686/* MOB MENU */
3687.mobilePanel ul.mobilePanel__nav--active {
3688	background-image: linear-gradient(to right, #2a265d, #201e3a);
3689}
3690.mobilePanel__listitem {
3691	background: transparent;
3692}
3693.mobilePanel__link {
3694	color: #ffffff;
3695}
3696.mobilePanel__link i {
3697	color: #ffffff;
3698}
3699.mob_nav_items a {
3700	font-size: 0.95em !important;
3701	margin-bottom: 22px;
3702}
3703.mob_nav_underline {
3704	width: 85%;
3705	height: 5px;
3706	bottom: 25px;
3707}
3708.mob_nav_footer i {
3709	color: #ffffff;
3710	margin: 0px 20px;
3711	font-size: 1em;
3712}
3713.mob_nav_footer {
3714	position: absolute;
3715	bottom: 24px;
3716	right: 1px;
3717	left: none;
3718	transform: none !important;
3719	text-align: right;
3720}
3721.features_text {
3722	width: 100%;
3723}
3724.textOffer__link {
3725	font-size: 16px;
3726}
3727.features_icon {
3728	width: 100%;
3729	text-align: center;
3730}
3731.card_link-box {
3732	padding-left: 0px;
3733	padding-right: 0px;
3734}
3735/* FOOTER */
3736.footerGroup__title i {
3737	font-size: 24px;
3738}
3739.footerGroup__title {
3740	font-size: 1.2em;
3741}
3742.footerGroup__desc--margin {
3743	margin-left: 0px;
3744}
3745.footerGroup__desc {
3746	font-size: 1em;
3747	text-align: center;
3748	margin-top: 10px;
3749}
3750[data-role=container] .--container-20 {
3751	padding-left: 0px !important;
3752	padding-right: 0px !important;
3753}
3754[data-role=container] .--container-80 {
3755	padding-left: 0px !important;
3756	padding-right: 0px !important;
3757}
3758[data-role=container] .--container-100 {
3759	padding-left: 0px !important;
3760	padding-right: 0px !important;
3761}
3762.footerGroup__title {
3763	font-size: 1.3em;
3764	white-space: nowrap;
3765}
3766.footerGroup__desc--margin {
3767	margin-left: 0px;
3768	margin-top: 15px;
3769	text-align: center;
3770}
3771.page-error-heading {
3772	font-size: 1.5em;
3773}
3774
3775    /* Hide scrollbar for Chrome, Safari and Opera for booking page */
3776    div#b-search-form::-webkit-scrollbar {
3777display: none;
3778}
3779/* Hide scrollbar for IE and Edge for booking page */
3780div#b-search-form {
3781	-ms-overflow-style: none;
3782}
3783div#b-search-form {
3784	overflow-y: auto;
3785	max-height: 100vh;
3786}
3787/* Coming soon */
3788header#header-coming-soon {
3789	margin: 30px 0px;
3790}
3791#holding-page-logo img {
3792	width: 200px;
3793}
3794#holdingPage-container {
3795	margin: 1em 1em;
3796}
3797#contact-faq-button {
3798	font-size: 1.1em;
3799}
3800span.coming-soon-title-main {
3801	font-size: 1.8em;
3802}
3803span.coming-soon-title {
3804	font-size: 1.4em;
3805}
3806#holdingPage-container p {
3807	font-size: 1em;
3808	padding: 0 10px;
3809	margin: 20px 0px;
3810}
3811#dx-coming-soon {
3812	box-shadow: none;
3813	color: mediumseagreen;
3814	padding: 0px 5px;
3815	font-size: 1.2em;
3816}
3817#opp-container {
3818	margin: 40px auto;
3819	height: 300px;
3820	display: block;
3821}
3822.opp-box {
3823	width: 100%;
3824	height: 90px;
3825	position: relative;
3826	margin-bottom: 150px;
3827}
3828/* OFFERS PAGE */
3829div[data-group-name="Offer card"] > div.--container-50 {
3830	padding: 0px !important;
3831}
3832div[data-group-name="Offer card"] h4.offer-card-title {
3833	font-size: 1.3em;
3834	text-align: center;
3835}
3836div[data-group-name="Offer card"] p.offer-card-tag {
3837	font-size: 0.9em;
3838}
3839div[data-group-name="Offer card"] ul li {
3840	font-size: 0.9em;
3841}
3842div[data-group-name="Offer card"] > div.--container-50:nth-child(2) {
3843	position: relative;
3844	bottom: 15px;
3845}
3846#offers-alert-tag {
3847	display: block;
3848	margin-top: 14px;
3849	width: 100%;
3850	position: relative;
3851	top: 0px;
3852}
3853/* 404 */
3854
3855#coach-frame {
3856	background-position: center;
3857	width: 300px;
3858	height: 300px;
3859}
3860.coach {
3861	width: 175px;
3862	transform: translate(-50%, -0.5%);
3863}
3864/* ANIMATE TREES */
3865.tree-1 {
3866	animation: animateCloud 12s linear infinite;
3867	transform: scale(0.2);
3868	top: -11%;
3869}
3870.tree-2 {
3871	animation: animateCloud 10s linear infinite;
3872	transform: scale(0.25);
3873	top: -70%;
3874}
3875.tree-3 {
3876	animation: animateCloud 8s linear infinite;
3877	transform: scale(0.3);
3878	top: -132%;
3879}
3880.tree-4 {
3881	animation: animateCloud 6s linear infinite;
3882	transform: scale(0.4);
3883	top: -165%;
3884}
3885.tree-5 {
3886	animation: animateCloud 4s linear infinite;
3887	transform: scale(0.6);
3888	top: -218%;
3889}
3890
3891    /* KEYFRAMES */
3892    @-webkit-keyframes animateCloud {
38930% {
3894margin-left: 1000px;
3895}
3896100% {
3897margin-left: -100%;
3898}
3899}
3900@-moz-keyframes animateCloud {
39010% {
3902margin-left: 1000px;
3903}
3904100% {
3905margin-left: -100%;
3906}
3907}
3908@keyframes animateCloud {
39090% {
3910margin-left: 1000px;
3911}
3912100% {
3913margin-left: -100%;
3914}
3915}
3916/* Contact us page */
3917.contact-container {
3918	display: block;
3919}
3920h2.contact-us-title {
3921	font-size: 1.4em;
3922	text-align: left;
3923}
3924div#contact-us-faq {
3925	background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;
3926}
3927.contact-us-blocks {
3928	width: 100%;
3929	font-size: 1.2em;
3930}
3931.contact-us-blocks h3 {
3932	font-size: 0.78em;
3933}
3934ul.contact-social-box {
3935	font-size: 1.1em;
3936	padding: 0px;
3937	margin-left: 0px;
3938}
3939i.contact-icon {
3940	margin-right: 3px;
3941	color: #0947ba;
3942}
3943.contact-number {
3944
3945	font-size: 1.2em;
3946}
3947.call-box p {
3948	font-size: 1em;
3949}
3950#contact-us-padding {
3951	padding-left: 0em !important;
3952	padding-right: 0em !important;
3953}
3954.complaints-block p {
3955	font-size: 1em;
3956}
3957/* JP USP icons */
3958div[data-title="Top USP Journey"] > .row {
3959	bottom: 10px;
3960}
3961div[data-title="Top USP Journey"] > .row i {
3962	font-size: 1em;
3963	position: relative;
3964	bottom: 0px;
3965}
3966div[data-title="Top USP Journey"] > .row .textOffer__title {
3967	font-size: 1.2em;
3968	text-align: center;
3969}
3970div[data-title="Top USP Journey"] > .row p {
3971	font-size: 0.9em;
3972	text-align: center;
3973}
3974#passenger-count-div {
3975	width: 100%;
3976}
3977#jp-submit-div {
3978	width: 100%;
3979}
3980input#departDate {
3981	margin-bottom: 0px;
3982}
3983input#returnDate {
3984	margin-bottom: 20px;
3985}
3986/* Stop Dropdowns */
3987.dropdown-stops {
3988	display: flex;
3989	flex-direction: column-reverse;
3990	align-items: center;
3991}
3992.stop-directions-section {
3993	width: 100%;
3994}
3995.stop-directions {
3996	justify-content: space-around;
3997}
3998.map-directions {
3999	width: 100%;
4000	margin: 30px auto;
4001}
4002/* Calendar pop out */
4003.calendarPopOut {
4004	position: absolute;
4005	top: 75px;
4006	height: auto;
4007	background-color: #ccc;
4008	padding: 10px;
4009	left: 0;
4010	width: 100%;
4011	border-radius: 4px;
4012}
4013/* Return journey 'x' icon */
4014i.clear_location {
4015	position: absolute;
4016	z-index: 1;
4017	text-indent: 0px;
4018	top: 290px;
4019}
4020/* Spacing */
4021ul.breadcrumb, div[data-title="Business contacts"], div[data-title="FAQ"], div[data-title="Persons involved in incidents"], div[data-title="Refunds"], div[data-title="Half Price"], div[data-title="Disabled code of practice"], div[data-title="Cookie policy"] {
4022	padding: 0 1.25em;
4023}
4024/* Unique Page titles and Accordions */
4025div[data-title="About"] h3, div[data-title="Terms and Conditions"] h3 {
4026	font-size: 1.3em;
4027}
4028div[data-title="Privacy notice"] h3 {
4029	font-size: 100%
4030}
4030
4031div[data-title="Homepage Text"] .embed-content {
4032	position: relative;
4033	top: 35px;
4034}
4035}
4036
4037@media (min-width: 767px) {
4038.mobilePanel {
4039	margin-top: 75px;
4040}
4041/* MOBILE */
4042li.mobilePanel__listitem {
4043	background: transparent !important;
4044}
4045.mobilePanel__link, .mobilePanel__link i {
4046	color: #ffffff;
4047}
4048}
4049
4050@media (max-width:767px) and (min-width:602px) {
4051/* HERO */
4052.mobilePanel {
4053	margin-top: 75px;
4054}
4055/* header */
4056.headerPrimary {
4057	padding: 20px 0px;
4058}
4059.headerPrimary__logo {
4060	width: 200px;
4061}
4062/* hamburger */
4063.hamburger {
4064	padding: 5px 5px 0;
4065}
4066/* hero title */
4067.content_de h1 {
4068	color: #fff;
4069	font-size: 2em;
4070	text-align: center;
4071	font-weight: 400;
4072}
4073/* JP */
4074.plannerForm--station-field-container {
4075	margin: 0px;
4076}
4077input#departDate {
4078	margin-bottom: 0px !important;
4079}
4080/* swapper icon */
4081body .plannerForm__inputBelt__icon {
4082	left: 70%;
4083	top: 65px;
4084	width: 50px;
4085	height: 50px;
4086	line-height: 50px;
4087	display: flex;
4088	justify-content: center;
4089	align-items: center;
4090}
4091/* MAIN */
4092    /* Top USP */
4093div[data-title="Top USP"] {
4094	margin-bottom: 75px;
4095}
4096/*Top usp container*/
4097div[data-title="Top USP"] > .row > .container, div[data-title="Top USP Journey"] > .row {
4098	position: relative;
4099	background: #ffffff;
4100	border-radius: 8px;
4101	box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%);
4102	width: 90vw;
4103	padding-bottom: 20px;
4104	top: 50px;
4105	bottom: 0px;
4106}
4107div[data-title="Top USP"] .textOffer, div[data-title="Top USP Journey"] .textOffer, div[data-title="Bottom USP"] .textOffer {
4108	margin-bottom: 0px;
4109	display: flex;
4110	flex-direction: column;
4111	align-items: center;
4112	text-align: center;
4113	padding: 20px 0px 0px 0px;
4114}
4115.alert {
4116	bottom: 5px;
4117}
4118div[data-title="Homepage Text"] {
4119	margin-left: .5em;
4120	margin-right: .5em;
4121}
4122/* JP PAGES */
4123div#topUSP {
4124	margin-bottom: 70px;
4125}
4126/* TEXT PODS ACROSS SITE */
4127[data-role=container] .--container-100 .sectionGroup__block--note, [data-role=container] .--container-20 .sectionGroup__block--note, [data-role=container] .--container-50 .sectionGroup__block--note, [data-role=container] .--container-80 .sectionGroup__block--note, [data-role=container] .--container-full .sectionGroup__block--note, .sectionGroup__block__dark-blue, div[data-group-name="Offer card"] {
4128	padding: 25px !important;
4129	margin: 0 0 5px !important;
4130}
4131div.sectionGroup__block__summary--new h2, .sectionGroup__block__dark-blue h2 {
4132	font-size: 1.6em;
4133	line-height: 1.2em;
4134}
4135.sectionGroup__block__summary--new p, .sectionGroup__block__dark-blue p, div[data-group-name="Offer card"] p {
4136	font-size: 1em;
4137	line-height: 22px;
4138}
4139/* Homepage pods */
4140div[data-group-name="container"] > .--container-50.col-md-6:nth-child(1) {
4141	padding-left: 0.5rem!important;
4142	padding-right: 0.5rem!important;
4143}
4144div[data-group-name="container"] > .--container-50.col-md-6:nth-child(2) {
4145	padding-left: 0.5rem!important;
4146	padding-right: 0.5rem!important;
4147}
4148.offerCard__title {
4149	font-size: 1.6em;
4150}
4151.offerCard__link--arrow {
4152	font-size: 1em;
4153}
4154.offerCard > .primaryButton {
4155	height: 30px;
4156	padding: 4px 8px;
4157	font-size: 1em;
4158	line-height: 20px;
4159}
4160.primaryButton {
4161	height: 30px;
4162	line-height: 15px;
4163	font-size: 1.2em;
4164}
4165/* Bottom USP */
4166div[data-title="Bottom USP"] .textOffer {
4167	padding-bottom: 25px;
4168}
4169/* TICKET*/
4170.ticket_logo {
4171	width: 120px;
4172	top: 0px;
4173	left: 0px;
4174}
4175#ticket_date, #ticket_time {
4176	font-size: 12px;
4177}
4178.ticket_title {
4179	font-size: 24px;
4180	margin-top: 18px;
4181	margin-bottom: 24px;
4182}
4183.ticket_info {
4184	flex-direction: row;
4185	margin: 35px 10px;
4186	align-items: center;
4187}
4188.ticket_info .row_1, .ticket_info .row_2 {
4189	width: 95%;
4190	justify-content: space-around;
4191}
4192.ticket_info p {
4193	font-size: 1.1em;
4194	margin: 8px 0px;
4195}
4196.row_3 p {
4197	font-size: 1.1em;
4198}
4199.ticket_button {
4200	padding: 7px 15px;
4201	height: 36px;
4202}
4203/* Page title sections */
4204div[data-title="Intro"], div[data-title="About"], div[data-title="Privacy notice"], div[data-title="Terms and Conditions"], div[data-title="Conditions"], div[data-title="How to get in touch"] {
4205	padding-left: 1em;
4206	padding-right: 1em;
4207}
4208h3.sectionGroup__block__accordion__title {
4209	font-size: 1em;
4210}
4211.sectionGroup__block__accordion__text {
4212	font-size: .8em;
4213}
4214.inner_footer {
4215	width: 200px;
4216	text-align: center;
4217}
4218.ticket_footer {
4219	width: 80%;
4220}
4221h4.ticket_footer_header {
4222	font-weight: bold;
4223	font-size: 1em;
4224}
4225p.ticket_footer_text {
4226	font-size: 0.8em;
4227	color: #737373;
4228}
4229.footer_button {
4230	font-size: 0.8em;
4231	height: 30px;
4232	padding: 7px 16px;
4233}
4234#outer_icons i {
4235	font-size: 28px;
4236}
4237/* MOB MENU */
4238.mobilePanel ul.mobilePanel__nav--active {
4239	background-image: linear-gradient(to right, #2a265d, #201e3a);
4240}
4241li.mobilePanel__listitem {
4242	background: transparent !important;
4243}
4244.mobilePanel__link {
4245	color: #ffffff;
4246}
4247.mobilePanel__link i {
4248	color: #ffffff;
4249}
4250.mob_nav_items a {
4251	font-size: 0.95em !important;
4252	margin-bottom: 22px;
4253}
4254.mob_nav_underline {
4255	width: 85%;
4256	height: 5px;
4257	bottom: 25px;
4258}
4259.mob_nav_footer i {
4260	color: #ffffff;
4261	margin: 0px 20px;
4262	font-size: 1em;
4263}
4264.mob_nav_footer {
4265	position: absolute;
4266	bottom: 24px;
4267	right: 1px;
4268	left: none;
4269	transform: none !important;
4270	text-align: right;
4271}
4272.features_text {
4273	width: 100%;
4274}
4275.textOffer__link {
4276	font-size: 16px;
4277}
4278.features_icon {
4279	width: 100%;
4280	text-align: center;
4281}
4282.card_link-box {
4283	padding-left: 0px;
4284	padding-right: 0px;
4285}
4286/* FOOTER */
4287.footerGroup__title i {
4288	font-size: 24px;
4289}
4290.footerGroup__title {
4291	font-size: 1.2em;
4292}
4293.footerGroup__desc--margin {
4294	margin-left: 0px;
4295}
4296.footerGroup__desc {
4297	font-size: 1em;
4298	text-align: center;
4299	margin-top: 10px;
4300}
4301[data-role=container] .--container-20 {
4302	padding-left: 0px !important;
4303	padding-right: 0px !important;
4304}
4305[data-role=container] .--container-80 {
4306	padding-left: 0px !important;
4307	padding-right: 0px !important;
4308}
4309[data-role=container] .--container-100 {
4310	padding-left: 0px !important;
4311	padding-right: 0px !important;
4312}
4313.footerGroup__title {
4314	font-size: 1.3em;
4315	white-space: nowrap;
4316}
4317.footerGroup__desc--margin {
4318	margin-left: 0px;
4319	margin-top: 15px;
4320	text-align: center;
4321}
4322.page-error-heading {
4323	font-size: 1.5em;
4324}
4325
4326    /* Hide scrollbar for Chrome, Safari and Opera for booking page */
4327    div#b-search-form::-webkit-scrollbar {
4328display: none;
4329}
4330/* Hide scrollbar for IE and Edge for booking page */
4331div#b-search-form {
4332	-ms-overflow-style: none;
4333}
4334div#b-search-form {
4335	overflow-y: auto;
4336	max-height: 100vh;
4337}
4338/* Coming soon */
4339header#header-coming-soon {
4340	margin: 30px 0px;
4341}
4342#holding-page-logo img {
4343	width: 200px;
4344}
4345#holdingPage-container {
4346	margin: 1em 1em;
4347}
4348#contact-faq-button {
4349	font-size: 1.1em;
4350}
4351span.coming-soon-title-main {
4352	font-size: 1.8em;
4353}
4354span.coming-soon-title {
4355	font-size: 1.4em;
4356}
4357#holdingPage-container p {
4358	font-size: 1em;
4359	padding: 0 10px;
4360	margin: 20px 0px;
4361}
4362#dx-coming-soon {
4363	box-shadow: none;
4364	color: mediumseagreen;
4365	padding: 0px 5px;
4366	font-size: 1.2em;
4367}
4368#opp-container {
4369	margin: 40px auto;
4370	height: 300px;
4371	display: block;
4372}
4373.opp-box {
4374	width: 100%;
4375	height: 90px;
4376	position: relative;
4377	margin-bottom: 150px;
4378}
4379/* OFFERS PAGE */
4380div[data-group-name="Offer card"] > div.--container-50 {
4381	padding: 0px !important;
4382}
4383div[data-group-name="Offer card"] h4.offer-card-title {
4384	font-size: 1.3em;
4385	text-align: center;
4386}
4387div[data-group-name="Offer card"] p.offer-card-tag {
4388	font-size: 0.9em;
4389}
4390div[data-group-name="Offer card"] ul li {
4391	font-size: 0.9em;
4392}
4393div[data-group-name="Offer card"] > div.--container-50:nth-child(2) {
4394	position: relative;
4395	bottom: 15px;
4396}
4397#offers-alert-tag {
4398	display: block;
4399	margin-top: 14px;
4400	width: 100%;
4401	position: relative;
4402	top: 0px;
4403}
4404/* 404 */
4405
4406#coach-frame {
4407	background-position: center;
4408	width: 300px;
4409	height: 300px;
4410}
4411.coach {
4412	width: 175px;
4413	transform: translate(-50%, -0.5%);
4414}
4415/* ANIMATE TREES */
4416.tree-1 {
4417	animation: animateCloud 12s linear infinite;
4418	transform: scale(0.2);
4419	top: -11%;
4420}
4421.tree-2 {
4422	animation: animateCloud 10s linear infinite;
4423	transform: scale(0.25);
4424	top: -70%;
4425}
4426.tree-3 {
4427	animation: animateCloud 8s linear infinite;
4428	transform: scale(0.3);
4429	top: -132%;
4430}
4431.tree-4 {
4432	animation: animateCloud 6s linear infinite;
4433	transform: scale(0.4);
4434	top: -165%;
4435}
4436.tree-5 {
4437	animation: animateCloud 4s linear infinite;
4438	transform: scale(0.6);
4439	top: -218%;
4440}
4441
4442    /* KEYFRAMES */
4443    @-webkit-keyframes animateCloud {
44440% {
4445margin-left: 1000px;
4446}
4447100% {
4448margin-left: -100%;
4449}
4450}
4451@-moz-keyframes animateCloud {
44520% {
4453margin-left: 1000px;
4454}
4455100% {
4456margin-left: -100%;
4457}
4458}
4459@keyframes animateCloud {
44600% {
4461margin-left: 1000px;
4462}
4463100% {
4464margin-left: -100%;
4465}
4466}
4467/* Contact us page */
4468.contact-container {
4469	display: block;
4470}
4471h2.contact-us-title {
4472	font-size: 1.4em;
4473	text-align: left;
4474}
4475div#contact-us-faq {
4476	background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;
4477}
4478.contact-us-blocks {
4479	width: 100%;
4480	font-size: 1.2em;
4481}
4482.contact-us-blocks h3 {
4483	font-size: 0.78em;
4484}
4485ul.contact-social-box {
4486	font-size: 1.1em;
4487	padding: 0px;
4488	margin-left: 0px;
4489}
4490i.contact-icon {
4491	margin-right: 3px;
4492	color: #0947ba;
4493}
4494.contact-number {
4495	font-size: 1.2em;
4496}
4497.call-box p {
4498	font-size: 1em;
4499}
4500#contact-us-padding {
4501	padding-left: 0em !important;
4502	padding-right: 0em !important;
4503}
4504.complaints-block p {
4505	font-size: 1em;
4506}
4507/* JP USP icons */
4508div[data-title="Top USP Journey"] > .row {
4509	bottom: 10px;
4510}
4511div[data-title="Top USP Journey"] > .row i {
4512	font-size: 1em;
4513	position: relative;
4514	bottom: 0px;
4515}
4516div[data-title="Top USP Journey"] > .row .textOffer__title {
4517	font-size: 1.2em;
4518	text-align: center;
4519}
4520div[data-title="Top USP Journey"] > .row p {
4521	font-size: 0.9em;
4522	text-align: center;
4523}
4524#passenger-count-div {
4525	width: 100%;
4526}
4527#jp-submit-div {
4528	width: 100%;
4529}
4530input#departDate {
4531	margin-bottom: 0px;
4532}
4533input#returnDate {
4534	margin-bottom: 20px;
4535}
4536/* Stop Dropdowns */
4537.dropdown-stops {
4538	display: flex;
4539	flex-direction: column-reverse;
4540	align-items: center;
4541}
4542.stop-directions-section {
4543	width: 100%;
4544}
4545.stop-directions {
4546	justify-content: space-around;
4547}
4548.map-directions {
4549	width: 100%;
4550	margin: 30px auto;
4551}
4552/* Calendar pop out */
4553.calendarPopOut {
4554	position: absolute;
4555	top: 75px;
4556	height: auto;
4557	background-color: #ccc;
4558	padding: 10px;
4559	left: 50%;
4560	width: 60vw;
4561	border-radius: 4px;
4562	transform: translateX(-50%);
4563}
4564/* Return journey 'x' icon */
4565i.clear_location {
4566	position: absolute;
4567	z-index: 1;
4568	text-indent: 0px;
4569	top: 290px;
4570}
4571/* Spacing */
4572ul.breadcrumb, div[data-title="Business contacts"], div[data-title="FAQ"], div[data-title="Persons involved in incidents"], div[data-title="Refunds"], div[data-title="Half Price"], div[data-title="Disabled code of practice"], div[data-title="Cookie policy"], div[data-title="Ticket"] {
4573	padding: 0 1.25em;
4574}
4575/* Unique Page titles and Accordions */
4576div[data-title="About"] h3, div[data-title="Terms and Conditions"] h3 {
4577	font-size: 1.3em;
4578}
4579div[data-title="Privacy notice"] h3 {
4580	font-size: 100%
4581}
4581
4582}
4583
4584@media (max-width:991px) and (min-width:768px) {
4585/* HERO */
4586.mobilePanel {
4587	margin-top: 75px;
4588}
4589div.plannerForm {
4590	background-color: rgba(0,0,0,0.7);
4591	height: 700px;
4592}
4593.hero.hero--full.jp-hero {
4594	height: 700px;
4595}
4596.hero__img img {
4597	min-height: 700px;
4598}
4599/* hero title */
4600.content_de h1 {
4601	color: #fff;
4602	font-size: 2.6em;
4603	text-align: center;
4604	font-weight: 400;
4605}
4606/* JP */
4607.plannerForm--station-field-container {
4608	margin: 0px;
4609}
4610input#departDate {
4611	margin-bottom: 0px !important;
4612}
4613/* swapper icon */
4614body .plannerForm__inputBelt__icon {
4615	left: 50%;
4616	transform: translateX(-50%);
4617	top: 65px;
4618	width: 50px;
4619	height: 50px;
4620	line-height: 50px;
4621	display: flex;
4622	justify-content: center;
4623	align-items: center;
4624}
4625/* MAIN */
4626    /* Top USP */
4627div[data-title="Top USP"] {
4628	margin-bottom: 75px;
4629}
4630/*Top usp container*/
4631div[data-title="Top USP"] > .row > .container, div[data-title="Top USP Journey"] > .row {
4632	position: relative;
4633	background: #ffffff;
4634	border-radius: 8px;
4635	box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%), 0 2px 20px 0 rgb(19 41 104 / 20%);
4636	width: 90vw;
4637	padding: 0px 20px;
4638	top: 50px;
4639	bottom: 0px;
4640}
4641div[data-title="Top USP"] .textOffer, div[data-title="Top USP Journey"] .textOffer, div[data-title="Bottom USP"] .textOffer {
4642	margin-bottom: 0px;
4643	display: flex;
4644	flex-direction: column;
4645	align-items: center;
4646	text-align: center;
4647	padding: 20px 0;
4648	overflow: hidden;
4649}
4650.textOffer__title {
4651	font-size: 1.2em;
4652}
4653.textOffer__desc {
4654	font-size: 0.8em;
4655	text-align: center;
4656	font-weight: 700;
4657}
4658.alert {
4659	bottom: 5px;
4660}
4661/* Homepage pods */
4662div[data-group-name="container"] > .--container-50.col-md-6:nth-child(1) {
4663	padding-left: 0.5rem!important;
4664	padding-right: 0.5rem!important;
4665}
4666div[data-group-name="container"] > .--container-50.col-md-6:nth-child(2) {
4667	padding-left: 0.5rem!important;
4668	padding-right: 0.5rem!important;
4669}
4670.offerCard__title {
4671	font-size: 1.8em;
4672}
4673.offerCard__link--arrow {
4674	font-size: 1.2em;
4675}
4676.offerCard__desc {
4677	font-size: 1.1em;
4678}
4679.offerCard > .primaryButton {
4680	height: 40px;
4681	padding: 10px 12px;
4682	font-size: 1.2em;
4683	line-height: 20px;
4684}
4685.primaryButton {
4686	height: 40px;
4687	line-height: 20px;
4688	font-size: 1.2em;
4689}
4690/* Bottom USP */
4691div[data-title="Bottom USP"] .textOffer {
4692	padding-bottom: 50px;
4693}
4694/* JP PAGES */
4695div#topUSP {
4696	margin-bottom: 75px;
4697}
4698/* TICKET */
4699.ticket_logo {
4700	width: 130px;
4701}
4702#ticket_date, #ticket_time {
4703	font-size: 13px;
4704}
4705.ticket_title {
4706	font-size: 28px;
4707}
4708.ticket_info p {
4709	font-size: 1.2em;
4710}
4711.row_3 p {
4712	font-size: 1.2em;
4713}
4714.row_1, .row_2 {
4715	justify-content: space-evenly;
4716}
4717.circle__left {
4718	/*top: 65%;*/
4719	top: 57%;
4720}
4721.circle__right {
4722	/*top: 65%;*/
4723	top: 57%;
4724}
4725.ticket_button {
4726	padding: 7px 18px;
4727	font-size: 1.4em;
4728	line-height: 30px;
4729}
4730.inner_footer {
4731	width: 300px;
4732	display: none;
4733}
4734.ticket_footer {
4735	/*top: 65%;*/
4736	top: 57%;
4737}
4738h4.ticket_footer_header {
4739	font-size: 1.3em;
4740	white-space: nowrap;
4741}
4742p.ticket_footer_text {
4743	font-size: 1em;
4744}
4745.footer_button {
4746	font-size: 1em;
4747}
4748.ticket_info {
4749	flex-direction: row;
4750	justify-content: space-evenly;
4751	margin: 22px 10px;
4752}
4753.row_1, .row_2 {
4754	width: 50%;
4755}
4756[data-role=container] .--container-20 {
4757	padding-left: 0px !important;
4758	padding-right: 0px !important;
4759}
4760.features_icon {
4761	margin-right: 5px !important;
4762	text-align: center;
4763}
4764body .plannerForm__inputBelt__icon i {
4765	font-size: 1em;
4766}
4767body .plannerForm__inputBelt__icon {
4768	right: 50px;
4769	top: 65px;
4770	width: 50px;
4771	height: 50px;
4772	line-height: 50px;
4773	transform: rotateZ( 90deg);
4774}
4775input#departDate {
4776	margin-bottom: 20px;
4777}
4778body .plannerForm__inputBelt__field {
4779	height: 60px;
4780	margin-bottom: 0px;
4781}
4782
4783    /* Hide scrollbar for Chrome, Safari and Opera for booking page */
4784    div#b-search-form::-webkit-scrollbar {
4785display: none;
4786}
4787/* Hide scrollbar for IE and Edge for booking page */
4788div#b-search-form {
4789	-ms-overflow-style: none;
4790}
4791div#b-search-form {
4792	overflow-y: auto;
4793	max-height: 100vh;
4794}
4795/* Coming soon */
4796header#header-coming-soon {
4797	margin: 40px 0px;
4798}
4799#holding-page-logo img {
4800	width: 250px;
4801}
4802#holdingPage-container {
4803	margin: 1em 3em;
4804}
4805span.coming-soon-title-main {
4806	font-size: 2.1em;
4807}
4808span.coming-soon-title {
4809	font-size: 1.6em;
4810}
4811#holdingPage-container p {
4812	font-size: 1em;
4813	padding: 0 10px;
4814	margin: 20px 0px;
4815}
4816#dx-coming-soon {
4817	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1), 0 2px 20px 0 rgba(19,41,104,0.2);
4818	border-radius: 8px;
4819	padding: 5px 15px;
4820	color: mediumseagreen;
4821	font-size: 1.2em;
4822}
4823#opp-container {
4824	margin: 40px auto;
4825	height: 300px;
4826	display: block;
4827}
4828.opp-box {
4829	width: 80%;
4830	height: 90px;
4831	position: relative;
4832	margin-bottom: 180px;
4833}
4834/* Contact us page */
4835.contact-container {
4836	display: block;
4837}
4838h2.contact-us-title {
4839	font-size: 2em;
4840	;
4841}
4842div#contact-us-faq {
4843	background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;
4844}
4845.contact-us-blocks {
4846	width: 100%;
4847}
4848ul.contact-social-box {
4849	font-size: 1.25em;
4850	padding: 0px;
4851	margin-left: 20px;
4852	display: flex;
4853}
4854i.contact-icon {
4855	margin-right: 10px;
4856	color: #0947ba;
4857}
4858#contact-us-padding {
4859	padding-left: 0em !important;
4860	padding-right: 0em !important;
4861}
4862/* JP USP icons */
4863
4864div[data-title="Top USP Journey"] > .row i {
4865	font-size: 1em;
4866	position: relative;
4867	bottom: 0px;
4868	right: 1px;
4869}
4870div[data-title="Top USP Journey"] > .row .textOffer__title {
4871	font-size: 1.2em;
4872	text-align: center;
4873}
4874div[data-title="Top USP Journey"] > .row p {
4875	font-size: 0.9em;
4876	text-align: center;
4877}
4878#passenger-count-div {
4879	width: 100%;
4880}
4881#jp-submit-div {
4882	width: 100%;
4883}
4884input#departDate {
4885	margin-bottom: 0px;
4886}
4887input#returnDate {
4888	margin-bottom: 20px;
4889}
4890/* Stop Dropdowns */
4891.dropdown-stops {
4892	display: flex;
4893	flex-direction: column-reverse;
4894	align-items: center;
4895}
4896.stop-directions-section {
4897	width: 100%;
4898}
4899.stop-directions {
4900	justify-content: space-around;
4901}
4902.map-directions {
4903	width: 65%;
4904	margin: 30px auto;
4905}
4906/* Calendar pop out */
4907.calendarPopOut {
4908	left: 50%;
4909	width: 50vw;
4910	border-radius: 4px;
4911	transform: translateX(-50%);
4912}
4913/* Return journey 'x' icon */
4914i.clear_location {
4915	position: absolute;
4916	top: 50%;
4917	transform: translateY(-50%);
4918	right: 9px;
4919	z-index: 1;
4920	text-indent: 0px;
4921}
4922/*404 page  */
4923#error-page-title {
4924	position: relative;
4925	top: 30px;
4926}
4927ul.breadcrumb, div[data-title="Business contacts"], div[data-title="FAQ"], div[data-title="Persons involved in incidents"], div[data-title="Refunds"], div[data-title="Half Price"], div[data-title="Disabled code of practice"], div[data-title="Cookie policy"], div[data-title="Ticket"] {
4928	padding: 0 1.25em;
4929}
4930}
4931
4932@media screen and (max-width: 767px) {
4933body .plannerForm {
4934	background-color: rgba(79, 79, 79);
4935}
4936/* Spacer for top usp with alert message */
4937div#topUspSpacer {
4938	margin-top: 60px;
4939}
4940/* Show hero title bg image  */
4941.hero__img img {
4942	display: block;
4943}
4944.hero__overlay {
4945	background-color: transparent;
4946}
4947.hero__subtitle, .hero__title {
4948	color: #ffffff;
4949}
4950.hero__title {
4951	font-size: 1.79em;
4952	margin: 0px;
4953}
4954.hero__subtitle {
4955	font-size: 1.1em;
4956	margin: 0px;
4957}
4958/*.hero__content {
4959    padding: 40px 0px;
4960}*/
4961#larger-usp-icons {
4962	display: none;
4963}
4964.item i:hover {
4965	-webkit-transition: none !important;
4966	-moz-transition: none !important;
4967	-ms-transition: none !important;
4968	transition: none !important;
4969}
4970.nav_menu {
4971	display: none;
4972}
4973.mob_nav_logo a {
4974	width: 280px;
4975}
4976.mob_nav_header i {
4977	font-size: 1.1em;
4978}
4979.mob_nav_items a {
4980	font-size: 1.15em;
4981
4982}
4983body .plannerForm__inputBelt__icon {
4984	right: 50px;
4985	top: 65px;
4986	width: 50px;
4987	height: 50px;
4988	line-height: 50px;
4989}
4990input#departDate {
4991	margin-bottom: 20px !important;
4992}
4993body .plannerForm__inputBelt__field {
4994	height: 60px;
4995	margin-bottom: 20px;
4996}
4997}
4998
4999@media screen and (min-width: 768px) {
5000#outer_icons {
5001	display: none;
5002}
5003.nav_menu {
5004	display: none;
5005}
5006/* Change font-size for Frequent Services link */
5007div[data-title="Top USP"] .col-xs-12:nth-child(2) a, div[data-title="Top USP Journey"] .col-xs-12:nth-child(2) a {
5008	font-size: 0.95em;
5009	position: relative;
5010	bottom: 10px;
5011}
5012}
5013
5014@media screen and (min-width: 991px) {
5015body .plannerForm {
5016	background-color: transparent;
5017}
5018.background {
5019	background-color: black;
5020	opacity: .6;
5021}
5022/* Nav menu */
5023.accountNavigation__link {
5024	font-size: 1.8vw;
5025}
5026/* hero title */
5027.content_de h1 {
5028	font-size: 2.5em;
5029}
5030.Outer__ticket {
5031	height: 350px;
5032}
5033.ticket_logo {
5034	width: 120px;
5035}
5036#ticket_date, #ticket_time {
5037	font-size: 14px;
5038}
5039.ticket_title {
5040	font-size: 26px;
5041	margin-top: 27px
5042}
5043.ticket_info p {
5044	font-size: 1em;
5045}
5046.row_3 p {
5047	font-size: 1em;
5048}
5049.row_1, .row_2 {
5050	justify-content: space-evenly;
5051}
5052.circle__left {
5053	top: 62%;
5054}
5055.circle__right {
5056	top: 62%;
5057}
5058.ticket_button {
5059	padding: 3px 30px;
5060	font-size: 1.4em;
5061}
5062.inner_footer {
5063	width: 300px;
5064	display: none;
5065}
5066.ticket_footer {
5067	top: 62%;
5068}
5069h4.ticket_footer_header {
5070	font-size: 1.3em;
5071	white-space: nowrap;
5072}
5073p.ticket_footer_text {
5074	font-size: 1em;
5075}
5076.footer_button {
5077	font-size: 1em;
5078}
5079.ticket_info {
5080	flex-direction: row;
5081	justify-content: space-evenly;
5082	margin: 22px 10px;
5083}
5084.row_1, .row_2 {
5085	width: 50%;
5086}
5087.row_3 {
5088	position: absolute;
5089	bottom: 30px;
5090	left: 50%;
5091	transform: translateX(-50%);
5092}
5093.dub-airport-img {
5094	height: 350px !important;
5095}
5096.nav_menu {
5097	display: flex;
5098}
5099.nav_menu_link {
5100	font-size: 0.92em;
5101	margin-left: 25px;
5102}
5103.mob_nav_menu, .mob_nav_trigger, .mob_body_overlay {
5104	display: none !important;
5105}
5106/* Coming soon */
5107header#header-coming-soon {
5108	margin: 70px 0px;
5109}
5110#holding-page-logo img {
5111	width: 300px;
5112}
5113#holdingPage-container {
5114	margin: 1em 15%;
5115}
5116span.coming-soon-title-main {
5117	font-size: 2.1em;
5118}
5119span.coming-soon-title {
5120	font-size: 1.6em;
5121}
5122#holdingPage-container p {
5123	font-size: 1.2em;
5124	padding: 0 10px;
5125	margin: 40px 0px;
5126}
5127#dx-coming-soon {
5128	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1), 0 2px 20px 0 rgba(19,41,104,0.2);
5129	border-radius: 8px;
5130	padding: 5px 15px;
5131	color: mediumseagreen;
5132	font-size: 1.2em;
5133}
5134#opp-container {
5135	display: flex;
5136	justify-content: space-evenly;
5137	flex-basis: auto;
5138}
5139.opp-box {
5140	width: 80%;
5141	height: 90px;
5142	position: relative;
5143	margin-bottom: 180px;
5144}
5145.offerCard__title {
5146	font-size: 1.6em;
5147}
5148.offerCard__link--arrow {
5149	font-size: 1em;
5150}
5151.primaryButton {
5152	height: 27px;
5153	padding: 5px 10px;
5154}
5155/* Contact us page */
5156.contact-container {
5157	display: flex;
5158	justify-content: space-between;
5159}
5160h2.contact-us-title {
5161	font-size: 2em;
5162}
5163div#contact-us-faq {
5164	background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;
5165}
5166.contact-us-blocks {
5167	width: 33%;
5168	font-size: 0.75em;
5169	line-height: 1.5em !important;
5170}
5171ul.contact-social-box {
5172	font-size: 1.05em;
5173	padding: 20px 0px;
5174	margin-left: 10px;
5175	display: flex;
5176}
5177i.contact-icon {
5178	margin-right: 5px;
5179	color: #0947ba;
5180}
5181/* JP USP icons */
5182div[data-title="Top USP Journey"] > .row {
5183	bottom: 80px;
5184}
5185div[data-title="Top USP Journey"] > .row i {
5186	font-size: 0.75em;
5187	position: relative;
5188	bottom: 5px;
5189	right: 1px;
5190}
5191div[data-title="Top USP Journey"] > .row .textOffer__title {
5192	font-size: 1.2em;
5193}
5194div[data-title="Top USP Journey"] > .row p {
5195	font-size: 0.9em;
5196}
5197#passenger-count {
5198
5199	padding: 10px 10px 10px 10px;
5200}
5201.calendarPopOut {
5202	position: absolute;
5203	top: 65px;
5204	height: auto;
5205	background-color: #ccc;
5206	padding: 10px;
5207	left: -100px;
5208	width: 360px;
5209	border-radius: 4px;
5210}
5211}
5212
5213@media screen and (min-width: 1160px) {
5214.ticket_info p {
5215	font-size: 1.1em;
5216}
5217.accountNavigation__link {
5218	font-size: 1.4em;
5219}
5220.mob_nav_menu, .mob_nav_trigger, .mob_body_overlay {
5221	display: none !important;
5222}
5223/* Coming soon */
5224header#header-coming-soon {
5225	margin: 70px 0px;
5226}
5227#holding-page-logo img {
5228	width: 300px;
5229}
5230#holdingPage-container {
5231	margin: 1em 15%;
5232}
5233span.coming-soon-title-main {
5234	font-size: 2.1em;
5235}
5236span.coming-soon-title {
5237	font-size: 1.6em;
5238}
5239#holdingPage-container p {
5240	font-size: 1.2em;
5241	padding: 0 10px;
5242	margin: 40px 0px;
5243}
5244#dx-coming-soon {
5245	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1), 0 2px 20px 0 rgba(19,41,104,0.2);
5246	border-radius: 8px;
5247	padding: 5px 15px;
5248	font-size: 1.2em;
5249}
5250#opp-container {
5251	display: flex;
5252	justify-content: space-evenly;
5253	flex-basis: auto;
5254}
5255.opp-box {
5256	width: 80%;
5257	height: 90px;
5258	position: relative;
5259	margin-bottom: 180px;
5260}
5261.offerCard__title {
5262	font-size: 2em;
5263}
5264.offerCard__link--arrow {
5265	font-size: 1.2em;
5266}
5267.primaryButton {
5268	height: 35px;
5269	padding: 0px 10px;
5270}
5271/* Contact us page */
5272.contact-container {
5273	display: flex;
5274	justify-content: space-between;
5275}
5276h2.contact-us-title {
5277	font-size: 2em;
5278}
5279div#contact-us-faq {
5280	background-image: linear-gradient(to right, #6dabe4 10%, #002854 100%) !important;
5281}
5282.contact-us-blocks {
5283	width: 33%;
5284	font-size: 0.95em;
5285}
5286ul.contact-social-box {
5287	font-size: 1.2em;
5288	padding: 20px 0px;
5289	margin-left: 20px;
5290}
5291i.contact-icon {
5292	margin-right: 10px;
5293	color: #0947ba;
5294}
5295/* JP USP icons */
5296
5297#passenger-count {
5298	padding: 10px 10px 10px 10px;
5299}
5300#jpSubmit {
5301	font-size: 1.1em;
5302}
5303/* Calendar pop out */
5304.calendarPopOut {
5305	position: absolute;
5306	top: 65px;
5307	height: auto;
5308	background-color: #ccc;
5309	padding: 10px;
5310	left: -65%;
5311	width: 360px;
5312	border-radius: 4px;
5313}
5314}
5315
5316@media screen and (min-width: 1349px) {      /* hero title */
5317.content_de h1 {
5318	font-size: 3.5em;
5319}
5320}
5321
5322@media screen and (min-width: 1200px) and (max-width: 1349px) {
5323div[data-title="Top USP Journey"] > .row i {
5324	font-size: 0.85em;
5325}
5326/* JP Styling */
5327.plannerForm__inputBelt__field__passenger-modal-toggle {
5328	width: 25%;
5329}
5330#jp-submit-div {
5331	width: 24%;
5332}
5333/* Calendar pop out */
5334.calendarPopOut {
5335	position: absolute;
5336	top: 65px;
5337	height: auto;
5338	background-color: #ccc;
5339	padding: 10px;
5340	left: -50%;
5341	width: 360px;
5342	border-radius: 4px;
5343}
5344}
5345
5346/* JP MEDIA QUERIES */
5347@media (max-width:1900px) {
5348body .icon__calendar {
5349	background: url("/media/7665/cal.png") left center no-repeat #fff
5350}
5351body .icon__pax {
5352	background: url("/media/7662/pax.png") left center no-repeat #fff
5353}
5354}
5355
5356@media (max-width:1350px) {
5357body .icon__calendar {
5358	background: url("/media/7666/cal_small.png") left center no-repeat #fff
5359}
5360body .icon__pax {
5361	background: url("/media/7663/pax_small.png") left center no-repeat #fff
5362}
5363body .plannerForm__inputBelt__field_overide {
5364	padding: 10px 10px 10px 23px;
5365}
5366.db_pax {
5367	padding-top: 7px
5368}
5369body .plannerForm__inputBelt__field {
5370	font-size: 0.9em;
5371}
5372body .plannerForm__inputBelt__button {
5373	font-size: 1.4em;
5374}
5375}
5376
5377@media (max-width:1180px) {
5378body .icon__calendar {
5379	background: url("/media/7666/cal_small.png") left center no-repeat #fff
5380}
5381body .icon__pax {
5382	background: url("/media/7663/pax_small.png") left center no-repeat #fff
5383}
5384body .plannerForm__inputBelt__field_ {
5385	font-size: 0.8em;
5386	padding: 10px 10px 10px 23px;
5387}
5388body .plannerForm__inputBelt__button {
5389	font-size: 1.2em;
5390}
5391.plannerPassenger__counter__button {
5392	width: 26px
5393}
5394.plannerPassenger__counter__input {
5395	font-size: 0.8em;
5396	width: 30px;
5397	padding: 0
5398}
5399}
5400
5401@media screen and (max-width: 900px) and (min-width: 600px) {
5402div.example {
5403	font-size: 50px;
5404	padding: 50px;
5405	border: 8px solid black;
5406	background: yellow;
5407}
5408}
5409
5410@media (max-width:991px) {
5411body .icon__calendar {
5412
5413	background: url("/media/7665/cal.png") left center no-repeat #fff
5414}
5415
5416body .icon__pax {
5417	background: url("/media/7662/pax.png") left center no-repeat #fff
5418}
5419body .plannerForm__inputBelt__field_overide {
5420	padding: 10px 10px 10px 40px;
5421}
5422body .plannerForm__inputBelt__field {
5423	font-size: 1.1em;
5424}
5425body .plannerForm__inputBelt__button {
5426	font-size: 1.6em;
5427}
5428.plannerPassenger__counter__button {
5429	width: 35px
5430}
5431.plannerPassenger__counter__input {
5432	font-size: 1em;
5433	width: 40px;
5434	padding: 5px 10px
5435}
5436.dx-faq {
5437	font-size: 1.4em;
5438	margin-top: 7px;
5439}
5440/* Ticket page */
5441div[data-title="Ticket and Flexibility"] {
5442        display: block;
5443        padding: 0px 10px;
5444}
5445}
5446
5447@media (max-width:399px) {
5448.dx-faq {
5449	font-size: 1.2em;
5450	margin-top: 4px;
5451}
5452}
5453
5454@media (max-width:340px) {
5455.plannerPassenger__counter__button {
5456	width: 26px
5457}
5458.plannerPassenger__counter__input {
5459	font-size: 0.8em;
5460	width: 30px;
5461	padding: 0
5462}
5463}
5464
5465@media only screen and (min-width:992px) and (max-width: 1159px) {
5466.mobilePanel {
5467	margin-top: 100px;
5468}
5469#jpSubmit {
5470	font-size: 0.95em;
5471	width: 110%;
5472}
5473}
5474
5475@media only screen and (min-width:991px) and (max-width: 1159px) {
5476.offerCard__link {
5477	height: 35px;
5478	line-height: 25px;
5479}
5480div[data-title="About"] .primaryButton, div[data-title="Refunds"] .primaryButton {
5481	height: 35px;
5482	line-height: 35px;
5483}
5484}
5485
5486@media screen and (min-width: 1350px) {
5487div[data-title="Top USP Journey"] > .row {
5488}
5489div[data-title="Top USP Journey"] > .row i {
5490	font-size: 1em;
5491}
5492div[data-title="Top USP Journey"] > .row .textOffer__title {
5493	font-size: 1.2em;
5494}
5495div[data-title="Top USP Journey"] > .row p {
5496	font-size: 0.9em;
5497}
5498.calendarPopOut {
5499	position: absolute;
5500	top: 65px;
5501	height: auto;
5502	background-color: #ccc;
5503	padding: 10px;
5504	left: -50%;
5505	width: 360px;
5506	border-radius: 4px;
5507}
5508}
5509@media (min-width: 75em) .content_de h1 {
5510font-size: 3.5em;
5511}
5512
5513@media screen and (max-width: 990px) {
5514.brand__desc {
5515	padding-right: 0px;
5516}
5517}
5518.jp-msg-block {
5519	width: 98%;
5520	border: 2px solid #150958;
5521	border-radius: 4px;
5522	padding: 10px;
5523	background-color: #150958;
5524	position: relative;
5525	margin: 15px auto 0 auto;
5526	z-index: 1;
5527}
5528.jp-msg-block p, .jp-msg-block p i, .jp-msg-block p a, .jp-msg-block p a:hover {
5529	color: #fff !important;
5530}
5531
5532@media (max-width:763px) {
5533.jp-msg-block p, .jp-msg-block p i, .jp-msg-block p a, .jp-msg-block p a:hover {
5534	font-size: .9em;
5535}
5536.jp-msg-block {
5537	margin: 0 auto 0 auto;
5538	padding: 6px;
5539}
5540}
5541#close-jp-msg {
5542	background-color: transparent;
5543	border: none;
5544	color: #fff !important;
5545	position: absolute;
5546	top: 50%;
5547	right: 10px;
5548	transform: translateY(-70%);
5549}
5550#close-jp-msg i.fa {
5551	color: #fff !important
5552}
5553/* JP disruption block styling */
5554.jp-disruption-block {
5555	width: 98%;
5556	border-radius: 6px;
5557	padding: 10px;
5558	background-color: #ffc107;
5559	position: relative;
5560	margin: 15px auto 0 auto;
5561	z-index: 1;
5562	display: none;
5563}
5564.jp-disruption-text-block {
5565	font-size: 1.2em;
5566	color: #222;
5567	font-weight: 600;
5568}
5569.jp-disruption-text-block i {
5570	color: #222 !important;
5571}
5572button#close-jp-disruption-block {
5573	background-color: transparent;
5574	border: none;
5575	position: absolute;
5576	top: 50%;
5577	right: 10px;
5578	transform: translateY(-70%);
5579}
5580button#close-jp-disruption-block i {
5581	color: #222 !important;
5582}
5583/* Accessibility for contrast */
5584/* HOTFIX */
5585.primaryButton--disabled {
5586	opacity: 1 !important;
5587}
5588body #plannerForm #jpSubmit.plannerForm__inputBelt__button.primaryButton.primaryButton--green, #D1_fake {
5589	background-color: #078927 !important;
5590	box-shadow: 0 6px 0 0 #04381a !important;
5591}
5592/* Footer payment icons */
5593div.payment-card-div {
5594	display: flex;
5595	gap: 15px;
5596	margin-top: 20px;
5597}
5598div.payment-card-div > img {
5599	width: 50px;
5600}
5601
5602@media only screen and (max-width: 350px) {
5603div.payment-card-div > img {
5604	width: 45px;
5605}
5606}
5607.sectionGroup__block__accordion__title {
5608	font-size: 1em;
5609	line-height: 24px;
5610	height: auto;
5611}
5612.sectionGroup__block__accordion__text {
5613	line-height: 24px;
5614	padding: 10px 20px;
5615}
5616/* Hot fixes */
5617.mobilePanel__nav--active {
5618	background-image: linear-gradient(to right, #2a265d, #201e3a);
5619}
5620.mobilePanel__listitem {
5621	background: transparent !important;
5622}
5623primaryNavigationBar__link i.fa-caret-down:before {
5624	color: #ffffff !important;
5625}
5626.primaryNavigationBar__item:hover a.primaryNavigationBar__link--has-drop:after {
5627	border-top-color: #150958;
5628}
5629/* Make sure 'x' does not cover text */
5630@media only screen and (min-width: 460px) and (max-width: 480px) {
5631#close-jp-msg {
5632    top: 10%;
5633    right: 0px;
5634}
5635}
5636#currencyContainer {
5637    z-index: 999;
5638}
5639        .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
5640            display: none;
5641        }
5642        .ui-widget-overlay {
5643            position: fixed;
5644            top: 0;
5645            left: 0;
5646            width: 100%;
5647            height: 100%;
5648            background-color: black;
5649            opacity: 0.3;
5650
5651        }
5652        .ui-front {
5653            z-index: 1000;
5654        }
5655        .ui-dialog-titlebar {
5656            background: #fff;
5657            color: #143e52;
5658        }
5659        .ui-button {
5660            background: #143e52;
5661            color: #fff;
5662        }
5663        .ui-button:hover {
5664            background: darkblue;
5665            color: #fff;
5666        }
5667        .ui-dialog-buttonpane {
5668            background: #fff;
5669        }
5670        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
5671            text-align: center;
5672            float: none !important;
5673        }
5674        .ui-widget-header {
5675            border: none !important;
5676        }
5677body select#currencySelector:focus {
5678    outline: 3px solid #FFC107!important;
5679    border: none !important;
5680}
5681        @media only screen and (min-width: 600px) {
5682            .ui-dialog {
5683                width: 60% !important;
5684            }
5685            .ui-widget {
5686               /* font-size: 1.3em; */
5687            }
5688        }
5689
5690        @media only screen and (min-width: 768px) {
5691            .ui-dialog {
5692                width: 70% !important;
5693            }
5694            .ui-widget {
5695                /* font-size: 1.5em; */
5696            }
5697        }
5698
5699        @media only screen and (min-width: 992px) {
5700            .ui-dialog {
5701                width: 50% !important;
5702            }
5703            .ui-widget {
5704                /* font-size: 1.6em; */
5705            }
5706        }
5707
5708        @media only screen and (min-width: 1200px) {
5709            .ui-dialog {
5710                width: 40% !important;
5711            }
5712            .ui-widget {
5713               /*  font-size: 1.7em; */
5714            }
5715        }
5716
5717/* Payment icons wrap fix */
5718@media only screen and (min-width: 992px) and (max-width: 1100px) {
5719div.payment-card-div > img {
5720    width: 40px;
5721}
5722}
5723
5724/* Route page styles */
5725div[data-title="Ticket and Flexibility"] .embed-content > .--container-80 {
5726    width: 100%;
5727}
5728</style>
5729
5730<script src="/media/9380/jquerycookie.js" defer></script>
5730 
5731<!--
5731<script src="/media/9381/jquery-ui.js" defer></script>
5731-->
5732<script src="/media/11745/jquery-uidatepickermin.js" defer></script>
vendor: 1 bytes, line 5732
5732
5733<script>
5734    window.addEventListener('DOMContentLoaded', function () {
5735        (function ($) {
5736            $(document).ready(function () {
5737                // Set Initals
5738                var converted = false;
5739                const $currencySelector = document.querySelector('#currencySelector');
5740                let currencyInputField = document.querySelector('input[name="currency"]');
5741                let localeInputField = document.querySelector('input[name="locale"]');
5742                const exchange = [['€11.50', '£10'], ['€8', '£7'], ['€7.50', '£6.70'], ['€3.50', '£3'], ['€20.50', '£18'], ['€10.50', '£9'], ['€13.50', '£12'], ['€5', '£4.50']];
5743
5744                // Conversion Functions
5745                function convertToEuro() {
5746                    // Set Cookie
5747                    $.cookie('currencySelected', 'euro', { expires: 365, path: '/' });
5748                    $currencySelector.value = 'euro';
5749                    if (currencyInputField) { currencyInputField.setAttribute("value", "EUR"); }
5750                    if (localeInputField) { localeInputField.setAttribute("value", "en-IE"); }
5751
5752                    // Conversions
5753                    if (converted) {
5754                        $('.priceField').each(function () {
5755                            let field = $(this);
5756                            let price = $(this).text();
5757                            exchange.forEach(function (element) {
5758                                if (element[1] === price) {
5759                                    $(field).text(element[0]);
5760                                }
5761                            });
5762                        });
5763                        converted = false;
5764                    }
5765                }
5766
5767                function convertToSterling() {
5768                    // Set Cookie
5769                    $.cookie('currencySelected', 'sterling', { expires: 365, path: '/' });
5770                    $currencySelector.value = 'sterling';
5771                    if (currencyInputField) { currencyInputField.setAttribute("value", "GBP"); }
5772                    if (localeInputField) { localeInputField.setAttribute("value", "en-GB"); }
5773
5774                    // Conversions
5775                    if (!converted) {
5776                        $('.priceField').each(function () {
5777                            let field = $(this);
5778                            let price = $(this).text();
5779                            exchange.forEach(function (element) {
5780                                if (element[0] === price) {
5781                                    $(field).text(element[1]);
5782                                }
5783                            });
5784                        });
5785                        converted = true;
5786                    }
5787                }
5788
5789                // Initial Load Checks
5790                if ($.cookie('currencySelected') === undefined) {
5791                    $('#currencyMessage').css('display', 'block');
5792                    $('.currencyMessageArrow').css('display', 'block');
5793                    $('#currencySelector').bind('click', function () {
5794                        $('#currencyMessage').fadeOut();
5795                        $('.currencyMessageArrow').fadeOut();
5796                    });
5797                    setTimeout(function () {
5798                        $('#currencyMessage').fadeOut();
5799                        $('.currencyMessageArrow').fadeOut();
5800                    }, 10000);
5801                    convertToEuro();
5802                } else if ($.cookie('currencySelected') === 'euro') { convertToEuro() }
5803                else if ($.cookie('currencySelected') === 'sterling') { convertToSterling() }
5804
5805                // Click Handlers
5806                $('#currencySelector').on('change', function() {
5807                    if ($(this).val() === 'euro') { convertToEuro() }
5808                    else if ($(this).val() === 'sterling') { convertToSterling() }
5809                });
5810            });
5811        })(jQuery);
5812    });
5813
5814</script>
5814 
5815<script>
5816/* Code to scroll the page down on journey field clicks */
5817/*
5818window.addEventListener('DOMContentLoaded', function () {
5819
5820$('.travelField ').on('click', function (e) {
5821    var mobMediaQuery = window.matchMedia("(min-width: 768px)");
5822
5823    if (mobMediaQuery.matches) {
5824        $('html,body').animate({ scrollTop: $('.travelField ').offset().top - 165 }, 250);
5825    }
5826})
5827
5828});
5829*/
5830</script>
5830 
5831<script>
5832window.addEventListener('DOMContentLoaded', function () {
5833    (function ($) {
5834$( "div.col-xs-12.col-sm-12.col-md-4.col-lg-4:first-child" ).html( "<div class=\"footerGroup__block\"> <img id=\"footer-logo\" src=\"/media/7633/dx-footer-logo.png\" title=\"Dublin Express\" width=\"200\" height=\"37\" class=\"lazy\"><p class=\"brand__desc\">© Copyright National Express Bus &amp; Coach Services Limited and/or its licensors </p></div>" );
5835
5836$('#close-jp-msg').click(function () {
5837    $('.jp-msg-block').hide();
5838    document.querySelector('div[data-title="Top USP Spacer"]').style.display = 'none';
5839    sessionStorage.setItem("setSiteWideJPmsg", "hide");
5840});
5841    })(jQuery);
5842});
5843
5844/* Change mob menu icons */
5845let airportIcon, cityIcon, offersIcon, trackerIcon, faqIcon;
5846
5847airportIcon = document.querySelector('#utilityTop_Travel_to_Dublin_Airport > a > i');
5848cityIcon = document.querySelector('#utilityTop_Travel_to_Dublin_City > a > i');
5849offersIcon = document.querySelector('#utilityTop_Offers > a > i');
5850trackerIcon = document.querySelector('#utilityTop_Coach_Tracker > a > i');
5851faqIcon = document.querySelector('#utilityTop_FAQ > a > i');
5852
5853/* Add id to journey top usps */
5854const journeyTopUSP = document.querySelector('div[data-title="Top USP Journey"] > .--container-100.row');
5855if (journeyTopUSP != null) {
5856    journeyTopUSP.removeAttribute("style");
5857    journeyTopUSP.setAttribute("id", "topUSP");
5858}
5859</script>
5859 
5860<script>
5861// This script fixes a bug where if mobile menu is open on a smaller screen, maximising window keeps the mobile menu open.
5862window.addEventListener('DOMContentLoaded', function () {
5863    (function ($) {
5864
5865(function () {
5866    window.onpageshow = function (event) {
5867        if (event.persisted) {
5868            $("#delay_overlay").hide();
5869        }
5870    };
5871})();
5872
5873
5874        let divoContainer = document.getElementById('oContainer');
5875        let hamburgerBtn = document.querySelector("nav.accountNavigation > ul > li > button.hamburger");
5876        let mobilePanel = document.querySelector("div.mobilePanel")
5877
5878        let $window = $(window);
5879        let windowsize = $window.width();
5880
5881        function checkWidth() {
5882            if ((windowsize > 1000) 
5883            && (divoContainer.classList.contains('mobilePanel__stopScroll')) 
5884            && (hamburgerBtn.classList.contains('is-active')) 
5885            && (mobilePanel.classList.contains('mobilePanel__nav--active'))) {
5886                divoContainer.classList.remove("mobilePanel__stopScroll");
5887                hamburgerBtn.classList.remove("is-active");
5888                mobilePanel.classList.remove("mobilePanel__nav--active");
5889            }
5890        }
5891        checkWidth();
5892        $(window).resize(checkWidth);
5893    })(jQuery);
5894});
5895</script>
5895 
5896<script>
5897//let header__logo = document.querySelector('.headerPrimary__logo img');
5898//header__logo.setAttribute('width', '266');
5899//header__logo.setAttribute('height', '66');
5900
5901</script>
5901 
5902<script>
5903/* Dynamic Accordion Titles */
5904let resize_accordions = () => {
5905    let closed_accordions = document.querySelectorAll(".sectionGroup__block__accordion");
5906
5907    closed_accordions.forEach( (accordion) => {
5908        let accordion_btn = accordion.querySelector(".sectionGroup__block__accordion__icon.accordion--arrow");
5909        let accordion_btn_height = accordion_btn.offsetHeight;
5910        accordion.style.maxHeight = accordion_btn_height + "px";
5911    });
5912}   
5913
5914window.addEventListener("load", resize_accordions);
5915window.addEventListener("resize", resize_accordions);
5916
5917</script>
5917 
5918<script>
5919// NXI Carrier Code
5920/*
5921let marketing_carrier_code_el = document.querySelector("input[name='marketing_carrier_code']");
5922let marketingCarrierCode_el = document.querySelector("input[name='marketingCarrierCode']");
5923let travel_field = document.querySelectorAll(".travelField");
5924
5925travel_field.forEach( (field) => {
5926    field.addEventListener('change', () => {
5927
5928const fromSelect = document.getElementById("from-dropdown");
5929const toSelect = document.getElementById("to-dropdown");
5930
5931    let fromValue = fromSelect.value;
5932    let toValue = toSelect.value;
5933    let locValues = [fromValue, toValue];
5934
5935    // Update marketing carrier code if one location is used (Belfast)
5936    if(locValues.includes("GBBFSBEU")) {
5937        marketing_carrier_code_el.setAttribute("value", "DEBE");
5938        marketingCarrierCode_el.setAttribute("value", "DEBE");
5939    } else if(!locValues.includes("GBBFSBEU")) {
5940        marketing_carrier_code_el.setAttribute("value", "DEPR");
5941        marketingCarrierCode_el.setAttribute("value", "DEPR");
5942    }
5943 
5944    })
5945});
5946*/
5947</script>
5947 
5948<script>
5949/* Code based upon journey combinations */
5950const from_dropdown = document.querySelector('#from-dropdown');
5951const to_dropdown = document.querySelector('#to-dropdown');
5952
5953//JP Disruption Messaging
5954const jp_disruption_block = document.querySelector('.jp-disruption-block');
5955const jp_disruption_block_title = document.querySelector('.jp-disruption-block-title');
5956const jp_disruption_block_msg = document.querySelector('.jp-disruption-block-msg');
5957const jp_disruption_block_close_btn = document.querySelector('#close-jp-disruption-block');
5958
5959const travel_field = document.querySelectorAll(".travelField");
5960
5961travel_field.forEach( (field) => {
5962    field.addEventListener('change', () => {
5963
5964    let fromValue = from_dropdown.value;
5965    let toValue = to_dropdown.value;
5966    let locValues = [fromValue, toValue];
5967
5968    function showBlock(title, msg) {
5969        jp_disruption_block_title.innerText = `${title}: `;
5970        jp_disruption_block_msg.innerText = msg;
5971        jp_disruption_block.style.display = 'block';
5972    }
5973
5974    function hideBlock() {
5975        jp_disruption_block.style.display = 'none';
5976    }
5977   
5978    let blockShown = false; // Flag variable to track if a block has been shown
5979
5980    // City Centre (to/from Dublin Airport only) to Airport (T1)
5981    if ((fromValue == "IEDUBDCH") && (toValue == "IEDUBDFA")) {
5982        showBlock("Please note", "Custom House Quay is preselected for this journey but you can board at any Dublin City Centre stop");
5983        blockShown = true;
5984    }
5985    // City Centre (to/from Dublin Airport only) to Airport (T2)
5986    if ((fromValue == "IEDUBDCH") && (toValue == "IEDUBDFE")) {
5987        showBlock("Please note", "Custom House Quay is preselected for this journey but you can board at any Dublin City Centre stop");
5988        blockShown = true;
5989    }
5990    // Airport (T1) to City Centre (to/from Dublin Airport only)
5991    if ((fromValue == "IEDUBDFA") && (toValue == "IEDUBDAS")) {
5992        showBlock("Please note", "Aston Quay is preselected for this journey but you can get off at any Dublin City Centre stop");
5993        blockShown = true;
5994    }
5995    // Airport (T2) to City Centre (to/from Dublin Airport only)
5996    if ((fromValue == "IEDUBDFE") && (toValue == "IEDUBDAS")) {
5997        showBlock("Please note", "Aston Quay is preselected for this journey but you can get off at any Dublin City Centre stop");
5998        blockShown = true;
5999    }
6000
6001    // Belfast to Dublin City Centre
6002    if ((fromValue == "GBBFSBEU") && (toValue == "IEDUBSVD")) {
6003        showBlock("Please note", "Dublin City Centre: Pick up is from Custom House Quay. Drop off is at Pearse Street (opposite Garda Station");
6004        blockShown = true;
6005    }
6006
6007    // Dublin City Centre to Belfast
6008	/*
6009    if ((fromValue == "IEDUBSVD") && (toValue == "GBBFSBEU")) {
6010        showBlock("Please note", "Dublin City Centre: Pick up is from Custom House Quay. Drop off is at Pearse Street (opposite Garda Station");
6011        blockShown = true;
6012    }
6013	*/
6014		
6015    // Airports to Pearse Station
6016    if ((fromValue == "IEDUBDFA" && toValue == "IEDUBDPS") || (fromValue == "IEDUBDFE" && toValue == "IEDUBDPS")) {
6017        showBlock("Please note", "Pierce Station is a drop off stop only. The closest stop for journeys to the Airport is Merrion Square. We are only serving Pearse Station until 20 March. The nearest alternative stop will then be Trinity College");
6018        blockShown = true;
6019    }
6020
6021    // Pearse Station to Airports
6022    if ((fromValue == "IEDUBDPS" && toValue == "IEDUBDFA") || (fromValue == "IEDUBDPS" && toValue == "IEDUBDFE")) {
6023        showBlock("Please note", "Pierce Station is a drop off stop only. The closest stop for journeys to the Airport is Merrion Square. We are only serving Pearse Station until 20 March. The nearest alternative stop will then be Trinity College");
6024        blockShown = true;
6025    }
6026
6027    // Airports to Merrion Sq
6028    if ((fromValue == "IEDUBDFA" && toValue == "IEDUBDMN") || (fromValue == "IEDUBDFE" && toValue == "IEDUBDMN")) {
6029        showBlock("Please note", "We are only serving Merrion Square until 20 March. The nearest alternative stop is Trinity College");
6030        blockShown = true;
6031    }
6032
6033
6034    // Merrion Sq to Airports
6035    if ((fromValue == "IEDUBDMN" && toValue == "IEDUBDFA") || (fromValue == "IEDUBDFE" && toValue == "IEDUBDFE")) {
6036        showBlock("Please note", "We are only serving Merrion Square until 20 March. The nearest alternative stop is Trinity College");
6037        blockShown = true;
6038    }
6039
6040    // T1 or T2 > Dublin - Pearse Station (Pearse Street)
6041    if ((fromValue == "IEDUBDFA" && toValue == "IEDUBDFA") || (fromValue == "IEDUBDMN" && toValue == "IEDUBDFE")) {
6042        showBlock("Please note", "We are only serving Merrion Square until 20 March. The nearest alternative stop is Trinity College");
6043        blockShown = true;
6044    }
6045
6046    // Dublin - Pearse Station (Pearse Street) > T1 or T2
6047    if ((fromValue == "IEDUBDMN" && toValue == "IEDUBDFA") || (fromValue == "IEDUBDMN" && toValue == "IEDUBDFE")) {
6048        showBlock("Please note", "We are only serving Merrion Square until 20 March. The nearest alternative stop is Trinity College");
6049        blockShown = true;
6050    }
6051
6052    // T1 or T2 > Dublin - Trinity College (College Green & Temple Bar)
6053    if ((fromValue == "IEDUBDFA" && toValue == "IEDUBDHI") || (fromValue == "IEDUBDFE" && toValue == "IEDUBDHI")) {
6054        showBlock("Please note", "Please note - Stop 4495 is a drop off stop only for services from the Airport. If you are booking a return journey, the closest stop for return journeys is Stop 7588 opposite Trinity City Hotel");
6055        blockShown = true;
6056    }
6057
6058 // Dublin - Trinity College (College Green & Temple Bar) > T1 or T2
6059    if ((fromValue == "IEDUBDHI" && toValue == "IEDUBDFA") || (fromValue == "IEDUBDHI" && toValue == "IEDUBDFE")) {
6060        showBlock("Please note", "Please note - Trinity College  7588 is a pick up only stop for services from the Airport. The closest stop for journeys from the Airport is Trinity stop 4495.");
6061        blockShown = true;
6062    }
6063
6064    // T1 or T2 > Dublin - Christchurch (Patrick Street) 
6065    if ((fromValue == "IEDUBDFA" && toValue == "IEDUBDUV") || (fromValue == "IEDUBDFE" && toValue == "IEDUBDUV")) {
6066        showBlock("Please note", " - Stop 2385, Dublin -  Christchurch (Patrick Street) is a drop off only stop only and so not available for a return.");
6067        blockShown = true;
6068    }
6069
6070 // Dublin - Christchurch (Patrick Street) > T1 or T2
6071    if ((fromValue == "IEDUBDUV" && toValue == "IEDUBDFA") || (fromValue == "IEDUBDUV" && toValue == "IEDUBDFE")) {
6072        showBlock("Please note", " - Stop 2385, Dublin -  Christchurch (Patrick Street) is a drop off only stop only and so not available for a return.");
6073        blockShown = true;
6074    }
6075
6076    // T1 or T2 > Dublin - Trinity College (College Green & Temple Bar)
6077    if ((fromValue == "IEDUBDFA" && toValue == "IEDUBDHI") || (fromValue == "IEDUBDFE" && toValue == "IEDUBDHI")) {
6078        showBlock("Please note", "- Stop 4495, Dublin - Trinity College (College Green & Temple Bar), is a drop off stop only. Return journey's will pick up from stop 7588 opposite Trinity City Hotel.");
6079        blockShown = true;
6080    }
6081
6082 // Dublin - Trinity College (College Green & Temple Bar) > T1 or T2
6083    if ((fromValue == "IEDUBDHI" && toValue == "IEDUBDFA") || (fromValue == "IEDUBDHI" && toValue == "IEDUBDFE")) {
6084        showBlock("Please note", "- Stop 4495, Dublin - Trinity College (College Green & Temple Bar), is a drop off stop only. Return journey's will pick up from stop 7588 opposite Trinity City Hotel.");
6085        blockShown = true;
6086    }
6087        
6088    // Christ Church Cathedral TO Airport
6089    if ((fromValue == "IEDUBDWI" && toValue == "IEDUBDFA") || (fromValue == "IEDUBDWI" && toValue == "IEDUBDFE")) {
6090        showBlock("Please note", "- the drop off stop will be Christchurch (Patrick Street), stand 2385.");
6091        blockShown = true;
6092    }
6093
6094    // Airport TO Christ Church Cathedral
6095    if ((fromValue == "IEDUBDFA" && toValue == "IEDUBDWI") || (fromValue == "IEDUBDFE" && toValue == "IEDUBDWI")) {
6096        showBlock("Please note", "- the pick up stop will be Dublinia (Winetavern Street). ");
6097        blockShown = true;
6098    }
6099
6100// Belfast stop message
6101/*
6102    if (fromValue == "GBBFSBEU" || toValue == "GBBFSBEU") {
6103        showBlock("Please note", "- From 1st September, pick-up and drop-off from Belfast will be at Grand Central Station");
6104
6105        blockShown = true;
6106    }
6107
6108*/
6109
6110    // Hide the block if no condition is met
6111    if (!blockShown) {
6112        hideBlock();
6113    }
6114
6115    })
6116});
6117
6118if (jp_disruption_block_close_btn != null) {
6119    jp_disruption_block_close_btn.addEventListener('click', () => {
6120        jp_disruption_block.style.display = 'none';
6121    });
6122}
6123</script>
6123 
6124<script>
6125/* Skip to journey planner update */
6126let skipjourney_link = document.querySelector("#skip-link");
6127skipjourney_link.setAttribute("href", "#from-dropdown");
6128</script>
6128 
6129<script>
6130window.addEventListener('DOMContentLoaded', function () {
6131(function ($) {
6132
6133
6134/**Get url params**/
6135var getUrlParameterJP = function getUrlParameterJP(sParam) {
6136    var sPageURL = window.location.search.substring(1),
6137        sURLVariables = sPageURL.split('&'),
6138        sParameterName,
6139        i;
6140
6141    for (i = 0; i < sURLVariables.length; i++) {
6142        sParameterName = sURLVariables[i].split('=');
6143
6144        if (sParameterName[0] === sParam) {
6145            return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
6146        }
6147    }
6148    return false;
6149};
6150
6151var url_retailer_partner_number = getUrlParameterJP('retailer_partner_number');
6152
6153if (url_retailer_partner_number != false) {
6154    sessionStorage.setItem("retailer_partner_number", url_retailer_partner_number );
6155}
6156
6157var retailer_partner_number = sessionStorage.getItem("retailer_partner_number");
6158
6159if (retailer_partner_number != null) {
6160    $("input[name='retailer_partner_number']").val(retailer_partner_number)
6161}
6162
6163/**END Get url params**/
6164
6165
6166})(jQuery);
6167});
6168</script>
6168 
6169<script defer>
6170document.addEventListener("DOMContentLoaded", function () {
6171  const plannerForm = document.querySelector('.plannerForm');
6172  const uspSection = document.querySelector('div[data-title="Top USP Journey"] > .row');
6173
6174  const plannerFormBottom = plannerForm.getBoundingClientRect().bottom;
6175  const uspSectionTop = uspSection.getBoundingClientRect().top;
6176  const distanceBetween = uspSectionTop - plannerFormBottom;
6177
6178  function adjustTopUspsPosition() {
6179    const windowWidth = window.innerWidth;
6180
6181    if (windowWidth <= 374) {
6182      let targetVal = 50 - distanceBetween;
6183      uspSection.style.marginTop = targetVal + 'px';
6184    } else if (windowWidth >= 375 && windowWidth <= 601) {
6185      let targetVal = 50 - distanceBetween;
6186      uspSection.style.marginTop = targetVal + 'px';
6187    }
6188  }
6189  adjustTopUspsPosition();
6190});
6191
6192</script>
6192 
6193
6194<script>
6195/* Nuke the empty p tags */
6196document.addEventListener("DOMContentLoaded", () => {
6197  let emptyPs = document.querySelectorAll("p");
6198
6199  emptyPs.forEach((emptyP) => {
6200    // Check if the innerHTML contains only &nbsp;
6201    if (emptyP.innerHTML.trim() === "&nbsp;") {
6202      // Remove the element
6203      emptyP.parentNode.removeChild(emptyP);
6204    }
6205  });
6206});
6207
6208</script>
6208
6209
6210<!-- Page Speed fixes START --> 
6211<script>
6212let heroImg = document.querySelector(`div.hero > div.hero__img > picture > img.lazy`);
6213
6214// Sets attributes on on element at a time
6215function setAttributes(el, attrs) {
6216  for(let key in attrs) {
6217    el.setAttribute(key, attrs[key]);
6218  }
6219}
6220
6221setAttributes(heroImg  , {"width": "1903", "height": "550"});
6222
6223</script>
6223 
6224
6225<script>
6226// Replace coach header utilies icons with DX ones
6227document.addEventListener("DOMContentLoaded", function () {
6228    const targetDiv = document.querySelector('.has-megamenu.d-none.d-lg-flex.align-items-center');
6229    const style = document.createElement('style');
6230    if (targetDiv) {
6231        targetDiv.innerHTML = `
6232            <div class="accountNavigation">
6233            <div>
6234                <label id="currencyDropDown">
6235                    <select name="currencySelector" id="currencySelector" class="currencySelector">
6236                        <option value="euro" selected>€</option>
6237                        <option value="sterling">£</option>
6238                    </select>
6239                    <div id="currencyMessage">
6240                        <p class="currencyMessageText">You can change your currency here</p>
6241                    </div>
6242                    <div class="currencyMessageArrow"></div>
6243                </label>
6244            </div>
6245            <div class="accountNavigation__searchWrap">
6246                <a href="https://www.dublinexpress.ie/faq" title="FAQ">FAQ</a>
6247            </div></div>
6248        `;
6249    }
6250    style.textContent = `
6251        .has-megamenu.d-none.d-lg-flex.align-items-centerBLOCKFORNOW {
6252            display: block !important;
6253        }
6254        `;
6255    document.head.appendChild(style);
6256});
6257</script>
vendor: 1 bytes, line 6257
6257
6258<script>
6259document.addEventListener('DOMContentLoaded', function () {
6260    const target = document.querySelector('.col-md-12.col-lg-3.mt-4.mt-md-0 .row');
6261    if (target) {
6262        target.innerHTML = `
6263            <div class="col-sm-12">
6264                <div class="social-icons d-flex gap-4 justify-content-end">
6265                    <a href="https://twitter.com/dublin_express" id="twitter">
6266                        <img class="lazy" alt="Twitter Icon" height="31" width="31" src="/dist/images/global/svg/x-twitter.svg">
6267                    </a>
6268                    <a href="https://www.facebook.com/dublinexpresscoach" id="facebook">
6269                        <img class="lazy" alt="Facebook Icon" height="31" width="31" src="/dist/images/global/svg/facebook.svg">
6270                    </a>
6271                    <a href="https://www.instagram.com/dublinexpresscoach/" id="instagram">
6272                        <img class="lazy" alt="Instagram Icon" height="31" width="31" src="/dist/images/global/svg/instagram.svg">
6273                    </a>
6274                </div>
6275            </div>
6276        `;
6277    } else {
6278        console.warn('Target element not found: .col-md-12.col-lg-3.mt-4.mt-md-0 .row');
6279    }
6280});
6281</script>
6281
6282<!-- Page Speed fixes END -->
6283<div id="pax_modal" class="modal" tabindex="-1">
6284    <div class="modal-dialog modal-dialog-centered">
6285      <div class="modal-content">
6286        <div class="modal-header">
6287          <h5 class="modal-title" style="color: #222222;"><i class="fa fa-users" aria-hidden="true"></i> Group bookings</h5>
6288          <button type="button" data-dismiss="modal" style="font-size:25px;border:none;">
6289            <span aria-hidden="true">
6290                <i class="fa fa-times-circle" aria-hidden="true"></i>
6291            </span>
6292          </button>
6293        </div>
6294        <div class="modal-body">
6295          <p>For bookings of 20 or more, travelling between Dublin City and Dublin Airport -  <strong>please visit our <a href="/group-bookings" style="text-decoration: underline;">group bookings page</a></strong>.</p>
6296        </div>
6297      </div>
6298    </div>
6299  </div>
6300<!--Mobile Disrutpion message-->
6301                    <div class="row dMob disruptionMobile" style="display:none !important">
6302                        <div class="col-lg-12">
6303                            <div id="d_SliderMobile" class=""></div>
6304                            <ul class="controls">
6305                                <li href="#" id="PREV" class="bxPrev"></li>
6306                                <li href="#" id="pager"><a class="pagerCount"></a></li>
6307                                <li href="#" id="NEXT" class="bxNext"></li>
6308                                <li class="playPause"> <a href="JavaScript:void(0);" id="playpause"> <i id="clear_slider" title="Clear" class="fa fa-pause"></i> </a> </li>
6309                                <li> <a href="JavaScript:void(0);" id="dClose"> <i id="clear_slider" title="Clear" class="fa fa-times"></i> </a> </li>
6310                            </ul>
6311                        </div>
6312                    </div>
6313                    <!--END Mobile Disrutpion message-->
6314<!--Disrutpion message-->
6315                <div class="row dDesk disruptionDesktop disruption_slider" style="display:none !important">
6316                    <div id="d_SliderDesktop" class=""></div>
6317                    <ul class='controls'>
6318                        <li href='#' id='PREV' class='bxPrev'></li>
6319                        <li href='#' id='pager'><a class='pagerCount'></a></li>
6320                        <li href='#' id='NEXT' class='bxNext'></li>
6321                        <li class="playPause"> <a href="JavaScript:void(0);" id="playpause"> <i id="clear_slider" title="Clear" class="fa fa-pause"></i> </a> </li>
6322                        <li> <a href="JavaScript:void(0);" id="dClose"> <i id="clear_slider" title="Clear" class="fa fa-times"></i> </a> </li>
6323                    </ul>
6324                </div>
6325                <!--END Disrutpion message-->
6326    <div id="delay_overlay">
6327        <div class="nx-loader-holding-screen">
6328            <div id="nx-loader-usp-message-top"></div>
6329            <div id="nx-loader-message">
6330                <h3 class="ng-binding">
6331                    
6332                    <div class="nx-loader"></div>
6333                    <div class="nx-loader-icon">
6334                        <i class="fa fa-bus" aria-hidden="true"></i>
6335                    </div>
6336                </h3>
6337            </div>
6338            <div id="nx-loader-usp-message-bottom"></div>
6339        </div>
6340    </div>
6341    <link rel="preload" as="style" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" onload="this.rel='stylesheet'">
6342    <noscript><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"></noscript>
6343<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=1&cb=1753474989" async></script>
6343</body>
6344</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.