/* GREAT RAIL - COLOUR VARIABLES - F1863 18/July/2022 */
/* ***** GENERAL ***** */
/* ***** HEADER ***** */
/* ***** MEGAMENU ***** */
/* ***** TOUR SEARCH ***** */
/* ***** PROMOS ***** */
/* ***** Tour (TabbedSlider and TourListing) ***** */
/* ***** TOUR ITINERARY ***** */
/* ***** PRICING GRID ***** */
/* ***** FOOTER ***** */
/* ***** BOOKING JOURNEY ***** */
/* ***** NOTIFICATIONS ***** */
/* ***** F2117 listAndContent ***** */
/* SCREEN SIZE VARIABLES */
/* WARNING: These are used in the CSS, but you also need to update the JavaScript */
.desktopOnly, .portraitOrMore, .landscapeOrMore {
  display: none !important;
}

.siteWidth {
  width: 96%;
  position: relative;
  margin: 0 auto;
}

.siteWidth .siteWidth {
  width: auto;
  margin: auto;
}

@media (min-width: 768px) {
  .mobileOnly {
    display: none !important;
  }
  .portraitOrMore {
    display: inherit !important;
  }
  .tabletThird {
    width: 32%;
    margin-right: 1.5%;
    display: inline-block;
    vertical-align: top;
  }
  .tabletThird:last-child, .tabletThird:nth-child(3n) {
    margin-right: 0;
  }
  .tabletTwoThirds {
    width: 65%;
    margin-right: 1.5%;
    display: inline-block;
    vertical-align: top;
  }
  .tabletTwoThirds:last-child {
    margin-right: 0;
  }
  .tabletQuarter {
    vertical-align: top;
    width: 24.25%;
    margin-right: 1%;
  }
  .tabletQuarter:last-child, .tabletQuarter:nth-child(4n) {
    margin-right: 0;
  }
  .tabletHalf {
    vertical-align: top;
    width: 49.5%;
    margin-right: 1%;
  }
  .tabletHalf:last-child, .tabletHalf:nth-child(2n) {
    margin-right: 0;
  }
  .tabletThreeQuarters {
    vertical-align: top;
    width: 74.5%;
    margin-right: 1%;
  }
  .tabletThreeQuarters:last-child {
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .portraitOrLess {
    display: none !important;
  }
  .landscapeOrMore {
    display: inherit !important;
  }
  .desktopThird {
    width: 32%;
    margin-right: 1.5%;
    display: inline-block;
    vertical-align: top;
  }
  .desktopThird:last-child, .desktopThird:nth-child(3n) {
    margin-right: 0;
  }
  .desktopTwoThirds {
    width: 65%;
    margin-right: 1.5%;
    display: inline-block;
    vertical-align: top;
  }
  .desktopTwoThirds:last-child {
    margin-right: 0;
  }
  .desktopQuarter {
    width: 24.25%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
  }
  .desktopQuarter:last-child, .desktopQuarter:nth-child(4n) {
    margin-right: 0;
  }
  .desktopHalf {
    width: 49.5%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
  }
  .desktopHalf:last-child, .desktopHalf:nth-child(2n) {
    margin-right: 0;
  }
  .desktopThreeQuarters {
    width: 74.5%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
  }
  .desktopThreeQuarters:last-child {
    margin-right: 0;
  }
}

@media (min-width: 1280px) {
  .siteWidth {
    width: 1190px;
  }
  .desktopOnly {
    display: inherit !important;
  }
  .hideOnDesktop {
    display: none !important;
  }
}

/*
This utility enables us to colourise embedded SVG background images.
Usage:
	background-image:get-icon('search', #FFF );
*/
/* https://css-tricks.com/creating-a-maintainable-icon-system-with-sass/ */
/* https://www.sassmeister.com/gist/1b4f2da5527830088e4d */
/* open-sans-regular - latin */
@font-face {
  font-family: OpenSans;
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("/fonts/ndc/open-sans-v17-latin-regular.woff2") format("woff2"), url("/fonts/ndc/open-sans-v17-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
  /* Ensure text remains visible during webfont load */
}

/* open-sans-italic - latin */
@font-face {
  font-family: OpenSans-Italic;
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("/fonts/ndc/open-sans-v17-latin-italic.woff2") format("woff2"), url("/fonts/ndc/open-sans-v17-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
  /* Ensure text remains visible during webfont load */
}

/* open-sans-600 - latin */
@font-face {
  font-family: OpenSans-Semibold;
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("/fonts/ndc/open-sans-v17-latin-600.woff2") format("woff2"), url("/fonts/ndc/open-sans-v17-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
  /* Ensure text remains visible during webfont load */
}

/* open-sans-700 - latin */
@font-face {
  font-family: OpenSans-Bold;
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/fonts/ndc/open-sans-v17-latin-700.woff2") format("woff2"), url("/fonts/ndc/open-sans-v17-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
  /* Ensure text remains visible during webfont load */
}

@font-face {
  font-family: FontAwesome;
  src: url("/fonts/fontawesome-webfont.woff2") format("woff2"), url("/fonts/fontawesome-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  /* Ensure text remains visible during webfont load */
}

html, body {
  margin: 0;
  padding: 0;
  font-family: OpenSans, sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #23396a;
  background: #FFF;
  scroll-behavior: smooth;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: OpenSans-Semibold, sans-serif;
  margin: 16px 0;
  color: #23396a;
  line-height: 125%;
}

strong, b {
  font-family: OpenSans-Bold;
  font-style: normal;
  font-weight: 700;
}

em, i, .i {
  font-family: OpenSans-Italic;
  font-style: normal;
  font-weight: 400;
}

.error {
  color: #b7202e;
}

a {
  color: #23396a;
  text-decoration: none;
}

a:hover {
  color: #0971b1;
  text-decoration: underline;
}

a.disabled, a.disabled:hover {
  color: #ABAAAA;
}

p a {
  text-decoration: underline;
}

.mainCol .content a {
  text-decoration: underline;
}

h1, .h1 {
  font-size: 32px;
}

h2, .h2 {
  font-size: 24px;
}

h3, .h3 {
  font-size: 18px;
}

h4, .h4 {
  font-size: 16px;
}

@media (min-width: 1024px) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    margin: 24px 0 16px 0;
    padding: 0;
  }
  h1, .h1 {
    font-size: 42px;
  }
  h2, .h2 {
    font-size: 28px;
  }
  h3, .h3 {
    font-size: 20px;
  }
  h4, .h4 {
    font-size: 18px;
  }
}

.content h1:first-child, .content .h1:first-child,
.content h2:first-child, .content .h2:first-child,
.content h3:first-child, .content .h3:first-child,
.content h4:first-child, .content .h4:first-child {
  margin-top: 0;
}

.textCenter {
  text-align: center;
}

.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.upper {
  text-transform: uppercase;
  font-family: OpenSans-Semibold;
  font-size: 14px;
}

/* *** BULLET LIST STYLE *** */
.BigTick ul {
  margin-left: 36px;
}

.BigTick li {
  color: #23396a;
  font-size: 20px;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  padding: 16px 0 16px 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0.00088,10.30308l3.18252,-3.6459l8.71839,9.98371l14.53342,-16.64001l3.18356,3.64397l-17.71699,20.28835' fill='%231082db'/%3E%3C/svg%3E");
  background-position: left;
}

.LinkList {
  /* D3982 1/Mar/2021 */
}

.LinkList li {
  padding: 0;
  background: none;
}

.LinkList a {
  font-family: OpenSans-Semibold;
  padding-right: 16px;
  background: right no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpolygon fill='%2343525C' fill-rule='evenodd' points='336 204 342 211 330 211' transform='matrix(0 -1 -1 0 211.5 342.5)'/%3E%3C/svg%3E");
}

.LinkList a:hover {
  background: right no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpolygon fill='%230971B1' fill-rule='evenodd' points='336 204 342 211 330 211' transform='matrix(0 -1 -1 0 211.5 342.5)'/%3E%3C/svg%3E");
}

.LinkList .imageHolder a {
  background: none;
  padding-right: 0;
}

.LinkList .imageHolder a:hover {
  background: none;
}

header {
  position: sticky;
  top: 0;
  z-index: 10;
  /* *** SITE SEARCH *** */
  /* *** TOUR ITINERARY *** */
}

header .logo {
  margin-top: 4px;
  margin-bottom: 8px;
}

header .logo img {
  height: 35px;
}

header .main {
  background: #23396a;
  color: #FFF;
  padding: 8px 8px 0 8px;
  position: relative;
  z-index: 3;
  height: 56px;
  box-sizing: border-box;
}

header .main > * {
  display: inline-block;
  vertical-align: bottom;
}

header .main nav {
  display: none;
}

header .menu {
  width: 24px;
  height: 40px;
  margin-right: 16px;
  margin-bottom: 8px;
}

header #telNumber {
  display: none;
}

header .search {
  position: absolute;
  right: 66px;
  top: 12px;
}

header .search input[type="search"], header .search input[type="submit"] {
  border-radius: 17.5px;
  height: 35px;
  min-height: 35px;
  line-height: 35px;
  padding: 0;
  background: #fff;
  width: 35px;
  position: relative;
}

header .search input[type="search"] {
  padding-left: 10px;
  left: 35px;
  /* This effectively hides the textbox behind the submit button */
  transition-property: width;
  transition-duration: 0.4s;
}

header .search input[type="submit"] {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21"%3E%3Cpath fill="%2323396a" d="M15 13.6a8.2 8.2 0 1 0-1.4 1.4l5.4 5.4a1 1 0 0 0 1.4-1.4L15 13.6zm-6.4 1.1a6.2 6.2 0 1 1 6.1-6.1 6.2 6.2 0 0 1-6.1 6.1z"/%3E%3C/svg%3E');
  background-position: center;
  background-repeat: no-repeat;
}

header .phone {
  position: absolute;
  right: 8px;
  top: 10px;
  /*
        F2353 4/Mar/2025
        The payment iframe has no javascript allowed, so we need to display the telephone number by default
        */
}

header .phone svg path {
  fill: #ffc629;
}

header .phone svg:first-child {
  height: 35px;
}

header .phone .arrowdown {
  margin-bottom: 15px;
}

header .phone.processpayment > * {
  vertical-align: middle;
}

header .phone.processpayment .arrowdown {
  display: none;
}

header .phone.processpayment #telNumber {
  display: inline-block;
}

header .tourItinerary {
  position: absolute;
  top: 56px;
  z-index: 2;
  background: aliceblue;
  width: 100%;
  text-align: center;
  background: #334A7D;
  color: #fff;
  transition-property: top;
  transition-duration: 0.4s;
}

header .tourItinerary ul {
  padding: 0;
  white-space: nowrap;
  overflow-x: auto;
  /* Hide the scrollbar - https://blog.hubspot.com/website/hide-scrollbar-css */
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
}

header .tourItinerary ul::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

header .tourItinerary li {
  display: inline-block;
  background: none;
  border-width: 0;
  padding: 0;
  margin: 10px;
}

header .tourItinerary li.on a {
  background: #fff;
  color: #23396a;
  font-family: OpenSans-Bold;
}

header .tourItinerary a {
  color: #fff;
  line-height: 40px;
  display: inline-block;
  border-radius: 20px;
  padding: 0 10px;
}

.magazine header .main {
  background: #23396a;
}

.noscroll header .tourItinerary {
  top: -4px;
}

/* @media (min-width:$SMALL-MOBILE) {} */
@media (max-width: 600px) {
  .bookingJourney .summaryMobile.sideCol .summary > :first-child {
    top: 56px;
  }
}

/* @media (min-width:$TABLET-PORTRAIT) {} */
@media (min-width: 1024px) {
  .topbar {
    text-align: right;
    background: #334A7D;
    padding: 6px;
    font-size: 14px;
    position: relative;
    z-index: 10;
  }
  .topbar ul {
    padding: 0;
  }
  .topbar li {
    display: inline-block;
    background: none;
    padding: 0 16px;
    border-right: 1px solid #fff;
    vertical-align: middle;
  }
  .topbar li:last-child {
    border-width: 0;
    padding-right: 0;
  }
  .topbar li a, .topbar li a:hover, .topbar li span {
    color: #FFF;
  }
  .topbar li .callToBook, .topbar li .callToBook a, .topbar li .callToBook span {
    color: #ffc629;
  }
  .topbar li .callToBook:hover, .topbar li .callToBook a:hover, .topbar li .callToBook span:hover {
    color: #ffc629;
  }
  .topbar li .callToBook.icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 30 40"%3E%3Cpath fill="%23ffc629" d="M29.6 32.7c0-1.9-6-7.3-6.7-6.8a19 19 0 0 1-5.6 2C15 27.5 8 16.6 8.5 14c.2-.7 3-3.5 4.2-4.4.7-.5-1.7-8.3-3.4-9C8.3 0 1.2.2.6 3.7c-1.9 12.2 11 32.7 22.5 35.8 3.3.9 6.5-5.8 6.5-7z" fill-rule="evenodd"/%3E%3C/svg%3E');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
  }
  .topbar .fav {
    background: none;
  }
  .topbar .fav:hover {
    background: none;
  }
  .topbar .fav svg {
    vertical-align: middle;
    margin-left: 6px;
  }
  .topbar .fav svg text {
    display: none;
    fill: #23396a;
    font-family: OpenSans-Semibold;
    font-size: 10px;
  }
  .topbar .fav svg.on text {
    display: block;
  }
  .topbar .fav svg.on path {
    fill: #fff;
  }
  header .main {
    height: 66px;
  }
  header .logo {
    margin-right: 50px;
  }
  header .logo img {
    height: auto;
  }
  header .search input[type="search"], header .search input[type="submit"] {
    border-radius: 20px;
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    width: 40px;
  }
  header .search input[type="search"] {
    left: 40px;
    /* This effectively hides the textbox behind the submit button */
  }
  header .phone {
    top: 12px;
  }
  header .phone svg:first-child {
    height: 40px;
  }
  header .tourItinerary {
    top: 66px;
  }
  .noscroll header .tourItinerary {
    top: 6px;
  }
}

