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+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&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 & 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 & 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 & 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 & Ringsend)</option> 504 <option value="IEDUBDAA">Arran Quay (Smithfield & Jameson Distillery)</option> 505 <option value="IEDUBDAS">Aston Quay (O'Connell Bridge & Temple Bar)</option> 506 <option value="IEDUBDCH">Custom House Quay (Gardiner Street & 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 & Charlemont Street)</option> 510 <option value="IEDUBDHB">Heuston Station (Phoenix Park & Dublin Zoo)</option> 511 <option value="IEDUBDMQ">Merchant's Quay (Christ Church Cathedral)</option> 512 <option value="IEDUBDIF">North Wall Quay (Docklands & 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 & Temple Bar)</option> 516 <option value="IEDUBDUQ">Usher's Quay (The Liberties & Guinness Storehouse)</option> 517 <option value="IEDUBDWQ">Wellington Quay (Temple Bar & 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&height=452&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 <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> </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 €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 £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 & 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 & 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 & 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">© Copyright National Express Bus &
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 & 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 6201 if (emptyP.innerHTML.trim() === " ") { 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.