/*  
    F2261 15/May/2024
    "Currently the alternative Megamenu nav does not move to mobile nav until screen width below 1024. 
    To ensure we don't get the same issue with Megamenu breaking into separate line, extend this to 1220 width 
    (below 1220, switched to mobile nav)"
    "Retains the top navbar down to 1024 width as per current"
*/
@media (min-width: 1220px) {
  header .icon.menu {
    display: none;
  }
  header .main nav {
    display: inline-block;
  }
  header .main nav ul {
    padding: 0;
  }
  header .main nav li {
    display: inline-block;
    background: none;
    padding: 0 8px;
  }
  header .main nav li a {
    display: inline-block;
    line-height: 50px;
    color: #FFF;
    padding: 0 8px;
    border-bottom: 8px solid #23396a;
    font-family: OpenSans-Semibold;
  }
  header .main nav li a[data-ndcmenu] {
    /* Up/down arrow */
    padding: 0 28px 0 8px;
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"%3E%3Cpath fill="%23FFF" fill-rule="evenodd" d="M5.8 6.545L11.8 0h-12z"/%3E%3C/svg%3E');
  }
  header .main nav li a:hover {
    color: #FFF;
  }
  header .main nav li a.open {
    color: #23396a;
    background-color: #FFF;
    border-color: #FFF;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"%3E%3Cpath fill="%2323396a" fill-rule="evenodd" d="M6 0l6 6.545H0z"/%3E%3C/svg%3E');
  }
  header .main nav li a.open:hover {
    color: #23396a;
  }
}

/* @media (min-width:$DESKTOP) {} */
/*
Requires _iconUtility.scss and the following variables:
	$TS-BACK: The header background colour
	$TS-TEXT: The text colour
	$TS-ICON: The icon colour
	$TS-FAV-BACK: The background colour of the favourite icon
	$TS-FAV-CIRCLE: The background colour of count circle
	$TS-FAV-HEART-OFF: The heart colour when no favourites have been selected
	$TS-FAV-HEART-ON: The heart colour when at least 1 favourite has been selected
*/
.tourSearch {
  position: inherit;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #23396a;
  background-color: #FAFAFA;
  font-size: 14px;
  border-radius: 0;
  transition: all 0.4s;
  /* Hidden on mobile/tablet */
}

.tourSearch div {
  display: inline-block;
  position: absolute;
}

.tourSearch .toggle {
  left: 16px;
  font-family: OpenSans-Bold;
  padding-right: 20px;
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"%3E%3Cpath fill="%23E3E3E3" fill-rule="evenodd" d="M6 0l6 6.545H0z"/%3E%3C/svg%3E');
}

.tourSearch .toggle.open {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"%3E%3Cpath fill="%23E3E3E3" fill-rule="evenodd" d="M5.8 6.545L11.8 0h-12z"/%3E%3C/svg%3E');
}

.tourSearch svg {
  display: inline-block;
  vertical-align: middle;
}

.tourSearch ul {
  display: none;
  position: absolute;
  top: 50px;
  background: #FAFAFA;
  width: 100%;
}

.tourSearch li {
  display: block;
  line-height: 18px;
  margin: 0 24px;
  padding: 16px 0 16px 36px;
  background-position: center left;
}

.tourSearch li label {
  display: inline;
  padding: 0 15px;
  text-transform: uppercase;
  font-family: OpenSans-Bold;
}

.tourSearch li b {
  text-transform: uppercase;
}

.tourSearch li button {
  height: 36px;
  line-height: 36px;
  padding: 0 24px;
  width: 100%;
}

.tourSearch li.where {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="33" height="29"%3E%3Cpath fill="%23E3E3E3" d="M17 2C10.37 2 5 7.37 5 14s5.37 12 12 12 12-5.37 12-12S23.62 2 17 2zm-1.14 22.34a10.54 10.54 0 0 1-6.13-2.88c-1.97-1.90-3.06-4.43-3.06-7.13 0-2.42.88-4.71 2.50-6.54.04.48.14.99.11 1.36-.09 1.34-.23 2.18.58 3.32.31.44.39 1.07.55 1.58.15.5.75.76 1.17 1.07.84.62 1.65 1.34 2.54 1.89.59.36.95.54.78 1.23-.14.55-.17.90-.47 1.39-.09.15.34 1.12.49 1.26.44.42.87.81 1.35 1.19.74.59-.07 1.36-.42 2.21zm8.72-2.88a10.49 10.49 0 0 1-5.47 2.88c.29-.72.81-1.35 1.29-1.72.42-.32.94-.94 1.16-1.43.21-.49.51-.91.80-1.36.41-.64-1.03-1.60-1.5-1.81-1.05-.45-1.85-1.07-2.79-1.72-.67-.46-2.02.24-2.78-.08-1.03-.45-1.88-1.23-2.78-1.90-.92-.69-.88-1.50-.88-2.53.72.02 1.76-.2 2.24.38.15.18.67 1.00 1.02.71.28-.23-.21-1.19-.30-1.41-.29-.69.67-.95 1.17-1.42.64-.61 2.04-1.56 1.93-2.00-.11-.43-1.39-1.67-2.14-1.48-.11.02-1.10 1.06-1.29 1.22l.01-1.01c.00-.21-.4-.43-.38-.57.04-.34 1.02-.98 1.26-1.25-.17-.10-.75-.6-.92-.52-.42.17-.90.29-1.33.47 0-.14-.01-.28-.03-.42.85-.37 1.75-.63 2.68-.77l.83.33.58.69.58.60.51.16.81-.76-.21-.54v-.49a10.47 10.47 0 0 1 4.47 1.75c-.24.02-.50.05-.79.09-.12-.07-.28-.10-.41-.15.38.82.79 1.64 1.19 2.45.43.87 1.40 1.80 1.57 2.72.20 1.08.06 2.06.17 3.34.10 1.22 1.39 2.62 1.39 2.62s.59.20 1.08.13a10.41 10.41 0 0 1-2.76 4.83z"/%3E%3C/svg%3E');
  border: 1px solid #E3E3E3;
  border-width: 0 0 1px 0;
}

.tourSearch li.when {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="33" height="29"%3E%3Cpath fill="%23E3E3E3" d="M27.71 4.57A1.29 1.29 0 0 1 29 5.85v18.85A1.29 1.29 0 0 1 27.71 26H6.28A1.29 1.29 0 0 1 5 24.71V5.85a1.29 1.29 0 0 1 1.28-1.28h3V2.85c0-.27.13-.52.34-.68A.86.86 0 0 1 11 2.85v1.71h5.14V2.85A.86.86 0 0 1 17 2a.86.86 0 0 1 .85.85v1.71H23V2.85a.86.86 0 0 1 1.37-.68.86.86 0 0 1 .34.68v1.71h3zm-.42 19.28V10.14a.43.43 0 0 0-.42-.42H7.14a.43.43 0 0 0-.42.42v13.71a.43.43 0 0 0 .42.42h19.71a.43.43 0 0 0 .42-.42zm-8.57-12a.43.43 0 0 1 .42.42v3.42a.43.43 0 0 1-.42.42h-3.42a.43.43 0 0 1-.42-.42v-3.42a.43.43 0 0 1 .42-.42h3.42zm-6 0a.43.43 0 0 1 .42.42v3.42a.43.43 0 0 1-.42.42H9.28a.43.43 0 0 1-.42-.42v-3.42a.43.43 0 0 1 .42-.42h3.42zm12 0a.43.43 0 0 1 .42.42v3.42a.43.43 0 0 1-.42.42h-3.42a.43.43 0 0 1-.42-.42v-3.42a.43.43 0 0 1 .42-.42h3.42zm-6 6a.43.43 0 0 1 .42.42v3.42a.43.43 0 0 1-.42.42h-3.42a.43.43 0 0 1-.42-.42v-3.42a.43.43 0 0 1 .42-.42h3.42zm-6 0a.43.43 0 0 1 .42.42v3.42a.43.43 0 0 1-.42.42H9.28a.43.43 0 0 1-.42-.42v-3.42a.43.43 0 0 1 .42-.42h3.42zm12 0a.43.43 0 0 1 .42.42v3.42a.43.43 0 0 1-.42.42h-3.42a.43.43 0 0 1-.42-.42v-3.42a.43.43 0 0 1 .42-.42h3.42z"/%3E%3C/svg%3E');
  border: 1px solid #E3E3E3;
  border-width: 0 0 1px 0;
}

.tourSearch li.type {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="33" height="29"%3E%3Cpath fill="%23E3E3E3" d="M27.29 25.42l-.79-1.6a.39.39 0 0 0-.35-.22h-1.84l-.44-.8h.70a.39.39 0 0 0 .33-.19.40.40 0 0 0 .01-.39l-.79-1.6a.39.39 0 0 0-.35-.22h-1.25l-.77-1.39-.52-1.01h1.68a1 1 0 0 0 .99-1.10L22.71 5.82a2 2 0 0 0-1.98-1.78H20V4a1 1 0 0 0-1-1h-5.04a1 1 0 0 0-1 1v.03h-.60a2 2 0 0 0-1.98 1.78L9.15 16.88a1 1 0 0 0 .99 1.10h1.89L10.80 20.4H9.55a.39.39 0 0 0-.35.22l-.79 1.6a.40.40 0 0 0 .01.39c.07.11.2.19.33.19h.70l-.44.8H7.18a.39.39 0 0 0-.35.22l-.79 1.6a.40.40 0 0 0 .01.39c.07.11.2.19.33.19h20.54a.39.39 0 0 0 .33-.19.40.40 0 0 0 .01-.39zM21.01 15.4a1.19 1.19 0 0 1-1.18-1.2c0-.66.53-1.2 1.18-1.2s1.18.53 1.18 1.2c-.00.66-.53 1.2-1.18 1.2zm-8.20 2.63h7.62l1.19 2.36h-9.90l1.09-2.36zM12.39 5h8.17a1 1 0 0 1 .99.87L21.97 9H11l.40-3.12A1 1 0 0 1 12.39 5zm-.07 8c.65 0 1.18.53 1.18 1.2 0 .66-.53 1.2-1.18 1.2a1.19 1.19 0 0 1-1.18-1.2c0-.66.53-1.2 1.18-1.2zM9.93 23.6l.44-.8h12.58l.44.8H9.93z"/%3E%3C/svg%3E');
}

.tourSearch li:last-child {
  background-image: none;
  padding: 0;
}

.tourSearch select {
  padding: 0 16px 0 15px;
  line-height: 28px;
  height: 28px;
  min-height: 28px;
  cursor: pointer;
  width: 100%;
  border-width: 0;
  font-size: 16px;
  color: #23396a;
  background-color: #FAFAFA;
  background-position: center right 4px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"%3E%3Cpath fill="%23E3E3E3" fill-rule="evenodd" d="M5.8 6.545L11.8 0h-12z"/%3E%3C/svg%3E');
}

.tourSearch select:focus {
  color: #23396a;
}

.tourSearch select optgroup, .tourSearch select option {
  background-color: #fff;
  color: #23396a;
}

.tourSearch .heading {
  display: none;
}

.home .tourSearch {
  position: absolute;
  top: 56px;
  left: 0;
  z-index: 1;
}

.home.noscroll .tourSearch {
  top: 6px;
}

@media (min-width: 768px) {
  .tourSearch ul {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .home .tourSearch {
    top: 66px;
  }
  header > .tourSearch {
    height: 60px;
    line-height: 60px;
  }
  header > .tourSearch .toggle {
    display: none;
  }
  header > .tourSearch ul {
    display: block;
    position: absolute;
    top: 8px;
    left: 36px;
    background-color: transparent;
    width: auto;
  }
  header > .tourSearch li {
    display: inline-block;
    margin: 0 0 0 24px;
    padding: 0 0 0 40px;
    min-width: 195px;
  }
  header > .tourSearch li button {
    position: absolute;
    top: 5px;
    width: auto;
  }
  header > .tourSearch li.where, header > .tourSearch li.when {
    border-width: 0 1px 0 0;
    padding-right: 24px;
  }
  header > .tourSearch li:first-child {
    margin-left: 8px;
  }
  header > .tourSearch li:last-child {
    min-width: auto;
  }
  header > .tourSearch select {
    color: #23396a;
    background-color: #FAFAFA;
    width: auto;
    min-width: 170px;
    max-width: 225px;
  }
  header > .tourSearch select:focus {
    color: #23396a;
  }
}

/* Ensure the cookie control is further up than the tour search panel ! */
#cookieControl {
  z-index: 8;
}

input, select, .select, textarea, button, .button {
  border-radius: 4px;
  vertical-align: middle;
}

input[type=email], input[type=search], input[type=tel], input[type=text], input[type=date], input[type=password], select, .select {
  background-color: #FFF;
  color: #23396a;
  border: 1px solid #E3E3E3;
  font-size: inherit;
  line-height: 46px;
  padding-left: 8px;
  background-image: none;
  box-sizing: border-box;
  min-height: 50px;
}

input[type=email]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=date]::placeholder, input[type=password]::placeholder, select::placeholder, .select::placeholder {
  color: #ABAAAA;
}

input[type=email]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=date]:focus, input[type=password]:focus, select:focus, .select:focus {
  border-color: #125658;
  color: #23396a;
}

input[type=email].invalid, input[type=email]:invalid, input[type=email]:out-of-range, input[type=search].invalid, input[type=search]:invalid, input[type=search]:out-of-range, input[type=tel].invalid, input[type=tel]:invalid, input[type=tel]:out-of-range, input[type=text].invalid, input[type=text]:invalid, input[type=text]:out-of-range, input[type=date].invalid, input[type=date]:invalid, input[type=date]:out-of-range, input[type=password].invalid, input[type=password]:invalid, input[type=password]:out-of-range, select.invalid, select:invalid, select:out-of-range, .select.invalid, .select:invalid, .select:out-of-range {
  border-color: #b7202e;
  color: #23396a;
}

select, .select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 24px;
  background-position: center right 8px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath fill='%23ABAAAA' fill-rule='evenodd' d='M6 6.545L12 0H0z'/%3E%3C/svg%3E");
  cursor: pointer;
}

textarea {
  background-color: #FFF;
  color: #23396a;
  border: 1px solid #E3E3E3;
  font-size: inherit;
  padding-left: 8px;
  font-family: OpenSans, sans-serif;
  font-size: 16px;
  line-height: unset;
}

textarea:focus {
  border-color: #f5bc2a;
  color: #23396a;
}

textarea.invalid, textarea:invalid, textarea:out-of-range {
  border-color: #b7202e;
  color: #23396a;
}

.buttons .button + .button, .buttons button + button, .buttons input + input {
  margin-left: 8px;
}

.button, button, input[type=button], input[type=submit] {
  display: inline-block;
  padding: 0 24px;
  height: 50px;
  line-height: 50px;
  font-family: OpenSans-Semibold, sans-serif;
  text-align: center;
  border-width: 0;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
  /* Allow buttons to be styled on iOS */
  /* Default button style is SECONDARY */
  background-color: #f5bc2a;
  color: #23396a;
}

.button.small, button.small, input[type=button].small, input[type=submit].small {
  height: 40px;
  line-height: 40px;
}

.button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover {
  background-color: #f7941d;
  color: #23396a;
  text-decoration: none;
}

.button:active, button:active, input[type=button]:active, input[type=submit]:active {
  background-color: #f7941d;
  text-decoration: none;
}

.button.primary, button.primary, input[type=button].primary, input[type=submit].primary {
  background-color: #0971b1;
  color: #FFF;
}

.button.primary:hover, button.primary:hover, input[type=button].primary:hover, input[type=submit].primary:hover {
  background-color: #5a8dbd;
  color: #FFF;
  text-decoration: none;
}

.button.primary:active, button.primary:active, input[type=button].primary:active, input[type=submit].primary:active {
  background-color: #0971b1;
}

.button.tertiary, button.tertiary, input[type=button].tertiary, input[type=submit].tertiary {
  background-color: #FFF;
  color: #23396a;
  border: 1px solid #23396a;
  /* Reduced size to compensate for the border */
  padding: 0 23px;
  height: 48px;
  line-height: 48px;
}

.button.tertiary:hover, button.tertiary:hover, input[type=button].tertiary:hover, input[type=submit].tertiary:hover {
  background-color: #23396a;
  color: #FFF;
}

.button:disabled, .button:disabled:hover, .button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover, button:disabled, button:disabled:hover, button[disabled], button[disabled]:hover, button.disabled, button.disabled:hover, input[type=button]:disabled, input[type=button]:disabled:hover, input[type=button][disabled], input[type=button][disabled]:hover, input[type=button].disabled, input[type=button].disabled:hover, input[type=submit]:disabled, input[type=submit]:disabled:hover, input[type=submit][disabled], input[type=submit][disabled]:hover, input[type=submit].disabled, input[type=submit].disabled:hover {
  color: #5a8dbd;
  border: 1px solid #5a8dbd;
  background-color: #FAFAFA;
}

.button svg, button svg {
  vertical-align: middle;
}

.checkbox, .checkboxList div {
  /* HIDE THE DEFAULT UX CHECKBOX */
}

.checkbox input[type=checkbox], .checkboxList div input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.checkbox label, .checkboxList div label {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  cursor: pointer;
  margin: 10px 0;
  padding: 0;
  color: #23396a;
  padding-left: 34px;
  background-repeat: no-repeat;
  background-position: 0 0;
  /* Box Unchecked */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26'%3E%3Crect width='24' height='24' x='.5' y='.5' fill='%23FFF' fill-rule='evenodd' stroke='%23141A27' rx='2' transform='translate(0 .25)'/%3E%3C/svg%3E");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox input[type=checkbox][disabled] + label, .checkboxList div input[type=checkbox][disabled] + label {
  /* Grey Box Unchecked */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26'%3E%3Crect width='24' height='24' x='481.5' y='1601.75' fill='none' fill-rule='evenodd' stroke='%23141A27' opacity='.5' rx='2' transform='translate(-481 -1601)'/%3E%3C/svg%3E");
}

.checkbox input[type=checkbox]:checked + label, .checkboxList div input[type=checkbox]:checked + label {
  /* Box Checked */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' viewBox='0 0 25 26'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(0 .25)'%3E%3Crect width='24' height='24' x='.5' y='.5' fill='%23FFF' stroke='%23141A27' rx='2'/%3E%3Cpath stroke='%231097DB' stroke-width='3' d='M6 12.091L11.093 17 19 6'/%3E%3C/g%3E%3C/svg%3E");
}

.webForm.simpleNewsletter {
  margin: 0;
  padding: 0;
  background: none;
  white-space: nowrap;
}

.webForm.simpleNewsletter p {
  white-space: normal;
}

.webForm.simpleNewsletter .col {
  width: 70%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}

.webForm.simpleNewsletter .col input {
  border-radius: 4px 0 0 4px;
  width: 100%;
  box-sizing: border-box;
}

.webForm.simpleNewsletter input[type=submit] {
  display: inline-block;
  padding: 0 8px;
  margin: 0;
  border-radius: 0 4px 4px 0;
  max-width: 30%;
  box-sizing: border-box;
}

.webForm.simpleNewsletter .validation {
  display: none;
}

@media (min-width: 375px) {
  .webForm.simpleNewsletter input[type=submit] {
    padding: 0 24px;
  }
}

@media (min-width: 768px) {
  .webForm.simpleNewsletter .col input {
    border-radius: 4px;
  }
  .webForm.simpleNewsletter input[type=submit] {
    margin-left: 16px;
    border-radius: 4px;
  }
}

.mobilemenu {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10;
}

.mobilemenu li {
  background: #FFF;
  padding: 15px 48px;
}

.mobilemenu li.parent {
  font-family: OpenSans-Bold;
  border-bottom: 1px solid #E3E3E3;
  background: #FAFAFA;
}

.mobilemenu li.parent.back {
  /* Chevron on the LEFT */
  background-position-x: 16px;
  background-position-y: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='26'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23DCDCDC' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M2.69 13.023l10.023 10.023M12.713 3L2.69 13.023'/%3E%3C/g%3E%3C/svg%3E");
}

.mobilemenu li.parent.back a {
  /* D4950: Make the 'back arrow' clickable by shifting the click area left by 48px */
  padding-left: 48px;
  margin-left: -48px;
}

.mobilemenu li:last-child {
  border-bottom: 1px solid #E3E3E3;
}

.mobilemenu a {
  display: inline-block;
  color: #23396a;
  width: 100%;
}

.mobilemenu a:hover {
  color: #f5bc2a;
  /* Colour the SVG icon */
}

.mobilemenu a:hover path {
  fill: #f5bc2a;
}

.mobilemenu a.children {
  /* Arrow on the RIGHT */
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpolygon fill='%23DBDBDB' fill-rule='evenodd' points='336 204 342 211 330 211' transform='matrix(0 -1 -1 0 211.5 342.5)'/%3E%3C/svg%3E");
}

.mobilemenu a.fav, .mobilemenu a.fav:hover {
  background: none;
}

.mobilemenu a svg {
  vertical-align: middle;
  margin-left: 6px;
}

@media (min-width: 768px) {
  .mobilemenu {
    width: 50%;
  }
}

/* F1443: Notifications 18/July/2016 */
.notification {
  z-index: 4;
  position: relative;
  display: none;
  padding: 10px;
  text-align: center;
}

.notification A {
  font-style: italic;
}

.notification .ui-icon {
  float: right;
}

.notification .dismiss {
  font-style: normal;
  float: right;
  font-size: 16px !important;
}

.notification .dismiss:after {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 18px;
  color: #FFF;
}

.notification.Promotion {
  color: #FFF;
  background-color: #6e3a74;
}

.notification.Promotion A {
  color: #FFF;
}

.notification.Promotion A:hover {
  color: #CCC;
}

.notification.Sales {
  /* F2190: $NOTIFICATION-TEXT to #FFF for VBR 31/Jan/2024 */
  color: #FFF;
  background-color: #b7202e;
}

.notification.Sales A {
  color: #FFF;
}

.notification.Sales A:hover {
  color: #CCC;
}

.notification.Sales .dismiss:after {
  color: #FFF;
}

.notification.Information {
  color: #FFF;
  background: #0971b1;
}

.notification.Information A {
  color: #FFF;
}

.notification.Information A:hover {
  color: #CCC;
}

/* F1729: Geoloaction banner - 7/Apr/2020 */
.geo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  margin: 0;
  padding: 10px 5px;
  background: #23396a;
  color: white;
  text-align: center;
}

.geo > span {
  white-space: nowrap;
}

.geo > .button {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  padding: 0 12px;
  margin: 5px 12px 0 12px;
}

.geo > .button img {
  vertical-align: middle;
  margin-top: -3px;
}

.geo > .button:hover {
  border-color: #fff;
}

.openinghours {
  display: none;
  position: absolute;
  top: 56px;
  right: 0;
  width: 100%;
  /* F1910 */
  z-index: 10;
  background: #FAFAFA;
  color: #23396a;
  padding: 0 40px 8px 40px;
  box-sizing: border-box;
}

.openinghours li {
  background: none;
  padding: 4px 0;
  position: relative;
  font-size: 14px;
}

.openinghours li .button {
  display: block;
  line-height: 20px;
  padding: 5px 24px;
}

.openinghours li .button b {
  font-size: 22px;
}

.openinghours li i {
  position: absolute;
  right: 0;
  font-style: normal;
}

.openinghours li:first-child {
  font-family: OpenSans-Bold, sans-serif;
  border-bottom: 1px solid #E3E3E3;
  padding: 8px 0;
}

.openinghours li:nth-child(2) {
  padding-top: 8px;
}

@media (min-width: 601px) {
  .openinghours {
    padding: 0 48px 12px 48px;
    width: auto;
  }
  .openinghours ul {
    width: 312px;
  }
  .openinghours li {
    padding: 8px 0;
    font-size: 16px;
  }
  .openinghours li:first-child {
    padding: 12px 0;
  }
  .openinghours li:nth-child(2) {
    padding-top: 12px;
  }
}

@media (min-width: 768px) {
  .openinghours ul {
    display: inline-block;
  }
  .openinghours ul + ul {
    margin-left: 48px;
  }
}

@media (min-width: 1024px) {
  .openinghours {
    top: 66px;
  }
}

img {
  max-width: 100%;
  vertical-align: top;
}

ul {
  margin: 0;
  padding: 0 0 10px 0;
  list-style: none;
  -webkit-margin-after: 0;
  /*windows safari default styles override*/
  -webkit-margin-before: 0;
  -webkit-padding-start: 0;
}

li {
  margin: 0;
  padding: 0 0 8px 16px;
  background: no-repeat 5px 10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Ccircle cx='2' cy='2' r='2' fill='%23141a27'/%3E%3C/svg%3E");
}

.content, .row .content {
  padding: 10px 5px;
}

.content > form, .row .content > form {
  margin-top: 0;
}

.content > div.video, .row .content > div.video {
  background-image: none;
}

.row {
  padding: 22px 0;
}

.row.minHeight {
  /* F2122: Allows the content to be centered vertically when a minimum row height is specified 6/Oct/2023 */
  display: flex;
  align-items: center;
}

.readMore > div {
  display: none;
}

.siteWidth.marginWide {
  padding: 0 14%;
  box-sizing: border-box;
}

.siteWidth.bgExtentContentWidth .content {
  padding: 10px 20px;
}

/* *** ACCORDION *** */
.accordionNdc {
  border: #E3E3E3 solid;
  border-width: 1px 0;
  border-collapse: collapse;
  /* F2269 28/Jun/2024 */
}

.accordionNdc + .accordionNdc {
  border-top-width: 0;
}

.accordionNdc .siteWidth .content {
  padding: 10px 0;
}

.accordionNdc .promoPanel .siteWidth {
  border-top-width: 0;
}

.accordionNdc .content > .handle {
  cursor: pointer;
  margin: 8px 0;
  background-position: center right;
  background-repeat: no-repeat;
  display: block;
  padding-right: 24px;
  /* F1951 RD : $TEXT:$VOLCANIC:#022839; */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='%23022839'%3E%3Cpath d='M12.7 16.2a1 1 0 11-1.5 1.5L.3 6.8a1 1 0 111.5-1.5l10.9 10.9z'/%3E%3Cpath d='M12.8 17.7a1 1 0 11-1.5-1.5L22.2 5.3a1 1 0 111.5 1.5L12.8 17.7z'/%3E%3C/g%3E%3C/svg%3E");
}

.accordionNdc .content > .handle.opened {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='%23022839'%3E%3Cpath d='M12.7 6.8a1 1 0 10-1.5-1.5L.3 16.2a1 1 0 101.5 1.5L12.7 6.8z'/%3E%3Cpath d='M12.8 5.3a1 1 0 10-1.5 1.5l10.9 10.9a1 1 0 101.5-1.5L12.8 5.3z'/%3E%3C/g%3E%3C/svg%3E");
}

.accordionNdc .content > .handle.loading {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cstyle type='text/css'%3E%23c { animation: bounce .5s ease infinite; }@keyframes bounce { 50% { transform: translateY(7px); 100% { transform: translateY(-14px); }%3C/style%3E%3Cg id='c' fill='%23022839'%3E%3Cpath d='M12.7 16.2a1 1 0 11-1.5 1.5L.3 6.8a1 1 0 111.5-1.5l10.9 10.9z'/%3E%3Cpath d='M12.8 17.7a1 1 0 11-1.5-1.5L22.2 5.3a1 1 0 111.5 1.5L12.8 17.7z'/%3E%3C/g%3E%3C/svg%3E");
}

.accordionNdc.faq .heading {
  text-align: center;
}

/* *** popupBox *** */
.popupBox > .contentHolder > * {
  display: block;
  margin: 20px 10px;
}

.popupBox > .contentHolder > h3 {
  margin: 24px 110px 16px 10px;
}

.popupBox > .contentHolder > .iframeModal, .popupBox > .contentHolder > iframe {
  margin: 0;
}

/* *** Newsletter / Email Quote dialog *** */
#newsletterDialog {
  text-align: center;
  position: fixed;
  top: 45px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 590px;
  max-width: 90%;
  box-sizing: border-box;
}

#newsletterDialog.hidden {
  display: none;
}

#newsletterDialog .close {
  display: block;
  margin: 10px auto;
  font-size: small;
}

#newsletterDialog .closeButton {
  top: 0;
  padding: 5px;
}

#newsletterDialog .closeButton:after {
  content: "\f057";
}

#newsletterDialog p, #newsletterDialog .h2 {
  margin: 0;
  padding: 0 20px;
}

#newsletterDialog .form {
  margin: 20px;
}

#newsletterDialog input, #newsletterDialog select, #newsletterDialog button {
  margin: 5px 0;
  width: 80%;
}

#newsletterDialog .desc input {
  margin-top: 15px;
}

#emailQuoteDialog {
  position: fixed;
  top: 0;
  left: 5%;
  max-width: 600px;
}

#emailQuoteDialog p, #emailQuoteDialog .h2 {
  margin: 0;
  padding: 0 20px;
}

#emailQuoteDialog .form {
  margin: 20px;
}

#emailQuoteDialog input, #emailQuoteDialog select, #emailQuoteDialog button {
  margin: 0 5px 5px 0;
}

#emailQuoteDialog .close {
  background: #E3E3E3;
}

@media (min-width: 768px) {
  #newsletterDialog {
    top: 90px;
    width: 840px;
    max-width: 90%;
    display: grid;
    grid-template-columns: 50% 50%;
  }
  #newsletterDialog .desc p {
    margin: 16px 0;
  }
  #newsletterDialog img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  #emailQuoteDialog {
    width: 600px;
    left: 50%;
    margin-left: -300px;
  }
}

/* *** Destination footer links *** */
.viewMoreNav {
  text-align: center;
}

.viewMoreNav select {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .viewMoreNav .h1 {
    font-size: 38px;
  }
  .viewMoreNav ul {
    text-align: left;
  }
  .viewMoreNav li {
    padding: 0 0 16px 0;
    margin: 0;
    display: inline-block;
    width: 33%;
    box-sizing: border-box;
    background: none;
  }
  .viewMoreNav li a {
    padding-right: 16px;
    background: center right no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpolygon fill='%231097DB' fill-rule='evenodd' points='336 204 342 211 330 211' transform='matrix(0 -1 -1 0 211.5 342.5)'/%3E%3C/svg%3E");
  }
}

@media (min-width: 1024px) {
  .viewMoreNav li {
    width: 25%;
  }
}

/* *** Freshchat (F1731) *** */
#fc_frame.custom_fc_frame {
  bottom: 55px !important;
  right: 5px !important;
  z-index: 7 !important;
}

#fc_frame.custom_fc_open {
  z-index: 9 !important;
}

/*
Requires the following variables:
	$HERO-SEARCH-CENTERED: Is the search centered? true|false
*/
/* F1791: TrustPilot 17/Dec/2020 - Technically this should be in _touritinerary.scss/_trustpilot.scss but it needs to be in the critical css and load first */
.asl-MasterTour .trustpilot a.stars {
  width: auto;
  color: gray;
  font-size: 80%;
  margin-bottom: 18px;
}

.asl-MasterTour .trustpilot a.stars img {
  width: 110px;
  vertical-align: middle;
  margin-right: 10px;
}

.isImported {
  font-size: 80%;
  color: #ABAAAA;
}

.isImported.trustpilot {
  color: #00B67A;
  /* Trustpilot green */
}

.isImported.trustpilot::before {
  content: ' ';
  background-image: url("data:image/svg+xml,%3Csvg width='129' height='129' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs/%3E%3Ccircle fill='%2300B67A' r='64' cy='65' cx='65'/%3E%3Cpath fill='%23fff' d='M55.3 98.2L25.8 68.7a1 1 0 010-1.4l8.5-8.5a1 1 0 011.4 0L56 79.1l38.2-38.2a1 1 0 011.4 0l8.5 8.5c.4.4.4 1 0 1.4L56.7 98.2a1 1 0 01-1.4 0z' class='st1'/%3E%3C/svg%3E");
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: text-bottom;
  display: inline-block;
}

.heroSection {
  position: relative;
  /* overflow: hidden; */
  height: 450px;
  text-align: center;
  /* F1848 HTML 5 video background 1/July/2022 */
  /* F1996 24/Nov/2022 */
}

.heroSection.tabletThreeQuarters {
  height: 315px;
}

.heroSection .backgroundVideo {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.heroSection .ctrls {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  z-index: 6;
}

.heroSection .heroSlide {
  display: block;
  position: absolute;
  top: 0;
  z-index: 4;
  -webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  /* F1996 24/Nov/2022 - extra spacing for previous/next buttons etc */
}

.heroSection .heroSlide .nobutton {
  top: 10px;
  left: 65px;
  right: 65px;
  bottom: 90px;
}

.heroSection .fg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 21, 21, 0.4);
  z-index: 5;
}

.heroSection .fg > .center {
  padding-top: 25px;
}

.heroSection h1, .heroSection .h1, .heroSection h2, .heroSection .h2 {
  color: #fff;
  font-family: OpenSans;
  padding: 0 57px;
  /* Prevent the text overlapping the scroll handles */
}

.heroSection h1, .heroSection .h1 {
  font-size: 36px;
  line-height: 36px;
}

.heroSection h2, .heroSection .h2 {
  font-size: 16px;
  line-height: 24px;
}

.heroSection .quote {
  font-style: italic;
}

.heroSection .button.default {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}

.heroSection .offer {
  text-transform: uppercase;
  font-size: 16px;
  padding: 8px;
  background: #b7202e;
  vertical-align: middle;
  whitespace: nowrap;
}

.heroSection a[data-video-url] {
  display: inline-block;
  border-radius: 24px;
}

.heroSection a[data-video-url] svg {
  vertical-align: middle;
}

.heroSection a.handle {
  position: absolute;
  top: 40%;
  z-index: 6;
}

.heroSection a.handle.prev {
  left: 0;
}

.heroSection a.handle.next {
  right: 0;
}

.heroSection .dots {
  position: absolute;
  bottom: 0;
  z-index: 6;
  left: 0;
  right: 0;
  text-align: center;
  display: block;
}

.heroSection .dots li {
  background: none;
  display: inline-block;
}

.heroSection .dots a {
  display: block;
  color: #fff;
  background: #fff;
  width: 7px;
  height: 7px;
  border-radius: 3.5px;
  opacity: 0.7;
}

.heroSection .dots a.on {
  width: 11px;
  height: 11px;
  border-radius: 5.5px;
  opacity: 1;
}

.heroSection .nobutton {
  /*background-color: rgba(255,0,0,.2); - mask for testing */
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: 16px;
}

.countdown {
  text-transform: uppercase;
  vertical-align: middle;
  display: inline-block;
  font-size: 18px;
}

.countdown span {
  white-space: nowrap;
}

/* F1791 TrustPilot 16/Dec/2020 ABOVE THE FOLD STYLES */
.trustpilot.servicebasic {
  line-height: 40px;
  padding: 20px 0;
}

.trustpilot.servicebasic span {
  margin: 0 10px;
}

.trustpilot.servicebasic a, .trustpilot.servicebasic .reviewer {
  color: white;
}

.trustpilot.servicebasic .humanscore {
  font-size: 120%;
  font-family: OpenSans-Semibold;
}

.trustpilot.servicebasic .stars {
  width: 162px;
  display: inline-block;
}

.trustpilot.servicebasic .nowrap {
  display: block;
}

.trustpilot.servicebasic .logo {
  width: 110px;
  display: inline-block;
}

.trustpilot.servicebasic .logo img {
  vertical-align: text-bottom;
}

.fullWidthImage .trustpilot.servicebasic a, .fullWidthImage .trustpilot.servicebasic .reviewer {
  color: #23396a;
}

.heroSectionMap {
  height: 120px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.heroSectionMap a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  background: rgba(15, 15, 15, 0.8);
}

.heroSectionMap a svg {
  position: absolute;
  top: 50%;
  margin-top: -15px;
}

.home .heroSection, .home .hero {
  margin-bottom: 240px;
}

.home .heroSection .dots, .home .hero .dots {
  bottom: 40px;
}

.home .heroSection .tourSearch, .home .hero .tourSearch {
  position: absolute;
  top: auto !important;
  height: 290px;
  bottom: -258px;
  z-index: 5;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  border-radius: 5px;
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  text-align: left;
}

.home .heroSection .tourSearch ul, .home .hero .tourSearch ul {
  display: block;
  position: static;
  width: 100%;
  background: none;
}

.home .heroSection .tourSearch li, .home .hero .tourSearch li {
  line-height: 20px;
}

.home .heroSection .tourSearch li button, .home .hero .tourSearch li button {
  top: 14px;
}

.home .heroSection .tourSearch li .fav, .home .hero .tourSearch li .fav {
  display: none;
}

.home .heroSection .tourSearch .heading, .home .hero .tourSearch .heading {
  display: block;
  position: relative;
  top: -100px;
  text-align: center;
  color: #fff;
  width: 100%;
  text-shadow: 0 0 8px #23396a;
}

@media (min-width: 375px) {
  .countdown {
    font-size: 24px;
  }
  .home .heroSection .tourSearch, .home .hero .tourSearch {
    width: 350px;
    margin-left: -175px;
  }
}

@media (min-width: 768px) {
  .countdown {
    font-size: inherit;
  }
  .heroSection {
    height: 677px;
  }
  .heroSection.tabletThreeQuarters {
    height: 325px;
    width: 100%;
    margin-right: 0;
  }
  .heroSection.tabletQuarter {
    width: 100%;
  }
  .heroSection h1, .heroSection .h1 {
    font-size: 32px;
  }
  .heroSection h2, .heroSection .h2 {
    font-size: 24px;
  }
  .heroSection .fg {
    display: table;
    /* VERTICAL ALIGN CENTER!! */
  }
  .heroSection .fg > .center {
    display: table-cell;
    vertical-align: middle;
    padding-top: 0;
  }
  /* F1747: New hero height for tour listing */
  .tourListing .heroSection {
    height: 500px;
  }
  .home .heroSection, .home .hero {
    margin-bottom: 60px;
  }
  .home .heroSection .tourSearch, .home .hero .tourSearch {
    height: auto;
    bottom: -95px;
    width: 730px;
    margin-left: -365px;
    padding: 16px 0;
  }
  .home .heroSection .tourSearch ul, .home .hero .tourSearch ul {
    margin: 0;
    padding: 0;
  }
  .home .heroSection .tourSearch li, .home .hero .tourSearch li {
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
    padding: 5px 24px 5px 36px;
    margin: 0 8px;
    vertical-align: middle;
  }
  .home .heroSection .tourSearch li.where, .home .heroSection .tourSearch li.when, .home .hero .tourSearch li.where, .home .hero .tourSearch li.when {
    border-width: 0 1px 0 0;
  }
  .home .heroSection .tourSearch li:last-child, .home .hero .tourSearch li:last-child {
    width: 30%;
    padding: 3px 16px;
    margin: 0px 33%;
  }
}

@media (min-width: 1024px) {
  .heroSection {
    height: 512px;
    /*margin-bottom: 72px;*/
    /* F2101: Hero Section Grid and A/B Testing 9/Aug/2023 */
  }
  .heroSection img {
    max-height: 256px;
  }
  .heroSection.tabletThreeQuarters {
    height: 384px;
    display: inline-block;
    width: 75%;
    margin-bottom: 0;
  }
  .heroSection.grid {
    display: flex;
  }
  .heroSection.grid .heroSlide {
    position: relative;
  }
  .heroSection.grid .heroSlide .fg {
    border-radius: 6px;
  }
  .heroSection.grid > .fg {
    width: 60%;
  }
  .heroSection.grid .backgroundVideo {
    border-radius: 6px;
  }
  .heroSection.grid > div {
    flex: 60%;
    border-radius: 6px;
  }
  .heroSection.grid > .grid {
    height: 253px;
    /* 512px - 6px / 2 */
    flex: 40%;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }
  .heroSection.grid > .grid > div {
    flex: 40%;
    margin-left: 6px;
    border-radius: 6px;
  }
  .heroSection.grid > .grid > div:nth-of-type(n+3) {
    margin-top: 6px;
  }
  .heroSection.grid > .grid > div:nth-of-type(n+5) {
    display: none;
  }
  .heroSection.grid .viewGallery {
    display: block;
    width: 60px;
    height: 60px;
    padding: 5px;
    border-radius: 35px;
    background-color: rgba(21, 21, 21, 0.8);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    line-height: 125%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
  }
  .heroSection.grid .viewGallery svg {
    margin-top: 6px;
  }
  .heroSectionMap {
    height: 384px;
    display: inline-block;
    width: 25%;
    margin-right: 0 !important;
    vertical-align: top;
  }
  .home .heroSection .tourSearch, .home .hero .tourSearch {
    bottom: -42px;
    width: 960px;
    margin-left: -480px;
  }
  .home .heroSection .tourSearch li, .home .hero .tourSearch li {
    width: 25%;
    padding: 5px 24px 5px 36px;
  }
  .home .heroSection .tourSearch li.where, .home .heroSection .tourSearch li.when, .home .hero .tourSearch li.where, .home .hero .tourSearch li.when {
    border-width: 0 1px 0 0;
  }
  .home .heroSection .tourSearch li:last-child, .home .hero .tourSearch li:last-child {
    width: 17%;
    padding: 0 16px;
    margin: 0 8px;
  }
}

@media (min-width: 1280px) {
  .heroSection {
    height: 550px;
  }
  .heroSection img {
    max-height: 275px;
  }
  .heroSection.grid > .grid {
    height: 272px;
    /* 550px - 6px / 2 */
  }
  .heroSection.tabletThreeQuarters {
    height: 420px;
  }
  .heroSection h1, .heroSection .h1 {
    font-size: 50px;
    line-height: 61px;
  }
  .heroSection h2, .heroSection .h2 {
    font-size: 24px;
    line-height: 33px;
  }
  .heroSection .offer {
    font-size: 24px;
    padding: 12px;
  }
  .heroSectionMap {
    height: 420px;
  }
  /* F1747: New hero height for tour listing */
  .tourListing .heroSection, .tourListing .heroSectionMap {
    height: 450px;
  }
}

@media (min-width: 768px) {
  body.home .hero .tourSearch {
    top: 250px !important;
  }
}

/*
	F1975: 31/Oct/2022
	"To ensure that content below hero section is visible for most common screen resolutions, can we please look at introducing the following CSS rule relating to the height of the hero section."
	"If screen height max 700px, set heroSection height to 380px"
*/
@media (max-height: 700px) {
  .tourListing .heroSection, .tourListing .heroSectionMap {
    height: 380px;
  }
  .heroSection, .heroSectionMap {
    height: 380px;
    /* D4946: 31/Jan/2024 */
  }
  .heroSection .grid .heroSlide, .heroSectionMap .grid .heroSlide {
    height: 187px;
  }
}

.breadcrumb {
  padding-top: 32px;
}

.breadcrumb a {
  color: #23396a;
  padding-left: 24px;
  /* Arrow on the LEFT */
  background-position: center left;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath fill='%23DCDCDC' d='M8.733 1.14a1 1 0 01.061.062l.53.577a1 1 0 010 1.351L5.551 7.244H16a1 1 0 011 1v.91a1 1 0 01-1 1l-10.446.001 3.77 4.112a1 1 0 010 1.352l-.53.577a1 1 0 01-1.474 0l-5.568-6.074a1 1 0 01-.745-.852l-.019-.03a1 1 0 01-.114-.545.996.996 0 01.114-.54L1 8.244a1 1 0 01.751-.969L7.32 1.202a1 1 0 011.413-.062z'/%3E%3C/svg%3E");
}

.breadcrumb a:hover {
  color: #0971b1;
  text-decoration: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath fill='%230971B1' d='M8.733 1.14a1 1 0 01.061.062l.53.577a1 1 0 010 1.351L5.551 7.244H16a1 1 0 011 1v.91a1 1 0 01-1 1l-10.446.001 3.77 4.112a1 1 0 010 1.352l-.53.577a1 1 0 01-1.474 0l-5.568-6.074a1 1 0 01-.745-.852l-.019-.03a1 1 0 01-.114-.545.996.996 0 01.114-.54L1 8.244a1 1 0 01.751-.969L7.32 1.202a1 1 0 011.413-.062z'/%3E%3C/svg%3E");
}

/* F2120 20/Oct/2023 */
.keyFacts.siteWidth {
  text-align: center;
}

.keyFacts h1 {
  padding-top: 24px;
}

.keyFacts dl {
  display: inline-grid;
  grid-template-rows: auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 32px;
}

.keyFacts dl:last-of-type {
  border-width: 0;
}

.keyFacts dt, .keyFacts dd {
  width: 160px;
  margin: 0;
  border-right: 1px solid #E3E3E3;
}

.keyFacts dt:last-of-type, .keyFacts dd:last-of-type {
  border-width: 0;
}

.keyFacts dt {
  color: #ABAAAA;
}

.keyFacts dd {
  font-weight: bold;
  text-transform: uppercase;
}

@media (min-width: 600px) {
  .keyFacts dt, .keyFacts dd {
    width: 190px;
  }
}

@media (min-width: 768px) {
  .keyFacts dl {
    border-width: 0;
  }
  .keyFacts dl + br {
    display: none;
  }
  .keyFacts dl:first-of-type dt:last-of-type, .keyFacts dl:first-of-type dd:last-of-type {
    border-width: 1px;
  }
}

@media (min-width: 1024px) {
  .keyFacts dt, .keyFacts dd {
    width: 220px;
  }
}

/*
Requires the following variables:
	$ITIN-PRICE-FONT-SIZE
	$ITIN-NOW-PRICE-FONT-SIZE
	$ITIN-CTA-TEXT-COLOUR
	$ITIN-ICON: The colour of the itinerary day icon
	$ITIN-ICON-FIRST 
	$ITIN-ICON-LAST
	$ITIN-YEAR: The text and border colour of the year selector
*/
/* F2412 7/Jul/2025 */
.walkingTour {
  margin: 10px 0;
  font-size: 14px;
  line-height: normal;
}

.walkingTour > div {
  width: 49%;
  min-height: 47px;
  padding-left: 46px;
  display: inline-block;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center left;
  vertical-align: middle;
}

.walkingTour .walkingGrade {
  padding-left: 0;
  padding-right: 10px;
  margin-top: -7px;
  height: 54px;
}

.walkingTour .walkingGrade svg {
  height: 54px;
}

.walkingTour .time {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 .25a19.75 19.75 0 1 1 0 39.5 19.75 19.75 0 0 1 0-39.5zm-2.72 9.88h2.47c.33 0 .74.32.74.82v9.21h8.48c.41 0 .82.33.82.83v2.3c0 .41-.4.82-.82.82h-12.5V10.87c0-.42.32-.83.81-.83v.09zM20 4.78a15.22 15.22 0 1 1 0 30.44 15.22 15.22 0 0 1 0-30.44z' fill-rule='evenodd' clip-rule='evenodd' fill='%2343525C'/%3E%3C/svg%3E");
}

.walkingTour .time:before {
  content: "Time";
  display: block;
}

.walkingTour .distance {
  /* F2412 Updated spec: 3.4.2. Walking distance (do not display icon) 4/Aug/2025 */
  /* background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.13 31.93a1.54 1.54 0 0 1-.13-.55v-.19c0-.18.05-.38.14-.54v-.05l.02-.03.01-.01a2 2 0 0 1 .2-.3l5.72-7.08a1.58 1.58 0 0 1 2.47 1.98L4.9 29.72l30.1-.01-3.66-4.55a1.58 1.58 0 1 1 2.46-1.99l5.74 7.1c.07.09.14.18.18.29h.01v.02l.02.03.02.03c.08.19.12.37.13.55v.2c0 .18-.05.37-.12.54l-.01.01-.01.03-.02.04c-.06.11-.13.21-.2.3L33.8 39.4a1.58 1.58 0 0 1-2.46-1.98L35 32.88H4.9l3.66 4.54A1.58 1.58 0 1 1 6.1 39.4L.36 32.3a1.2 1.2 0 0 1-.18-.3l-.03-.04-.01-.03v-.01l-.01.01z' fill='%2343525C'/%3E%3Cpath d='M24.38 20.79a17.34 17.34 0 0 1-3.8 3.13.53.53 0 0 1-.6.03 21.41 21.41 0 0 1-5.3-4.72 16.77 16.77 0 0 1-3.55-7.67 10.18 10.18 0 0 1 1.28-7.16 9.1 9.1 0 0 1 1.96-2.19A9.57 9.57 0 0 1 20.4 0c2.02.02 4 .76 5.71 2.33a8.47 8.47 0 0 1 1.53 1.86c1.4 2.3 1.7 5.24 1.08 8.21a18.08 18.08 0 0 1-4.34 8.38zM20 4.64a4.5 4.5 0 1 1 0 8.97 4.5 4.5 0 0 1 0-8.97z' fill-rule='evenodd' clip-rule='evenodd' fill='%2343525C'/%3E%3C/svg%3E"); */
  padding-left: 0;
}

.walkingTour .distance:before {
  content: "Distance";
  display: block;
}

/* F2288 17/Jul/2024 */
.holidayType {
  font-size: 18px;
  font-family: OpenSans-Semibold;
}

.holidayType img {
  width: auto !important;
  min-height: auto !important;
  max-height: 30px;
  margin: 5px;
  vertical-align: middle;
}

.asl-MasterTour {
  /* F2106 additional feedback 13/Oct/2023 */
  /* F2107 30/Oct/2023 */
  /* F2160 19/Jan/2024 */
}

.asl-MasterTour .holidayType {
  margin-top: 24px;
  display: inline-block;
  padding-right: 1em;
  min-width: 290px;
}

.asl-MasterTour .headline {
  position: relative;
}

.asl-MasterTour .headline h1 {
  padding-right: 80px;
}

.asl-MasterTour .headline .fav {
  line-height: 22px;
  padding-right: 32px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  background-position: center right;
}

.asl-MasterTour .hero {
  position: relative;
}

.asl-MasterTour .hero.siteWidth {
  margin-bottom: 6px;
}

.asl-MasterTour .hero .float {
  position: absolute;
  z-index: 7;
  right: 0;
  top: 8px;
}

.asl-MasterTour .hero .float a {
  display: block;
  width: 60px;
  height: 60px;
  padding: 5px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: rgba(21, 21, 21, 0.8);
  vertical-align: middle;
  border-radius: 35px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  line-height: 125%;
}

.asl-MasterTour .hero .float a svg {
  margin-top: 6px;
  /* vertical-align:middle??? */
}

.asl-MasterTour section.siteWidth {
  margin-bottom: 50px;
}

.asl-MasterTour section.siteWidth:last-of-type {
  margin-bottom: 0;
}

.asl-MasterTour section {
  /* Offset used by the itinerary nav - compensate the position to allow for the sticky header */
}

.asl-MasterTour section > i:first-child {
  position: relative;
  top: -130px;
}

.asl-MasterTour .tourCode {
  margin-top: 24px;
  float: left;
  white-space: nowrap;
  clear: left;
}

.asl-MasterTour .tourCode + .h2 {
  clear: left;
}

.asl-MasterTour .specialOffer {
  margin-top: 24px;
  margin-right: 24px;
  border: 1px solid #b7202e;
  border-radius: 4px;
  background-color: #FAFAFA;
}

.asl-MasterTour .specialOffer + .specialOffer {
  margin-top: 10px;
  clear: left;
}

.asl-MasterTour .specialOffer.operatedBy {
  border-color: #23396a;
}

.asl-MasterTour .specialOffer.isValueTour {
  border-width: 0;
}

.asl-MasterTour .specialOffer .title, .asl-MasterTour .specialOffer .logo {
  margin: 0 10px 10px 0;
  float: left;
  position: relative;
  top: -1px;
  left: -1px;
}

.asl-MasterTour .specialOffer .logo {
  /* OperatedBy */
  max-width: 200px;
}

.asl-MasterTour .specialOffer .logo img {
  border-radius: 4px;
}

.asl-MasterTour .specialOffer .title {
  line-height: 40px;
  padding: 0 16px;
  box-sizing: border-box;
  border-radius: 4px;
  color: #fff;
  background-color: #b7202e;
  overflow: hidden;
}

.asl-MasterTour .specialOffer .desc {
  font-size: 14px;
  padding: 10px;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 60px;
  min-width: 75%;
}

.asl-MasterTour .specialOffer .desc p {
  display: inline;
}

.asl-MasterTour .specialOffer .desc a {
  white-space: nowrap;
}

.asl-MasterTour .cta {
  margin: 20px 0;
}

.asl-MasterTour .cta .call {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20"%3E%3Cpath fill="%2323396a" d="M15.5 11.5a1.5 1.5 0 00-2.1 0l-1.8 1.8a9.1 9.1 0 01-4.9-5l1.8-1.7a1.5 1.5 0 000-2L6.4 2.3a1.5 1.5 0 00-2.1 0l-1 1a4.4 4.4 0 00-1.2 4A13.3 13.3 0 0012.6 18a4.4 4.4 0 004-1.2l1-1a1.5 1.5 0 000-2l-2.1-2.2zm-4.2-4.8a2 2 0 012 2 .7.7 0 001.4 0 3.3 3.3 0 00-3.4-3.4.7.7 0 000 1.4zm0-3.4a5.3 5.3 0 015.4 5.4.7.7 0 001.3 0A6.7 6.7 0 0011.3 2a.7.7 0 000 1.3z"/%3E%3C/svg%3E');
}

.asl-MasterTour .cta .enquire {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20"%3E%3Cpath fill="%2323396a" d="M16.7 3H3.3C2.6 3 2 3.6 2 4.3v1.5l7.2 3.3a2 2 0 001.6 0L18 5.8V4.3c0-.7-.6-1.3-1.3-1.3M10 10.5c-.5 0-1 0-1.4-.3L2 7.2v7.5c0 .7.6 1.3 1.3 1.3h13.4c.7 0 1.3-.6 1.3-1.3V7.3l-6.6 3-1.4.2"/%3E%3C/svg%3E');
}

.asl-MasterTour .cta ul {
  padding: 12px 0;
}

.asl-MasterTour .cta li {
  padding: 12px 0 12px 30px;
  background-position: center left;
  color: #23396a;
}

.asl-MasterTour .cta li a {
  color: #23396a;
}

.asl-MasterTour .cta .tertiary {
  border-width: 0;
}

.asl-MasterTour .cta .button.enquire {
  background-repeat: no-repeat;
  background-position: 12px;
  padding-left: 23px;
}

.asl-MasterTour .cta .button.enquire.primary {
  background-image: none;
}

.asl-MasterTour .accordionNdc {
  border-width: 0;
  /* F2126: FAQ accordion 24/Nov/2023 */
}

.asl-MasterTour .accordionNdc .content {
  padding: 0 0 0 38px;
  background-position: left 25px;
  background-repeat: no-repeat;
}

.asl-MasterTour .accordionNdc .content .content {
  padding-left: 0;
}

.asl-MasterTour .accordionNdc .handle {
  margin: 0;
  padding: 24px 24px 24px 0;
  border: 0 #E3E3E3 solid;
  border-bottom-width: 1px;
}

.asl-MasterTour .accordionNdc .handle.opened {
  border-bottom-width: 0;
}

.asl-MasterTour .accordionNdc .handle + div {
  padding-bottom: 24px;
  border: 0 #E3E3E3 solid;
  border-bottom-width: 1px;
}

.asl-MasterTour .accordionNdc.faq .heading {
  text-align: center;
  position: relative;
}

.asl-MasterTour .accordionNdc.faq .heading .openAll {
  position: absolute;
  right: 0;
  bottom: 10px;
}

.asl-MasterTour .accordionNdc.faq .heading p:last-child {
  margin: 0 60px;
}

.asl-MasterTour .accordionNdc.faq .content {
  padding: 0;
}

.asl-MasterTour .accordionNdc.faq .content .handle {
  text-transform: uppercase;
  padding: 16px 66px 16px 16px;
  background-color: #DAE8F1;
  /* #TODO: Create a colour variable and picker an approriate colour */
  text-transform: uppercase;
  font-size: 16px;
  background-position: center right 16px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" viewBox="0 0 32 16"><rect fill="%23022839" x="0" y="7" width="16" height="2"/><rect fill="%23022839" x="7" y="0" width="2" height="16"/></svg>');
  border-color: #23396a;
}

.asl-MasterTour .accordionNdc.faq .content .handle.opened {
  color: #FFF;
  background-color: #23396a;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" viewBox="0 0 32 16"><rect fill="%23FFF" x="0" y="7" width="16" height="2"/></svg>');
}

.asl-MasterTour .accordionNdc.faq .content .handle + div {
  padding: 16px;
}

.asl-MasterTour .openAll {
  font-family: OpenSans-Semibold;
  font-size: 14px;
  color: #23396a;
  float: right;
}

.asl-MasterTour .itinerary {
  /* F2214 27/Mar/2024 */
}

.asl-MasterTour .itinerary .reverseItin {
  text-align: center;
}

.asl-MasterTour .itinerary .reverseItin .button {
  text-transform: uppercase;
  border-radius: 25px;
  margin: 0 8px;
  margin: 0 8px 10px 8px;
  white-space: nowrap;
}

.asl-MasterTour .itinerary .reverseItin .button svg {
  margin-right: 8px;
}

.asl-MasterTour .itinerary .reverseItin .button svg path {
  fill: #23396a;
}

.asl-MasterTour .itinerary .reverseItin .button:hover {
  background-color: #23396a;
  color: #FFF;
}

.asl-MasterTour .itinerary .reverseItin .button:hover svg path {
  fill: #FFF;
}

.asl-MasterTour .itinerary .reverseItin p {
  margin: 0 56px;
  padding: 0;
}

.asl-MasterTour .itinerary .reverseItin .openAll {
  margin-top: -36px;
}

.asl-MasterTour .itinerary .reverse {
  display: none;
  background-image: none;
}

.asl-MasterTour .itinerary .forward > svg, .asl-MasterTour .itinerary .reverse > svg {
  margin-right: 18px;
  vertical-align: middle;
}

.asl-MasterTour .itinerary .itinerary .video {
  background: none;
}

.asl-MasterTour .itinerary .itinerary .video .inlineVideo {
  position: static;
}

.asl-MasterTour .itinerary .itinerary .accordionNdc {
  background: 14px top no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='3000'%3E%%3Cline stroke-dasharray='7,3' y2='3000' x2='0.5' y1='0.5' x1='0.5' stroke-width='1' stroke='%23dcdcdc'/%3E%3C/svg%3E");
}

.asl-MasterTour .itinerary .itinerary .content {
  background-position: left 20px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29"%3E%3Ccircle cx="14.5" cy="14.5" r="14.5" fill="%230971b1"/%3E%3Cpath fill="%23FFF" d="M15 15a2 2 0 1 1 0-4 2 2 0 0 1 0 4m0-8c-4 0-6 3-6 6s6 10 6 10 6-7 6-10-2-6-6-6"/%3E%3C/svg%3E');
}

.asl-MasterTour .itinerary .itinerary .accordionNdc:first-of-type {
  background-position-y: 50px;
}

.asl-MasterTour .itinerary .itinerary .accordionNdc:first-of-type .content {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29"%3E%3Ccircle cx="14.5" cy="14.5" r="14.5" fill="%2357C496"/%3E%3Cpath fill="%23FFF" d="M20.076 13.376l-6.98-5.118C12.231 7.625 11 8.228 11 9.282v10.235c0 1.055 1.232 1.657 2.095 1.024l6.98-5.117c.7-.512.7-1.536 0-2.048"/%3E%3C/svg%3E');
}

.asl-MasterTour .itinerary .itinerary .accordionNdc:last-of-type {
  background-position-y: -2950px;
}

.asl-MasterTour .itinerary .itinerary .accordionNdc:last-of-type .content {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29"%3E%3Ccircle cx="14.5" cy="14.5" r="14.5" fill="%23b7202e"/%3E%3Cpath fill="%23FFF" d="M18.9 9h-8.8C9.495 9 9 9.495 9 10.1v8.8c0 .605.495 1.1 1.1 1.1h8.8c.605 0 1.1-.495 1.1-1.1v-8.8c0-.605-.495-1.1-1.1-1.1"/%3E%3C/svg%3E');
}

.asl-MasterTour .itinerary > ul {
  margin-top: 12px;
}

.asl-MasterTour .itinerary > ul li {
  display: inline-block;
  padding: 8px 38px;
  background-position: left center;
  background-repeat: no-repeat;
}

.asl-MasterTour .itinerary .independent {
  text-align: center;
}

.asl-MasterTour .itinerary .independent .options {
  padding: 10px 2%;
}

.asl-MasterTour .itinerary .independent .bell, .asl-MasterTour .itinerary .independent .camera, .asl-MasterTour .itinerary .independent .map {
  background-position: top center;
  background-repeat: no-repeat;
  margin-top: 32px;
  padding-top: 48px;
}

.asl-MasterTour .itinerary .independent .bell {
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.1 40.4H42v-1c0-.6-.4-1-1-1H3.2a1 1 0 0 0-1 1v1zm22.1-8h-4.4l-.4 4h5.3l-.5-4zm15.8-3c0-.5-.4-1-1-1H5a1 1 0 0 0-1 1c0 .6.4 1 1 1h34c.6 0 1-.4 1-1zM22 10.5c-8.3 0-15.1 7.2-15.1 16h30.3c0-8.8-6.8-16-15.2-16zm1-4h-2v2h2v-2zm2.8-3c0-.5-.4-1-1-1h-5.6a1 1 0 0 0-1 1c0 .6.5 1 1 1h5.7c.5 0 1-.4 1-1zm-22.7 33h14.4l.4-4H5a3 3 0 0 1-2.8-3 3 3 0 0 1 2.9-3A17.3 17.3 0 0 1 19.2 8.9V6.5a3 3 0 0 1-2.9-3 3 3 0 0 1 2.9-3h5.7a3 3 0 0 1 2.8 3 3 3 0 0 1-2.8 3v2.3c8 1.4 14.2 8.8 14.2 17.7a3 3 0 0 1 2.8 3 3 3 0 0 1-2.8 3H26l.5 3.9H41a3 3 0 0 1 2.8 3v2c0 .5-.4 1-1 1H1.3a1 1 0 0 1-1-1v-2a3 3 0 0 1 2.9-3' fill='%23243668'/%3E%3C/svg%3E");
}

.asl-MasterTour .itinerary .independent .camera {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23243668'%3E%3Cpath transform='rotate(-180 20 19.4)' d='M35.4 4h-31A2.6 2.6 0 0 0 2 6.4v5.1h12a10.3 10.3 0 0 1 18.7 0h5.2v-5c0-1.4-1.1-2.6-2.5-2.6zM14.8 16A8.6 8.6 0 1 0 32 16a8.6 8.6 0 0 0-17.2 0zM1.9 18.4h11.5a10.2 10.2 0 0 1 0-5.1H2v5.1zm36-5.1h-4.6a10.2 10.2 0 0 1 0 5.1H38v-5.1zM4.5 27.9h30.9c1.4 0 2.5-1.1 2.5-2.5v-5.2h-5.2a10.3 10.3 0 0 1-18.7 0H2v5.2c0 1.4 1 2.5 2.5 2.5zM7 30.5h1.7v-.8H7v.8zm9.9 3.6c.1.4.4.7.8.7h11c.5 0 .8-.3 1-.7l1-4.4h-15L17 34zm18.4-4.4h-2.8l-1.2 4.9c-.3 1.1-1.3 2-2.5 2h-11c-1.2 0-2.3-.9-2.6-2l-1.2-5h-3.6v1c0 .9-.8 1.6-1.7 1.6H7c-1 0-1.8-.7-1.8-1.7v-.8h-.8c-2.4 0-4.3-2-4.3-4.3V6.5c0-2.4 2-4.3 4.3-4.3h30.9c2.3 0 4.2 2 4.2 4.3v18.9c0 2.3-1.9 4.3-4.2 4.3'/%3E%3C/g%3E%3C/svg%3E");
}

.asl-MasterTour .itinerary .independent .map {
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2313273b'%3E%3Cpath d='M16 22.3a6.5 6.5 0 0 0-3-.2l-.4-2a8.5 8.5 0 0 1 4 .4l-.6 1.8zm18.6 1.1-1.9-.5.2-.9h1.9c0 .5 0 1-.2 1.4zM21.1 25l-.5-.3-2.7-1.5.9-1.7 2.7 1.5.5.3-1 1.7zm-12.7.3a5 5 0 0 1 1.7-4l1.3 1.5c-1 .8-1.1 2.2-1.1 2.4l-2 .1zm20.8 2-.2-2c1.3-.1 2.3-.5 2.9-1l1.2 1.5c-1 .8-2.2 1.2-3.9 1.4zm-2.4 0c-1 0-2.3-.5-3.8-1.2l.9-1.8c1.3.7 2.3 1 3 1.1v2m1.4-3.2h-2V11.9h2v12.3m-13.8-8.6-.8-1.8 14-6.8.9 1.7-14 6.9'/%3E%3Cpath d='M34.5 2.4a5.3 5.3 0 0 0-4.7 7.7c.7 1.4 3.4 5.2 4.7 7.2 1.4-2 4-5.9 4.8-7.3a5.3 5.3 0 0 0-4.8-7.6zm0 18.2-.8-1.1a137 137 0 0 1-5.6-8.5A7.2 7.2 0 0 1 34.5.4 7.2 7.2 0 0 1 41 10.8a110 110 0 0 1-5.7 8.7l-.8 1'/%3E%3Cpath d='M34.5 6a1.6 1.6 0 1 0 0 3.2 1.6 1.6 0 0 0 0-3.1zm0 5.2a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7M15 43.1a1 1 0 0 1-.5 0l-3-1.5 1-1.8 1.5.8V39h2v3.2a1 1 0 0 1-1 1'/%3E%3Cpath d='M16 41h-2V23h2v18'/%3E%3Cpath d='M13.3 42.4 1.6 36.7v-30l14.3 7v5.5h-2V15L3.7 9.8v25.7l10.6 5.2-.9 1.7m7.7-2.2-.8-1.7 6-3v-7.4h2v8c0 .4-.2.7-.6.9l-6.6 3.2'/%3E%3Cpath d='M15 43.1a1 1 0 0 1-.5-1.8l6.7-3.3c.4-.2 1 0 1.2.5.3.5 0 1-.4 1.3L15.4 43a1 1 0 0 1-.4.1m25.6.6L26 36.6l.9-1.8 11.8 5.8V14.2h2v29.5M10.5 32l-4.2-4.2 1.3-1.3 4.3 4.2-1.4 1.3'/%3E%3Cpath d='m7.6 32-1.3-1.3 4.2-4.2 1.4 1.3L7.6 32'/%3E%3C/g%3E%3C/svg%3E");
}

.asl-MasterTour .itinerary.alt .options {
  padding: 10px 0;
}

.asl-MasterTour .itinerary.alt .options > div:first-child {
  padding-left: 0;
}

.asl-MasterTour .itinerary .independent, .asl-MasterTour .itinerary.alt {
  /* Horizontal scrolling options */
}

.asl-MasterTour .itinerary .independent .itinerary, .asl-MasterTour .itinerary.alt .itinerary {
  margin-top: 16px;
}

.asl-MasterTour .itinerary .independent .handle, .asl-MasterTour .itinerary.alt .handle {
  text-align: left;
}

.asl-MasterTour .itinerary .independent > .h2, .asl-MasterTour .itinerary.alt > .h2 {
  text-align: center;
}

.asl-MasterTour .itinerary .independent .h3 + img, .asl-MasterTour .itinerary.alt .h3 + img {
  margin-bottom: 16px;
}

.asl-MasterTour .itinerary .independent .h4, .asl-MasterTour .itinerary.alt .h4 {
  color: #0971b1;
}

.asl-MasterTour .itinerary .independent .h3, .asl-MasterTour .itinerary .independent .h4, .asl-MasterTour .itinerary.alt .h3, .asl-MasterTour .itinerary.alt .h4 {
  text-transform: uppercase;
}

.asl-MasterTour .itinerary .independent .desc, .asl-MasterTour .itinerary.alt .desc {
  max-width: 720px;
  margin: 0 auto;
}

.asl-MasterTour .itinerary .independent a:hover, .asl-MasterTour .itinerary.alt a:hover {
  color: inherit;
  text-decoration: inherit;
}

.asl-MasterTour .itinerary .independent .location .map, .asl-MasterTour .itinerary.alt .location .map {
  background-image: none;
}

.asl-MasterTour .itinerary .independent .options, .asl-MasterTour .itinerary.alt .options {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  /* Hide the scrollbar - https://blog.hubspot.com/website/hide-scrollbar-css */
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
}

.asl-MasterTour .itinerary .independent .options > div, .asl-MasterTour .itinerary.alt .options > div {
  display: inline-block;
  white-space: normal;
  width: 360px;
  max-width: 80%;
  margin-right: 34px;
  background: #fafafa;
  border-radius: 4px;
  padding: 5px;
  vertical-align: top;
}

.asl-MasterTour .itinerary .independent .options > div:last-child, .asl-MasterTour .itinerary.alt .options > div:last-child {
  margin-right: 0;
}

.asl-MasterTour .itinerary .independent .options::-webkit-scrollbar, .asl-MasterTour .itinerary.alt .options::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

.asl-MasterTour .itinerary .independent .hotels .options > div, .asl-MasterTour .itinerary .independent .excursions .options > div, .asl-MasterTour .itinerary.alt .hotels .options > div, .asl-MasterTour .itinerary.alt .excursions .options > div {
  width: 240px;
}

.asl-MasterTour .dotNav {
  text-align: center;
}

.asl-MasterTour .dotNav a {
  /* 6x6 grey circle */
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  padding: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='3' cx='3' cy='3' fill='%23DCDCDC'/%3E%3C/svg%3E");
}

.asl-MasterTour .dotNav a:hover {
  text-decoration: none;
}

.asl-MasterTour .dotNav a.on {
  /* 10x10 dark grey circle */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='5' cx='5' cy='5' fill='%2343525C'/%3E%3C/svg%3E");
  width: 10px;
  height: 10px;
}

.asl-MasterTour .hotels .hotel {
  display: inline-block;
  box-sizing: border-box;
  width: 390px;
  max-width: 99%;
  margin: 0 10px 10px 0;
  border-radius: 4px;
  border: solid 1px #E3E3E3;
  background: #FAFAFA;
}

.asl-MasterTour .hotels .hotel p {
  margin: 16px;
  padding: 0;
}

.asl-MasterTour .hotels .hotel .h3 {
  font-size: 18px;
}

.asl-MasterTour .hotels .hotel a:last-child {
  font-family: OpenSans-Semibold;
  padding-right: 16px;
  background: center right no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpolygon fill='%231097DB' points='336 204 342 211 330 211' transform='matrix(0 -1 -1 0 211.5 342.5)'/%3E%3C/svg%3E");
}

.asl-MasterTour .hotels.tabbedSlider .tour {
  min-height: auto;
}

.asl-MasterTour .hotels.tabbedSlider .tour img {
  border-radius: 4px 4px 0 0;
  min-height: 190px;
}

.asl-MasterTour .tailorMadeBrochure {
  background: #e2f0f9;
  padding: 24px 0;
  text-align: center;
}

.asl-MasterTour .tailorMadeBrochure .tabletHalf {
  padding: 0 36px;
  box-sizing: border-box;
}

.asl-MasterTour .tailorMadeBrochure .tabletHalf.brochure {
  min-height: 234px;
  padding-left: 175px;
  position: relative;
}

.asl-MasterTour .tailorMadeBrochure .tabletHalf.brochure a {
  margin-left: 0;
}

.asl-MasterTour .tailorMadeBrochure .tabletHalf.brochure .clip {
  position: initial;
  height: auto;
}

.asl-MasterTour .tailorMadeBrochure .tabletHalf.brochure .clip img {
  width: auto;
  height: 200px;
  position: absolute;
  right: unset;
  left: 0;
  top: 16px;
}

.asl-MasterTour .tailorMadeBrochure .tailorMade .caption {
  padding-bottom: 24px;
}

.asl-MasterTour .tailorMade .tabletHalf, .asl-MasterTour .tailorMade .tabletThreeQuarters {
  vertical-align: middle;
  padding: 12px 8px 26px 8px;
  box-sizing: border-box;
}

.asl-MasterTour .tailorMade .tabletHalf > div, .asl-MasterTour .tailorMade .tabletThreeQuarters > div {
  float: right;
  margin-right: 24px;
}

.asl-MasterTour .tailorMade .tabletHalf + .tabletHalf, .asl-MasterTour .tailorMade .tabletHalf .tabletQuarter, .asl-MasterTour .tailorMade .tabletThreeQuarters + .tabletHalf, .asl-MasterTour .tailorMade .tabletThreeQuarters .tabletQuarter {
  text-align: left;
  padding: 0;
}

.asl-MasterTour .tailorMade .caption {
  font-size: 14px;
}

.asl-MasterTour .tailorMade img {
  max-height: 50px;
  margin: 0 24px 24px 0;
}

.asl-MasterTour .brochure {
  background: #e2f0f9;
}

.asl-MasterTour .brochure .caption {
  font-size: 14px;
}

.asl-MasterTour .brochure > div > div {
  display: grid;
  width: 90%;
  text-align: center;
  padding: 12px 0;
}

.asl-MasterTour .brochure .clip {
  position: relative;
  overflow: hidden;
  height: 165px;
  /* # TODO: Javascript override this value if the description is longer? */
  margin: 0;
}

.asl-MasterTour .brochure .clip img {
  transform: rotate(-11deg);
  width: 200px;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -100px;
}

.asl-MasterTour .brochure a {
  margin-left: 24px;
  text-decoration: underline;
  color: #23396a;
}

.asl-MasterTour .brochure a > svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.asl-MasterTour .brochure a > svg path {
  fill: #0971b1;
}

.asl-MasterTour .brochure.independent > div > div {
  text-align: left;
  width: auto;
}

.asl-MasterTour .brochure.independent img {
  height: 250px;
  margin: 24px 48px 24px 0;
}

.asl-MasterTour .brochure.independent a {
  margin-left: 0;
  text-decoration: none;
}

.asl-MasterTour .brochure.independent .h2, .asl-MasterTour .brochure.independent .button {
  text-transform: uppercase;
}

.asl-MasterTour .reviews .tabletThird, .asl-MasterTour .reviews .tabletTwoThirds {
  display: inline-block;
}

.asl-MasterTour .reviews .review {
  margin: 0;
  padding: 30px 0;
  border-bottom: 1px solid #E3E3E3;
}

.asl-MasterTour .reviews .displayName {
  font-family: OpenSans-Semibold;
}

.asl-MasterTour .reviews .title {
  font-family: OpenSans-Semibold;
  font-size: 16px;
}

.asl-MasterTour .reviews .createdAt, .asl-MasterTour .reviews .media {
  text-align: right;
}

.asl-MasterTour .reviews .viewGallery {
  position: relative;
  display: inline-block;
}

.asl-MasterTour .reviews .viewGallery div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
}

.asl-MasterTour .reviews .viewGallery span {
  padding-left: 32px;
  background: left center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M16 7.8a.7.7 0 01-.8-.7.7.7 0 01.8-.7.7.7 0 01.8.7.7.7 0 01-.8.7m-6 7c-2 0-3.8-1.7-3.8-3.7S8 7.5 10 7.5c2 0 3.8 1.6 3.8 3.6S12 14.7 10 14.7m6.8-10.5h-1.9L13.4 2H6.6L5.1 4.2H3.3C2 4.2 1 5.2 1 6.4v9.4C1 17 2 18 3.3 18h13.4c1.3 0 2.3-1 2.3-2.2V6.4c0-1.2-1-2.2-2.3-2.2'/%3E%3C/svg%3E");
}

.asl-MasterTour .reviews .viewGallery span:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.asl-MasterTour .reviews .paging {
  text-align: center;
}

.asl-MasterTour .reviews .paging .tertiary {
  margin: 20px;
}

.asl-MasterTour .reviews .paging p {
  padding: 10px;
}

.asl-MasterTour .shipPlanButtons .button {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 12px;
}

.asl-MasterTour .map {
  background-image: none;
}

.asl-MasterTour .incUpg + p {
  margin-top: 5px;
}

.asl-MasterTour .incUpg::before {
  content: 'Option';
  color: #fff;
  font-size: smaller;
  display: inline-block;
  background-color: #0971b1;
  border-radius: 16px;
  padding: 4px 12px;
  margin-top: 4px;
  margin-bottom: 8px;
}

.asl-MasterTour .options div:first-child .incUpg::before {
  content: 'Included';
  background-color: #57C496;
}

.asl-MasterTour .alt {
  text-align: center;
}

.asl-MasterTour .alt.headline h1 {
  padding-right: 32px;
}

.asl-MasterTour .alt.headline h1 span {
  white-space: nowrap;
}

.asl-MasterTour .alt.year .button:last-of-type {
  margin-right: 0;
}

.asl-MasterTour .alt.dayPrice > div {
  display: inline-block;
  min-width: 160px;
  vertical-align: middle;
  padding-right: 16px;
  margin: 16px 16px 0 0;
  box-sizing: border-box;
  color: #ABAAAA;
  font-size: 14px;
  white-space: nowrap;
  /* "1023 and below we can hide the 'dates and prices' button in the header as sticky footer is there already" */
  /* D5365: .btn replaces :last-child 27/Jan/2026 */
}

.asl-MasterTour .alt.dayPrice > div b {
  text-transform: uppercase;
  font-size: 20px;
  color: #23396a;
  background: none;
  margin: 0;
  padding: 0;
}

.asl-MasterTour .alt.dayPrice > div.btn {
  display: none;
}

.asl-MasterTour .alt.whatsIncluded > ul {
  text-align: left;
}

.asl-MasterTour .alt.whatsIncluded > ul li li {
  margin-left: 0;
}

.asl-MasterTour .alt.whatsIncluded > ul li ul {
  border-bottom: 1px solid #23396a;
}

.asl-MasterTour .alt.whatsIncluded > ul:last-of-type li:last-child ul {
  border-bottom-width: 0;
}

.asl-MasterTour .alt.tourHighlights .highlights {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 10px 2%;
  scroll-behavior: smooth;
  /* Hide the scrollbar - https://blog.hubspot.com/website/hide-scrollbar-css */
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
}

.asl-MasterTour .alt.tourHighlights .highlights::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

.asl-MasterTour .alt.tourHighlights .handle {
  position: absolute;
  bottom: 195px;
}

.asl-MasterTour .alt.tourHighlights .handle.prev {
  left: 0;
}

.asl-MasterTour .alt.tourHighlights .handle.next {
  right: 0;
}

.asl-MasterTour .alt.tourHighlights .highlight {
  display: inline-block;
  width: 75%;
  max-width: 275px;
  margin-right: 1%;
  height: 410px;
  position: relative;
}

.asl-MasterTour .alt.tourHighlights img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.asl-MasterTour .alt.tourHighlights .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  color: #fff;
  background: linear-gradient(#23396a00,#23396aff);
  white-space: normal;
}

.asl-MasterTour .alt.tourHighlights .overlay .h2 {
  color: #fff;
  margin-top: 0;
}

.asl-MasterTour .alt.itinerary {
  text-align: left;
}

.asl-MasterTour .alt.itinerary .accordionNdc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='3000'%3E%%3Cline y2='3000' x2='0.5' y1='0.5' x1='0.5' stroke-width='1' stroke='%23dcdcdc'/%3E%3C/svg%3E");
  background-position-x: 25px;
  padding-bottom: 32px;
}

.asl-MasterTour .alt.itinerary .accordionNdc .content {
  padding: 0;
}

.asl-MasterTour .alt.itinerary .accordionNdc.nbg {
  background: none;
}

.asl-MasterTour .alt.itinerary .additional .accordionNdc {
  background: none;
}

.asl-MasterTour .alt.itinerary .handle {
  position: relative;
  min-height: 50px;
  background-color: #FAFAFA;
  padding: 12px 66px;
  border-width: 0;
  box-sizing: border-box;
  /* RD : $TEXT:$VOLCANIC:#022839; */
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" viewBox="0 0 32 16"><rect fill="%23022839" x="0" y="7" width="16" height="2"/><rect fill="%23022839" x="7" y="0" width="2" height="16"/></svg>');
}

.asl-MasterTour .alt.itinerary .handle svg {
  position: absolute;
  top: 0;
  left: 0;
}

.asl-MasterTour .alt.itinerary .handle svg .day {
  font-size: 12px;
  fill: #23396a;
}

.asl-MasterTour .alt.itinerary .handle svg .number {
  font-size: 24px;
  fill: #23396a;
}

.asl-MasterTour .alt.itinerary .handle svg .topbar {
  fill: #23396a;
}

.asl-MasterTour .alt.itinerary .handle svg .outline {
  fill: white;
  stroke: #23396a;
}

.asl-MasterTour .alt.itinerary .handle.opened {
  background-color: #DAE8F1;
  /* #TODO: Create a colour variable and picker an approriate colour */
  border-color: #23396a;
  border-width: 1px 1px 0 1px;
}

.asl-MasterTour .alt.itinerary .handle.opened .day, .asl-MasterTour .alt.itinerary .handle.opened .number {
  fill: white;
}

.asl-MasterTour .alt.itinerary .handle.opened .outline {
  fill: #23396a;
}

.asl-MasterTour .alt.itinerary .handle.opened + div {
  background-color: #FAFAFA;
  padding: 32px 50px;
  border-color: #23396a;
  border-width: 0 1px 1px 1px;
}

.asl-MasterTour .alt.itinerary .handle.opened {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="16" viewBox="0 0 32 16"><rect fill="%23022839" x="0" y="7" width="16" height="2"/></svg>');
}

.asl-MasterTour .alt.itinerary .handle i {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 50px;
  display: block;
  min-height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: unset;
}

.asl-MasterTour .alt.itinerary .travel, .asl-MasterTour .alt.itinerary .hotels, .asl-MasterTour .alt.itinerary .excursions {
  margin-top: 32px;
}

.asl-MasterTour .tourHeader .cta {
  /* The .tourHeader .cta is used by the sticky footer */
  display: none;
}

.asl-MasterTour .hotelStar {
  color: #FDDB3F;
  font-size: 22px;
  margin-top: -10px;
}

.asl-MasterTour .hotelStar.star1::before {
  content: '\2605';
}

.asl-MasterTour .hotelStar.star2::before {
  content: '\2605 \2605';
}

.asl-MasterTour .hotelStar.star3::before {
  content: '\2605 \2605 \2605';
}

.asl-MasterTour .hotelStar.star4::before {
  content: '\2605 \2605 \2605 \2605';
}

.asl-MasterTour .hotelStar.star5::before {
  content: '\2605 \2605 \2605 \2605 \2605';
}

.specialOfferAlt {
  background-color: #b7202e;
  color: #fff;
  padding: 4px;
}

.specialOfferAlt .siteWidth {
  text-align: center;
}

.specialOfferAlt.operatedBy {
  background-color: #23396a;
  color: #fff;
}

.specialOfferAlt.isValueTour {
  text-align: center;
  background-color: #FAFAFA;
}

.specialOfferAlt .title, .specialOfferAlt .logo {
  border: 1px solid #fff;
  border-radius: 4px;
  vertical-align: middle;
  padding: 0 24px;
  height: 50px;
  line-height: 50px;
  margin: 4px 0;
  font-family: OpenSans-Semibold;
  white-space: nowrap;
}

.specialOfferAlt .logo {
  padding: 0;
}

.specialOfferAlt .logo img {
  border-radius: 4px;
  max-height: 50px;
}

.specialOfferAlt .desc {
  margin-left: 24px;
}

.specialOfferAlt .desc p {
  display: inline;
}

.specialOfferAlt .desc a {
  white-space: nowrap;
  color: #fff;
}

.specialOfferAlt .desc a:hover {
  color: #fff;
}

.specialOfferAlt + .specialOfferAlt {
  border-top: 1px solid #fff;
}

.upgradesAlt .h2 {
  text-align: center;
}

.upgradesAlt > div {
  margin-top: 32px;
  border-top: 1px solid #E3E3E3;
}

.upgradesAlt img {
  margin-top: 24px;
}

.brochureAlt {
  background: #FAFAFA;
}

.brochureAlt img {
  max-width: 150px;
}

.brochureAlt .siteWidth {
  padding: 32px 24px;
  box-sizing: border-box;
}

.brochureAlt .siteWidth div:first-child {
  text-align: center;
}

/* Override the old stylesheet with the new colours */
.review .comment {
  background: #f7941d;
}

.review .comment:first-child::before {
  color: #f7941d;
}

.review .comment.customer {
  background: #0971b1;
}

.review .comment.customer:first-child::before {
  color: #0971b1;
}

.stickyFooter {
  position: fixed;
  bottom: 0;
  background: #FAFAFA;
  width: 100%;
  text-align: center;
  transition: bottom 0.4s;
  z-index: 8;
}

.stickyFooter.cta {
  margin: 0;
}

.stickyFooter.cta .call {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20"%3E%3Cpath fill="%2323396a" d="M15.5 11.5a1.5 1.5 0 00-2.1 0l-1.8 1.8a9.1 9.1 0 01-4.9-5l1.8-1.7a1.5 1.5 0 000-2L6.4 2.3a1.5 1.5 0 00-2.1 0l-1 1a4.4 4.4 0 00-1.2 4A13.3 13.3 0 0012.6 18a4.4 4.4 0 004-1.2l1-1a1.5 1.5 0 000-2l-2.1-2.2zm-4.2-4.8a2 2 0 012 2 .7.7 0 001.4 0 3.3 3.3 0 00-3.4-3.4.7.7 0 000 1.4zm0-3.4a5.3 5.3 0 015.4 5.4.7.7 0 001.3 0A6.7 6.7 0 0011.3 2a.7.7 0 000 1.3z"/%3E%3C/svg%3E');
}

.stickyFooter.cta .enquire {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20"%3E%3Cpath fill="%2323396a" d="M16.7 3H3.3C2.6 3 2 3.6 2 4.3v1.5l7.2 3.3a2 2 0 001.6 0L18 5.8V4.3c0-.7-.6-1.3-1.3-1.3M10 10.5c-.5 0-1 0-1.4-.3L2 7.2v7.5c0 .7.6 1.3 1.3 1.3h13.4c.7 0 1.3-.6 1.3-1.3V7.3l-6.6 3-1.4.2"/%3E%3C/svg%3E');
}

.stickyFooter.cta li {
  color: #23396a;
}

.stickyFooter.cta li a {
  color: #23396a;
}

.stickyFooter .button {
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  margin: 8px 12px 8px 0;
}

.stickyFooter .button:last {
  margin-right: 0;
}

.year.siteWidth {
  margin-bottom: 16px;
}

.year .button {
  border-radius: 26px;
  font-size: 22px;
  margin-right: 8px;
  padding: 0 26px;
}

.year .button.tertiary {
  color: #ABAAAA;
  border-color: #ABAAAA;
}

.year .button.tertiary:hover {
  color: #fff;
}

.year .button:last-of-type {
  margin-right: 16px;
}

.year .upper {
  margin-bottom: 10px;
}

.year .dayPrice {
  display: block;
}

.year .days, .year .price {
  font-size: 20px;
  display: inline-block;
}

.year .price .cur {
  /* D3963: Make the current price larger than the surrounding text */
  font-size: 21px;
}

.year .price .was .cur {
  font-size: 20px;
}

.year .price .now .cur {
  font-size: 21px;
}

.mobilityRating {
  float: right;
  margin-top: 24px;
  white-space: nowrap;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}

.mobilityRating.alt {
  float: none;
  margin: 0;
  line-height: 48px;
}

.mobilityRating svg {
  vertical-align: middle;
  max-height: 25px;
  max-width: 25px;
}

.mobilityRating.mobilityRating1 path {
  fill: #2fa8e1;
}

.mobilityRating.mobilityRating2 path {
  fill: #52bbb5;
}

.mobilityRating.mobilityRating3 path {
  fill: #fec811;
}

.mobilityRating.mobilityRating4 path {
  fill: #f39200;
}

.mobilityRating.mobilityRating5 path {
  fill: #f00;
}

.mobilityRating + * {
  clear: both;
}

.mobilityRating .info {
  display: none;
  position: absolute;
  bottom: 50px;
  right: 0;
  white-space: normal;
  font-weight: normal;
  width: 300px;
  padding: 10px;
  color: #23396a;
  background: #f5bc2a;
  z-index: 10;
  line-height: 150%;
  /* The Arrow */
}

.mobilityRating .info:after {
  content: "";
  position: absolute;
  bottom: -20px;
  border: 10px solid #f5bc2a;
  border-color: #f5bc2a transparent transparent transparent;
  right: 82px;
}

.whatsIncluded > ul > li {
  padding: 8px 0 8px 32px;
}

.whatsIncluded > ul > li li {
  margin-left: -32px;
}

.whatsIncluded li > ul {
  margin-top: 16px;
}

.includes li {
  padding: 8px 0 0 32px;
}

.similarToursSlider .tabbedSlider {
  background: none;
}

@media (max-width: 375px) {
  .year .button {
    padding: 0 20px;
  }
  .stickyFooter .prices {
    padding: 0 16px;
  }
}

@media (min-width: 600px) {
  .specialOfferAlt .siteWidth {
    display: flex;
    align-items: center;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .asl-MasterTour .hero .float {
    top: 12px;
  }
  .asl-MasterTour .hero .float a {
    margin-right: 12px;
    margin-bottom: 12px;
  }
  .asl-MasterTour .specialOffer .desc {
    min-width: 365px;
  }
  .asl-MasterTour .hotels .hotel {
    vertical-align: top;
    width: 49.5%;
    margin-right: 1%;
  }
  .asl-MasterTour .hotels .hotel:nth-child(2n) {
    margin-right: 0;
  }
  .asl-MasterTour .tailorMadeBrochure {
    text-align: left;
  }
  .asl-MasterTour .brochure .clip img {
    right: 24px;
    left: unset;
    margin-left: 0;
  }
  .asl-MasterTour .brochure > div > div {
    display: inline-block;
    width: 33%;
    box-sizing: border-box;
    vertical-align: middle;
    margin: 12px 0 26px 0;
  }
  .asl-MasterTour .brochure.independent .text {
    width: calc(100% - 325px);
  }
  .asl-MasterTour .alt.whatsIncluded > ul {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #23396a;
    padding-left: 32px;
    padding-right: 32px;
  }
  .asl-MasterTour .alt.whatsIncluded > ul:first-of-type {
    padding-left: 0;
  }
  .asl-MasterTour .alt.whatsIncluded > ul:last-of-type {
    border-right-width: 0;
    padding-right: 0;
  }
  .asl-MasterTour .alt.whatsIncluded > ul li ul {
    border-bottom: 1px solid #23396a;
  }
  .asl-MasterTour .alt.whatsIncluded > ul li:last-child ul {
    border-bottom-width: 0;
  }
  .stickyFooter ul.portraitOrMore, .stickyFooter li {
    display: inline-block !important;
    margin: 4px 16px;
    padding: 0;
  }
  .year .button {
    height: 58px;
    border-radius: 30px;
    line-height: 58px;
    font-size: 24px;
    margin-right: 12px;
    padding: 0 30px;
  }
  .year .dayPrice {
    display: inline-block;
  }
  .year .trustpilot {
    margin-top: 16px;
  }
  .whatsIncluded > ul > li li {
    margin-left: 0;
  }
  .tabletHalf, tabletThreeQuarters, tabletQuarter {
    display: inline-block;
  }
  .brochureAlt .siteWidth div {
    display: inline-block;
    max-width: 70%;
    vertical-align: middle;
  }
  .brochureAlt .siteWidth div:first-child {
    margin-right: 32px;
  }
  .brochureAlt p:last-child {
    margin-top: 16px;
  }
}

@media (min-width: 1024px) {
  .asl-MasterTour .hero .float {
    right: 25%;
    bottom: -16px;
    top: unset;
  }
  .asl-MasterTour .hero .float a {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 0;
  }
  .asl-MasterTour .desktopQuarter, .asl-MasterTour .desktopThreeQuarters {
    display: inline-block !important;
    margin-top: 16px;
  }
  .asl-MasterTour .tailorMadeBrochure {
    padding: 36px 0;
  }
  .asl-MasterTour .tailorMadeBrochure .tabletHalf {
    padding: 0 48px;
  }
  .asl-MasterTour .tailorMadeBrochure .tailorMade {
    padding-top: 24px;
  }
  .asl-MasterTour .hotels .hotel {
    width: 32%;
    margin-right: 1.5%;
  }
  .asl-MasterTour .hotels .hotel:nth-child(2n) {
    margin-right: 1.5%;
  }
  .asl-MasterTour .hotels .hotel:nth-child(3n) {
    margin-right: 0;
  }
  .asl-MasterTour .alt.dayPrice > div {
    min-width: 175px;
    border-right: 1px solid #E3E3E3;
  }
  .asl-MasterTour .alt.dayPrice > div:last-child {
    display: inline-block;
    border-width: 0;
    padding-right: 0;
    margin-right: 0;
  }
  .year .trustpilot {
    position: absolute;
    right: 0;
    bottom: 1px;
  }
  .specialOfferAlt + .hero .heroSection.grid {
    margin-top: 6px;
  }
}

.myArea .loginForm {
  z-index: 3;
  position: absolute;
  width: 100%;
  margin-top: 35px;
  padding-top: 0;
}

.myArea .loginForm > .siteWidth {
  text-align: center;
}

.myArea .loginForm > .siteWidth .column {
  display: block;
  text-align: left;
}

.myArea .loginForm > .siteWidth .column label {
  width: 156px;
  text-align: right;
  vertical-align: top;
  padding-top: 4px;
}

.myArea .loginForm .innerBox {
  width: 470px;
  max-width: 95%;
  margin: 5px auto 0 auto;
  padding: 25px 15px 15px 10px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}

.myArea .loginForm input[type="text"], .myArea .loginForm input[type="password"] {
  width: 168px;
  margin-bottom: 12px;
}

.myArea .loginForm input[type="submit"] {
  margin: 0 0 5px 163px;
  width: 186px;
}

.myArea .sideCol, .myArea .mainCol {
  padding-top: 16px;
}

.myArea h1:first-child {
  margin-top: 0;
}

.myArea .sideTabs h4 {
  color: #fff;
  background-color: #23396a;
  text-transform: uppercase;
  border-radius: 8px 8px 0 0;
  padding: 10px 15px;
  margin: 0;
}

.myArea .sideTabs h5 {
  margin: 15px 15px 0 15px;
  font-size: 16px;
}

.myArea .sideTabs > div {
  border-radius: 0 0 8px 8px;
  padding-bottom: 12px;
  background: #E3E3E3;
}

.myArea .sideTabs > div ul {
  border-top-width: 0;
  padding: 5px 15px;
}

.myArea .sideTabs > div li {
  border-width: 0;
  position: relative;
  margin: 0;
}

.myArea .sideTabs > div li svg {
  position: absolute;
  top: 0;
  left: 0;
}

.myArea .sideTabs > div li svg .back {
  fill: #0971b1;
}

.myArea .sideTabs > div li a {
  border-width: 0;
  background: none;
  padding: 0 0 0 30px;
  line-height: 24px;
  margin: 8px 0;
}

.myArea .sideTabs > div li.required svg .back {
  fill: #b7202e;
}

.myArea .sideTabs > div li.complete svg .back {
  fill: #2EAA00;
}

.myArea .sideTabs .logout {
  display: block;
  margin: 15px 20px 0 20px;
  max-width: 260px;
  color: #fff;
  background-color: #b7202e;
}

.myArea .field {
  /* F1693: 8/May/2019 */
}

.myArea .field:after {
  content: "";
  display: block;
  clear: both;
}

.myArea .field h3 small {
  float: right;
  font-size: 14px;
}

.myArea .field h3.collapsed:after, .myArea .field h3.expanded small {
  display: none;
}

.myArea .field .content {
  padding-top: 22px;
}

.myArea .field .content > .button.primary {
  margin: 12px 0;
}

.myArea .field .inset {
  margin: 0 0 10px 0;
}

.myArea .field input.readonly {
  background: none;
  width: 100%;
  max-width: 482px;
  margin-bottom: 2px;
}

.myArea .field input.readonly + p {
  font-style: italic;
  color: #888;
}

.myArea .inset {
  margin-bottom: 10px;
  padding: 17px;
  background: #f4f4f4;
  border: 1px solid #bbb;
}

.myArea .inset input, .myArea .inset select {
  background-color: #fff;
}

.myArea .content .inset {
  margin-bottom: 0;
}

.myArea .content .inset + .inset {
  margin-top: 10px;
}

.myArea .sameAsAbove {
  margin: 10px 0;
  cursor: pointer;
}

.myArea .sameAsAbove input {
  width: auto;
}

.myArea input[type="checkbox"] {
  margin: 3px 5px;
}

.myArea .next {
  text-align: right;
  padding: 16px 0;
  display: none;
}

.myArea .column.confirmInsurance input[type="checkbox"], .myArea .column.confirmInsurance label, .myArea .column.confirmVisa input[type="checkbox"], .myArea .column.confirmVisa label {
  width: auto;
  display: inline-block;
}

.myArea .caption.overlay {
  display: none;
}

.myArea .padlock {
  background-repeat: no-repeat;
  padding-left: 24px;
}

@media (max-width: 767px) {
  .myArea .main {
    display: block;
  }
  .myArea .sideCol {
    padding-right: 0;
  }
  .myArea .overview br {
    display: none;
  }
  .myArea .sideTabs .mobileOnly {
    /* Expand/collapse chevron */
    background-position: center right 15px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"%3E%3Cpath fill="%23fff" fill-rule="evenodd" d="M5.8 6.545L11.8 0h-12z"/%3E%3C/svg%3E');
    border-radius: 8px;
    cursor: pointer;
  }
  .myArea .sideTabs .mobileOnly.open {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"%3E%3Cpath fill="%23fff" fill-rule="evenodd" d="M6 0l6 6.545H0z"/%3E%3C/svg%3E');
    border-radius: 8px 8px 0 0;
  }
  .myArea .sideTabs > div {
    display: none;
  }
  .myArea .transfer .inset {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .myArea .main {
    display: flex;
  }
  .myArea .sideCol {
    padding-right: 20px;
    width: 33%;
    max-width: 300px;
  }
  .myArea .overview div {
    display: inline-block;
    min-width: 49.5%;
  }
  .myArea .transfer {
    display: flex;
  }
  .myArea .transfer div:first-child {
    margin-right: 2%;
  }
  .myArea .transfer .passenger .column {
    width: auto;
  }
}