/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles.scss ***!
  \**********************************************************************************************************/
@font-face {
  font-family: "rocky";
  src: url("https://static.directferries.co.uk/fonts/rocky-bolditalic.woff2") format("woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: "mundial-light";
  src: url("https://static.directferries.co.uk/fonts/mundial-light.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: "mundial-demibold";
  src: url("https://static.directferries.co.uk/fonts/mundial-demibold.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  ascent-override: 90%;
}
.tk-rocky {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
}

.tk-mundial {
  font-family: mundial, sans-serif;
}

.demi {
  font-weight: 600;
}

h1 {
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 769px) {
  h1 {
    font-size: 32px;
    line-height: 40px;
  }
}

h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 769px) {
  h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

h3 {
  font-size: 20px;
  line-height: 24px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

@media (hover: hover) and (pointer: fine) {
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    text-decoration: underline;
  }
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input, body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

button, a {
  touch-action: manipulation;
}

html, body {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, b {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

p {
  font-size: 16px;
  line-height: 24px;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
}

button, input, body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  padding: 0;
}

[role=button], button {
  cursor: pointer;
}

button, input, body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button, input:not([type=checkbox]), body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:not([type=checkbox]), body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:not([type=checkbox]) {
  overflow: visible;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button, select {
  text-transform: none;
}

button {
  border: none;
  background-color: transparent;
}

li {
  list-style-type: none;
}

.df-grey__background {
  background-color: #212121;
}

.df-grey80__background {
  background-color: #4D4D4D;
}

.df-grey60__background {
  background-color: #7A7A7A;
}

.df-grey40__background {
  background-color: #A6A6A6;
}

.df-grey20__background {
  background-color: #D4D4D4;
}

.df-grey10__background {
  background-color: #E8E8E8;
}

.df-primary__background {
  background-color: #FC6446;
}

.df-primary80__background {
  background-color: #fc826b;
}

.df-primary60__background {
  background-color: #fca38f;
}

.df-primary40__background {
  background-color: #ffc2b5;
}

.df-primary20__background {
  background-color: #ffe0d9;
}

.df-primary10__background {
  background-color: #fff0ed;
}

.df-secondary__background {
  background-color: #e4e8dc;
}

.df-secondary80__background {
  background-color: #E8EDE3;
}

.df-secondary60__background {
  background-color: #F0F2EB;
}

.df-secondary40__background {
  background-color: #F5F5F2;
}

.df-secondary20__background {
  background-color: #FAFAF7;
}

.df-tertiaryGreen__background {
  background-color: #0f5a5c;
}

.df-tertiaryGreen80__background {
  background-color: #407A7D;
}

.df-tertiaryGreen60__background {
  background-color: #709C9E;
}

.df-tertiaryGreen40__background {
  background-color: #9EBDBF;
}

.df-tertiaryGreen20__background {
  background-color: #CFDEDE;
}

.df-tertiaryGreen10__background {
  background-color: #E8EDF0;
}

.df-tertiaryGrey__background {
  background-color: #5a6c78;
}

.df-tertiaryGrey80__background {
  background-color: #7b8993;
}

.df-tertiaryGrey60__background {
  background-color: #9ca7ae;
}

.df-tertiaryGrey40__background {
  background-color: #bdc4c9;
}

.df-tertiaryGrey20__background {
  background-color: #dee2e4;
}

.df-tertiaryGrey10__background {
  background-color: #eff0f2;
}

.df-accentDark__background {
  background-color: #4b5fff;
}

.df-accentDark80__background {
  background-color: #6f7fff;
}

.df-accentDark60__background {
  background-color: #939fff;
}

.df-accentDark40__background {
  background-color: #b7bfff;
}

.df-accentDark20__background {
  background-color: #dbdfff;
}

.df-accentDark10__background {
  background-color: #edefff;
}

.df-accentLight__background {
  background-color: #c9ecf4;
}

.df-accentLight80__background {
  background-color: #d4f0f6;
}

.df-accentLight60__background {
  background-color: #dff4f8;
}

.df-accentLight40__background {
  background-color: #e9f7fb;
}

.df-accentLight20__background {
  background-color: #f4fbfd;
}

.df-warning__background {
  background-color: #ffb932;
}

.df-warning80__background {
  background-color: #ffc75b;
}

.df-warning60__background {
  background-color: #ffd584;
}

.df-warning40__background {
  background-color: #ffe3ad;
}

.df-warning20__background {
  background-color: #fff1d6;
}

.df-warning10__background {
  background-color: #fff8eb;
}

.df-warning__background {
  background-color: #ffb932;
}

.df-warning80__background {
  background-color: #ffc75b;
}

.df-warning60__background {
  background-color: #ffd584;
}

.df-warning40__background {
  background-color: #ffe3ad;
}

.df-warning20__background {
  background-color: #fff1d6;
}

.df-warning10__background {
  background-color: #fff8eb;
}

.df-error__background {
  background-color: #e10f1e;
}

.df-error80__background {
  background-color: #e73f4b;
}

.df-error60__background {
  background-color: #ed6f78;
}

.df-error40__background {
  background-color: #f39fa5;
}

.df-error20__background {
  background-color: #f9cfd2;
}

.df-error10__background {
  background-color: #fce7e9;
}

.df-success__background {
  background-color: #328639;
}

.df-success80__background {
  background-color: #5b9e61;
}

.df-success60__background {
  background-color: #84b688;
}

.df-success40__background {
  background-color: #adcfb0;
}

.df-success20__background {
  background-color: #d6e7d7;
}

.df-success10__background {
  background-color: #ebf3eb;
}

.df-binaryDark__background {
  background-color: #000000;
}

.df-binaryLight__background {
  background-color: #ffffff;
}

.df-fill__primary {
  fill: #FC6446;
}

.df-fill__secondary {
  fill: #e4e8dc;
}

.df-fill__tertiaryGreen {
  fill: #0f5a5c;
}

.df-fill__tertiaryGrey {
  fill: #5a6c78;
}

.df-fill__binaryDark {
  fill: #000000;
}

.df-fill__binaryLight {
  fill: #ffffff;
}

.df-flexbox {
  display: flex;
}

.df-flexbox__direction-column {
  flex-direction: column;
}

.df-flexbox__justify-flexStart {
  justify-content: flex-start;
}

.df-flexbox__justify-flexEnd {
  justify-content: flex-end;
}

.df-flexbox__justify-center {
  justify-content: center;
}

.df-flexbox__justify-spaceBetween {
  justify-content: space-between;
}

.df-flexbox__justify-spaceAround {
  justify-content: space-around;
}

.df-flexbox__justify-spaceEvenly {
  justify-content: space-evenly;
}

.df-flexbox__alignItems-flexStart {
  align-items: flex-start;
}

.df-flexbox__alignItems-flexEnd {
  align-items: flex-end;
}

.df-flexbox__alignItems-center {
  align-items: center;
}

.df-flexbox__alignItems-stretch {
  align-items: stretch;
}

.df-flexbox__alignItems-baseline {
  align-items: baseline;
}

.df-flexbox__gap-xs {
  gap: 4px;
}

.df-flexbox__gap-sm {
  gap: 8px;
}

.df-flexbox__gap-md {
  gap: 16px;
}

.df-flexbox__gap-lg {
  gap: 32px;
}

.df-flexbox__nowrap {
  flex-wrap: nowrap;
}

.df-flexbox__wrap {
  flex-wrap: wrap;
}

.df-flexbox__wrap-reverse {
  flex-wrap: wrap-reverse;
}

.form-control,
.fsControl,
#txtMarketingVoucherInput {
  display: flex;
  width: 100%;
  min-height: 48px;
  background-color: #fff;
  color: #212121;
  background-image: none;
  border-radius: 8px !important;
  text-decoration: none;
  padding: 8px 16px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  align-items: center;
}
@media (min-width: 769px) {
  .form-control,
  .fsControl,
  #txtMarketingVoucherInput {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.fs * {
  padding-bottom: 8px;
}

/*

ML - hiding for now as clashing with elements I am building!

select {
	appearance: none;
	-webkit-appearance: none;
    background-image: url("https://static.directferries.co.uk/image/ico/new/grey/dropdown.svg") !important;
    background-position: calc(100% - 8px) 50% !important;
    background-repeat: no-repeat !important;
    background-size: 22px !important;
}*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ui-helper-clearfix {
  display: inline-block;
}

* html .ui-helper-clearfix {
  height: 1%;
}

.ui-helper-clearfix {
  display: block;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-state-disabled {
  cursor: default;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-widget {
  font-size: 0.6875rem;
}

.ui-widget input, .ui-widget body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ui-widget #railBtn, .ui-widget body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ui-widget #railBtn,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, Helvetica;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff 50% 50% repeat-x;
  color: #000;
}

.ui-widget-content a {
  color: #000;
}

.ui-widget-header {
  border: 1px solid #2c7ca9;
  background: #64B6E6 50% 50% repeat-x;
  color: #FFF;
}

.ui-widget-header a {
  color: #222;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #eee 50% 50% repeat-x;
  color: #444;
  outline: none;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #444;
  text-decoration: none;
  outline: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
  border: 1px solid #8af;
  background: #fff 50% 50% repeat-x;
  color: #333;
  outline: none;
}

.ui-state-hover a,
.ui-state-hover a:hover {
  color: #333;
  text-decoration: none;
  outline: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  border: 1px solid #036;
  background: #0064b4 50% 50% repeat-x;
  color: #fff;
  outline: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #fff;
  outline: none;
  text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #ffc 50% 50% repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec 50% bottom repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text {
  color: #cd0a0a;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
}

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("https://static.directferries.co.uk/image/fs/calendar/ui-icons.png");
}

.ui-widget-content .ui-icon {
  background-image: url("https://static.directferries.co.uk/image/fs/calendar/ui-icons.png");
}

.ui-widget-header .ui-icon {
  background-image: url("https://static.directferries.co.uk/image/fs/calendar/ui-icons-state-hover.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("https://static.directferries.co.uk/image/fs/calendar/ui-icons-state-hover.png");
}

.ui-state-active .ui-icon {
  background-image: url("https://static.directferries.co.uk/image/fs/calendar/ui-icons-state-active.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("https://static.directferries.co.uk/image/fs/calendar/ui-icons-state-active.png");
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-tl {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.ui-corner-tr {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.ui-corner-bl {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ui-corner-br {
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-corner-top {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.ui-corner-bottom {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-corner-right {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-corner-left {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ui-corner-all {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.ui-widget-overlay {
  background: #aaa 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: 0 0 0 0;
  padding: 0;
  background: #aaa 50% 50% repeat-x;
  opacity: 0;
  filter: Alpha(Opacity=0);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
  display: inline;
}

.ui-accordion .ui-accordion-header-active {
  border-bottom: 0;
}

.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: 0.5em 0.5em 0.5em 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
}

.ui-accordion .ui-accordion-content-active {
  display: block;
}

.ui-dialog {
  position: relative;
  padding: 0.2em;
  width: 300px;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.5em 0.3em 0.3em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0 0.2em;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}

.ui-dialog .ui-dialog-content {
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0.5em 0 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane button {
  float: right;
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  line-height: 1.4em;
  width: auto;
  overflow: visible;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-datepicker {
  display: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  z-index: 5000;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  float: left;
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  float: right;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

.ui-datepicker-cover {
  display: none;
  display: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}

.ui-datepicker-today a.ui-state-default {
  border-color: #fff;
  background: #eee;
  color: #444;
}

.ui-datepicker-today a.ui-state-hover {
  border-color: #fcefa1;
  background: #ffc;
  color: #444;
}

.ui-datepicker-today a.ui-state-active {
  border-color: #036;
  background: #0064b4;
  color: #fff;
}

.ui-datepicker-calendar a.ui-state-default {
  border-color: #fff;
}

.ui-datepicker-calendar a.ui-state-active {
  border-color: #036;
}

.ui-datepicker-current {
  display: none;
}

.ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
  border-color: #fff;
  background-color: #fff;
}

.ui-datepicker-calendar a.ui-state-hover {
  border-color: #fcefa1;
  background: #ffc;
  color: #444;
}

.not-closeable .ui-dialog-titlebar-close {
  display: none;
}

@media (max-width: 992px) {
  .ui-datepicker {
    width: auto;
  }
  .ui-datepicker-buttonpane {
    display: none;
  }
  .ui-datepicker td span,
  .ui-datepicker td a {
    padding: 7px;
  }
}
/*SAYT*/
.ui-autocomplete {
  position: absolute;
  cursor: default;
  padding: 0;
  border: 1px solid #ccc;
  font-size: 0.8125rem;
  color: #333;
  border-radius: 3px;
  max-height: 300px;
  overflow-y: scroll;
  z-index: 200;
}

.ui-autocomplete::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.ui-autocomplete::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ccc;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  border: 2px solid #FFF;
}

.ui-autocomplete li {
  padding: 6px 1px;
  margin: 0 0 0 7px;
  color: #006fa0;
  border-bottom: 1px dotted #CCC;
}

.ui-autocomplete li:last-child {
  border-bottom: none;
}

.ui-autocomplete .ui-state-disabled {
  font-size: 0.875rem;
  opacity: 1;
  color: #212121;
  border-bottom: 2px solid #0070a0;
  margin: 0 0 0 7px;
  padding: 5px 0;
}

.ui-autocomplete .ui-menu-item .location {
  font-size: 0.6875rem;
  color: #7D7D7D;
  display: none;
}

.ui-autocomplete mark {
  background: #ffe36e;
  color: #7D7D7D;
}

.ui-autocomplete .port mark {
  color: #006fa0;
}

.ui-autocomplete .ui-state-disabled mark {
  color: #212121;
}

.ui-autocomplete.ui-widget-content .ui-state-focus {
  background: #e4e8dc;
  border: none;
  border-bottom: 1px dotted #CCC;
}

.ui-autocomplete.ui-widget-content li.ui-state-focus:last-child {
  border-bottom: none;
}

@media (min-width: 992px) {
  .ui-autocomplete li {
    padding: 5px 1px;
  }
  .ui-autocomplete .ui-menu-item .location {
    display: inline;
  }
}
@media (max-width: 768px) {
  .ui-autocomplete {
    width: auto;
    right: 30px;
  }
}
.ui-widget-content {
  border: 0px solid #aaa;
  background: 50% 50% repeat-x #fff;
  color: #000;
  border-radius: 8px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  margin-top: 8px;
}

.ui-widget-content::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 16px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.ui-widget-content .ui-state-disabled {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-image: none;
}

.ui-datepicker {
  width: auto;
  padding: 0;
  z-index: 25;
}

.ui-datepicker table {
  width: 100%;
  height: 100%;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 0.875rem;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker table td {
  border: 0;
  padding: 4px;
}

.ui-datepicker table th {
  padding: 0.7em 0.3em;
  text-align: center;
  color: #212121;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  border: 0;
}

.ui-datepicker.ui-datepicker-multi {
  position: absolute;
  z-index: 1;
  width: auto !important;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  border: 0px solid #2c7ca9;
  background: 50% 50% repeat-x #fff;
  color: #212121;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 1rem;
  margin: 4px;
  border-radius: 4px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/arrow-left.svg");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}

.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/arrow-right.svg");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
  display: none;
}

.ui-datepicker-calendar a.ui-state-default {
  border-color: #fff;
  border-radius: 100px;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 1rem;
  background-color: #F0F2EB;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 1rem;
  color: #212121;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 769px) {
  .ui-datepicker-calendar a.ui-state-default {
    line-height: 1.5rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
}
.ui-datepicker-calendar a.ui-state-default:hover {
  border-color: #fff;
  border-radius: 100px;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 1.375rem;
  background-color: #9EBDBF;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  color: #fff;
}

@media (min-width: 769px) {
  .ui-datepicker-calendar a.ui-state-default:hover {
    line-height: 1.5rem;
    background-color: #9EBDBF;
    color: #fff;
  }
}
.ui-datepicker-calendar a.ui-state-active {
  border-color: #FC6446;
  background-color: #FC6446;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}

.ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
  border-color: #fff;
  border-radius: 100px;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 1.375rem;
  background-color: #F0F2EB;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 1rem;
  color: #212121;
}

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 auto 0.4em;
  width: 100%;
  height: 100%;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 0.875rem;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
  padding: 8px;
  float: left;
}

.ui-autocomplete {
  position: absolute;
  width: auto;
  right: 16px;
  left: 16px;
  cursor: pointer;
  padding: 0px;
  border: 0px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #212121;
  font-size: 1rem;
  line-height: 1.25rem;
  border-radius: 8px;
  max-height: 280px;
  overflow-y: scroll;
  z-index: 200;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

@media (min-width: 769px) {
  .ui-autocomplete {
    width: unset;
    right: unset;
    left: unset;
    padding: 8px;
    max-height: 320px;
  }
}
.ui-autocomplete .ui-state-disabled {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  color: #45b7ed;
  font-size: 0.875rem;
  line-height: 1.25rem;
  opacity: 1;
  border-bottom: 4px solid #fff;
  margin: 0 0 0 8px;
  padding: 8px 0;
  background: #fff;
}

@media (min-width: 769px) {
  .ui-autocomplete .ui-state-disabled {
    font-size: 1rem;
  }
}
.ui-autocomplete li {
  padding: 8px 8px;
  margin: 8px 8px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #212121;
  font-size: 1rem;
  line-height: 1.25rem;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: #F0F2EB;
  border-radius: 4px;
}

.ui-autocomplete.ui-widget-content .ui-state-focus {
  padding: 8px 8px;
  margin: 8px 8px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #212121;
  font-size: 1rem;
  line-height: 1.25rem;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: #9EBDBF;
  border-radius: 4px;
}

.ui-autocomplete mark {
  background: #daf0fb;
  color: #212121;
  border-radius: 4px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
}

.ui-autocomplete .ui-menu-item .location {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  color: #4a4a4a;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: none;
}

.ui-autocomplete::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}

.ui-autocomplete::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #d3d0c9;
  border: 2px solid #fff;
}

.ui-state-disabled {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-image: none;
}

.desk-dealfinder {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
  padding: 16px;
}

@media (min-width: 769px) {
  .desk-dealfinder {
    background-color: #212121;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.desk-dealfinder .journey_timing {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 24px 48px;
  grid-column-gap: 8px;
}

.desk-dealfinder .form-control {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 1.125rem;
  background-color: #fff;
  color: #212121;
  background-image: none;
  border: 2px solid #d3d0c9;
  font-size: 1rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  border-radius: 8px;
  text-decoration: none;
  padding: 8px 8px 8px 8px;
}

@media (min-width: 769px) {
  .desk-dealfinder .form-control {
    line-height: 1.125rem;
  }
}
.desk-dealfinder .route_list {
  position: absolute;
  cursor: pointer;
  padding: 8px;
  border: 0px solid #ccc;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #212121;
  font-size: 1rem;
  line-height: 1.25rem;
  border-radius: 8px;
  max-height: 320px;
  overflow-y: scroll;
  z-index: 200;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-animation: fadein 0.3s ease-in-out forwards;
  animation: fadein 0.3s ease-in-out forwards;
}

.desk-dealfinder .route_list::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}

.desk-dealfinder .route_list::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #d3d0c9;
  border: 2px solid #fff;
}

.desk-dealfinder .route_list h5 {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  color: #45b7ed;
  font-size: 1rem;
  line-height: 1.25rem;
  opacity: 1;
  border-bottom: 4px solid #fff;
  margin: 0 0 0 8px;
  padding: 8px 0;
  background: #fff;
}

.desk-dealfinder .route_list .routes li {
  padding: 8px 8px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: #F0F2EB;
  border-radius: 4px;
  margin-bottom: 4px;
  cursor: pointer;
}

.desk-dealfinder .route_list .routes li mark {
  background: #daf0fb;
  color: #212121;
  border-radius: 4px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
}

.desk-dealfinder .route_list .routes li:hover {
  padding: 8px 8px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: #e0f1fa;
  border-radius: 4px;
  margin-bottom: 4px;
}

.desk-dealfinder .route_list .routes li .port {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #212121;
  font-size: 1rem;
  line-height: 1.25rem;
  white-space: nowrap;
}

.desk-dealfinder .route_list .routes li .location {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  color: #4a4a4a;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.desk-dealfinder .journey_type label,
.desk-dealfinder .journey_type input,
.desk-dealfinder .journey_type body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .desk-dealfinder .journey_type #railBtn,
.desk-dealfinder .journey_type body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .desk-dealfinder .journey_type #railBtn {
  margin: 0 8px 0 0;
}

.desk-dealfinder .popup {
  position: absolute;
  z-index: 4;
  background-color: #fff;
  cursor: default;
  padding: 16px;
  border: 0px solid #cccccc;
  border-radius: 8px;
  opacity: 0;
  -webkit-animation: fadein 0.2s ease-in-out forwards;
  animation: fadein 0.2s ease-in-out forwards;
  top: calc(100% + 15px);
  left: -1px;
  right: 0;
  min-width: 450px;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

@media (min-width: 769px) {
  .desk-dealfinder .popup {
    z-index: 1;
  }
}
.desk-dealfinder .popup select,
.desk-dealfinder .popup input[type=text],
.desk-dealfinder .popup body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .desk-dealfinder .popup [type=text]#railBtn,
.desk-dealfinder .popup body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .desk-dealfinder .popup [type=text]#railBtn {
  min-width: 92px;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  padding: 8px;
  border: 2px solid #F0F2EB;
  border-radius: 8px;
  margin: 0 0 0 auto;
  background-color: #F0F2EB;
  color: #212121;
}

.desk-dealfinder .popup label {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #212121;
  font-size: 1.125rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  margin: 0 0px 8px;
  background-color: #F0F2EB;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
}

.desk-dealfinder .popup label.long {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px;
}

.desk-dealfinder .popup label.long select {
  min-width: 92px;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  padding: 8px;
  border: 2px solid #F0F2EB;
  border-radius: 8px;
  margin: 0 0 0 auto;
  background-color: #F0F2EB;
  color: #212121;
}

.desk-dealfinder .popup label.radiolabel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-right: 8px;
  font-size: 1rem;
  background-color: #fff;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

.desk-dealfinder .popup label.radiolabel input, .desk-dealfinder .popup label.radiolabel body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .desk-dealfinder .popup label.radiolabel #railBtn, .desk-dealfinder .popup label.radiolabel body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .desk-dealfinder .popup label.radiolabel #railBtn {
  margin: 0px 8px 0 0;
}

.desk-dealfinder .popup label.radiolabel input[type=radio]:checked::after, .desk-dealfinder .popup label.radiolabel body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .desk-dealfinder .popup label.radiolabel [type=radio]#railBtn:checked::after, .desk-dealfinder .popup label.radiolabel body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .desk-dealfinder .popup label.radiolabel [type=radio]#railBtn:checked::after {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  top: -1px;
  left: -1px;
  position: relative;
  background-color: #212121;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 0spx solid white;
}

.desk-dealfinder .popup label.radiolabel input[type=radio]::after, .desk-dealfinder .popup label.radiolabel body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .desk-dealfinder .popup label.radiolabel [type=radio]#railBtn::after, .desk-dealfinder .popup label.radiolabel body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .desk-dealfinder .popup label.radiolabel [type=radio]#railBtn::after {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  top: -1px;
  left: -1px;
  position: relative;
  background-color: #F0F2EB;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 0px solid white;
}

.desk-dealfinder .popup label.pet_counter output {
  width: 32px;
  border-width: 0px 0;
  background-color: #fff;
  border-radius: 32px;
  margin-left: 8px;
  margin-right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  border: 0px solid #F0F2EB;
}

.desk-dealfinder .popup label.pet_counter span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  border: 0px solid #F0F2EB;
}

.desk-dealfinder .popup label.pet_counter span.inactive {
  background-color: transparent;
  opacity: 0.4;
  color: #212121;
  pointer-events: none;
  cursor: default;
}

.desk-dealfinder .popup label.pet_counter span.increment {
  border-radius: 8px;
  font-size: 1.5rem;
}

.desk-dealfinder .popup label .wheelchair {
  background-image: url("https://static.directferries.co.uk/image/ico/new/light-blue/wheelchair-accessibility.svg");
  background-size: 24px;
  background-position: 4px;
  background-repeat: no-repeat;
  padding-left: 48px;
  height: 24px;
  width: 24px;
}

.desk-dealfinder .popup label [type=checkbox] {
  border: 1px solid #F0F2EB;
  right: 16px;
  position: relative;
}

.desk-dealfinder .popup h5 {
  font-size: 1rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  white-space: nowrap;
  padding: 0px 32px 8px 0;
  border-bottom: 0px solid #2c7ca9;
  margin-bottom: 8px;
  color: #45b7ed;
}

.desk-dealfinder .popup h6 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  padding: 24px 0px 8px 0;
  border-bottom: 0px solid #eeeae2;
  margin-bottom: 8px;
  color: #212121;
}

.desk-dealfinder .popup .popup_closer {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  height: 24px;
  width: 24px;
  cursor: pointer;
  background: url("https://static.directferries.co.uk/image/ico/new/grey/cancel.svg") no-repeat left center;
  border: none;
}

.desk-dealfinder .popup footer .popup_done {
  float: right;
  line-height: 1.25rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  padding: 8px 24px 8px 16px;
  background-color: #FC6446;
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: right 50%;
  border-radius: 8px;
  min-width: 120px;
  margin-top: 8px;
}

.desk-dealfinder .popup#pets_popup label.pet_counter[for=petType1_outbound] {
  background-image: none;
}

.desk-dealfinder .popup#pets_popup label.pet_counter[for=petType2_outbound], .desk-dealfinder .popup#pets_popup label.pet_counter[for=petType7_outbound], .desk-dealfinder .popup#pets_popup label.pet_counter[for=petType8_outbound] {
  background-image: none;
}

.desk-dealfinder .popup#pets_popup label.pet_counter[for=petType3_outbound] {
  background-image: none;
}

@media (min-width: 769px) {
  .desk-dealfinder #vehicles_popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.desk-dealfinder #vehicles_popup.popup label.radiolabel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-right: 8px;
  font-size: 1rem;
}

@media (min-width: 769px) {
  .desk-dealfinder #vehicles_popup.popup label.vehicle_base, .desk-dealfinder #vehicles_popup.popup label.caravan_trailer {
    padding-left: 0;
    margin-right: auto;
  }
}
@media (min-width: 769px) {
  .desk-dealfinder #vehicles_popup.popup fieldset.caravan_trailer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.desk-dealfinder .other_details .df_submit {
  float: right;
  min-height: 40px;
  line-height: 1.125rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  font-size: 1.125rem;
  padding: 8px 24px 8px 16px;
  background-color: #FC6446;
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: right 50%;
  border-radius: 8px;
}

.desk-dealfinder .other_details .currency.disabled {
  background-color: transparent;
}

.fsWrap {
  background: #212121;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.fsWrap .offerSlider {
  padding-right: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
  height: 320px;
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fsWrap .carousel,
.fsWrap .carouselIn {
  border-radius: 8px;
  height: 100%;
}

.fsWrap .carouselIn > .item img {
  border-radius: 8px;
  height: 100%;
}

.fsWrap .carouselIn > .active {
  height: inherit;
  width: 100%;
  left: 0;
}

.fsWrap .carouselDots {
  bottom: 0px;
  left: 8px;
  z-index: 15;
  padding-left: 0;
  text-align: center;
  list-style: disc;
  margin: 0px;
}

.fsWrap .carouselDots li {
  display: inline-block;
  width: 8px;
  height: 8px;
  text-indent: -999px;
  cursor: pointer;
  border: 0px solid #45b7ed;
  border-radius: 8px;
  background: #45b7ed;
  margin: 4px;
}

.fsWrap .carouselDots .active {
  background: #fff;
}

.fsWrap .carouselDots > .item {
  height: inherit;
  width: 100%;
}

.fsWrap .carouselCap {
  top: 0px;
  z-index: 10;
  color: #fff;
  text-align: left;
  padding: 8px;
  position: absolute;
}

.fsWrap .carouselCap span {
  display: table-caption;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  background: #45b7ed;
  margin: 0;
  padding: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  width: 280px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

.fsWrap .carouselCap a {
  display: block;
  bottom: 10px;
  right: 10px;
}

.fsWrap .carouselCap .btn {
  float: right;
  line-height: 1.125rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  padding: 8px 24px 8px 16px;
  background-color: #FC6446;
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: right 50%;
}

.fs.sayt .formPopup {
  z-index: 100;
  background-image: none;
  padding-top: 0px;
  border-radius: 8px;
  width: auto;
  background: #F0F2EB;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  left: 16px;
  margin-right: 16px;
  margin-top: -36px;
}

.fs.sayt .formPopup .formCon input, .fs.sayt .formPopup .formCon body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .fs.sayt .formPopup .formCon #railBtn, .fs.sayt .formPopup .formCon body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .fs.sayt .formPopup .formCon #railBtn {
  appearance: auto;
  -webkit-appearance: auto;
}
.fs.sayt .formPopup .formCon input[type=radio]::after, .fs.sayt .formPopup .formCon body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .fs.sayt .formPopup .formCon [type=radio]#railBtn::after, .fs.sayt .formPopup .formCon body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .fs.sayt .formPopup .formCon [type=radio]#railBtn::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: -6px;
  left: -6px;
  position: relative;
  background-color: #e4e8dc;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 4px solid #fff;
}
.fs.sayt .formPopup .formCon input[type=radio]:checked::after, .fs.sayt .formPopup .formCon body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .fs.sayt .formPopup .formCon [type=radio]#railBtn:checked::after, .fs.sayt .formPopup .formCon body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .fs.sayt .formPopup .formCon [type=radio]#railBtn:checked::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: -6px;
  left: -6px;
  position: relative;
  background-color: #212121;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 4px solid #fff;
}
.fs.sayt .formPopup#vehPopupOut .formCon .form-group .form-control {
  background-color: #F0F2EB;
}

.fs.sayt .formPopup .formCon input, .fs.sayt .formPopup .formCon body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .fs.sayt .formPopup .formCon #railBtn, .fs.sayt .formPopup .formCon body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .fs.sayt .formPopup .formCon #railBtn {
  appearance: auto;
  -webkit-appearance: auto;
  width: max-content;
}

@media (min-width: 769px) {
  .fs.sayt .formPopup {
    z-index: 100;
    background-image: none;
    padding-top: 0;
    border-radius: 8px;
    width: 480px;
    background: #F0F2EB;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    margin-top: -36px;
  }
}
.formCon .wc {
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/wheelchair-accessibility.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
  padding-bottom: 0;
}

.formCon .wc label {
  margin-bottom: 0;
  padding-bottom: 0;
}

.formCon .wc input, .formCon .wc body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .formCon .wc #railBtn, .formCon .wc body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .formCon .wc #railBtn {
  appearance: auto;
  -webkit-appearance: auto;
}

.fs.sayt .formPopup .formCon {
  display: grid;
  padding: 16px;
  background-color: #fff;
}

@media (min-width: 769px) {
  .fs.sayt .formPopup .formCon {
    border-radius: 8px;
  }
}
.fs.sayt .formPopup .formCon a.fsTLnk {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 1rem;
  padding: 16px 8px;
}

.fs.sayt .formPopup .formCon table .tbody .tr {
  display: grid;
}

.fs.sayt .popupTitle {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  padding: 0px;
  background: #fff;
  color: #212121;
  border-left: 0px solid #c9c9c9;
  border-right: 0px solid #c9c9c9;
}

.fs.sayt .popupClose {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
  height: 24px;
  width: 24px;
  cursor: pointer;
  background: url("https://static.directferries.co.uk/image/ico/new/grey/cancel.svg") no-repeat left center;
  border: none;
}

.fs.sayt table .txt-group {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  color: #193354;
  line-height: 1.25rem;
  margin: 0;
  padding: 0;
}

@media (min-width: 769px) {
  .fs.sayt table .txt-group {
    font-size: 16px;
    line-height: 1.5rem;
  }
}
.fs.sayt .petLbl {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  color: #193354;
}

.fs.sayt .petGrp {
  position: relative;
  display: grid;
  border-collapse: separate;
  margin: 0 0px 0 0px;
  grid-template-columns: auto auto auto;
  justify-self: end;
  padding: 0;
  gap: 2px;
}

.fs.sayt .petGrp label {
  width: 40px !important;
  background-color: #ede9e1;
  color: #193354;
  font-size: 1.25rem;
  font-family: mundial, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  border-radius: 100px !important;
  text-decoration: none;
  line-height: 1.625rem;
  height: 40px !important;
  min-height: unset;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.fs.sayt .petGrp .btn-default {
  text-align: center;
  text-decoration: none;
  position: relative;
  padding: 8px 8px;
  line-height: 1.5rem;
  height: 40px;
  border-radius: 100px !important;
  width: 40px;
  font-size: 1.5rem;
  background-image: none !important;
  margin: 0px !important;
  background-color: transparent;
  text-decoration: none;
  position: relative;
  border-color: transparent;
  color: #333;
  font-size: 2rem !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

.fs.sayt .petGrp .btn-default.disabled {
  text-align: center;
  text-decoration: none;
  position: relative;
  padding: 8px 8px;
  height: 40px;
  border-radius: 100px !important;
  width: 40px;
  font-size: 1.5rem;
  background-image: none !important;
  -ms-flex-item-align: center;
  align-self: center;
  color: #d3d0c9;
  font-size: 2rem;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

@media (min-width: 769px) {
  .fs.sayt .petGrp .btn-default:hover {
    background-color: #fff;
  }
}
.fs.sayt .petGrp .input-group-btn {
  position: relative;
  white-space: nowrap;
  vertical-align: middle;
  width: auto;
  display: grid;
  align-self: center;
  padding: 0 !important;
}

.fs.sayt .titleInner {
  padding: 16px 36px 16px 16px;
  border-bottom: 0px solid #0070aa;
  font-size: 1rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

.fs.sayt .titleInner .fsCopy {
  margin-top: 8px;
  margin-bottom: -24px;
}

.fs.sayt .titleInner .fsCopy label {
  line-height: 1.5rem;
  margin: 0;
  padding: 0px 0 0 24px;
  color: #212121;
  font-size: 0.875rem;
}
.fs.sayt .titleInner .fsCopy label input, .fs.sayt .titleInner .fsCopy label body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .fs.sayt .titleInner .fsCopy label #railBtn, .fs.sayt .titleInner .fsCopy label body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .fs.sayt .titleInner .fsCopy label #railBtn {
  width: max-content;
  appearance: auto;
  padding: 0;
}

.fs #cal_out,
.fs #cal_ret {
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/calendar.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
}

.fs label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0px;
  font-size: 0.875rem;
}
.fs label.radio-inline {
  position: relative;
}

.fs tbody {
  -ms-flex-item-align: center;
  align-self: center;
}

@media (min-width: 769px) {
  .fs tbody {
    display: grid;
  }
}
.fs tbody tr {
  align-self: center;
  display: grid;
  grid-template-columns: 2fr 1fr;
  background-color: #F0F2EB;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 8px;
}

.fs .errDiv table {
  width: 100%;
}
.fs .errDiv table tbody tr {
  background-color: #fce7e9;
  border: 2px solid #e10f1e;
  color: #212121;
  border-radius: 8px;
}
.fs .errDiv table tbody tr td {
  font-size: 14px;
}

@media (min-width: 769px) {
  .fs tbody tr {
    grid-template-columns: 3fr 1fr;
    margin-bottom: unset;
  }
}
.fs tbody tr td {
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0px !important;
  width: 100% !important;
}

.fs tbody tr td .form-group {
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0px !important;
}

.fs tbody tr td .form-group .form-control {
  background-color: #ede9e1;
  border: none;
  margin-right: 8px;
  font-size: 16px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  min-height: unset;
  height: max-content;
}

.fs tbody tr td .form-group .select {
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0px;
  width: 100%;
}

.fsDone {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  cursor: pointer;
  border: 0px solid transparent;
  white-space: nowrap;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  color: #ff4a0e;
  background-color: #ede9e1;
  background-image: none;
  background-position: right 50%;
  padding: 0px 4px 0px 4px;
  font-size: 0.875rem;
  min-width: 160px;
}

.formPopup {
  display: none;
}

@media (min-width: 769px) {
  .fs .formPopup {
    min-width: 450px;
  }
}
.popUpForm {
  width: 80%;
  margin: 16px auto;
}

/*Responsive Set Up*/
.con {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.fs {
  line-height: 1 !important;
}

.xs1,
.sm1,
.md1,
.lg1,
.xs2,
.sm2,
.md2,
.lg2,
.xs3,
.sm3,
.md3,
.lg3,
.xs4,
.sm4,
.md4,
.lg4,
.xs5,
.sm5,
.md5,
.lg5,
.xs6,
.sm6,
.md6,
.lg6,
.xs7,
.sm7,
.md7,
.lg7,
.xs8,
.sm8,
.md8,
.lg8,
.xs9,
.sm9,
.md9,
.lg9,
.xs10,
.sm10,
.md10,
.lg10,
.xs11,
.sm11,
.md11,
.lg11,
.xs12,
.sm12,
.md12,
.lg12,
.sm15,
.sm35,
.sm85 {
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

.xs1,
.xs2,
.xs3,
.xs4,
.xs5,
.xs6,
.xs7,
.xs8,
.xs9,
.xs10,
.xs11,
.xs12 {
  float: left;
}

.xs12 {
  width: 100%;
}

.xs11 {
  width: 91.66666667%;
}

.xs10 {
  width: 83.33333333%;
}

.xs9 {
  width: 75%;
}

.xs8 {
  width: 66.66666667%;
}

.xs7 {
  width: 58.33333333%;
}

.xs6 {
  width: 50%;
}

.xs5 {
  width: 41.66666667%;
}

.xs4 {
  width: 33.33333333%;
}

.xs3 {
  width: 25%;
}

.xs2 {
  width: 16.66666667%;
}

.xs1 {
  width: 8.33333333%;
}

@media (min-width: 769px) {
  .con {
    width: 750px;
  }
  .sm1,
  .sm2,
  .sm25,
  .sm3,
  .sm4,
  .sm5,
  .sm6,
  .sm7,
  .sm8,
  .sm9,
  .sm10,
  .sm11,
  .sm12,
  .sm15,
  .sm35,
  .sm85 {
    float: left;
  }
  .sm12 {
    width: 100%;
  }
  .sm11 {
    width: 91.66666667%;
  }
  .sm10 {
    width: 83.33333333%;
  }
  .sm9 {
    width: 75%;
  }
  .sm85 {
    width: 70%;
  }
  .sm8 {
    width: 66.66666667%;
  }
  .sm75 {
    width: 80%;
  }
  .sm7 {
    width: 58.33333333%;
  }
  .sm6 {
    width: 50%;
  }
  .sm5 {
    width: 41.66666667%;
  }
  .sm4 {
    width: 33.33333333%;
  }
  .sm35 {
    width: 30%;
  }
  .sm3 {
    width: 25%;
  }
  .sm25 {
    width: 20%;
  }
  .sm2 {
    width: 16.66666667%;
  }
  .sm15 {
    width: 12.5%;
  }
  .sm1 {
    width: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .con {
    width: 970px;
  }
  .md1,
  .md2,
  .md3,
  .md4,
  .md5,
  .md6,
  .md7,
  .md8,
  .md9,
  .md10,
  .md11,
  .md12 {
    float: left;
  }
  .md12 {
    width: 100%;
  }
  .md11 {
    width: 91.66666667%;
  }
  .md10 {
    width: 83.33333333%;
  }
  .md9 {
    width: 75%;
  }
  .md8 {
    width: 66.66666667%;
  }
  .md7 {
    width: 58.33333333%;
  }
  .md6 {
    width: 50%;
  }
  .md5 {
    width: 41.66666667%;
  }
  .md4 {
    width: 33.33333333%;
  }
  .md3 {
    width: 25%;
  }
  .md2 {
    width: 16.66666667%;
  }
  .md1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .con {
    width: 1100px;
  }
  .lg1,
  .lg2,
  .lg3,
  .lg4,
  .lg5,
  .lg6,
  .lg7,
  .lg8,
  .lg9,
  .lg10,
  .lg11,
  .lg12 {
    float: left;
  }
  .lg12 {
    width: 100%;
  }
  .lg11 {
    width: 91.66666667%;
  }
  .lg10 {
    width: 83.33333333%;
  }
  .lg9 {
    width: 75%;
  }
  .lg8 {
    width: 66.66666667%;
  }
  .lg7 {
    width: 58.33333333%;
  }
  .lg6 {
    width: 50%;
  }
  .lg5 {
    width: 41.66666667%;
  }
  .lg4 {
    width: 33.33333333%;
  }
  .lg3 {
    width: 25%;
  }
  .lg2 {
    width: 16.66666667%;
  }
  .lg1 {
    width: 8.33333333%;
  }
}
.cl:before,
.cl:after,
.con:before,
.con:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.cl:after,
.con:after,
.row:after {
  clear: both;
}

/* Flags */
.lang_flag.de-AT {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/at.svg");
}

.lang_flag.fr-BE {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/be.svg");
}

.lang_flag.nl-BE {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/be.svg");
}

.lang_flag.de-CH {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/ch.svg");
}

.lang_flag.fr-CH {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/ch.svg");
}

.lang_flag.zh-CN {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/cn.svg");
}

.lang_flag.cs-CZ {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/cz.svg");
}

.lang_flag.de-DE {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/de.svg");
}

.lang_flag.da-DK {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/dk.svg");
}

.lang_flag.es-ES {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/es.svg");
}

.lang_flag.fi-FI {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/fi.svg");
}

.lang_flag.fr-FR {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/fr.svg");
}

.lang_flag.el-GR {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/gr.svg");
}

.lang_flag.ja-JP {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/jp.svg");
}

.lang_flag.it-IT {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/it.svg");
}

.lang_flag.en-IE {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/ie.svg");
}

.lang_flag.nl-NL {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/nl.svg");
}

.lang_flag.nn-NO {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/no.svg");
}

.lang_flag.nb-NO {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/no.svg");
}

.lang_flag.pl-PL {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/pl.svg");
}

.lang_flag.pt-PT {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/pt.svg");
}

.lang_flag.ru-RU {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/ru.svg");
}

.lang_flag.sv-SE {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/se.svg");
}

.lang_flag.sk-SK {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/sk.svg");
}

.lang_flag.tr-TR {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/tr.svg");
}

.lang_flag.uk-UA {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/ua.svg");
}

.lang_flag.en-US {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/us.svg");
}

.lang_flag.en-AU {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/au.svg");
}

.lang_flag.ar-SA {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/sa.svg");
}

.lang_flag.ar-QA {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/sa.svg");
}

.lang_flag.fr-MC {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/mc.svg");
}

.lang_flag.fr-MA {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/mc.svg");
}

.lang_flag.ar-MA {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/ma.svg");
}

.lang_flag.tn {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/tn.svg");
}

.lang_flag.en-CA {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/ca.svg");
}

.lang_flag.fr-CA {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/ca.svg");
}

.lang_flag.ko-KR {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/kr.svg");
}

.lang_flag.en-GB {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/gb.svg");
}

.lang_flag.ca-ES {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/es-ct.svg");
}

.lang_flag.id-ID {
  background-image: url("https://static.directferries.co.uk/images/flags/4x3/id.svg");
}

.lang_flag {
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: left center;
}

button, a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  /* Primary */
  /* Secondary */
}
button.primary, a.primary {
  background-color: #FC6446;
  color: white;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease-in-out;
  gap: 8px;
  /* Primary Outline */
}
button.primary svg, a.primary svg {
  fill: white;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  button.primary:hover, a.primary:hover {
    background-color: #fca38f;
  }
}
button.primary:active, a.primary:active {
  background-color: #D06F5C;
}
button.primary.disabled, button.primary.outline.disabled, a.primary.disabled, a.primary.outline.disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  pointer-events: none;
}
button.primary.disabled svg, button.primary.outline.disabled svg, a.primary.disabled svg, a.primary.outline.disabled svg {
  fill: #A6A6A6;
}
button.primary.outline, a.primary.outline {
  background-color: white;
  color: #212121;
  border: 2px solid #FC6446;
}
button.primary.outline svg, a.primary.outline svg {
  fill: #212121;
}
@media (hover: hover) and (pointer: fine) {
  button.primary.outline:hover, a.primary.outline:hover {
    background-color: #fff0ed;
  }
}
button.primary.outline.disabled, a.primary.outline.disabled {
  border: 2px solid #E8E8E8;
}
button.secondary, a.secondary {
  background-color: #212121;
  color: white;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease-in-out;
  gap: 8px;
  /* Secondary Outline */
}
button.secondary svg, a.secondary svg {
  fill: white;
}
button.secondary svg path, a.secondary svg path {
  fill: white;
}
button.secondary.outline svg, a.secondary.outline svg {
  fill: #212121;
}
button.secondary.outline svg path, a.secondary.outline svg path {
  fill: #212121;
}
button.secondary.disabled svg, a.secondary.disabled svg {
  fill: #A6A6A6;
}
@media (hover: hover) and (pointer: fine) {
  button.secondary:hover, a.secondary:hover {
    background-color: #4D4D4D;
  }
}
button.secondary:active, a.secondary:active {
  background-color: #212121;
}
button.secondary.disabled, button.secondary.outline.disabled, a.secondary.disabled, a.secondary.outline.disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  pointer-events: none;
}
button.secondary.outline, a.secondary.outline {
  background-color: white;
  color: #212121;
  border: 2px solid #212121;
}
button.secondary.outline svg, a.secondary.outline svg {
  fill: #212121;
}
@media (hover: hover) and (pointer: fine) {
  button.secondary.outline:hover, a.secondary.outline:hover {
    background-color: #E8E8E8;
  }
}
button.secondary.outline:active, a.secondary.outline:active {
  background-color: #D4D4D4;
}
button.secondary.outline.disabled, a.secondary.outline.disabled {
  border: 2px solid #E8E8E8;
}
button.secondary.outline.disabled svg, a.secondary.outline.disabled svg {
  fill: #A6A6A6;
}
button.round, a.round {
  border-radius: 50px;
}
button.square, a.square {
  border-radius: 8px;
}
button.sm, a.sm {
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 8px 16px;
}
button.reg, a.reg {
  font-size: 16px !important;
  line-height: 24px !important;
  padding: 8px 16px;
}
button.lg, a.lg {
  font-size: 18px !important;
  line-height: 24px !important;
  padding: 8px 24px;
}

#btnApplyMarketingVoucher {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
}
#btnApplyMarketingVoucher:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
#btnApplyMarketingVoucher:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
#btnApplyMarketingVoucher:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

.btn#lnkChangeSearch {
  background-color: #fff;
  color: #212121;
  border: 2px solid #212121;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 8px;
  padding: 6px 16px !important;
  min-width: 140px;
  min-height: 32px;
  font-size: 14px !important;
  line-height: 20px !important;
}
.btn#lnkChangeSearch:hover {
  background-color: #E8E8E8 !important;
  color: #212121 !important;
  border-color: #212121 !important;
}
.btn#lnkChangeSearch:active {
  background-color: #cfcfcf;
  border-color: #080808;
}
.btn#lnkChangeSearch:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

#btnSearch.btn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
}
#btnSearch.btn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
#btnSearch.btn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
#btnSearch.btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

.fs.sayt .fsDone {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
}
.fs.sayt .fsDone:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.fs.sayt .fsDone:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.fs.sayt .fsDone:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

.quote_item .abPseudoBtn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
}
.quote_item .abPseudoBtn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.quote_item .abPseudoBtn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.quote_item .abPseudoBtn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}
.quote_item .abPseudoBtn:hover .abPseudoBtn {
  background-color: #fc826b !important;
  transition: 0.3s;
}

.quote_item .ab-2062-continue {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
  width: max-content;
  margin-left: auto;
}
.quote_item .ab-2062-continue:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.quote_item .ab-2062-continue:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.quote_item .ab-2062-continue:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}
.quote_item .ab-2062-continue:hover .abPseudoBtn {
  background-color: #fc826b !important;
  transition: 0.3s;
}

.nQte .abPseudoBtn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
}
.nQte .abPseudoBtn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.nQte .abPseudoBtn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.nQte .abPseudoBtn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}
.nQte .abPseudoBtn:hover .abPseudoBtn {
  background-color: #fc826b !important;
  transition: 0.3s;
}

.typePrice a.btn {
  background-color: #328639;
  color: #ffffff;
  border: 2px solid #328639;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 16px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 16px !important;
  line-height: 24px !important;
}
.typePrice a.btn:hover {
  background-color: #84b688 !important;
  color: #ffffff !important;
  border-color: #84b688 !important;
}
.typePrice a.btn:active {
  background-color: #64a369;
  border-color: #64a369;
}
.typePrice a.btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

.type1 .typePrice a.btn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 16px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 16px !important;
  line-height: 24px !important;
}
.type1 .typePrice a.btn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.type1 .typePrice a.btn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.type1 .typePrice a.btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

.content-accom .form-group.btnCen .btn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
  display: flex !important;
}
.content-accom .form-group.btnCen .btn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.content-accom .form-group.btnCen .btn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.content-accom .form-group.btnCen .btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}
@media (min-width: 769px) {
  .content-accom .form-group.btnCen .btn {
    max-width: 300px;
  }
}

#customerDetailsContainer .form-group.btnCen {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 32px;
}
#customerDetailsContainer .form-group.btnCen .btn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 16px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 16px !important;
  line-height: 24px !important;
  width: 100%;
  max-width: 300px;
}
#customerDetailsContainer .form-group.btnCen .btn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
#customerDetailsContainer .form-group.btnCen .btn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
#customerDetailsContainer .form-group.btnCen .btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

.form-group.btnLnk#butSubmit input, .form-group.btnLnk#butSubmit body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .form-group.btnLnk#butSubmit #railBtn, .form-group.btnLnk#butSubmit body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .form-group.btnLnk#butSubmit #railBtn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
  margin: 0 auto;
  width: max-content;
}
.form-group.btnLnk#butSubmit input:hover, .form-group.btnLnk#butSubmit body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:hover, body#TrainAndFerryMain #df-dom-deal_finder_container .form-group.btnLnk#butSubmit #railBtn:hover, .form-group.btnLnk#butSubmit body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:hover, body#TrainAndFerryInd #df-dom-deal_finder_container .form-group.btnLnk#butSubmit #railBtn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.form-group.btnLnk#butSubmit input:active, .form-group.btnLnk#butSubmit body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:active, body#TrainAndFerryMain #df-dom-deal_finder_container .form-group.btnLnk#butSubmit #railBtn:active, .form-group.btnLnk#butSubmit body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:active, body#TrainAndFerryInd #df-dom-deal_finder_container .form-group.btnLnk#butSubmit #railBtn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.form-group.btnLnk#butSubmit input:disabled, .form-group.btnLnk#butSubmit body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:disabled, body#TrainAndFerryMain #df-dom-deal_finder_container .form-group.btnLnk#butSubmit #railBtn:disabled, .form-group.btnLnk#butSubmit body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:disabled, body#TrainAndFerryInd #df-dom-deal_finder_container .form-group.btnLnk#butSubmit #railBtn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}
.form-group.btnLnk#butSubmit input:disabled, .form-group.btnLnk#butSubmit body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:disabled, body#TrainAndFerryMain #df-dom-deal_finder_container .form-group.btnLnk#butSubmit #railBtn:disabled, .form-group.btnLnk#butSubmit body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:disabled, body#TrainAndFerryInd #df-dom-deal_finder_container .form-group.btnLnk#butSubmit #railBtn:disabled {
  background-repeat: no-repeat;
  background-position: -9999px;
}

.be-requote .form-group.btnLnk .btn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
  width: max-content;
}
.be-requote .form-group.btnLnk .btn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.be-requote .form-group.btnLnk .btn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.be-requote .form-group.btnLnk .btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}
.be-requote .form-group.btnLnk .btn.backBtn {
  background-color: #fff;
  color: #212121;
  border: 2px solid #212121;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
  width: max-content;
}
.be-requote .form-group.btnLnk .btn.backBtn:hover {
  background-color: #E8E8E8 !important;
  color: #212121 !important;
  border-color: #212121 !important;
}
.be-requote .form-group.btnLnk .btn.backBtn:active {
  background-color: #cfcfcf;
  border-color: #080808;
}
.be-requote .form-group.btnLnk .btn.backBtn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

.koala-urgency .koala-btn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 16px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 16px !important;
  line-height: 24px !important;
  width: 100%;
}
.koala-urgency .koala-btn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.koala-urgency .koala-btn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.koala-urgency .koala-btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}
@media (min-width: 769px) {
  .koala-urgency .koala-btn {
    width: max-content;
  }
}

.koala-container .koala-cta .koala-btn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 16px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 16px !important;
  line-height: 24px !important;
  width: max-content;
}
.koala-container .koala-cta .koala-btn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.koala-container .koala-cta .koala-btn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.koala-container .koala-cta .koala-btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

svg.arrow-forward-orange path.bg {
  fill: #FC6446;
}
svg.arrow-forward-orange path.arrow {
  fill: white;
}

svg.arrow-forward-black path.bg {
  fill: #212121;
}
svg.arrow-forward-black path.arrow {
  fill: white;
}

.popUp#emailQuote .content #pnlEmailMyQuote .form-group.btnCen {
  display: block;
}
.popUp#emailQuote .content #pnlEmailMyQuote .form-group.btnCen .btn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
  width: max-content;
  margin: 0 auto;
}
.popUp#emailQuote .content #pnlEmailMyQuote .form-group.btnCen .btn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.popUp#emailQuote .content #pnlEmailMyQuote .form-group.btnCen .btn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.popUp#emailQuote .content #pnlEmailMyQuote .form-group.btnCen .btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

.con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #butSubmit.btnLnk:has(#btnPreviousPage) {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #butSubmit.btnLnk:has(#btnPreviousPage) .btn {
  margin: unset !important;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #butSubmit.btnLnk:has(#btnPreviousPage) {
    flex-direction: row;
  }
}
.con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #btnPreviousPage.btn {
  background-color: #fff;
  color: #212121;
  border: 2px solid #212121;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
  width: max-content;
  margin: 0 auto;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #btnPreviousPage.btn:hover {
  background-color: #E8E8E8 !important;
  color: #212121 !important;
  border-color: #212121 !important;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #btnPreviousPage.btn:active {
  background-color: #cfcfcf;
  border-color: #080808;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #btnPreviousPage.btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #butSubmit.btn {
  background-color: #FC6446;
  color: #ffffff;
  border: 2px solid #FC6446;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 8px 24px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 18px !important;
  line-height: 24px !important;
  width: max-content;
  margin: 0 auto;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #butSubmit.btn:hover {
  background-color: #fca38f !important;
  color: #ffffff !important;
  border-color: #fca38f !important;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #butSubmit.btn:active {
  background-color: #fb7a5d;
  border-color: #fb7a5d;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox.mHide)) .sm85.md9 #butSubmit.btn:disabled {
  background-color: #E8E8E8;
  color: #A6A6A6;
  border-color: #E8E8E8;
  cursor: not-allowed;
}

.sold-out-btn {
  background-color: #E8E8E8 !important;
  color: #A6A6A6 !important;
  border: 2px solid #E8E8E8 !important;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px !important;
  padding: 8px 16px !important;
  min-width: 140px;
  min-height: 40px;
  font-size: 16px !important;
  line-height: 24px !important;
  width: max-content;
  margin-left: auto;
}

.ab-2062-mb-30 .ab-2062-cta-outer .sold-out-btn {
  min-width: 140px !important;
}

.df-icon.df-icon--xs {
  width: 16px;
  height: 16px;
}
.df-icon.df-icon--xs svg {
  width: 16px;
}
.df-icon.df-icon--sm {
  width: 20px;
  height: 20px;
}
.df-icon.df-icon--sm svg {
  width: 20px;
}
.df-icon.df-icon--md {
  width: 24px;
  height: 24px;
}
.df-icon.df-icon--md svg {
  width: 24px;
}
.df-icon.df-icon--lg {
  width: 28px;
  height: 28px;
}
.df-icon.df-icon--lg svg {
  width: 28px;
}
.df-icon.df-icon--xl {
  width: 32px;
  height: 32px;
}
.df-icon.df-icon--xl svg {
  width: 32px;
}
.df-icon.df-icon--roundel {
  border-radius: 100%;
  padding: 8px;
}
.df-icon.df-fill__binaryLight svg {
  fill: #ffffff;
}
.df-icon.df-fill__binaryDark svg {
  fill: #000000;
}
.df-icon.df-fill__primary svg {
  fill: #FC6446;
}
.df-icon.df-fill__secondary svg {
  fill: #e4e8dc;
}
.df-icon.df-fill__tertiaryGreen svg {
  fill: #0f5a5c;
}
.df-icon.df-fill__tertiaryGrey svg {
  fill: #5a6c78;
}

.df-link--primary,
.df-link--secondary {
  color: #ffffff;
  border-radius: 50px;
  width: max-content;
}
.df-link--primary:link, .df-link--primary:visited, .df-link--primary:hover, .df-link--primary:active,
.df-link--secondary:link,
.df-link--secondary:visited,
.df-link--secondary:hover,
.df-link--secondary:active {
  color: #ffffff;
}
.df-link--primary svg,
.df-link--secondary svg {
  fill: #ffffff;
}
.df-link--primary.df-link--lg,
.df-link--secondary.df-link--lg {
  font-size: 18px;
  line-height: 24px;
  padding: 8px 24px;
}
.df-link--primary.df-link--md,
.df-link--secondary.df-link--md {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
}
.df-link--primary.df-link--sm,
.df-link--secondary.df-link--sm {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 16px;
}
.df-link--primary.df-flexbox__gap-sm,
.df-link--secondary.df-flexbox__gap-sm {
  gap: 6px;
}
.df-link--primary.df-flexbox__gap-md,
.df-link--secondary.df-flexbox__gap-md {
  gap: 8px;
}
.df-link--primary.df-flexbox__gap-lg,
.df-link--secondary.df-flexbox__gap-lg {
  gap: 10px;
}
.df-link--primary:focus, .df-link--primary:hover,
.df-link--secondary:focus,
.df-link--secondary:hover {
  text-decoration: none;
}
.df-link--primary:active,
.df-link--secondary:active {
  opacity: 1;
  filter: brightness(80%);
}

.df-link--primary {
  background-color: #FC6446;
  border: 1px solid #FC6446;
}
.df-link--primary.df-link--outline {
  color: #FC6446;
  background-color: #ffffff;
}
.df-link--primary.df-link--outline:hover {
  background-color: #ffe0d9;
}
.df-link--primary.df-link--outline svg {
  fill: #FC6446;
}

.df-link--secondary {
  background-color: #0f5a5c;
  border: 1px solid #0f5a5c;
}
.df-link--secondary.df-link--outline {
  color: #0f5a5c;
  background-color: #ffffff;
}
.df-link--secondary.df-link--outline:hover {
  background-color: #CFDEDE;
}
.df-link--secondary.df-link--outline svg {
  fill: #0f5a5c;
}

.df-link--square {
  border-radius: 8px;
}

.df-link--regular {
  font-weight: 400;
}

.df-link--bold {
  font-weight: 600;
}

:not(.df-link--outline).df-link--hover:hover {
  opacity: 0.8;
}

.df-logo.df-logo--sm {
  height: 35px;
  width: 37px;
}
.df-logo.df-logo--md {
  height: 44px;
  width: 46px;
}
.df-logo.df-logo--lg {
  height: 57px;
  width: 60px;
}
.df-logo.df-logo--full.df-logo--sm {
  width: 180px;
}
.df-logo.df-logo--full.df-logo--md {
  width: 230px;
}
.df-logo.df-logo--full.df-logo--lg {
  width: 300px;
}

.hint2,
.hilite {
  display: inline-flex;
  padding: 2px 4px;
  border-radius: 2px;
}
.hint2:has(.df-1240-fast-icon).blue,
.hilite:has(.df-1240-fast-icon).blue {
  background-color: #0071bc;
  border-bottom: 0;
  padding-left: 16px;
}
.hint2:has(.df-1240-fast-icon).blue img.df-1240-fast-icon,
.hilite:has(.df-1240-fast-icon).blue img.df-1240-fast-icon {
  position: absolute;
  left: -45px;
  top: -5px;
  width: 44px;
}
.hint2.green,
.hilite.green {
  background-color: #328639;
}
.hint2.dark-green,
.hilite.dark-green {
  background-color: #407A7D;
}
.hint2.red,
.hilite.red {
  background-color: #e10f1e;
}
.hint2.yellow,
.hilite.yellow {
  background-color: #ffc75b;
}
.hint2.yellow > div,
.hilite.yellow > div {
  color: #212121;
}
.hint2.blue,
.hilite.blue {
  background-color: #4b5fff;
}
.hint2.alternative,
.hilite.alternative {
  background-color: #fff1d6;
  height: max-content;
}
.hint2.alternative > div,
.hilite.alternative > div {
  background-color: unset !important;
  border: none !important;
  color: #212121 !important;
}
.hint2 > div,
.hilite > div {
  font-size: 12px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #fff;
}

.con .crumbTitle {
  display: none;
}
@media (min-width: 769px) {
  .con .crumbTitle {
    display: block;
    position: absolute;
    top: 24px;
    left: 320px;
    padding: 4px;
  }
  .con .crumbTitle span {
    background-color: #0f5a5c;
    display: inline-block;
    padding: 4px 4px 4px 8px;
    color: #fff;
    position: relative;
    margin-right: -5px;
    border-radius: 4px 0 0 4px;
    font-size: 14px;
    line-height: 24px;
    height: 32px;
  }
  .con .crumbTitle span:last-child {
    background-color: #0f5a5c;
    display: inline-block;
    padding: 4px 8px 4px 4px;
    color: #fff;
    position: relative;
    font-weight: bold;
    border-radius: 0 0;
  }
  .con .crumbTitle span:last-child::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #0f5a5c;
    top: 0;
    right: -32px;
  }
}

.df-accordion--button {
  font-size: 16px;
  background-color: #CFDEDE;
  border: 1px solid #0f5a5c;
  border-radius: 4px;
  cursor: pointer;
  text-align: left;
}
.df-accordion--button:hover {
  filter: brightness(90%);
}

.df-accordion--button__title-icon {
  padding: 16px;
  background-color: #0f5a5c;
}
.df-accordion--button__title-icon svg {
  fill: #ffffff;
}

.df-accordion--button__title-label {
  padding: 0 16px;
}

.df-accordion--dropdown {
  padding: 16px;
  border: 1px solid #0f5a5c;
}

.df-accordion--button__opened {
  border-radius: 4px 4px 0 0;
}

.df-accordion--dropdown__opened {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
}

.df-accordion--dropdown__closed {
  display: none;
}

.df-accordion--button-icon-container {
  padding: 16px;
}

.df-reviewAccordion {
  gap: 0;
}
.df-reviewAccordion .df-accordion--button__title {
  font-size: 20px;
}
.df-reviewAccordion .df-accordion--button {
  border: none;
  border-bottom: 1px solid #000000;
  background-color: #FAFAF7;
  border-radius: 0;
}
.df-reviewAccordion .df-accordion--button__opened {
  border-bottom: 1px solid transparent;
}
.df-reviewAccordion .df-accordion--dropdown {
  border: none;
  border-bottom: 1px solid #000000;
  border-radius: 0;
}

@media (min-width: 769px) {
  body:has(#divQuotesContainer) #info.prices-rise-msg-div, body:has(#divQuotesContainer) #info.prices-rise-msg1-div {
    margin-left: 16px;
    margin-right: 16px;
    max-width: 1200px;
  }
}
@media (min-width: 1200px) {
  body:has(#divQuotesContainer) #info.prices-rise-msg-div, body:has(#divQuotesContainer) #info.prices-rise-msg1-div {
    margin: 0 auto;
  }
}

#info {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
#info.prices-rise-msg-div, #info.prices-rise-msg1-div {
  color: #212121 !important;
  padding-left: 40px;
  background: url("https://static.directferries.co.uk/image/ico/new/grey/duration.svg") no-repeat left 8px top 8px #fff0ed !important;
  border: 2px solid #FC6446 !important;
}
#info.prices-rise-msg-div br, #info.prices-rise-msg1-div br {
  display: none;
}
#info .prices-rise-msg,
#info span {
  color: #212121 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  #info .prices-rise-msg,
  #info span {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
#info div[class*=urgency-title] {
  display: none;
}
@media (min-width: 769px) {
  #info div[class*=urgency-title] {
    display: block;
  }
}
#info #spnCountdownText {
  display: none;
}
@media (min-width: 769px) {
  #info #spnCountdownText {
    display: block;
  }
}

.info {
  background-color: #e9f7fb;
  border: 2px solid #c9ecf4;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 16px !important;
  line-height: 24px !important;
}
.info a {
  text-decoration: underline;
}
.info#termsAndConditions {
  padding: 16px 0 !important;
}
@media (max-width: 768px) {
  .info#termsAndConditions {
    background-color: transparent !important;
    color: #fff;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center;
    border: 0;
  }
  .info#termsAndConditions a {
    color: #fff !important;
    text-decoration: underline;
  }
}
.info#termsAndConditions #termsAndConditions3 {
  padding: 16px 0 !important;
  background-color: #c9ecf4;
  color: #212121;
  font-size: 14px !important;
  line-height: 20px !important;
}
.info#termsAndConditions #termsAndConditions3 a {
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-decoration: underline !important;
}
@media (max-width: 768px) {
  .info#termsAndConditions #termsAndConditions3 a {
    color: #212121 !important;
  }
}
.info#noResultsFoundDiv {
  max-width: 1200px;
  margin: 0 auto 16px auto;
}

#ab-great-choice {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  gap: 8px;
  padding: 8px !important;
  background-color: #ebf3eb !important;
  border: 2px solid #328639 !important;
  border-radius: 8px;
  margin-bottom: 0 !important;
}
@media (min-width: 769px) {
  #ab-great-choice {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  #ab-great-choice {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}
#ab-great-choice .ab-great-choice--message {
  width: 100%;
  position: relative;
  color: #212121 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  #ab-great-choice .ab-great-choice--message {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
#ab-great-choice .ab-great-choice--message .ab-great-choice--secondarymessage {
  color: #212121 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
#ab-great-choice .ab-great-choice--message a.ab-great-choice--dismiss {
  position: absolute;
  right: 8px;
  top: 0;
}

.error {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 8px 8px 8px 40px;
  display: block;
  background-color: #fce7e9;
  border: 2px solid #e10f1e;
  color: #212121 !important;
  border-radius: 8px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/error.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: left 8px top 8px;
}
@media (min-width: 1025px) {
  .error {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.error .frmLbl {
  display: none;
}

.df-dropdown__button {
  border: none;
  background: none;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.df-dropdown__button svg {
  pointer-events: none;
}

.df-dropdown__list-container {
  position: absolute;
  z-index: 100003;
  padding-top: 20px;
}
.df-dropdown__list-container:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 10px;
  left: 25px;
  transform: rotate(45deg);
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.df-dropdown__list-container:after {
  content: "";
  width: 0;
  border-bottom: 14px solid #ffffff;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  display: block;
  position: absolute;
  top: 7px;
  left: 22px;
  z-index: 100001;
}

.df-dropdown__list {
  position: relative;
  z-index: 100001;
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
  background-color: #ffffff;
  border: 1px solid #D4D4D4;
  border-radius: 0.5em;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.df-dropdown__list-item {
  position: relative;
  z-index: 100001;
}
.df-dropdown__list-item .df-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
}
.df-dropdown__list-item .df-link:hover, .df-dropdown__list-item .df-link:focus {
  text-decoration: none;
  background-color: #e4e8dc;
}

.df-wideDropdown__button {
  border: none;
  background: none;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.df-wideDropdown__button svg {
  pointer-events: none;
}

.df-wideDropdown__list-container {
  position: absolute;
  z-index: 100002;
  left: 0;
  right: 0;
  padding-top: 35px;
}

.df-wideDropdown__list {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  z-index: 1;
  list-style-type: none;
  margin: 0;
  padding: 15px 20px;
  background-color: #ffffff;
  transition: all 0.4s ease;
}
.df-wideDropdown__list.show {
  transition: all 0.8s ease;
  opacity: 1;
  height: auto;
  max-height: 3000px;
  animation: headerFadeIn 0.5s forwards;
}
.df-wideDropdown__list:not(.show) {
  display: none;
}

@keyframes headerFadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes headerFadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.df-wideDropdown__list-item {
  position: relative;
  z-index: 1;
}
.df-wideDropdown__list-item .df-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 5px;
  background-color: #e4e8dc;
  font-weight: normal;
  border-radius: 4px;
}
.df-wideDropdown__list-item .df-link:hover, .df-wideDropdown__list-item .df-link:focus {
  text-decoration: none;
}
.df-wideDropdown__list-item svg {
  width: 28px;
  height: 22px;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  filter: alpha(opacity=0);
  opacity: 0;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.tooltip.top {
  padding: 8px 0;
  margin-top: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 6px 6px 0;
  border-top-color: #212121;
}
.tooltip.bottom {
  padding: 8px 0;
  margin-top: 3px;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #212121;
}
.tooltip .tooltip-inner {
  max-width: 270px;
  padding: 8px;
  color: #fff;
  text-align: center;
  background-color: #212121;
  border-radius: 4px;
}
.tooltip .tooltip-inner b {
  font-size: 14px !important;
  line-height: 20px !important;
}
.tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.df-zendesk-custom {
  color-scheme: light;
  position: fixed;
  bottom: 1rem;
  right: 2rem;
  transform: none;
  transform-origin: right bottom;
  border: 0;
  margin-top: 0;
  animation: 0.2s ease-in 0.5s 1 normal forwards running ww-8d4fa871-8418-4d4a-b362-8148b3e58e6f-widgetOnLoad;
  z-index: 1001;
  border-radius: 3.125rem;
}
.df-zendesk-custom #conversation-badge {
  background: #0f5a5c;
  color: #fff;
  width: fit-content;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.333;
  padding: 0.8rem 1.5rem;
}
.df-zendesk-custom #conversation-badge i {
  margin-right: 0;
  background-color: transparent;
}
.df-zendesk-custom .svg-icon.df-icon-help {
  width: 24px;
  height: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/white/help.svg");
}
.df-zendesk-custom #unread-indicator {
  font-size: 0.875rem;
  line-height: 1.14286;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  min-width: 28px;
  height: 28px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -8px;
  right: 0;
}

.svg-icon {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
  background-size: auto 24px;
  background-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.svg-icon[class*=" df-icon-"] {
  position: relative;
}

.header-wrap {
  background-color: transparent;
}
@media (min-width: 769px) {
  .header-wrap {
    background-color: #e4e8dc;
  }
}
.header-wrap:has(#customer-details-header), .header-wrap:has(#payment-page-header) {
  background-color: #0f5a5c;
}
.header-wrap:has(#customer-details-header) .header, .header-wrap:has(#payment-page-header) .header {
  color: #fff;
}
.header-wrap .header {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff;
}
@media (min-width: 769px) {
  .header-wrap .header {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  .header-wrap .header {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .header-wrap .header {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 769px) {
  .header-wrap .header {
    color: #212121;
  }
}

#ticket-type-header,
#customer-details-header {
  padding: 16px 0;
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #fff;
}
@media (min-width: 769px) {
  #ticket-type-header,
  #customer-details-header {
    color: initial;
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
@media (min-width: 769px) {
  #ticket-type-header,
  #customer-details-header {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  #ticket-type-header,
  #customer-details-header {
    padding-left: 0;
    padding-right: 0;
  }
}

.box .header,
.box .headerHlp,
.marketing_voucher .header,
.marketing_voucher .headerHlp {
  padding: 16px 16px;
  background-color: #0f5a5c;
  color: #fff;
  border-radius: 4px 4px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  position: relative;
}
@media (min-width: 769px) {
  .box .header,
  .box .headerHlp,
  .marketing_voucher .header,
  .marketing_voucher .headerHlp {
    background-color: #e4e8dc;
    color: #212121;
    border-radius: 4px 4px 0 0;
  }
}
@media (min-width: 1200px) {
  .box .header,
  .box .headerHlp,
  .marketing_voucher .header,
  .marketing_voucher .headerHlp {
    padding: 16px 0;
  }
}
.box .header .hlp a,
.box .headerHlp .hlp a,
.marketing_voucher .header .hlp a,
.marketing_voucher .headerHlp .hlp a {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 8px;
  top: 4px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/help.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
@media (min-width: 769px) {
  .box .header .hlp a,
  .box .headerHlp .hlp a,
  .marketing_voucher .header .hlp a,
  .marketing_voucher .headerHlp .hlp a {
    right: 8px;
    top: 12px;
  }
}

#customerDetailsContainer .header,
#customerDetailsContainer .headerHlp {
  padding: 8px 8px;
  background-color: #0f5a5c;
  color: #fff;
}
@media (min-width: 769px) {
  #customerDetailsContainer .header,
  #customerDetailsContainer .headerHlp {
    padding: 16px 16px;
  }
}

body:has(.paymentSelect) .headerHlp {
  padding: 8px;
  background-color: #0f5a5c;
  color: #fff;
}
@media (min-width: 769px) {
  body:has(.paymentSelect) .headerHlp {
    padding: 16px 16px;
  }
}

.be_confirmation .ticketHead {
  display: none;
}
@media (min-width: 769px) {
  .be_confirmation .ticketHead {
    display: block;
    background-color: #0f5a5c;
    padding: 16px 16px;
    color: #fff;
    font-family: mundial-demibold, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
  }
  .be_confirmation .ticketHead > div {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .be_confirmation .ticketHead > div {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
.be_confirmation .itinerary .headerTbl {
  background-color: #0f5a5c;
  padding: 16px 16px;
  color: #fff;
  border-radius: 4px;
}
.be_confirmation .itinerary .headerTbl.out, .be_confirmation .itinerary .headerTbl.ret {
  background-position: left 8px top 16px;
  background-repeat: no-repeat;
  background-size: 24px;
  padding: 16px 16px 16px 40px;
}
.be_confirmation .itinerary .headerTbl.out {
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/outbound.svg");
}
.be_confirmation .itinerary .headerTbl.ret {
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/inbound.svg");
}

#topBoxSearchResults {
  background-color: #0f5a5c !important;
  border-radius: 0 !important;
  margin: 0;
}
@media (min-width: 769px) {
  #topBoxSearchResults {
    background-color: #0f5a5c !important;
  }
}
#topBoxSearchResults .rSer {
  background-color: #0f5a5c !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
  padding-top: 8px;
  padding-bottom: 8px;
  display: none;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 769px) {
  #topBoxSearchResults .rSer {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  #topBoxSearchResults .rSer {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 769px) {
  #topBoxSearchResults .rSer {
    display: block;
  }
}
#topBoxSearchResults .rSer > div {
  display: flex;
  justify-content: space-between;
}
#topBoxSearchResults .rSer .rsMap {
  display: none;
}
#topBoxSearchResults .rSer .rsDeets {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
}
#topBoxSearchResults .rSer .rsDeets .df-search-btn {
  background-color: unset;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: unset;
  width: fit-content;
  color: #fff;
  text-decoration: none;
  display: inline-flex !important;
  align-items: center;
  text-decoration: underline;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
#topBoxSearchResults .rSer .rsDeets .df-search-btn#lnkRoute {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
#topBoxSearchResults .rSer .rsBtn {
  display: flex;
}
#topBoxSearchResults .rSerFs {
  display: none;
  background-color: #0f5a5c;
  padding: 16px 0;
}
@media (min-width: 769px) {
  #topBoxSearchResults .rSerFs {
    background-color: #0f5a5c !important;
    padding: initial;
  }
}
#topBoxSearchResults .rSerFs #divNewFareSearch {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
@media (min-width: 769px) {
  #topBoxSearchResults .rSerFs #divNewFareSearch {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP {
  color: #fff;
}
@media (min-width: 769px) {
  #topBoxSearchResults .rSerFs #divNewFareSearch #dealP {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  #topBoxSearchResults .rSerFs #divNewFareSearch #dealP {
    padding-left: 0;
    padding-right: 0;
  }
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP .form-group {
  padding-bottom: 0 !important;
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP .fsRadios {
  margin-bottom: 16px;
  padding: 0 16px;
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP .fsRadios label.radio-inline {
  margin-right: 16px;
  position: relative;
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP .fsRadios label.radio-inline input[type=radio], #topBoxSearchResults .rSerFs #divNewFareSearch #dealP .fsRadios label.radio-inline body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #topBoxSearchResults .rSerFs #divNewFareSearch #dealP .fsRadios label.radio-inline [type=radio]#railBtn, #topBoxSearchResults .rSerFs #divNewFareSearch #dealP .fsRadios label.radio-inline body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #topBoxSearchResults .rSerFs #divNewFareSearch #dealP .fsRadios label.radio-inline [type=radio]#railBtn {
  margin: 4px 0px 0 -24px;
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP #curLbl a#curBtn {
  color: #fff;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/dropdown.svg");
  background-repeat: no-repeat;
  background-position: right top 8px;
  background-size: 20px;
  padding-right: 20px !important;
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP input, #topBoxSearchResults .rSerFs #divNewFareSearch #dealP body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #topBoxSearchResults .rSerFs #divNewFareSearch #dealP #railBtn, #topBoxSearchResults .rSerFs #divNewFareSearch #dealP body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #topBoxSearchResults .rSerFs #divNewFareSearch #dealP #railBtn {
  appearance: auto;
  width: max-content;
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP input[type=radio], #topBoxSearchResults .rSerFs #divNewFareSearch #dealP body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #topBoxSearchResults .rSerFs #divNewFareSearch #dealP [type=radio]#railBtn, #topBoxSearchResults .rSerFs #divNewFareSearch #dealP body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #topBoxSearchResults .rSerFs #divNewFareSearch #dealP [type=radio]#railBtn {
  -webkit-appearance: radio;
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP input[type=radio]::after, #topBoxSearchResults .rSerFs #divNewFareSearch #dealP body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container #topBoxSearchResults .rSerFs #divNewFareSearch #dealP [type=radio]#railBtn::after, #topBoxSearchResults .rSerFs #divNewFareSearch #dealP body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container #topBoxSearchResults .rSerFs #divNewFareSearch #dealP [type=radio]#railBtn::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: -6px;
  left: -6px;
  position: relative;
  background-color: #e4e8dc;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 4px solid #407A7D;
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP input[type=radio]:checked::after, #topBoxSearchResults .rSerFs #divNewFareSearch #dealP body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container #topBoxSearchResults .rSerFs #divNewFareSearch #dealP [type=radio]#railBtn:checked::after, #topBoxSearchResults .rSerFs #divNewFareSearch #dealP body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container #topBoxSearchResults .rSerFs #divNewFareSearch #dealP [type=radio]#railBtn:checked::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: -6px;
  left: -6px;
  position: relative;
  background-color: #212121;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 4px solid #407A7D;
}
#topBoxSearchResults .rSerFs #divNewFareSearch #dealP #btnSearch.btn {
  margin-top: 16px;
}

#sortBybar {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  background-color: #fff !important;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media (min-width: 769px) {
  #sortBybar {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  #sortBybar {
    background-color: transparent !important;
  }
}
#sortBybar a#lnkChangeSearchAccessibility {
  display: flex;
  align-items: center;
  background-color: #0f5a5c;
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/arrow-right.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px;
  color: #fff;
  border-radius: 4px;
  padding: 8px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  #sortBybar a#lnkChangeSearchAccessibility {
    display: none;
  }
}
#sortBybar a.selected {
  border-bottom: 2px solid #FC6446;
}
#sortBybar .orderBy {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 8px 0px 8px 8px;
  background-color: #c9ecf4 !important;
  border-radius: 4px;
  border: none;
}
@media (min-width: 769px) {
  #sortBybar .orderBy {
    background-color: transparent !important;
    border-radius: unset;
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 8px 0;
  }
}
#sortBybar .orderBy a {
  cursor: pointer;
  color: #212121;
}
@media (max-width: 768px) {
  #sortBybar .orderBy a {
    display: none;
  }
}
#sortBybar .orderBy a#lnkSortByOperator {
  padding: 0 24px 0 0;
  position: relative;
}
#sortBybar .orderBy a#lnkSortByOperator i {
  background: url("https://static.directferries.co.uk/image/ico/new/grey/dropdown.svg") no-repeat left center !important;
  background-size: 24px !important;
  width: 24px !important;
  height: 24px !important;
  position: absolute;
  top: -2px !important;
  background-position: center center;
}
@media (max-width: 768px) {
  #sortBybar .orderBy a.hideLnk, #sortBybar .orderBy a.selected {
    display: none;
  }
}
@media (max-width: 768px) {
  #sortBybar .orderBy a.shwLnk {
    display: block;
  }
}
#sortBybar .orderBy b {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
#sortBybar .orderBy > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
@media (min-width: 769px) {
  #sortBybar .orderBy > div {
    gap: 16px;
    align-items: center;
  }
}
#sortBybar .orderBy .sortBy {
  display: inline-block;
  width: fit-content !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  #sortBybar .orderBy .sortBy {
    font-family: mundial-demibold, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
  }
}
#sortBybar .orderBy .sortOps {
  width: 100%;
  float: unset;
  padding-left: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#sortBybar .orderBy .sortOps .ab-hide-alt-toggle {
  display: none;
}
@media (min-width: 769px) {
  #sortBybar .orderBy .sortOps .ab-hide-alt-toggle {
    display: block;
    order: 1;
    background-color: transparent;
  }
}
#sortBybar .orderBy .sortOps .ab-hide-alt-toggle p {
  margin: 0px;
  display: inline-block;
  padding-top: 2px;
}
#sortBybar .orderBy .sortOps .ab-hide-alt-toggle [data-tooltip], #sortBybar .orderBy .sortOps .ab-hide-alt-toggle .ab-hide-alt-toggle--tooltip {
  position: relative;
}
#sortBybar .orderBy .sortOps .ab-hide-alt-toggle [data-tooltip]::before, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle [data-tooltip]::after, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle .ab-hide-alt-toggle--tooltip::before, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle .ab-hide-alt-toggle--tooltip::after {
  position: absolute;
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
  bottom: 100%;
  left: 50%;
}
#sortBybar .orderBy .sortOps .ab-hide-alt-toggle [data-tooltip]::before, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle .ab-hide-alt-toggle--tooltip::before {
  margin-left: -6px;
  margin-bottom: -11px;
  border-top-color: #333;
}
#sortBybar .orderBy .sortOps .ab-hide-alt-toggle [data-tooltip]::after, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle .ab-hide-alt-toggle--tooltip::after {
  z-index: 1000;
  padding: 7px;
  width: 300px;
  background-color: #212121;
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  border-radius: 4px;
  margin-left: -170px;
}
#sortBybar .orderBy .sortOps .ab-hide-alt-toggle [data-tooltip]:hover::before, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle [data-tooltip]:hover::after, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle .ab-hide-alt-toggle--tooltip:hover::before, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle .ab-hide-alt-toggle--tooltip:hover::after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#sortBybar .orderBy .sortOps .ab-hide-alt-toggle [data-tooltip]:focus::before, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle [data-tooltip]:focus::after, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle .ab-hide-alt-toggle--tooltip:focus::before, #sortBybar .orderBy .sortOps .ab-hide-alt-toggle .ab-hide-alt-toggle--tooltip:focus::after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px);
}
#sortBybar .orderBy .sortOps #pnlSortBy {
  order: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 769px) {
  #sortBybar .orderBy .sortOps #pnlSortBy {
    flex-direction: row;
    gap: 16px;
    width: initial;
  }
}
#sortBybar .orderBy .sortOps #pnlSortBy li {
  min-height: 0;
}
#sortBybar .orderBy .sortOps #pnlSortBy li#opBtn {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
@media (min-width: 769px) {
  #sortBybar .orderBy .sortOps #pnlSortBy li#opBtn {
    flex-direction: row;
    align-items: center;
  }
}
#sortBybar .orderBy .sortOps #pnlSortBy li a {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
#sortBybar .orderBy .sortOps #pnlSortBy span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 769px) {
  #sortBybar .orderBy .sortOps #pnlSortBy span {
    display: none;
  }
}
#sortBybar .orderBy .sortOps #pnlSortBy span i {
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/arrow-right.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px;
  height: 20px;
  width: 20px;
}
#sortBybar .orderBy .sortOps #pnlSortBy span i::before {
  content: none;
}
@media (min-width: 769px) {
  #sortBybar .orderBy .sortOps #pnlSortBy span i {
    background-image: none;
    height: unset;
    width: unset;
  }
}
#sortBybar .orderBy .sortOps #pnlSortBy .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}
#sortBybar .orderBy .sortOps #pnlSortBy .tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
#sortBybar .orderBy .sortOps #pnlSortBy .tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
#sortBybar .orderBy .sortOps #pnlSortBy .tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
#sortBybar .orderBy .sortOps #pnlSortBy .tooltip-inner {
  max-width: 270px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #212121;
  border-radius: 4px;
}
#sortBybar .orderBy .sortOps #pnlSortBy .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
#sortBybar .orderBy .sortOps #pnlSortBy .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 6px 6px 0;
  border-top-color: #212121;
}
#sortBybar .orderBy .sortOps #pnlSortBy .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 0 6px 6px;
  border-bottom-color: #212121;
}
#sortBybar .orderBy .sortOps .formPopup {
  min-width: 150px !important;
}
@media (min-width: 769px) {
  #sortBybar .orderBy .sortOps .formPopup {
    background: url("https://static.directferries.co.uk/image/fs/arrow.png") !important;
    position: absolute;
    padding-top: 9px !important;
    z-index: 10;
  }
}
#sortBybar .orderBy .sortOps .formPopup .formCon {
  background-color: #fff;
  padding: 8px;
  border-left: 1px solid #d3d5d6;
  border-right: 1px solid #d3d5d6;
  border-bottom: 1px solid #d3d5d6;
  border-radius: 0 0 4px 4px;
}
#sortBybar .orderBy .sortOps .formPopup .formCon label.checkRadio {
  position: relative;
  padding-left: 24px;
}
#sortBybar .orderBy .sortOps .formPopup .formCon label.checkRadio input, #sortBybar .orderBy .sortOps .formPopup .formCon label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #sortBybar .orderBy .sortOps .formPopup .formCon label.checkRadio #railBtn, #sortBybar .orderBy .sortOps .formPopup .formCon label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #sortBybar .orderBy .sortOps .formPopup .formCon label.checkRadio #railBtn {
  width: max-content;
  appearance: auto;
  -webkit-appearance: radio;
  position: absolute;
  left: 0;
  top: 6px;
  padding: 0;
}

.sm12:has(#topBoxSearchResults) {
  padding-left: 0;
  padding-right: 0;
}

#frmData {
  background-color: #0f5a5c !important;
}
@media (min-width: 769px) {
  #frmData {
    background-color: #FAFAF7 !important;
  }
}

#divQuotesContainer {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 769px) {
  #divQuotesContainer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  #divQuotesContainer {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  #divQuotesContainer {
    padding-left: 0;
    padding-right: 0;
  }
}

.BookingFeeInfo#BookingFeeInfo {
  border-radius: 8px;
  max-width: 1200px;
  margin: 0 auto;
  border: 2px solid #c9ecf4 !important;
  padding: 8px 8px 8px 32px !important;
  background: #e9f7fb url("https://static.directferries.co.uk/image/ico/new/grey/info.svg") left 8px top 8px/20px no-repeat !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 0 !important;
}
@media (min-width: 769px) {
  .BookingFeeInfo#BookingFeeInfo {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

.ab-italian-tooltip {
  display: none !important;
}

.it-bf-message {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

.it-bf-message#it-bf-1 {
  padding: 0;
}
@media (min-width: 769px) {
  .it-bf-message#it-bf-1 {
    padding: 4px 8px !important;
  }
}

.it-bf-message#it-bf-2 {
  padding: 0;
}
@media (min-width: 769px) {
  .it-bf-message#it-bf-2 {
    padding: 4px 8px;
    display: none;
  }
}

@media (min-width: 769px) {
  .it-bf-message#it-bf-3 {
    width: 100%;
    padding: 0 8px 4px;
  }
}
.it-bf-message#it-bf-4 {
  padding: 0px;
}
@media (min-width: 769px) {
  .it-bf-message#it-bf-4 {
    padding: 4px 8px;
    width: 100%;
    display: none;
  }
}

#NewUIDestination {
  display: flex;
  gap: 8px;
  border-radius: 0 0 4px 4px;
  padding: 8px;
  align-items: flex-end;
}
#NewUIDestination .ab-1210-flex-grow-4 {
  width: 100%;
  order: 1;
}
#NewUIDestination .ab-1210-order-btn {
  order: 0;
  cursor: pointer;
}
#NewUIDestination .ab-1210-order-btn span.ab-1210-more-info {
  white-space: nowrap;
  background-color: #F0F2EB;
  color: #212121;
  border: 2px solid #F0F2EB;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: initial;
  border-radius: 50px;
  padding: 6px 16px !important;
  min-width: 140px;
  min-height: 32px;
  font-size: 12px !important;
  line-height: 20px !important;
  min-width: unset;
}
#NewUIDestination .ab-1210-order-btn span.ab-1210-more-info i {
  display: none;
}

.box.mpopquote .ticketHead div.ow-alt-label span {
  background: #fad6cf;
  padding: 2px 5px;
  border-radius: 2px;
  color: #ea5a28;
  font-weight: bold;
  cursor: help;
  display: inline-block !important;
}

.box.mpopquote .ticketHead div.ow-alt-label {
  position: relative;
  display: block;
}

.box.mpopquote .ticketHead div.ow-alt-label span.ow-alt-tt {
  position: absolute;
  min-width: 300px;
  color: #FFFFFF;
  background: #222;
  min-height: 28px;
  line-height: 15px;
  text-align: center;
  visibility: hidden;
  border-radius: 4px;
  padding: 5px;
  font-weight: normal;
  right: 0;
}

.box.mpopquote .ticketHead span.ow-alt-tt:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 84%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #222;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.box.mpopquote .ticketHead div.ow-alt-label:hover .ow-alt-tt {
  visibility: visible;
  opacity: 1;
  bottom: 35px;
  z-index: 999;
  left: 0;
}

@media (max-width: 480px) {
  .ticketHead > div, .mobTicketHead > div {
    float: left;
    width: 100%;
    text-align: center;
  }
  .box.mpopquote .ticketHead div.ow-alt-label span {
    display: block !important;
  }
  .box.mpopquote .ticketHead div.ow-alt-label:hover .ow-alt-tt {
    bottom: 37px;
    left: 0px;
  }
  .box.mpopquote .ticketHead span.ow-alt-tt:after {
    left: 50%;
  }
}
.quote_item .df-1240-blue {
  margin-left: 60px !important;
  margin-top: 26px !important;
}

.quote_item.zero-em-wrap {
  border: 2px solid #84b688 !important;
}
.quote_item.zero-em-wrap .zero-em {
  color: white;
  padding: 8px 16px 8px 54px;
  background-size: 24px;
  font-weight: 600;
  background: url("https://static.directferries.co.uk/image/ico/white/eco.svg") no-repeat 16px center, #84b688;
}

.nQte.quote_item {
  border-radius: 4px;
  border: 1px solid #212121;
  background-color: #fff;
  transition: 0.2s;
}
@media (min-width: 769px) {
  .nQte.quote_item {
    box-shadow: 0 4px 4px #E4E8DC;
  }
}
@media (min-width: 769px) {
  .nQte.quote_item:hover {
    transform: scale(1.01);
    transition: 0.2s;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transition-timing-function: ease-out !important;
  }
}
.nQte.quote_item .nQteHead {
  padding: 8px 16px 8px 16px;
}
.nQte.quote_item .nQteHead > div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteHead > div {
    align-items: center;
  }
}
.nQte.quote_item .nQteHead > div div:has(.hdIm) {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: fit-content;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteHead > div div:has(.hdIm) {
    flex-wrap: wrap;
    flex-direction: row;
    width: initial;
    gap: 8px;
  }
}
.nQte.quote_item .nQteHead > div div:has(.hdPr) {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteHead > div div:has(.hdPr) {
    flex-direction: row;
    width: initial;
    align-items: center;
    gap: 32px;
    flex-wrap: nowrap;
    overflow: unset;
  }
}
.nQte.quote_item .nQteHead .hdOp {
  display: none;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteHead .hdOp {
    display: block;
  }
}
.nQte.quote_item .nQteHead .hdOp span:nth-child(2) {
  display: none;
}
.nQte.quote_item .nQteHead .hdOf {
  display: flex;
  gap: 4px;
  order: 1;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteHead .hdOf {
    order: unset;
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
  }
}
.nQte.quote_item .nQteHead .hdOf .hint2.blue.alternative > div {
  background-color: #f3a13d;
  border: 1px solid #f3a13d;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
  cursor: auto !important;
}
.nQte.quote_item .nQteHead .hdOf .hint2.alternative {
  position: relative;
  display: inline;
}
.nQte.quote_item .nQteHead .hdOf .hint2.alternative span {
  position: absolute;
  width: max-content;
  background-color: #212121;
  color: #FFFFFF;
  text-align: center;
  visibility: hidden;
  border-radius: 4px;
  padding: 8px 16px;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.nQte.quote_item .nQteHead .hdOf .hint2.alternative span::after {
  content: "";
  position: absolute;
  bottom: 100%;
  top: unset;
  left: 25%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: unset;
  border-bottom: 8px solid #212121;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.nQte.quote_item .nQteHead .hdOf .hint2.alternative:hover span {
  visibility: visible;
  opacity: 1;
  top: 30px;
  bottom: unset;
  left: 0;
  margin-left: unset;
  z-index: 999;
}
.nQte.quote_item .nQteHead .hdPr {
  display: flex;
  flex-direction: column;
  order: 0;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteHead .hdPr {
    order: unset;
  }
}
.nQte.quote_item .nQteHead .hdPr .hdPrOld {
  color: #e10f1e;
  align-self: flex-end;
  text-decoration: line-through;
}
.nQte.quote_item .nQteHead .hdPr .abPseudo {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 24px !important;
  line-height: 32px !important;
  text-align: right;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteHead .hdPr .abPseudo {
    font-family: mundial-demibold, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
  }
}
.nQte.quote_item .nQteHead .hdPr .prPP {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
  text-align: right;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #c9ecf4;
}
.nQte.quote_item .nQteHead .hdBn {
  display: none;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteHead .hdBn {
    display: block;
  }
}
.nQte.quote_item .nQteBody {
  padding: 16px 16px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 16px;
  border-top: 2px solid #FAFAF7;
  border-bottom: 2px solid #FAFAF7;
  flex-direction: column;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBody {
    flex-direction: row;
    gap: 32px;
  }
}
.nQte.quote_item .nQteBody > div {
  width: 100%;
}
.nQte.quote_item .nQteBody > div:first-child {
  border-bottom: 2px solid #FAFAF7;
  padding-bottom: 16px;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBody > div:first-child {
    border-bottom: unset;
    padding-bottom: unset;
    border-right: 2px solid #FAFAF7;
  }
}
.nQte.quote_item .nQteBody > div .ABHighlightAlternativePort {
  color: #fff1d6;
  font-weight: bold;
}
.nQte.quote_item .nQteBody > div .ABHighlightAlternativeDate {
  color: #fff1d6;
  font-weight: bold;
}
.nQte.quote_item .nQteBody .nTkt {
  display: flex;
  flex-direction: column;
}
.nQte.quote_item .nQteBody .nTkt:has(.reviews) {
  display: none;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBody .nTkt:has(.reviews) {
    display: flex;
  }
}
.nQte.quote_item .nQteBody .nTkt > div {
  display: grid;
  grid-template-columns: 30% 1fr 30%;
}
.nQte.quote_item .nQteBody .nTkt > div:has(.reviews) {
  display: flex;
  justify-content: center;
}
.nQte.quote_item .nQteBody .nTkt > div div[class*=route] {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  display: inline-block;
}
.nQte.quote_item .nQteBody .nTkt > div div[class*=route].ABHighlightAlternativePort {
  color: #212121 !important;
}
.nQte.quote_item .nQteBody .nTkt > div div[class*=route].ABHighlightAlternativePort span {
  background-color: #fff1d6;
  padding: 0 4px;
  border-radius: 2px;
}
.nQte.quote_item .nQteBody .nTkt > div div.route1 {
  justify-content: flex-start;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBody .nTkt > div div.route1 {
    text-align: right;
  }
}
.nQte.quote_item .nQteBody .nTkt > div div.route3 {
  justify-content: flex-end;
  text-align: right;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBody .nTkt > div div.route3 {
    justify-content: flex-start;
    text-align: left;
  }
}
.nQte.quote_item .nQteBody .nTkt > div div[class*=dur] {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #e4e8dc;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBody .nTkt > div div[class*=dur] {
    margin: 0 32px;
  }
}
.nQte.quote_item .nQteBody .nTkt > div div[class*=time] {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 24px !important;
  line-height: 32px !important;
  display: flex;
}
.nQte.quote_item .nQteBody .nTkt > div div.time1 {
  justify-content: flex-start;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBody .nTkt > div div.time1 {
    justify-content: flex-end;
  }
}
.nQte.quote_item .nQteBody .nTkt > div div.time3 {
  justify-content: flex-end;
  text-align: right;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBody .nTkt > div div.time3 {
    justify-content: flex-start;
    text-align: left;
  }
}
.nQte.quote_item .nQteBody .nTkt > div div[class*=date] {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  display: flex;
}
.nQte.quote_item .nQteBody .nTkt > div div[class*=date].ABHighlightAlternativeDate {
  color: #212121 !important;
}
.nQte.quote_item .nQteBody .nTkt > div div[class*=date].ABHighlightAlternativeDate span {
  background-color: #fff1d6;
  padding: 0 4px;
  border-radius: 2px;
}
.nQte.quote_item .nQteBody .nTkt > div div.date1 {
  justify-content: flex-start;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBody .nTkt > div div.date1 {
    justify-content: flex-end;
  }
}
.nQte.quote_item .nQteBody .nTkt > div div.date3 {
  justify-content: flex-end;
  text-align: right;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBody .nTkt > div div.date3 {
    justify-content: flex-start;
    text-align: left;
  }
}
.nQte.quote_item .nQteBody .nTkt > div div[class*=ship] {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: -24px;
}
.nQte.quote_item .nQteBody .nTkt > div div.reviews {
  display: none;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.nQte.quote_item .nQteBody .nTkt > div div.reviews:has(a) {
  display: block;
}
.nQte.quote_item .nQteBody .nTkt > div div.reviews a {
  color: #212121;
}
.nQte.quote_item .nQteBody.noShips {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.nQte.quote_item .nQteBtm .ticketInfo {
  background-color: #FAFAF7;
  border-radius: 4px;
  display: none;
  flex-direction: column;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBtm .ticketInfo {
    display: flex;
  }
}
.nQte.quote_item .nQteBtm .ticketInfo.abMobTab {
  display: none;
  padding-top: 0;
}
.nQte.quote_item .nQteBtm .ticketInfo.abMobTab .ab-1210-tabs {
  padding: 16px;
}
.nQte.quote_item .nQteBtm .ticketInfo.abMobTab .ab-1210-tabs .tabPane {
  margin-bottom: 8px;
}
.nQte.quote_item .nQteBtm .ticketInfo.abMobTab .ab-1210-tabs .tabPane a {
  text-decoration: underline;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabs {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  column-gap: 16px;
  max-height: unset !important;
  flex-wrap: wrap;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabs li.active a {
  background-color: #e4e8dc;
  border-radius: 0;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabs li.active a::after {
  content: "";
  width: 32px;
  height: 32px;
  background-color: #E8EDE3;
  border-radius: 50px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/dropup.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabs li a {
  color: #212121;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabs li a::after {
  content: "";
  width: 32px;
  height: 32px;
  background-color: #E8EDE3;
  border-radius: 50px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/dropdown.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabCon {
  padding: 0;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabCon > b,
.nQte.quote_item .nQteBtm .ticketInfo .tabCon > .tabPane {
  display: none;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabCon > .active {
  display: block;
  padding: 16px 8px;
  border-radius: 0 0 4px 4px !important;
  position: relative;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  background-color: #e4e8dc;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabCon > .active a {
  text-decoration: underline;
  padding: 0 4px;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabCon > span:first-child, .nQte.quote_item .nQteBtm .ticketInfo .tabCon > span:nth-child(2) {
  background-color: #fff1d6;
  border: 2px solid #ffb932;
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  padding: 8px;
  border-radius: 8px;
  display: block;
  margin: 8px;
}
.nQte.quote_item .nQteBtm .ticketInfo .tabCon > span:empty {
  display: none;
}
@media (min-width: 769px) {
  .nQte.quote_item .nQteBtm #NewUIDestination {
    display: none;
  }
}

.ab-2062-mb-30.quote_item {
  border-radius: 4px;
  border: 1px solid #212121;
  background-color: #fff;
  transition: 0.2s;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item {
    box-shadow: 0 4px 4px #E4E8DC;
  }
}
.ab-2062-mb-30.quote_item:has(.df-1240-blue) .df-1240-blue {
  margin-top: 16px !important;
  width: max-content;
  margin-left: auto !important;
}
.ab-2062-mb-30.quote_item:has(.df-1240-blue) .ticketHead {
  clear: both;
  padding-top: 8px;
}
.ab-2062-mb-30.quote_item .ab-2062-box {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item:hover {
    transform: scale(1.01);
    transition: 0.2s;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transition-timing-function: ease-out !important;
  }
}
.ab-2062-mb-30.quote_item .ticketHead {
  padding: 16px;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item .ticketHead:has(.sold-out-btn) {
    border-radius: 8px;
  }
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  row-gap: 16px;
  padding: 0;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex {
    grid-template-columns: 1fr 2fr 1fr;
  }
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  row-gap: 8px;
  grid-column: 1/2;
  grid-row: 1;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .logo .hdOp {
  display: none;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .logo .hdOp {
    display: block;
  }
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket {
  display: flex;
  padding: 0px 0;
  justify-content: center;
  align-items: center;
  grid-column: 1/3;
  grid-row: 2;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket {
    padding: 0px 16px;
    grid-column: 2/3;
    grid-row: 1;
    align-self: center;
  }
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details {
  width: 100%;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .ab-2298-alt-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #fff1d6;
  border-bottom: 2px solid #ffb932;
  padding: 2px 8px;
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  margin-bottom: 4px;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .alternative-txt span {
  border-radius: 2px;
  background-color: #fff1d6;
  border-bottom: 2px solid #ffb932;
  padding: 2px 4px;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .one-way-ship-review {
  grid-column: 2;
  display: flex !important;
  flex-direction: column;
  align-items: center;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .one-way-ship-review .stars {
  padding-left: 0;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .one-way-ship-review .stars a .rating {
  background-image: url("https://static.directferries.co.uk/image/sprites/sprite-stars.png");
  position: relative;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .one-way-ship-review .reviews a {
  background-color: transparent;
  color: #0070a0;
  text-decoration: none;
  cursor: pointer;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .one-way-ship-review .reviews a .reviews-count {
  font-size: 0.6875rem;
  margin-top: 3px;
  display: inline-block;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .one-way-ship-review .reviews b {
  font-size: 12px;
  line-height: 16px;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1:has(.dep) .dep,
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1:has(.dep) .ab-2062-time,
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1:has(.dep) .ab-2062-date {
  text-align: left;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1 .dep span,
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1 .arr span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1 .ab-2062-time span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1 .ab-2062-time span {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1 .ab-2062-date span {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1 .ab-2062-date span {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1.ab-2062-txt-center {
  text-align: center;
  align-self: center;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1.ab-2062-txt-center .dur {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1.ab-2062-txt-center .ab-2062-lines {
  background: url("https://static.directferries.co.uk/image/ab/ab-1210/df-1210-line-center.png") repeat-x center center;
  font-size: 14px;
  font-weight: 400;
  color: #808080;
  width: 100%;
  overflow: hidden;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1.ab-2062-txt-center .ab-2062-lines img.ab-2062-left {
  float: left;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1.ab-2062-txt-center .ab-2062-lines img.ab-2062-right {
  float: right;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1.ab-2062-txt-center .ship {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .ab-2062-col-1.ab-2062-txt-right {
  text-align: right;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .one-way-ship-review {
  grid-row: 2;
  grid-column: 1/4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -16px;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .one-way-ship-review .reviews a {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: #212121;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .ticket .details .leg .out .one-way-ship-review .reviews a b {
  font-weight: inherit;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .price {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .price .ab-2062-right {
  grid-column: 1;
  grid-template-columns: unset;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .price .ab-2062-right .price {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-end;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .price .ab-2062-right .price .hdPrOld {
  color: #e10f1e;
  text-decoration: line-through;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .price .ab-2062-right .price > div b {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 24px !important;
  line-height: 32px !important;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .price .ab-2062-right .price > div b {
    font-family: mundial-demibold, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
  }
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .price .ab-2062-right .price .prPP {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #c9ecf4;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .price .ab-2062-notices-outer {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 4px;
}
.ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .price .ab-2062-cta-outer {
  display: none;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item .ticketHead .ab-2062-flex .price .ab-2062-cta-outer {
    display: block;
    padding-top: 16px;
  }
}
.ab-2062-mb-30.quote_item .ticketInfo {
  background-color: #FAFAF7;
  border-radius: 0 0 8px 8px;
  display: none;
  flex-direction: column;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item .ticketInfo {
    display: flex;
  }
}
.ab-2062-mb-30.quote_item .ticketInfo.abMobTab {
  padding: 0;
}
.ab-2062-mb-30.quote_item .ticketInfo.abMobTab .ab-1210-tabs {
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #212121;
}
.ab-2062-mb-30.quote_item .ticketInfo.abMobTab .ab-1210-tabs .tabPane {
  margin-bottom: 8px;
}
.ab-2062-mb-30.quote_item .ticketInfo.abMobTab .ab-1210-tabs .tabPane a {
  text-decoration: underline;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabs {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  column-gap: 16px;
  max-height: unset !important;
  flex-wrap: wrap;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabs li.active a {
  background-color: #e4e8dc;
  border-radius: 0;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabs li.active a::after {
  content: "";
  width: 32px;
  height: 32px;
  background-color: #E8EDE3;
  border-radius: 50px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/dropup.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabs li a {
  color: #212121;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabs li a::after {
  content: "";
  width: 32px;
  height: 32px;
  background-color: #E8EDE3;
  border-radius: 50px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/dropdown.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabCon {
  padding: 0;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabCon > b,
.ab-2062-mb-30.quote_item .ticketInfo .tabCon > .tabPane {
  display: none;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabCon > .active {
  display: block;
  padding: 16px 8px;
  border-radius: 0 0 4px 4px !important;
  position: relative;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  background-color: #e4e8dc;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabCon > .active a {
  text-decoration: underline;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabCon > span:first-child, .ab-2062-mb-30.quote_item .ticketInfo .tabCon > span:nth-child(2) {
  background-color: #fff1d6;
  border: 2px solid #ffb932;
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  padding: 8px;
  border-radius: 8px;
  display: block;
  margin: 8px;
}
.ab-2062-mb-30.quote_item .ticketInfo .tabCon > span:empty {
  display: none;
}
@media (min-width: 769px) {
  .ab-2062-mb-30.quote_item #NewUIDestination {
    display: none;
  }
}

.ab-1210-mb-30.quote_item {
  background-color: #fff;
  border-radius: 4px;
  padding: 16px 16px;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item {
    border: 1px solid #212121;
  }
}
.ab-1210-mb-30.quote_item .mpopquote {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote {
    display: grid;
    grid-template-columns: 1fr 1fr max-content;
    column-gap: 32px;
    row-gap: 8px;
  }
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr max-content;
    column-gap: 8px;
  }
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ab-1210-alternative-outer {
    grid-row: 1;
    grid-column: 1/7;
  }
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ticketHead {
    grid-column: 4/6;
    grid-row: 1;
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ticketHead {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ticketHead .ab-1210-logo {
    grid-column: 1/2;
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ticketHead .ab-1210-logo {
    order: 0;
    flex-basis: 0;
    flex-grow: 1;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ticketHead #NewUISource {
    grid-column: 2/4;
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ticketHead #NewUISource {
    order: 1;
    flex-basis: 0;
    flex-grow: 1;
    align-items: flex-start;
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ticketHead .ab-1210-right:has(.price) {
    order: 2;
    flex-basis: 0;
    flex-grow: 1;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ticket {
    grid-column: 1/4;
    grid-row: 1;
  }
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ticket .details .leg {
    padding-top: 0;
    border-top: none;
  }
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) #NewUIDestination {
    grid-row: 1;
    grid-column: 6/7;
  }
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) #ab-1210-hs-target {
    grid-column: 1/7;
  }
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)) .ab1210-info {
    grid-column: 1/7;
  }
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)):has(.ab-1210-alternative-outer) .ticketHead {
    grid-row: 2;
  }
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)):has(.ab-1210-alternative-outer) .ticket {
    grid-row: 2;
  }
  .ab-1210-mb-30.quote_item .mpopquote:not(:has(.ret)):has(.ab-1210-alternative-outer) #NewUIDestination {
    grid-row: 2;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote:has(.ab-1210-alternative-outer) .ticketHead {
    grid-row: 2;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote:has(.ab-1210-alternative-outer) .ticket {
    grid-row: 3;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote:has(.ab-1210-alternative-outer) #NewUIDestination {
    grid-row: 2;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ab-1210-alternative-outer {
    grid-row: 1;
    grid-column: 1/4;
  }
}
.ab-1210-mb-30.quote_item .mpopquote > div:empty {
  display: none;
}
.ab-1210-mb-30.quote_item .mpopquote .hint2.alternative, .ab-1210-mb-30.quote_item .mpopquote .hilite.alternative, .ab-1210-mb-30.quote_item .mpopquote .hint2.quote_shout, .ab-1210-mb-30.quote_item .mpopquote .hilite.quote_shout {
  justify-content: center;
  width: 100%;
  margin-bottom: 8px;
}
.ab-1210-mb-30.quote_item .mpopquote .ticketHead {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  border-bottom: 4px dotted #F5F5F2;
  padding-bottom: 8px;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticketHead {
    grid-template-columns: 1fr 1fr 1fr max-content;
    grid-row: 1;
    grid-column: 1/3;
    border-bottom: none;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticketHead .ab-1210-logo {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticketHead .ab-1210-logo {
    grid-column: 1/3;
    grid-row: 1;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticketHead .ab-1210-logo .logo {
  display: inline-block;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticketHead .ab-1210-right {
    grid-row: 1;
    grid-column: 4/5;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticketHead .ab-1210-col-2 .price > div {
  display: flex;
  flex-direction: column;
}
.ab-1210-mb-30.quote_item .mpopquote .ticketHead .ab-1210-col-2 .price > div .abOldPrice {
  color: #FC6446;
  text-decoration: line-through;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 10px;
}
.ab-1210-mb-30.quote_item .mpopquote .ticketHead .ab-1210-col-2 .price > div .abPseudo {
  font-size: 24px !important;
  line-height: 32px !important;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.ab-1210-mb-30.quote_item .mpopquote .ticketHead .ab-1210-col-2 .price > div span {
  font-size: 12px !important;
  line-height: 16px !important;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  padding: 0 8px;
  background-color: #c9ecf4;
  border-radius: 4px;
  width: max-content;
  margin-left: auto;
}
.ab-1210-mb-30.quote_item .mpopquote .ticketHead #NewUISource {
  grid-row: 2;
  grid-column: 1/3;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticketHead #NewUISource {
    grid-column: 3/4;
    align-items: center;
    grid-row: 1;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticket {
    grid-row: 2;
    grid-column: 1/4;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #f5f5f5;
    padding-top: 16px;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg:not(:has(.ret)) {
    grid-template-columns: 1fr;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out,
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret {
    column-gap: 16px;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1 {
  display: flex;
  flex-direction: column;
}
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1.ab-1210-txt-right > div,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1.ab-1210-txt-right > div {
  text-align: right;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1.ab-1210-txt-right:has(.arr) > div,
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1.ab-1210-txt-right:has(.arr) > div {
    text-align: left;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1 .dep,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1 .arr,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1 .ab-1210-time,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1 .dep,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1 .arr,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1 .ab-1210-time {
  font-size: 16px !important;
  line-height: 24px !important;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1 .dep,
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1 .arr,
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1 .ab-1210-time,
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1 .dep,
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1 .arr,
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1 .ab-1210-time {
    text-align: right;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1 .ab-1210-time,
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1 .ab-1210-time {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1 .ab-1210-date,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1 .ab-1210-date {
  font-size: 12px !important;
  line-height: 16px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1 .ab-1210-date,
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1 .ab-1210-date {
    text-align: right;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1.ab-1210-txt-center .dur,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1.ab-1210-txt-center .ship,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1.ab-1210-txt-center .dur,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1.ab-1210-txt-center .ship {
  font-size: 12px !important;
  line-height: 16px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  text-align: center;
}
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out .ab-1210-col-1.ab-1210-txt-center .ab-1210-lines,
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret .ab-1210-col-1.ab-1210-txt-center .ab-1210-lines {
  background: url("https://static.directferries.co.uk/image/ab/ab-1210/df-1210-line-center.png") repeat-x center center;
  overflow: hidden;
  margin-top: 12px !important;
  margin-bottom: 8px !important;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .out {
    border-right: 1px solid #f5f5f5;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret {
  border-top: 2px solid #F5F5F2;
  padding-top: 16px;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticket .details .leg .ret {
    border-top: unset;
    padding-top: unset;
  }
}
.ab-1210-mb-30.quote_item .mpopquote #NewUIDestination {
  padding: 8px 0 0 0;
  border-top: 4px dotted #F5F5F2;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote #NewUIDestination {
    padding: 0;
    border-top: unset;
    grid-row: 1;
    grid-column: 3/4;
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote #NewUIDestination .ab-1210-order-btn {
    align-self: center;
    order: unset;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote #NewUIDestination .ab-1210-order-btn span.ab-1210-more-info {
    background-color: unset;
    border: unset;
    color: #808080;
    transition: unset;
    display: block;
    padding: 0 !important;
    max-width: unset;
    max-height: unset;
    text-decoration: underline;
    padding-top: 8px;
  }
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote #NewUIDestination .ab-1210-flex-grow-4 {
    order: unset;
  }
}
.ab-1210-mb-30.quote_item .mpopquote #ab-1210-hs-target {
  display: none;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote #ab-1210-hs-target {
    grid-column: 1/4;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticketInfo .ab-1210-tabs {
  padding: 8px;
  border-radius: 4px;
  background-color: #FAFAF7;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticketInfo .ab-1210-tabs {
    padding: 16px;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticketInfo .ab-1210-tabs b {
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.ab-1210-mb-30.quote_item .mpopquote .ticketInfo .ab-1210-tabs .tabPane {
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
@media (max-width: 768px) {
  .ab-1210-mb-30.quote_item .mpopquote .ticketInfo .ab-1210-tabs .tabPane {
    margin-bottom: 8px;
  }
}
.ab-1210-mb-30.quote_item .mpopquote .ticketInfo .ab-1210-tabs .tabPane a {
  text-decoration: underline;
}
.ab-1210-mb-30.quote_item .mpopquote .ab1210-info {
  margin-top: 8px;
  background-color: #fff1d6;
  padding: 8px;
  border-radius: 8px;
  border: 2px solid #ffb932;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.ab-1210-mb-30.quote_item .mpopquote .ab1210-info span {
  display: block;
}
@media (min-width: 769px) {
  .ab-1210-mb-30.quote_item .mpopquote .ab1210-info {
    grid-column: 1/4;
  }
}

.nTkt .rating {
  position: relative;
  margin: 0 auto;
}

.rating {
  background-image: url("https://static.directferries.co.uk/image/sprites/sprite-stars.png");
  background-repeat: no-repeat;
  width: 80px;
  height: 15px;
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
}

.r50 {
  background-position: -1px 0;
}

.r45 {
  background-position: -1px -15px;
}

.r40 {
  background-position: -17px 0;
}

.r35 {
  background-position: -17px -15px;
}

.r30 {
  background-position: -34px 0;
}

.r25 {
  background-position: -34px -15px;
}

.r20 {
  background-position: -50px 0;
}

.r15 {
  background-position: -50px -15px;
}

.r10 {
  background-position: -67px 0;
}

.r5 {
  background-position: -67px -15px;
}

.r0 {
  background-position: -83px 0;
}

#ticket-type-header,
.boxTypes {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
@media (min-width: 769px) {
  #ticket-type-header,
  .boxTypes {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  #ticket-type-header,
  .boxTypes {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  #ticket-type-header,
  .boxTypes {
    padding-left: 0;
    padding-right: 0;
  }
}

.content-ticType .ticType {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  padding: 16px 16px;
}
@media (min-width: 769px) {
  .content-ticType .ticType {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  .content-ticType .ticType {
    background-color: unset;
    border-radius: 0;
    padding-bottom: 16px;
  }
}
.content-ticType .ticType .operator {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-ticType .ticType .operator h1 {
  margin: 0;
  font-size: 18px !important;
  line-height: 24px !important;
}
.content-ticType .ticTypeInfo {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  color: #fff;
  padding-bottom: 16px;
  padding-top: 16px;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 769px) {
  .content-ticType .ticTypeInfo {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  .content-ticType .ticTypeInfo {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .content-ticType .ticTypeInfo {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 769px) {
  .content-ticType .ticTypeInfo {
    color: initial;
  }
}

.boxTypes .ticLst {
  padding: 16px;
  border-radius: 8px;
  background-color: #d6e7d7;
  border: 2px solid #328639;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 16px;
  cursor: pointer;
}
.boxTypes .ticLst h2, .boxTypes .ticLst h3, .boxTypes .ticLst p {
  margin: 0;
}
.boxTypes .ticLst b {
  font-weight: 600;
}
.boxTypes .ticLst > div h2 {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.boxTypes .ticLst > div h3 {
  margin-bottom: 16px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 769px) {
  .boxTypes .ticLst > div h3 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}
.boxTypes .ticLst > div p {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  .boxTypes .ticLst > div p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.boxTypes .ticLst.type1 {
  background-color: #ffffff;
  border: 2px solid #212121;
}
.boxTypes .ticLst .dHide {
  display: block;
}
.boxTypes .ticLst .dHide .typePrice.tbl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.boxTypes .ticLst ul {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.boxTypes .ticLst ul li {
  padding-left: 32px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/check.svg");
  background-repeat: no-repeat;
  background-position: left top 2px;
  background-size: 20px;
  word-break: break-word;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  .boxTypes .ticLst ul li {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.boxTypes > .row {
  display: flex;
  gap: 8px;
  flex-direction: column;
  background-color: #fff;
  padding: 8px 8px;
  border-radius: 0 0 8px 8px;
}
@media (min-width: 769px) {
  .boxTypes > .row {
    flex-direction: row;
    background-color: unset;
    padding: 0;
    border-radius: 0;
    gap: 16px;
  }
}
.boxTypes > .row.mHide {
  display: none !important;
}
.boxTypes > .row:has(.ticLst)::before, .boxTypes > .row:has(.ticLst)::after {
  content: none;
}

.header {
  padding-bottom: 16px;
}

#updatePrice {
  max-width: 1200px;
  margin: 16px auto;
}

.content-accom {
  margin: 0;
  background-color: #fff;
}
@media (min-width: 769px) {
  .content-accom {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .content-accom {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 769px) {
  .content-accom {
    padding-top: 16px;
    padding-bottom: 16px;
    margin: initial;
    background-color: unset;
    border-radius: unset;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
.content-accom .priceSum {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 768px) {
  .content-accom .priceSum {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 769px) {
  .content-accom .priceSum {
    justify-content: initial;
    gap: 16px;
    padding-top: initial;
    padding-bottom: initial;
  }
}
.content-accom .priceSum h1 {
  font-size: 18px !important;
  line-height: 24px !important;
  margin: 0;
}
@media (min-width: 769px) {
  .content-accom .priceSum h1 {
    font-size: 24px !important;
    line-height: 32px !important;
    color: #FC6446;
  }
}
.content-accom .priceSum h2 {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 24px !important;
  margin: 0;
}
@media (min-width: 769px) {
  .content-accom .priceSum h2 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
@media (min-width: 769px) {
  .content-accom .priceSum h2 {
    color: #FC6446;
  }
}
.content-accom .priceSum > div:has(img) {
  padding: 8px 8px;
  border-radius: 4px;
  background-color: #fff;
}
.content-accom .priceSum > div:has(h2) {
  margin-left: auto;
}
.content-accom .form-group.btnCen {
  display: block;
  padding: 16px 16px;
  position: fixed;
  background-color: #0f5a5c;
  width: 100%;
  right: 0;
  left: 0;
  z-index: 99;
  bottom: 0;
  border-top: 0px !important;
  margin-bottom: 0 !important;
}
@media (min-width: 769px) {
  .content-accom .form-group.btnCen {
    background-color: #e4e8dc;
    border-top: 4px solid #e7e7e7 !important;
  }
}
.content-accom .form-group.btnCen .btn {
  margin: 0 auto;
}
.content-accom #accomSection {
  padding-top: 16px;
}
.content-accom #accomSection .headerTbl {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
@media (min-width: 769px) {
  .content-accom #accomSection .headerTbl {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .content-accom #accomSection .headerTbl {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 769px) {
  .content-accom #accomSection .headerTbl {
    flex-direction: row;
    align-items: center;
    gap: 16px;
    font-size: 18px !important;
    line-height: 24px !important;
    background-color: #0f5a5c;
    color: #fff;
    justify-content: space-between;
    padding: 8px 16px;
    border-radius: 4px;
  }
}
@media (min-width: 769px) {
  .content-accom #accomSection .headerTbl:has(.mealClick) {
    background-color: #c9ecf4;
    margin-bottom: 8px;
  }
}
@media (min-width: 769px) {
  .content-accom #accomSection .headerTbl.ret {
    margin-top: 64px;
  }
}
@media (min-width: 769px) {
  .content-accom #accomSection .headerTbl.ret:has(.mealClick) {
    margin-top: 0;
  }
}
.content-accom #accomSection .accomSum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
}
.content-accom #accomSection .accom div#selectAccomOut_pnlSelectMealCntrls, .content-accom #accomSection .accom div#selectAccomRet_pnlSelectMealCntrls {
  margin-bottom: 16px;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom, .content-accom #accomSection .accom div#selectAccomRet_divAccom {
    margin-bottom: 16px !important;
  }
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom p.sub, .content-accom #accomSection .accom div#selectAccomRet_divAccom p.sub {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  background-color: #5a6c78;
  padding: 8px 16px;
  color: #fff;
  border-radius: 0;
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom p.sub, .content-accom #accomSection .accom div#selectAccomRet_divAccom p.sub {
    border-radius: 4px;
    background-color: #c9ecf4;
    color: #212121;
  }
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom p.sub span, .content-accom #accomSection .accom div#selectAccomRet_divAccom p.sub span {
  padding-left: 4px;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom p.sub::before, .content-accom #accomSection .accom div#selectAccomRet_divAccom p.sub::before {
  content: unset;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (max-width: 768px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl {
    padding: 16px 0;
  }
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl {
    row-gap: 16px;
  }
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 16px 16px 16px;
  transition: 0.2s;
  row-gap: 8px;
  margin-bottom: 0 !important;
  border-bottom: 4px dotted #e4e8dc;
  position: relative;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div {
    flex-direction: row;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #212121;
    transition: 0.2s;
    box-shadow: 0 4px 4px #E4E8DC;
    padding: 8px 8px 8px 64px;
  }
}
@media (max-width: 768px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div:first-of-type, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div:first-of-type {
    border-top: none;
  }
}
@media (max-width: 768px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div:last-of-type, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div:last-of-type {
    border-bottom: none;
  }
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div:hover, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div:hover {
    transform: scale(1.01);
    transition: 0.2s;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transition-timing-function: ease-out !important;
  }
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div.selected, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div.selected {
  background-color: #edefff;
  border: 2px solid #4b5fff;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .peeps, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .peeps {
  display: none;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .peeps, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .peeps {
    background-color: #0f5a5c;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 64px;
    border-radius: 2px 0 0 2px;
    padding: 4px;
  }
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .peeps i, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .peeps i {
    background-image: url("https://static.directferries.co.uk/image/ico/white/lead.svg") !important;
    background-repeat: no-repeat;
    background-size: 16px !important;
    background-position: right 0px !important;
    height: 16px !important;
    width: 16px !important;
    display: inline-block;
  }
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc {
  padding-left: 16px;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc div[id*=divAccomDesc], .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc div[id*=divAccomDesc] {
  display: flex;
  flex-direction: column;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc div[id*=divAccomDesc]:has(b), .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc div[id*=divAccomDesc]:has(b) {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc div[id*=divAccomDesc] i.disabledCabinWarning, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc div[id*=divAccomDesc] i.disabledCabinWarning {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: #7A7A7A !important;
  text-align: left !important;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc div[id*=divAccomDesc] .accomm-price, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc div[id*=divAccomDesc] .accomm-price {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc div[id*=divAccomDesc] .accomMainDesc > div > span, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .desc div[id*=divAccomDesc] .accomMainDesc > div > span {
  display: block;
  line-height: 16px;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .select, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .select {
  width: 100%;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .select, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .select {
    width: initial;
  }
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .select.accom_js select, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .select.accom_js select {
  background-color: #dee2e4;
  border-radius: 4px !important;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .select.accom_js select:focus, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .select.accom_js select:focus {
  outline-color: #4b5fff !important;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .select.accom_js select, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomTbl > div .select.accom_js select {
    min-width: 230px;
    padding-right: 42px !important;
  }
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo[id*=paraInfantMsg], .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] .accomInfo[id*=paraInfantMsg] {
  padding: 8px 16px 8px 16px;
  font-size: 14px !important;
  line-height: 20px !important;
}
.content-accom #accomSection .accom div#selectAccomOut_divAccom div[id*=pnlSelectAccomCntrls] span.error, .content-accom #accomSection .accom div#selectAccomRet_divAccom div[id*=pnlSelectAccomCntrls] span.error {
  color: #e10f1e;
  display: inline-flex;
  margin-bottom: 8px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  width: 100%;
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals {
  display: flex;
  flex-direction: column;
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .headerTbl .mealClick {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  background-color: #c9ecf4;
  padding: 8px 32px 8px 48px;
  color: #212121;
  width: 100%;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/meal.svg");
  background-position: left 16px center;
  background-repeat: no-repeat;
  background-size: 20px;
  position: relative;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .headerTbl .mealClick {
    border-radius: 4px;
    padding: 0 0 0 32px;
    background-position: left center;
  }
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .headerTbl .mealClick i {
  height: 24px;
  width: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/dropdown.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .headerTbl .mealClick i {
    right: 0;
    top: 0;
  }
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .headerTbl .mealClick.up i {
  height: 24px;
  width: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/dropup.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .headerTbl .mealClick.up i {
    right: 0;
    top: 0;
  }
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding: 8px 16px;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl {
    padding: 0;
    row-gap: 16px;
  }
}
@media (max-width: 768px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl:has(#ddlMealSeatingTime):has(option) [id*=mealdiv] {
    flex-direction: column;
  }
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px;
  border-radius: 4px;
  background-color: #F0F2EB;
  column-gap: 16px;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] {
    flex-direction: row;
    align-items: center;
    row-gap: unset;
    padding: 8px;
    border: 1px solid #212121;
    box-shadow: #e4e8dc 0 4px 4px;
    transition: 0.2s;
    background-color: #fff;
    min-height: 66px;
  }
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv]:hover {
    transform: scale(1.01);
    transition: 0.2s;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transition-timing-function: ease-out !important;
  }
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .desc {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
@media (max-width: 768px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .desc {
    padding-left: 0 !important;
  }
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .desc::before {
    all: unset !important;
  }
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .desc i {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
@media (max-width: 768px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select {
    padding-top: 8px;
  }
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio {
  padding: 8px 0 8px 24px;
  position: relative;
  line-height: 0;
  cursor: pointer;
  position: relative;
  margin-right: 8px;
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio input[class*=MealRadio], .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container [class*=MealRadio]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio [class*=MealRadio]#railBtn, .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container [class*=MealRadio]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio [class*=MealRadio]#railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  position: absolute;
  left: 0;
  top: -2px;
  padding: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  accent-color: #212121;
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio input[class*=MealRadio]::after, .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container [class*=MealRadio]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio [class*=MealRadio]#railBtn::after, .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container [class*=MealRadio]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio [class*=MealRadio]#railBtn::after {
  width: 20px;
  height: 20px;
  border-radius: 24px;
  top: 0;
  left: 0;
  position: relative;
  background-color: #ffffff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid #212121;
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio input[class*=MealRadio]:checked::after, .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container [class*=MealRadio]#railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio [class*=MealRadio]#railBtn:checked::after, .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container [class*=MealRadio]#railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js label.checkRadio [class*=MealRadio]#railBtn:checked::after {
  background-color: transparent;
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js select.form-control#ddlMealSeatingTime {
  padding: 0 !important;
  background-color: #dee2e4;
  padding: 8px 32px 8px 16px !important;
  border-radius: 4px !important;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .mealTbl div[id*=mealdiv] .select .accom_js select.form-control#ddlMealSeatingTime {
    min-width: 230px;
  }
}
.content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .accomInfo {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 769px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .accomInfo {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .content-accom #accomSection .accom div[id*=pnlSelectMealCntrls] .meals .content .accomInfo {
    padding-left: 0;
    padding-right: 0;
  }
}
.content-accom #accomSection #coachTransfersOut .accord .headerTbl,
.content-accom #accomSection #coachTransfersRet .accord .headerTbl {
  color: #212121;
  font-size: 16px !important;
  line-height: 24px !important;
}
.content-accom #accomSection #coachTransfersOut .accord [id*=coachTransfersOut_] .tblTransfersTrue .desc,
.content-accom #accomSection #coachTransfersOut .accord [id*=coachTransfersRet_] .tblTransfersTrue .desc,
.content-accom #accomSection #coachTransfersRet .accord [id*=coachTransfersOut_] .tblTransfersTrue .desc,
.content-accom #accomSection #coachTransfersRet .accord [id*=coachTransfersRet_] .tblTransfersTrue .desc {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  padding: 8px 8px;
}
.content-accom #accomSection #coachTransfersOut .accord [id*=coachTransfersOut_] .tblTransfersTrue .select .form-control,
.content-accom #accomSection #coachTransfersOut .accord [id*=coachTransfersRet_] .tblTransfersTrue .select .form-control,
.content-accom #accomSection #coachTransfersRet .accord [id*=coachTransfersOut_] .tblTransfersTrue .select .form-control,
.content-accom #accomSection #coachTransfersRet .accord [id*=coachTransfersRet_] .tblTransfersTrue .select .form-control {
  border: 1px solid #212121;
  border-radius: 4px !important;
}
.content-accom #accomSection div[id*=sailingExtras] .meals .headerTbl {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  background-color: #c9ecf4;
  padding: 8px 32px 8px 48px;
  color: #212121;
  border-radius: 0px;
  width: 100%;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/upgrade.svg");
  background-position: left 16px center;
  background-repeat: no-repeat;
  background-size: 20px;
  position: relative;
}
.content-accom #accomSection div[id*=sailingExtras] .meals .headerTbl i {
  width: 24px;
  height: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/dropdown.svg");
  position: absolute;
  right: 8px;
  top: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.content-accom #accomSection div[id*=sailingExtras] .meals .headerTbl:has(.up) i {
  width: 24px;
  height: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/dropup.svg");
  position: absolute;
  right: 8px;
  top: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
@media (min-width: 769px) {
  .content-accom #accomSection div[id*=sailingExtras] .meals .headerTbl {
    border-radius: 4px;
  }
}
.content-accom #accomSection div[id*=sailingExtras] .meals .headerTbl .mealClick {
  display: block;
  width: 100%;
}
.content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding: 8px 16px;
}
@media (min-width: 769px) {
  .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl {
    padding: 8px 0;
  }
}
.content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px;
  border-radius: 4px;
  background-color: #F0F2EB;
  column-gap: 16px;
}
@media (min-width: 769px) {
  .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv {
    min-height: 56px;
    grid-template-rows: unset;
    align-items: center;
    background-color: #fff;
    border: 1px solid #212121;
    box-shadow: #e4e8dc 0 4px 4px;
    transition: 0.2s;
  }
  .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv:hover {
    transform: scale(1.01);
    transition: 0.2s;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transition-timing-function: ease-out !important;
  }
}
.content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .desc span {
  font-size: 16px !important;
  line-height: 24px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
.content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .desc span i {
  display: block;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .desc span i {
    display: inline;
  }
}
.content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label {
  padding: 8px 0 8px 24px;
  position: relative;
  line-height: 0;
  cursor: pointer;
  position: relative;
}
.content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label input[id*=sailingExtras], .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label body#TrainAndFerryMain #df-dom-deal_finder_container [id*=sailingExtras]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label [id*=sailingExtras]#railBtn, .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label body#TrainAndFerryInd #df-dom-deal_finder_container [id*=sailingExtras]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label [id*=sailingExtras]#railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  position: absolute;
  left: 0;
  top: -2px;
  padding: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  accent-color: #212121;
}
.content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label input[id*=sailingExtras]::after, .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label body#TrainAndFerryMain #df-dom-deal_finder_container [id*=sailingExtras]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label [id*=sailingExtras]#railBtn::after, .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label body#TrainAndFerryInd #df-dom-deal_finder_container [id*=sailingExtras]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label [id*=sailingExtras]#railBtn::after {
  width: 20px;
  height: 20px;
  border-radius: 24px;
  top: 0;
  left: 0;
  position: relative;
  background-color: #ffffff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid #212121;
}
@media (min-width: 769px) {
  .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label input[id*=sailingExtras]::after, .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label body#TrainAndFerryMain #df-dom-deal_finder_container [id*=sailingExtras]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label [id*=sailingExtras]#railBtn::after, .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label body#TrainAndFerryInd #df-dom-deal_finder_container [id*=sailingExtras]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label [id*=sailingExtras]#railBtn::after {
    border: 2px solid #212121;
  }
}
.content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label input[id*=sailingExtras]:checked::after, .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label body#TrainAndFerryMain #df-dom-deal_finder_container [id*=sailingExtras]#railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label [id*=sailingExtras]#railBtn:checked::after, .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label body#TrainAndFerryInd #df-dom-deal_finder_container [id*=sailingExtras]#railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .content-accom #accomSection div[id*=sailingExtras] .meals .content .mealTbl #mealdiv .select label [id*=sailingExtras]#railBtn:checked::after {
  background-color: transparent;
}

@media (max-width: 768px) {
  body.accomm_ui_updates form#frmData .con {
    padding: 0 0;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  body.accomm_ui_updates form#frmData {
    background-color: #fff !important;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  body.accomm_ui_updates form#frmData footer > div {
    color: #212121;
  }
}
@media (max-width: 768px) {
  body.accomm_ui_updates #ab-great-choice {
    border-radius: 0 !important;
  }
  body.accomm_ui_updates .error {
    border-radius: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
}
body.accomm_ui_updates .box.content-accom {
  margin: 0;
  padding: 0;
  max-width: unset;
  width: 100%;
}
body.accomm_ui_updates .box.content-accom .header-wrap {
  display: none;
}
@media (min-width: 769px) {
  body.accomm_ui_updates .box.content-accom .header-wrap {
    display: block;
  }
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: unset;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage .priceSum {
  padding: 8px 16px 8px 48px;
  background-color: #FC6446;
  border-radius: 0;
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/return.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 16px center;
}
@media (min-width: 769px) {
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage .priceSum {
    padding: 16px;
  }
}
@media (min-width: 769px) {
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage .priceSum > div {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage .priceSum > div h1, body.accomm_ui_updates .box.content-accom .content-accom.oldPage .priceSum > div h2 {
  color: #fff;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection {
  padding: 0;
}
@media (min-width: 769px) {
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 0;
  }
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 769px) {
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom {
    gap: 16px;
  }
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom p.sub,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom p.sub,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom p.sub,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom p.sub {
  margin: 0;
  width: 100%;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom p.sub::before,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom p.sub::before,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom p.sub::before,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom p.sub::before {
  content: unset;
}
@media (min-width: 769px) {
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom p.sub,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom p.sub,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom p.sub,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom p.sub {
    max-width: max-content;
  }
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl {
  padding: 8px 16px 8px 48px;
  background-color: #e4e8dc;
}
@media (min-width: 769px) {
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl {
    padding-bottom: 16px;
  }
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl.out,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl.out,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl.out,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl.out,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl.out,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl.out,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl.out,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl.out {
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/outbound.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 16px center;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl.ret,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl.ret,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl.ret,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl.ret,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl.ret,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl.ret,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .headerTbl.ret,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .headerTbl.ret {
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/inbound.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 16px center;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 16px;
  width: 100%;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .desc,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .desc,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .desc,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .desc,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .desc,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .desc,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .desc,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .desc {
  width: initial;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js {
  display: flex;
  justify-content: center;
  padding: 0;
  margin-left: 0;
  background-color: transparent;
  border-radius: 0;
}
@media (min-width: 374px) {
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js {
    justify-content: flex-end;
  }
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js select#ddlQuantity,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js select#ddlQuantity,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js select#ddlQuantity,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js select#ddlQuantity,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js select#ddlQuantity,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js select#ddlQuantity,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js select#ddlQuantity,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js select#ddlQuantity {
  display: none !important;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #D4D4D4;
  color: #193354;
  border-radius: 4px 0 0 4px;
  border: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  font-size: 24px;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  padding: 0;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax:disabled, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn:disabled, body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn:disabled, body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn:disabled {
  color: #fff;
}
@media (min-width: 374px) {
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.decrement-pax,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .decrement-pax#railBtn,
  body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .decrement-pax#railBtn {
    margin-left: auto;
  }
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.increment-pax, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .increment-pax#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .increment-pax#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.increment-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.increment-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.increment-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.increment-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.increment-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.increment-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.increment-pax,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .increment-pax#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .increment-pax#railBtn {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212121;
  color: #fff;
  border-radius: 0 4px 4px 0;
  border: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  font-size: 24px;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  padding: 0;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 2px solid #D4D4D4;
  border-bottom: 2px solid #D4D4D4;
  border-left: none;
  border-right: none;
  text-align: center;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0;
  opacity: 1;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty:disabled, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn:disabled, body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled, body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn:disabled, body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js input.qty:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryMain #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryMain #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js body#TrainAndFerryInd #df-dom-deal_finder_container .qty#railBtn:disabled,
body#TrainAndFerryInd #df-dom-deal_finder_container body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter .select.accom_js .qty#railBtn:disabled {
  opacity: 0.4;
}
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter i,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter i,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter i,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter i,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter i,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomOut_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter i,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomOut_pnlSelectAccomCntrls .accomTbl > div .accomm_counter i,
body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom #selectAccomRet_pnlSelectAccomCntrls .accomTbl > div .accomm_counter i {
  grid-column: 1/3;
  text-align: left;
}
@media (max-width: 768px) {
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomOut #selectAccomRet_divAccom,
  body.accomm_ui_updates .box.content-accom .content-accom.oldPage #accomSection #selectAccomRet #selectAccomRet_divAccom {
    margin-top: 32px;
  }
}
@media (max-width: 768px) {
  body.accomm_ui_updates:not(:has(footer)) .box.content-accom {
    padding-bottom: 128px;
  }
}

.form-group.btnCen {
  display: none;
}

#pnlEmailMyQuote label.checkRadio,
#customerDetailsContainer label.checkRadio,
.paymentSelect label.checkRadio,
#paymentCard label.checkRadio,
.marketing_voucher label.checkRadio {
  cursor: pointer;
}
#pnlEmailMyQuote select.form-control,
#pnlEmailMyQuote input.form-control,
#pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container .form-control#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote .form-control#railBtn,
#pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container .form-control#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote .form-control#railBtn,
#customerDetailsContainer select.form-control,
#customerDetailsContainer input.form-control,
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container .form-control#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer .form-control#railBtn,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container .form-control#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer .form-control#railBtn,
.paymentSelect select.form-control,
.paymentSelect input.form-control,
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container .form-control#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect .form-control#railBtn,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container .form-control#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect .form-control#railBtn,
#paymentCard select.form-control,
#paymentCard input.form-control,
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container .form-control#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard .form-control#railBtn,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container .form-control#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard .form-control#railBtn,
.marketing_voucher select.form-control,
.marketing_voucher input.form-control,
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container .form-control#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher .form-control#railBtn,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container .form-control#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher .form-control#railBtn {
  background-color: #eff0f2 !important;
  border: 1px solid #0f5a5c;
}
#pnlEmailMyQuote select.form-control::placeholder,
#pnlEmailMyQuote input.form-control::placeholder,
#pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container .form-control#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote .form-control#railBtn::placeholder,
#pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container .form-control#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote .form-control#railBtn::placeholder,
#customerDetailsContainer select.form-control::placeholder,
#customerDetailsContainer input.form-control::placeholder,
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container .form-control#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer .form-control#railBtn::placeholder,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container .form-control#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer .form-control#railBtn::placeholder,
.paymentSelect select.form-control::placeholder,
.paymentSelect input.form-control::placeholder,
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container .form-control#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect .form-control#railBtn::placeholder,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container .form-control#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect .form-control#railBtn::placeholder,
#paymentCard select.form-control::placeholder,
#paymentCard input.form-control::placeholder,
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container .form-control#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard .form-control#railBtn::placeholder,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container .form-control#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard .form-control#railBtn::placeholder,
.marketing_voucher select.form-control::placeholder,
.marketing_voucher input.form-control::placeholder,
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container .form-control#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher .form-control#railBtn::placeholder,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container .form-control#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher .form-control#railBtn::placeholder {
  color: #A6A6A6;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
#pnlEmailMyQuote input[type=text], #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=text]#railBtn, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=text]#railBtn, #pnlEmailMyQuote input[type=email], #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=email]#railBtn, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=email]#railBtn, #pnlEmailMyQuote input[type=tel], #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=tel]#railBtn, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=tel]#railBtn,
#customerDetailsContainer input[type=text],
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=text]#railBtn,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=text]#railBtn,
#customerDetailsContainer input[type=email],
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=email]#railBtn,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=email]#railBtn,
#customerDetailsContainer input[type=tel],
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=tel]#railBtn,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=tel]#railBtn,
.paymentSelect input[type=text],
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=text]#railBtn,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=text]#railBtn,
.paymentSelect input[type=email],
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=email]#railBtn,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=email]#railBtn,
.paymentSelect input[type=tel],
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=tel]#railBtn,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=tel]#railBtn,
#paymentCard input[type=text],
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=text]#railBtn,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=text]#railBtn,
#paymentCard input[type=email],
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=email]#railBtn,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=email]#railBtn,
#paymentCard input[type=tel],
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=tel]#railBtn,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=tel]#railBtn,
.marketing_voucher input[type=text],
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=text]#railBtn,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=text]#railBtn,
.marketing_voucher input[type=email],
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=email]#railBtn,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=email]#railBtn,
.marketing_voucher input[type=tel],
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=tel]#railBtn,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=tel]#railBtn {
  background-color: #eff0f2 !important;
  border: 1px solid #0f5a5c !important;
}
#pnlEmailMyQuote input[type=text]::placeholder, #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn::placeholder, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=text]#railBtn::placeholder, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn::placeholder, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=text]#railBtn::placeholder, #pnlEmailMyQuote input[type=email]::placeholder, #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn::placeholder, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=email]#railBtn::placeholder, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn::placeholder, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=email]#railBtn::placeholder, #pnlEmailMyQuote input[type=tel]::placeholder, #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn::placeholder, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=tel]#railBtn::placeholder, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn::placeholder, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=tel]#railBtn::placeholder,
#customerDetailsContainer input[type=text]::placeholder,
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=text]#railBtn::placeholder,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=text]#railBtn::placeholder,
#customerDetailsContainer input[type=email]::placeholder,
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=email]#railBtn::placeholder,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=email]#railBtn::placeholder,
#customerDetailsContainer input[type=tel]::placeholder,
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=tel]#railBtn::placeholder,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=tel]#railBtn::placeholder,
.paymentSelect input[type=text]::placeholder,
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=text]#railBtn::placeholder,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=text]#railBtn::placeholder,
.paymentSelect input[type=email]::placeholder,
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=email]#railBtn::placeholder,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=email]#railBtn::placeholder,
.paymentSelect input[type=tel]::placeholder,
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=tel]#railBtn::placeholder,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=tel]#railBtn::placeholder,
#paymentCard input[type=text]::placeholder,
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=text]#railBtn::placeholder,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=text]#railBtn::placeholder,
#paymentCard input[type=email]::placeholder,
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=email]#railBtn::placeholder,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=email]#railBtn::placeholder,
#paymentCard input[type=tel]::placeholder,
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=tel]#railBtn::placeholder,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=tel]#railBtn::placeholder,
.marketing_voucher input[type=text]::placeholder,
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=text]#railBtn::placeholder,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=text]#railBtn::placeholder,
.marketing_voucher input[type=email]::placeholder,
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=email]#railBtn::placeholder,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=email]#railBtn::placeholder,
.marketing_voucher input[type=tel]::placeholder,
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn::placeholder,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=tel]#railBtn::placeholder,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn::placeholder,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=tel]#railBtn::placeholder {
  color: #A6A6A6;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
#pnlEmailMyQuote input[type=text]:focus, #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn:focus, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=text]#railBtn:focus, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn:focus, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=text]#railBtn:focus, #pnlEmailMyQuote input[type=email]:focus, #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn:focus, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=email]#railBtn:focus, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn:focus, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=email]#railBtn:focus, #pnlEmailMyQuote input[type=tel]:focus, #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn:focus, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=tel]#railBtn:focus, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn:focus, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=tel]#railBtn:focus,
#customerDetailsContainer input[type=text]:focus,
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=text]#railBtn:focus,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=text]#railBtn:focus,
#customerDetailsContainer input[type=email]:focus,
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=email]#railBtn:focus,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=email]#railBtn:focus,
#customerDetailsContainer input[type=tel]:focus,
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=tel]#railBtn:focus,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=tel]#railBtn:focus,
.paymentSelect input[type=text]:focus,
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=text]#railBtn:focus,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=text]#railBtn:focus,
.paymentSelect input[type=email]:focus,
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=email]#railBtn:focus,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=email]#railBtn:focus,
.paymentSelect input[type=tel]:focus,
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=tel]#railBtn:focus,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=tel]#railBtn:focus,
#paymentCard input[type=text]:focus,
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=text]#railBtn:focus,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=text]#railBtn:focus,
#paymentCard input[type=email]:focus,
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=email]#railBtn:focus,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=email]#railBtn:focus,
#paymentCard input[type=tel]:focus,
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=tel]#railBtn:focus,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=tel]#railBtn:focus,
.marketing_voucher input[type=text]:focus,
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=text]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=text]#railBtn:focus,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=text]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=text]#railBtn:focus,
.marketing_voucher input[type=email]:focus,
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=email]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=email]#railBtn:focus,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=email]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=email]#railBtn:focus,
.marketing_voucher input[type=tel]:focus,
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=tel]#railBtn:focus,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=tel]#railBtn:focus,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=tel]#railBtn:focus,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=tel]#railBtn:focus {
  background-color: #fff !important;
  box-shadow: 0 0 0 3px hsl(233, 100%, 65%);
  outline: none !important;
}
#pnlEmailMyQuote input[type=radio], #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=radio]#railBtn, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=radio]#railBtn,
#customerDetailsContainer input[type=radio],
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=radio]#railBtn,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=radio]#railBtn,
.paymentSelect input[type=radio],
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=radio]#railBtn,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=radio]#railBtn,
#paymentCard input[type=radio],
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=radio]#railBtn,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=radio]#railBtn,
.marketing_voucher input[type=radio],
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=radio]#railBtn,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=radio]#railBtn {
  padding: 0;
}
#pnlEmailMyQuote input[type=radio]::after, #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=radio]#railBtn::after, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=radio]#railBtn::after,
#customerDetailsContainer input[type=radio]::after,
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=radio]#railBtn::after,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=radio]#railBtn::after,
.paymentSelect input[type=radio]::after,
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=radio]#railBtn::after,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=radio]#railBtn::after,
#paymentCard input[type=radio]::after,
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=radio]#railBtn::after,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=radio]#railBtn::after,
.marketing_voucher input[type=radio]::after,
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=radio]#railBtn::after,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=radio]#railBtn::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: -6px;
  left: -6px;
  position: relative;
  background-color: #ede9e1;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 4px solid white;
}
#pnlEmailMyQuote input[type=radio]:checked::after, #pnlEmailMyQuote body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container #pnlEmailMyQuote [type=radio]#railBtn:checked::after, #pnlEmailMyQuote body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container #pnlEmailMyQuote [type=radio]#railBtn:checked::after,
#customerDetailsContainer input[type=radio]:checked::after,
#customerDetailsContainer body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after,
body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer [type=radio]#railBtn:checked::after,
#customerDetailsContainer body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after,
body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer [type=radio]#railBtn:checked::after,
.paymentSelect input[type=radio]:checked::after,
.paymentSelect body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after,
body#TrainAndFerryMain #df-dom-deal_finder_container .paymentSelect [type=radio]#railBtn:checked::after,
.paymentSelect body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after,
body#TrainAndFerryInd #df-dom-deal_finder_container .paymentSelect [type=radio]#railBtn:checked::after,
#paymentCard input[type=radio]:checked::after,
#paymentCard body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after,
body#TrainAndFerryMain #df-dom-deal_finder_container #paymentCard [type=radio]#railBtn:checked::after,
#paymentCard body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after,
body#TrainAndFerryInd #df-dom-deal_finder_container #paymentCard [type=radio]#railBtn:checked::after,
.marketing_voucher input[type=radio]:checked::after,
.marketing_voucher body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after,
body#TrainAndFerryMain #df-dom-deal_finder_container .marketing_voucher [type=radio]#railBtn:checked::after,
.marketing_voucher body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after,
body#TrainAndFerryInd #df-dom-deal_finder_container .marketing_voucher [type=radio]#railBtn:checked::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: -6px;
  left: -6px;
  position: relative;
  background-color: #212121;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 0spx solid white;
}
#pnlEmailMyQuote select:focus-visible,
#customerDetailsContainer select:focus-visible,
.paymentSelect select:focus-visible,
#paymentCard select:focus-visible,
.marketing_voucher select:focus-visible {
  background-color: #fff !important;
  box-shadow: 0 0 0 3px hsl(233, 100%, 65%);
  outline: none !important;
}
#pnlEmailMyQuote select option:hover,
#customerDetailsContainer select option:hover,
.paymentSelect select option:hover,
#paymentCard select option:hover,
.marketing_voucher select option:hover {
  background-color: #FC6446 !important;
}
#pnlEmailMyQuote .frmLbl,
#pnlEmailMyQuote .lblEmailPop,
#customerDetailsContainer .frmLbl,
#customerDetailsContainer .lblEmailPop,
.paymentSelect .frmLbl,
.paymentSelect .lblEmailPop,
#paymentCard .frmLbl,
#paymentCard .lblEmailPop,
.marketing_voucher .frmLbl,
.marketing_voucher .lblEmailPop {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 0 8px 4px;
}
@media (min-width: 769px) {
  #pnlEmailMyQuote .frmLbl,
  #pnlEmailMyQuote .lblEmailPop,
  #customerDetailsContainer .frmLbl,
  #customerDetailsContainer .lblEmailPop,
  .paymentSelect .frmLbl,
  .paymentSelect .lblEmailPop,
  #paymentCard .frmLbl,
  #paymentCard .lblEmailPop,
  .marketing_voucher .frmLbl,
  .marketing_voucher .lblEmailPop {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
#pnlEmailMyQuote #ccCardControl [id*=pnlccError] .n_error_div .error_txt:not(:empty),
#customerDetailsContainer #ccCardControl [id*=pnlccError] .n_error_div .error_txt:not(:empty),
.paymentSelect #ccCardControl [id*=pnlccError] .n_error_div .error_txt:not(:empty),
#paymentCard #ccCardControl [id*=pnlccError] .n_error_div .error_txt:not(:empty),
.marketing_voucher #ccCardControl [id*=pnlccError] .n_error_div .error_txt:not(:empty) {
  display: block;
  padding: 8px;
  border-radius: 4px;
  background-color: #fce7e9;
  border: 2px solid #e10f1e;
}
#pnlEmailMyQuote #ccCardControl .content .frm .frmBox .form-control,
#customerDetailsContainer #ccCardControl .content .frm .frmBox .form-control,
.paymentSelect #ccCardControl .content .frm .frmBox .form-control,
#paymentCard #ccCardControl .content .frm .frmBox .form-control,
.marketing_voucher #ccCardControl .content .frm .frmBox .form-control {
  background-color: #eff0f2 !important;
  border: 1px solid #212121;
}
#pnlEmailMyQuote #ccCardControl .content .frm .frmBox .form-control.braintree-hosted-fields-focused,
#customerDetailsContainer #ccCardControl .content .frm .frmBox .form-control.braintree-hosted-fields-focused,
.paymentSelect #ccCardControl .content .frm .frmBox .form-control.braintree-hosted-fields-focused,
#paymentCard #ccCardControl .content .frm .frmBox .form-control.braintree-hosted-fields-focused,
.marketing_voucher #ccCardControl .content .frm .frmBox .form-control.braintree-hosted-fields-focused {
  background-color: #fff !important;
  border: 2px solid #4b5fff;
}

#customerDetailsContainer #FreeCancellation_panelA .box {
  float: left;
  width: 100%;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard.greyed {
  color: #212121;
  word-break: break-word;
}
#customerDetailsContainer .fcRadios.ab-fc-chart {
  padding: 16px;
}
#customerDetailsContainer .fcRadios.ab-fc-chart h3 {
  background: none;
  padding: 0px;
  font-size: 16px;
  margin-bottom: 4px;
  line-height: 20px !important;
  font-weight: 600 !important;
}
#customerDetailsContainer .fcRadios.ab-fc-chart .ab-fc-chart--feature h3 {
  font-size: 16px;
}
#customerDetailsContainer .fcRadios.ab-fc-chart p {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  line-height: 12px !important;
}
#customerDetailsContainer .fcRadios.ab-fc-chart .fcRadiosWarningTxt .ab-warning-description {
  float: left;
  width: 73%;
}
#customerDetailsContainer .fcRadios.ab-fc-chart button {
  width: 20%;
  float: right;
  background: #328639 !important;
  color: #fff;
  font-weight: 600;
  bordeR: none;
  padding: 8px;
  font-size: 13px;
  box-shadow: 3px 3px 0px 0px rgba(16, 134, 46, 0.7490196078);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(16, 134, 46, 0.7490196078);
  transition: 1s;
}
#customerDetailsContainer .fcRadios.ab-fc-chart button.ab-fc-chart--dismiss {
  background: #e87817;
  box-shadow: 3px 3px 0px 0px rgba(148, 63, 3, 0.7490196078);
  -webkit-box-shadow: 3px 3px 0px 0px rgba(148, 63, 3, 0.7490196078);
  -moz-box-shadow: 3px 3px 0px 0px rgba(148, 63, 3, 0.7490196078);
  color: #fff;
  display: none;
}
#customerDetailsContainer .fcRadios.ab-fc-chart button:hover {
  background: #5bbb73;
}
#customerDetailsContainer .fcRadios.ab-fc-chart button svg {
  width: 16px;
  transform: rotate(30deg);
  fill: #fff;
  margin-left: 2px;
  margin-bottom: -2px;
}
#customerDetailsContainer .ab-fc-chart--row {
  width: 100%;
  display: table;
  border-bottom: 1px solid #e4e8dc !important;
  border-left: 1px solid #e4e8dc !important;
  font-size: 12px;
}
#customerDetailsContainer .ab-fc-chart--row p {
  padding: 0px;
  margin: 0px;
}
#customerDetailsContainer .ab-fc-chart--row:last-child {
  border-bottom: none !important;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--feature {
  width: 45%;
  display: table-cell;
  padding: 8px;
  position: relative;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--feature {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--feature h3 {
  position: absolute;
  bottom: 5px;
  padding: 0px;
  background: none;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 20px !important;
  line-height: 24px !important;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard {
  width: 27.5%;
  display: table-cell;
  border-left: 1px solid #e4e8dc !important;
  padding: 8px !important;
  text-align: center;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard svg {
  width: 13px;
  margin-bottom: -2px;
  fill: green;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard h3 {
  margin-bottom: 2px;
  background: none;
  padding: 0px;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard.ab-fc-chart--standard-top {
  border-top: 15px solid #fff;
  background: #e4e8dc !important;
  border-left: 0px !important;
  position: relative;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard.ab-fc-chart--standard-top::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: -1px;
  border-top: 1px solid #e4e8dc !important;
  border-left: 1px solid #e4e8dc !important;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard.ab-fc-chart--standard-top span {
  font-size: 11px;
  color: #212121;
  line-height: 8px;
  margin-bottom: 5px;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard.ab-fc-chart--standard-top p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
#customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no {
  width: 27.5%;
  display: table-cell;
  border-left: 1px solid #e4e8dc !important;
  padding: 8px !important;
  text-align: center;
  border-left: none !important;
  border-top: none !important;
  border-bottom: 8px solid #fff;
  background: #e4e8dc !important;
  transition: 1s;
  position: relative;
  border-bottom-left-radius: 8px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
#customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no::before {
  content: " ";
  position: absolute;
  z-index: 0;
  top: -1px;
  left: 0px;
  right: 0px;
  bottom: -1px;
  border-bottom: none !important;
  border-left: none !important;
}
#customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no:hover {
  background: #e4e4e4;
}
#customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no input, #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no #railBtn, #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no #railBtn {
  width: max-content;
  background-color: transparent;
  border: 0;
}
#customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no input::after, #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no #railBtn::after, #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no #railBtn::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: 0 !important;
  left: 0 !important;
  position: relative;
  background-color: #ede9e1;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 4px solid #fff;
}
#customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no input:checked::after, #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no #railBtn:checked::after, #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no #railBtn:checked::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: 0px !important;
  left: 0px !important;
  position: relative;
  background-color: #212121;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 0px solid #fff;
}
#customerDetailsContainer .ab-fc-chart--row .fcRadiosYes.ab-fc-chart--yes {
  width: 27.5%;
  display: table-cell;
  border-left: 1px solid #e4e8dc !important;
  padding: 8px 16px !important;
  text-align: center;
  position: relative;
  border-right: 2px solid #328639 !important;
  border-left: 2px solid #328639 !important;
  border-bottom: 2px solid #328639 !important;
  border-bottom-right-radius: 8px !important;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  #customerDetailsContainer .ab-fc-chart--row .fcRadiosYes.ab-fc-chart--yes {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc {
  width: 27.5%;
  display: table-cell;
  border-left: 1px solid #e4e8dc !important;
  padding: 8px 16px !important;
  text-align: center;
  position: relative;
  border-right: 2px solid #328639 !important;
  border-left: 2px solid #328639 !important;
  word-break: break-word;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc span.mob-deet {
  display: none;
  font-size: 11px;
  line-height: 12px;
  color: #212121;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc h3 {
  padding: 15px 0px 0px 0px;
  margin-bottom: 2px;
  background: none;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc svg {
  width: 13px;
  margin-bottom: -2px;
  fill: green;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc .ab-fc-chart--tag {
  position: absolute;
  top: -10px;
  left: 8px;
  background: #328639 !important;
  padding: 0 4px;
  color: #fff;
  font-size: 11px;
  border-radius: 4px;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc-top {
  border-top: 2px solid #328639 !important;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  position: relative;
  background: #d6e7d7 !important;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc-top::before, #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc-top::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent;
  border-style: solid;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc-top::before {
  border-width: 1.2em;
  border-right-color: #328639 !important;
  border-top-color: #328639 !important;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc-top span {
  font-size: 11px;
  color: #212121;
  line-height: 8px;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc-top p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
#customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc-top .ab-fc-chart--ticket svg {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 14px;
  fill: #fff;
}
#customerDetailsContainer .ab-fc-chart--grey {
  background: #e4e8dc !important;
}
#customerDetailsContainer .ab-fc-chart--green {
  background: #d6e7d7 !important;
}
#customerDetailsContainer .ab-fc-chart--mob {
  display: none;
}
#customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes {
  background: #d6e7d7 !important;
  transition: 1s;
}
#customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes:hover {
  background: #9ce8af;
}
#customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes input, #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes #railBtn, #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes #railBtn {
  width: max-content;
  background-color: transparent;
  border: 0;
}
#customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes input::after, #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes #railBtn::after, #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes #railBtn::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: 0 !important;
  left: 0 !important;
  position: relative;
  background-color: #ede9e1;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 4px solid #fff;
}
#customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes input:checked::after, #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes #railBtn:checked::after, #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container #customerDetailsContainer .ab-fc-chart label.fcRadiosYes.ab-fc-chart--yes #railBtn:checked::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: 0px !important;
  left: 0px !important;
  position: relative;
  background-color: #212121;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 0px solid #fff;
}
#customerDetailsContainer .ab-fc-chart .fcRadiosWarningTxt {
  display: none;
  background: #fff0c7;
  width: 100%;
  padding: 8px;
  margin: 8px 0px;
  border-radius: 2px;
  margin-bottom: 20px;
}
#customerDetailsContainer .ab-fc-chart .fcRadiosWarningTxt span svg {
  width: 31px;
  fill: #bba71b;
}
@media (max-width: 800px) {
  #customerDetailsContainer .ab-fc-chart--mob {
    display: inline;
  }
  #customerDetailsContainer .ab-fc-chart--row {
    border-left: 0px !important;
  }
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--feature,
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--terms {
    display: none;
  }
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard,
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc {
    vertical-align: middle;
    padding: 8px;
    font-size: 12px;
  }
  #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no {
    border-bottom: 0px;
  }
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard span.fee,
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc span.fee {
    display: block;
    font-size: 8px;
    color: #212121;
  }
  #customerDetailsContainer .ab-fc-chart--desk {
    display: none;
  }
  #customerDetailsContainer .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no,
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard {
    width: 45%;
  }
  #customerDetailsContainer .ab-fc-chart--row .fcRadiosYes.ab-fc-chart--yes,
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc {
    width: 55%;
  }
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc span.mob-deet {
    display: block;
  }
  #customerDetailsContainer .fcRadios.ab-fc-chart {
    padding: 16px;
  }
  #customerDetailsContainer .box.fcRadios.ab-fc-chart button {
    width: 40%;
    margin: 8px 30%;
  }
  #customerDetailsContainer .box.fcRadios.ab-fc-chart button.ab-fc-chart--dismiss {
    display: block;
  }
  #customerDetailsContainer .box.fcRadios.ab-fc-chart .fcRadiosWarningTxt span {
    width: 10%;
  }
  #customerDetailsContainer .box.fcRadios.ab-fc-chart .fcRadiosWarningTxt .ab-warning-description {
    width: 90%;
    padding-left: 8px;
  }
  #customerDetailsContainer .box.fcRadios.ab-fc-chart .fcRadiosWarningTxt .ab-warning-description b {
    font-family: mundial-light, sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
}
@media (max-width: 800px) and (min-width: 769px) {
  #customerDetailsContainer .box.fcRadios.ab-fc-chart .fcRadiosWarningTxt .ab-warning-description b {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
@media (max-width: 800px) {
  #customerDetailsContainer .box.fcRadios.ab-fc-chart .fcRadiosWarningTxt .ab-warning-description p {
    font-family: mundial-light, sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
}
@media (min-width: 769px) {
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--standard span.fee,
  #customerDetailsContainer .ab-fc-chart--row .ab-fc-chart--fc span.fee {
    display: none;
  }
  #customerDetailsContainer .ab-fc-chart--row:first-child, #customerDetailsContainer .ab-fc-chart--row:last-child {
    border-left: none !important;
  }
}
@media (max-width: 450px) {
  #customerDetailsContainer .box.fcRadios.ab-fc-chart button {
    width: 60%;
    margin: 8px 20%;
  }
}

.popUp {
  width: 75%;
  max-width: 640px;
  z-index: 90000;
  background-color: white;
  padding: 0px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(33, 33, 33, 0.25);
}
.popUp#emailQuote {
  width: 75%;
  max-width: 600px;
  z-index: 10000;
  position: absolute;
  background-color: white;
  border: 0px solid #c9c9c9;
  padding: 8px;
}
.popUp#emailQuote .content {
  row-gap: 8px;
}
@media (min-width: 769px) {
  .popUp#emailQuote .content {
    row-gap: 16px;
  }
}
.popUp#emailQuote .content p {
  font-size: 14px;
  line-height: 20px;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  .popUp#emailQuote .content p {
    font-size: 16px;
    line-height: 24px;
  }
}
.popUp#emailQuote .content #pnlEmailMyQuote {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.popUp#emailQuote .content #pnlEmailMyQuote .popUpForm {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media (min-width: 769px) {
  .popUp#emailQuote .content #pnlEmailMyQuote .popUpForm {
    row-gap: 16px;
  }
}
.popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .lblEmailPop {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  padding: 0 8px 4px;
  display: block;
}
.popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox {
  width: 100% !important;
  padding: 0px;
  margin: 0px !important;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox p {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px;
  margin-bottom: 0 !important;
}
@media (min-width: 769px) {
  .popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox .checkRadio.lft {
  position: relative;
  padding-left: 24px;
  text-align: left !important;
}
.popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox .checkRadio.lft b {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px;
}
@media (min-width: 769px) {
  .popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox .checkRadio.lft b {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox .checkRadio.lft input[type=checkbox], .popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox .checkRadio.lft body#TrainAndFerryMain #df-dom-deal_finder_container [type=checkbox]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox .checkRadio.lft [type=checkbox]#railBtn, .popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox .checkRadio.lft body#TrainAndFerryInd #df-dom-deal_finder_container [type=checkbox]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .frmBox .checkRadio.lft [type=checkbox]#railBtn {
  appearance: auto;
  -webkit-appearance: auto;
  position: absolute;
  left: 0;
  top: 6px;
  margin-top: 0;
  width: max-content;
}
.popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .signup_note:has(.error_txt:not(:empty)) {
  display: block;
  width: 100%;
  padding: 8px;
  border-radius: 8px;
  background-color: #fce7e9;
  border: 2px solid #e10f1e;
  color: #212121 !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.popUp#emailQuote .content #pnlEmailMyQuote .popUpForm .signup_note:has(.error_txt:not(:empty)) .error_txt {
  color: #212121 !important;
}
.popUp#emailQuote .content #pnlEmailMyQuote input#butEmailMyQuote {
  font-size: 0.875rem;
}
.popUp .header {
  background-color: #0f5a5c;
  color: #ffffff;
  padding: 16px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.popUp .content {
  padding: 16px !important;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.popUp .closeBtn {
  background-position: center -1089px;
  height: 24px;
  width: 24px;
  position: absolute;
  right: -24px !important;
  top: -24px !important;
  cursor: pointer;
  z-index: 100;
  background: url("https://static.directferries.co.uk/image/ico/new/white/cancel.svg") no-repeat left center;
  background-repeat: no-repeat;
}

@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vanish {
  from {
    display: flex;
    opacity: 1;
  }
  to {
    display: none;
    opacity: 0;
  }
}
.box.summaryBox {
  border: 1px solid #212121 !important;
  padding: 0;
  border-radius: 8px;
  background-color: #fff !important;
}
.box.summaryBox.mHide {
  display: block;
}
.box.summaryBox > div {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
.box.summaryBox .header {
  padding: 8px;
  background-color: #0f5a5c;
  color: #fff;
  border-radius: 4px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 769px) {
  .box.summaryBox .header {
    border-radius: 4px 4px 0 0;
    padding: 16px 16px;
  }
}
.box.summaryBox .content {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding: 8px;
}
@media (min-width: 769px) {
  .box.summaryBox .content {
    margin-top: 0;
  }
}
@media (min-width: 1025px) {
  .box.summaryBox .content {
    padding: 16px;
  }
}
.box.summaryBox .content .summary.ret {
  padding-top: 16px;
}
.box.summaryBox .content .summary.out, .box.summaryBox .content .summary.ret {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 769px) {
  .box.summaryBox .content .summary.out, .box.summaryBox .content .summary.ret {
    row-gap: 8px;
  }
}
.box.summaryBox .content .summary.out #summary-out-mobHide,
.box.summaryBox .content .summary.out #summary-ret-mobHide, .box.summaryBox .content .summary.ret #summary-out-mobHide,
.box.summaryBox .content .summary.ret #summary-ret-mobHide {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.box.summaryBox .content .summary.out #summary-out-mobHide > div,
.box.summaryBox .content .summary.out #summary-ret-mobHide > div, .box.summaryBox .content .summary.ret #summary-out-mobHide > div,
.box.summaryBox .content .summary.ret #summary-ret-mobHide > div {
  padding: 8px;
  background-color: #f4fbfd;
  border-radius: 4px;
  border-bottom: 2px solid #dff4f8;
}
.box.summaryBox .content .summary.out #summary-out-mobHide > div p,
.box.summaryBox .content .summary.out #summary-ret-mobHide > div p, .box.summaryBox .content .summary.ret #summary-out-mobHide > div p,
.box.summaryBox .content .summary.ret #summary-ret-mobHide > div p {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
.box.summaryBox .content .summary.out > .dark-sand .txt, .box.summaryBox .content .summary.ret > .dark-sand .txt {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.box.summaryBox .content .summary.out > .dark-sand .txt p, .box.summaryBox .content .summary.ret > .dark-sand .txt p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.box.summaryBox .content .summary.out > .dark-sand .txt .tbl, .box.summaryBox .content .summary.ret > .dark-sand .txt .tbl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box.summaryBox .content .summary.out .summaryLegHead, .box.summaryBox .content .summary.ret .summaryLegHead {
  display: flex;
  justify-content: space-between;
  column-gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}
.box.summaryBox .content .summary.out .summaryLegHead .viewSum, .box.summaryBox .content .summary.ret .summaryLegHead .viewSum {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content .summary.out .summaryLegHead .viewSum span img, .box.summaryBox .content .summary.ret .summaryLegHead .viewSum span img {
  transition: transform 0.3s ease;
}
.box.summaryBox .content .summary.out .summaryLegHead .viewSum.active span img, .box.summaryBox .content .summary.ret .summaryLegHead .viewSum.active span img {
  transform: rotate(180deg);
}
.box.summaryBox .content .summary.out .summaryLegHead .viewSum span, .box.summaryBox .content .summary.ret .summaryLegHead .viewSum span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box.summaryBox .content .summary.out h4, .box.summaryBox .content .summary.ret h4 {
  padding-left: 24px;
  margin: 0;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  background-image: url("https://static.directferries.co.uk/image/ico/new/primary/leaving.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
.box.summaryBox .content .summary.out img, .box.summaryBox .content .summary.ret img {
  width: max-content;
  margin: 0;
}
.box.summaryBox .content .summary.out p, .box.summaryBox .content .summary.ret p {
  margin: 0;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  .box.summaryBox .content .summary.out p, .box.summaryBox .content .summary.ret p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.box.summaryBox .content .summary.out span.summaryContent, .box.summaryBox .content .summary.ret span.summaryContent {
  display: none;
  animation: vanish 0.2s;
  flex-direction: column;
  row-gap: 8px;
  margin: 8px 0;
}
.box.summaryBox .content .summary.out span.summaryContent.open, .box.summaryBox .content .summary.ret span.summaryContent.open {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 8px 0;
  animation: appear 0.8s;
}
.box.summaryBox .content .summary.out span.summaryContent.open::backdrop, .box.summaryBox .content .summary.ret span.summaryContent.open::backdrop {
  display: none;
}
.box.summaryBox .content .summary.out span .summaryBlock, .box.summaryBox .content .summary.ret span .summaryBlock {
  background-color: #f4fbfd;
  border-radius: 4px;
  padding: 8px 8px;
  border-bottom: 2px solid #dff4f8;
}
.box.summaryBox .content .summary.out span .summaryBlock p, .box.summaryBox .content .summary.ret span .summaryBlock p {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content .summary.out span .summaryBlock b, .box.summaryBox .content .summary.ret span .summaryBlock b {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content .summary.out .mobSum, .box.summaryBox .content .summary.ret .mobSum {
  display: block;
}
@media (min-width: 769px) {
  .box.summaryBox .content .summary.out .mobSum, .box.summaryBox .content .summary.ret .mobSum {
    display: none;
  }
}
.box.summaryBox .content .summary.ret {
  border-top: 4px dotted #F5F5F2;
}
.box.summaryBox .content .summary.deets:has(p) {
  padding: 8px 8px;
  display: flex;
  align-items: initial;
  flex-direction: column;
  border-radius: 4px;
  background-color: #d6e7d7;
  border-bottom: 2px solid #84b688;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content .summary.deets:has(p) p {
  font-size: 14px !important;
  line-height: 20px !important;
  display: block;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
.box.summaryBox .content .summary.deets:has(p) p:last-of-type {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.box.summaryBox .content .summary.deets p {
  margin: 0 !important;
}
.box.summaryBox .content #payment_amounts {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.box.summaryBox .content #payment_amounts .tbl {
  order: 1;
  display: flex;
  justify-content: space-between;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #FC6446;
  font-size: 18px !important;
  line-height: 24px !important;
  flex-wrap: wrap;
}
.box.summaryBox .content #payment_amounts #payment_breakdown {
  order: 0;
}
.box.summaryBox .content #payment_amounts #payment_breakdown .summary.priceDet {
  display: flex;
  justify-content: space-between;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content #payment_amounts #payment_breakdown.price_summary_breakdown .price_item {
  display: flex;
  justify-content: space-between;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content #payment_amounts #payment_breakdown.price_summary_breakdown .price_item.bkng_total_cost {
  color: #FC6446;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

#customer-details-header {
  padding-left: 16px;
}
@media (min-width: 1200px) {
  #customer-details-header {
    padding-left: inherit;
  }
}

.ab_mobRedesign .row {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 8px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row {
    padding-top: 32px !important;
    gap: 16px;
  }
}
@media (min-width: 769px) {
  .ab_mobRedesign .row {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  .ab_mobRedesign .row {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .ab_mobRedesign .row {
    padding-left: 0;
    padding-right: 0;
  }
}
.ab_mobRedesign .row::before {
  content: unset;
}
.ab_mobRedesign .row #info {
  grid-row: 1;
  grid-column: 1/all;
}
.ab_mobRedesign .row #customerDetailsContainer {
  z-index: unset !important;
  grid-column: 1/all;
  grid-row: 3;
  width: unset;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding: 0;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer {
    grid-column: 1/10;
    grid-row: initial;
  }
}
.ab_mobRedesign .row #customerDetailsContainer span.validator {
  padding-left: 4px;
}
.ab_mobRedesign .row #customerDetailsContainer .sub-header {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
}
.ab_mobRedesign .row #customerDetailsContainer .sub-header__icon {
  width: 36px;
  height: 36px;
  border-radius: 50px;
  background-color: #0f5a5c;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}
.ab_mobRedesign .row #customerDetailsContainer .sub-header__icon--pax {
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/lead.svg");
}
.ab_mobRedesign .row #customerDetailsContainer .sub-header__icon--vehicle {
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/vehicle.svg");
}
.ab_mobRedesign .row #customerDetailsContainer .sub-header__label {
  display: flex;
  flex-direction: column;
}
.ab_mobRedesign .row #customerDetailsContainer .sub-header__label-name {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  margin: 0 !important;
}
.ab_mobRedesign .row #customerDetailsContainer .sub-header__label-group {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin: 0 !important;
}
.ab_mobRedesign .row #customerDetailsContainer #divBreakDownCover,
.ab_mobRedesign .row #customerDetailsContainer #pnlAvios {
  display: none;
}
.ab_mobRedesign .row #customerDetailsContainer .box {
  border-radius: 8px;
  padding: 8px 8px 16px;
  border: 1px solid #212121 !important;
  background-color: #fff !important;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .box {
    padding: 0;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets {
    gap: 0;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox input, .ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox #railBtn, .ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox #railBtn, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets input, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .box#PassDets #railBtn, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .box#PassDets #railBtn {
  margin-top: 0;
}
.ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox .content, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets .content {
  padding: 0;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox .content, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets .content {
    padding: 16px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox .content .diff-return.head, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets .content .diff-return.head {
  margin-bottom: 16px;
}
.ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox .content .diff-return.head .headerTbl, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets .content .diff-return.head .headerTbl {
  padding: 8px;
  background-color: #fff1d6;
  border: 2px solid #ffb932;
  border-radius: 8px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox .content .diff-return.head .headerTbl, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets .content .diff-return.head .headerTbl {
    padding: 16px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox .content #divPassDetailsRet, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets .content #divPassDetailsRet {
  margin-top: 32px;
}
.ab_mobRedesign .row #customerDetailsContainer .box#ContDetsBox .content .passengerVehicleDivider, .ab_mobRedesign .row #customerDetailsContainer .box#PassDets .content .passengerVehicleDivider {
  margin-top: 16px;
  padding-top: 16px !important;
}
.ab_mobRedesign .row #customerDetailsContainer .box .content #pSignIn {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.ab_mobRedesign .row #customerDetailsContainer .box .content #pSignIn a {
  text-decoration: underline !important;
}
.ab_mobRedesign .row #customerDetailsContainer .box .content #divPassDetailsOut h3 span,
.ab_mobRedesign .row #customerDetailsContainer .box .content #divPassDetailsRet h3 span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  display: block;
  margin-bottom: 8px;
  margin-left: 8px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .box .content #divPassDetailsOut h3 span,
  .ab_mobRedesign .row #customerDetailsContainer .box .content #divPassDetailsRet h3 span {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .box .content:has(.rentCar) {
  padding: 0;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .box .content:has(.rentCar) {
    padding: 16px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .box [id*=divPassDetails] [id*=upPassDetails] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ab_mobRedesign .row #customerDetailsContainer .box [id*=divPassDetails] [id*=upPassDetails] .passenger {
  padding-bottom: 32px;
  border-bottom: 2px solid #e4e8dc;
}
.ab_mobRedesign .row #customerDetailsContainer .box [id*=divPassDetails] [id*=upPassDetails] .passenger:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  row-gap: 8px;
  column-gap: 16px;
}
.ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=PassDetailsOut], .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=PassDetailsRet] {
  grid-column: 1/all;
}
.ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=hasErrTitle] {
  grid-column: 1/6;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=hasErrTitle] {
    grid-column: 1/3;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=hasErrFirstName] {
  grid-column: 1/all;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=hasErrFirstName] {
    grid-column: 3/8;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=hasErrSurname] {
  grid-column: 1/all;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=hasErrSurname] {
    grid-column: 8/all;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divNationality], .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divPassenger] {
  grid-column: 1/all;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divNationality], .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divPassenger] {
    grid-column: 1/all;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divDOB], .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divPassportStart], .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divPassportExpiry] {
  grid-column: 1/all;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divDOB], .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divPassportStart], .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divPassportExpiry] {
    grid-column: 1/8;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divDOB] .frmBox, .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divPassportStart] .frmBox, .ab_mobRedesign .row #customerDetailsContainer .passDeets.psgrDetails div[id*=divPassportExpiry] .frmBox {
  display: flex;
  gap: 16px;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding-bottom: 16px;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox {
  width: unset;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox {
    flex-direction: row;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox.tel_wrap {
  width: 100%;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox:has(#rfvEmailNewCust.validator) {
  flex-direction: column;
  row-gap: 2px;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox select,
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox input,
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox #railBtn,
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox #railBtn {
  width: unset;
  float: unset;
  margin-right: unset;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox select {
  flex: 1;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox select {
    max-width: 30%;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox input, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox #railBtn, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele .frmBox #railBtn {
  flex: 2;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele #lblMobilePreferred {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding-left: 56px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/sms.svg");
  background-repeat: no-repeat;
  background-size: 48px;
  background-position: left center;
  min-height: 48px;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele #lblMobilePreferred strong {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #hasErrorTele #lblMobilePreferred {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal {
  margin-bottom: 16px;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio {
  position: relative;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio b {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  padding-left: 32px;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio input, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio #railBtn, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio #railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  position: absolute;
  left: 0;
  top: 8px;
  margin-top: 0;
  width: max-content;
  padding: 0;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio input, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio #railBtn, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio #railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  position: absolute;
  padding: 0;
  cursor: pointer;
  width: 20px !important;
  height: 20px;
  accent-color: #212121;
  left: 0px;
  transform: translate(0, -50%);
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio input::after, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio #railBtn::after, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio #railBtn::after {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  top: 0;
  left: 0;
  position: relative;
  background-color: #ffffff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 3px solid #212121;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio input:checked::after, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio #railBtn:checked::after, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio #railBtn:checked::after {
  background-color: transparent;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone {
  padding: 16px 8px !important;
}
@media (max-width: 768px) {
  .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone {
    padding: 16px 0 0 0 !important;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details {
  width: 100%;
  padding-bottom: 0 !important;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details strong {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details ul li {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details ul li {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details ul li b {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox {
  width: 100%;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio {
  position: relative;
  display: flex;
  gap: 16px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio {
    gap: 8px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio b {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio input, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio #railBtn, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio #railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  padding: 0;
  cursor: pointer;
  width: 20px !important;
  height: 20px;
  accent-color: #212121;
  order: -1;
  margin-right: 0;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio input::after, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio #railBtn::after, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio #railBtn::after {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  top: 0;
  left: 0;
  position: relative;
  background-color: #ffffff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 3px solid #212121;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio input:checked::after, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio #railBtn:checked::after, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--details .frmBox label.checkRadio #railBtn:checked::after {
  background-color: transparent;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlSMSVal .ab-sms-phone .ab-sms-phone--hero {
  width: max-content;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox {
  width: 100%;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox span#lblConfirmNumberWarning {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  background-color: #fce7e9;
  border: 2px solid #e10f1e;
  padding: 8px 8px;
  border-radius: 8px;
  color: #212121 !important;
  display: block;
  margin-bottom: 16px;
}
.ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio input, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio #railBtn, .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #ContDetsBox .content #pnlMobVal .frmBox label.checkRadio #railBtn {
  width: auto;
  width: max-content;
  background-color: unset;
  border: 0;
  appearance: auto;
  -webkit-appearance: radio;
  padding: 0;
}
.ab_mobRedesign .row #customerDetailsContainer #df-account {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #df-account {
    row-gap: 0;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding: 0;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection {
    padding: 16px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .passDeets {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .passDeets {
    flex-direction: row;
    column-gap: 16px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .passDeets #hasErrorEmail,
.ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .passDeets #hasErrorConfirmEmail {
  width: 100%;
}
.ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn {
  padding: 0;
}
.ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn p {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding-bottom: 8px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #212121;
  position: relative;
  display: flex;
  gap: 16px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio {
    gap: 8px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio input, .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio #railBtn, .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio #railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  padding: 0;
  cursor: pointer;
  min-width: 20px !important;
  height: 20px;
  accent-color: #212121;
  margin-top: 4px;
  order: -1;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio input, .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio #railBtn, .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio #railBtn {
    margin-top: 2px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio input::after, .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio #railBtn::after, .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio #railBtn::after {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  top: 0;
  left: 0;
  position: relative;
  background-color: #ffffff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 3px solid #212121;
}
.ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio input:checked::after, .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio #railBtn:checked::after, .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer #df-account #emailSection .abEmailOptIn label.checkRadio #railBtn:checked::after {
  background-color: transparent;
}
.ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) {
    row-gap: 0;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
.ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  position: relative;
  display: flex;
  gap: 16px;
  padding-top: 16px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio {
    gap: 8px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio input, .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio #railBtn, .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio #railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  padding: 0;
  cursor: pointer;
  min-width: 20px !important;
  height: 20px;
  accent-color: #212121;
  margin-top: 2px;
  order: -1;
}
.ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio input::after, .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio #railBtn::after, .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio #railBtn::after {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  top: 0;
  left: 0;
  position: relative;
  background-color: #ffffff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 3px solid #212121;
}
.ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio input:checked::after, .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio #railBtn:checked::after, .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .box:has(.rentCar) .content .rentCar #frmRentCar .frmBox label.checkRadio #railBtn:checked::after {
  background-color: transparent;
}
.ab_mobRedesign .row #customerDetailsContainer #divFlightDetails {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.ab_mobRedesign .row #customerDetailsContainer #divFlightDetails .content #divDetailsCtrls {
  display: flex;
  flex-direction: column;
}
.ab_mobRedesign .row #customerDetailsContainer #divFlightDetails .content #divDetailsCtrls [id*=divFlightDate] .frmBox {
  display: flex;
  gap: 8px;
}
.ab_mobRedesign .row #customerDetailsContainer #divFlightDetails .content #divDetailsCtrls [id*=divFlightDate] .frmBox select {
  max-width: 120px;
}
.ab_mobRedesign .row #customerDetailsContainer #divFlightDetails .content #divDetailsCtrls [id*=divFlightTime] .frmBox {
  display: flex;
  gap: 8px;
}
.ab_mobRedesign .row #customerDetailsContainer #divFlightDetails .content #divDetailsCtrls [id*=divFlightTime] .frmBox select {
  max-width: 120px;
}
.ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding-left: 0;
}
.ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn .frmLbl:empty {
  display: none;
}
.ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn p {
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn p {
    font-size: 16px !important;
    line-height: 24px !important;
    padding-left: 8px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  position: relative;
  display: flex;
  gap: 16px;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio {
    gap: 8px;
    padding-left: 8px;
  }
}
.ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio input, .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio #railBtn, .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio #railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  padding: 0;
  cursor: pointer;
  min-width: 20px !important;
  height: 20px;
  accent-color: #212121;
  margin-top: 2px;
  order: -1;
}
.ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio input::after, .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio #railBtn::after, .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio #railBtn::after {
  width: 20px;
  height: 20px;
  border-radius: 2px;
  top: 0;
  left: 0;
  position: relative;
  background-color: #ffffff;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 3px solid #212121;
}
.ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio input:checked::after, .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio #railBtn:checked::after, .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn label.checkRadio #railBtn:checked::after {
  background-color: transparent;
}
.ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn.abEmailOptInStyle .frmLbl {
  display: none;
}
.ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn.abEmailOptInStyle label.checkRadio {
  position: relative;
  padding: 8px 8px 8px 24px;
  display: block;
}
.ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn.abEmailOptInStyle label.checkRadio input, .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn.abEmailOptInStyle label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn.abEmailOptInStyle label.checkRadio #railBtn, .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn.abEmailOptInStyle label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ab_mobRedesign .row #customerDetailsContainer .abEmailOptIn.abEmailOptInStyle label.checkRadio #railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  width: max-content;
  padding: 0;
  position: absolute;
  left: 0;
  top: 13.5px;
}
.ab_mobRedesign .row .md3:has(.summaryBox) {
  grid-column: 1/all;
  width: unset;
  padding: 0;
  grid-row: 2;
}
@media (min-width: 769px) {
  .ab_mobRedesign .row .md3:has(.summaryBox) {
    grid-column: 10/all;
    grid-row: initial;
  }
}

@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vanish {
  from {
    display: flex;
    opacity: 1;
  }
  to {
    display: none;
    opacity: 0;
  }
}
.box.summaryBox {
  border: 1px solid #212121 !important;
  padding: 0;
  border-radius: 8px;
  background-color: #fff !important;
}
.box.summaryBox.mHide {
  display: block;
}
.box.summaryBox > div {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}
.box.summaryBox .header {
  padding: 8px;
  background-color: #0f5a5c;
  color: #fff;
  border-radius: 4px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 769px) {
  .box.summaryBox .header {
    border-radius: 4px 4px 0 0;
    padding: 16px 16px;
  }
}
.box.summaryBox .content {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding: 8px;
}
@media (min-width: 769px) {
  .box.summaryBox .content {
    margin-top: 0;
  }
}
@media (min-width: 1025px) {
  .box.summaryBox .content {
    padding: 16px;
  }
}
.box.summaryBox .content .summary.ret {
  padding-top: 16px;
}
.box.summaryBox .content .summary.out, .box.summaryBox .content .summary.ret {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 769px) {
  .box.summaryBox .content .summary.out, .box.summaryBox .content .summary.ret {
    row-gap: 8px;
  }
}
.box.summaryBox .content .summary.out #summary-out-mobHide,
.box.summaryBox .content .summary.out #summary-ret-mobHide, .box.summaryBox .content .summary.ret #summary-out-mobHide,
.box.summaryBox .content .summary.ret #summary-ret-mobHide {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.box.summaryBox .content .summary.out #summary-out-mobHide > div,
.box.summaryBox .content .summary.out #summary-ret-mobHide > div, .box.summaryBox .content .summary.ret #summary-out-mobHide > div,
.box.summaryBox .content .summary.ret #summary-ret-mobHide > div {
  padding: 8px;
  background-color: #f4fbfd;
  border-radius: 4px;
  border-bottom: 2px solid #dff4f8;
}
.box.summaryBox .content .summary.out #summary-out-mobHide > div p,
.box.summaryBox .content .summary.out #summary-ret-mobHide > div p, .box.summaryBox .content .summary.ret #summary-out-mobHide > div p,
.box.summaryBox .content .summary.ret #summary-ret-mobHide > div p {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
.box.summaryBox .content .summary.out > .dark-sand .txt, .box.summaryBox .content .summary.ret > .dark-sand .txt {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.box.summaryBox .content .summary.out > .dark-sand .txt p, .box.summaryBox .content .summary.ret > .dark-sand .txt p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.box.summaryBox .content .summary.out > .dark-sand .txt .tbl, .box.summaryBox .content .summary.ret > .dark-sand .txt .tbl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box.summaryBox .content .summary.out .summaryLegHead, .box.summaryBox .content .summary.ret .summaryLegHead {
  display: flex;
  justify-content: space-between;
  column-gap: 4px;
  align-items: center;
  flex-wrap: wrap;
}
.box.summaryBox .content .summary.out .summaryLegHead .viewSum, .box.summaryBox .content .summary.ret .summaryLegHead .viewSum {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content .summary.out .summaryLegHead .viewSum span img, .box.summaryBox .content .summary.ret .summaryLegHead .viewSum span img {
  transition: transform 0.3s ease;
}
.box.summaryBox .content .summary.out .summaryLegHead .viewSum.active span img, .box.summaryBox .content .summary.ret .summaryLegHead .viewSum.active span img {
  transform: rotate(180deg);
}
.box.summaryBox .content .summary.out .summaryLegHead .viewSum span, .box.summaryBox .content .summary.ret .summaryLegHead .viewSum span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box.summaryBox .content .summary.out h4, .box.summaryBox .content .summary.ret h4 {
  padding-left: 24px;
  margin: 0;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  background-image: url("https://static.directferries.co.uk/image/ico/new/primary/leaving.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
.box.summaryBox .content .summary.out img, .box.summaryBox .content .summary.ret img {
  width: max-content;
  margin: 0;
}
.box.summaryBox .content .summary.out p, .box.summaryBox .content .summary.ret p {
  margin: 0;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  .box.summaryBox .content .summary.out p, .box.summaryBox .content .summary.ret p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.box.summaryBox .content .summary.out span.summaryContent, .box.summaryBox .content .summary.ret span.summaryContent {
  display: none;
  animation: vanish 0.2s;
  flex-direction: column;
  row-gap: 8px;
  margin: 8px 0;
}
.box.summaryBox .content .summary.out span.summaryContent.open, .box.summaryBox .content .summary.ret span.summaryContent.open {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 8px 0;
  animation: appear 0.8s;
}
.box.summaryBox .content .summary.out span.summaryContent.open::backdrop, .box.summaryBox .content .summary.ret span.summaryContent.open::backdrop {
  display: none;
}
.box.summaryBox .content .summary.out span .summaryBlock, .box.summaryBox .content .summary.ret span .summaryBlock {
  background-color: #f4fbfd;
  border-radius: 4px;
  padding: 8px 8px;
  border-bottom: 2px solid #dff4f8;
}
.box.summaryBox .content .summary.out span .summaryBlock p, .box.summaryBox .content .summary.ret span .summaryBlock p {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content .summary.out span .summaryBlock b, .box.summaryBox .content .summary.ret span .summaryBlock b {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content .summary.out .mobSum, .box.summaryBox .content .summary.ret .mobSum {
  display: block;
}
@media (min-width: 769px) {
  .box.summaryBox .content .summary.out .mobSum, .box.summaryBox .content .summary.ret .mobSum {
    display: none;
  }
}
.box.summaryBox .content .summary.ret {
  border-top: 4px dotted #F5F5F2;
}
.box.summaryBox .content .summary.deets:has(p) {
  padding: 8px 8px;
  display: flex;
  align-items: initial;
  flex-direction: column;
  border-radius: 4px;
  background-color: #d6e7d7;
  border-bottom: 2px solid #84b688;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content .summary.deets:has(p) p {
  font-size: 14px !important;
  line-height: 20px !important;
  display: block;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
.box.summaryBox .content .summary.deets:has(p) p:last-of-type {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.box.summaryBox .content .summary.deets p {
  margin: 0 !important;
}
.box.summaryBox .content #payment_amounts {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.box.summaryBox .content #payment_amounts .tbl {
  order: 1;
  display: flex;
  justify-content: space-between;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #FC6446;
  font-size: 18px !important;
  line-height: 24px !important;
  flex-wrap: wrap;
}
.box.summaryBox .content #payment_amounts #payment_breakdown {
  order: 0;
}
.box.summaryBox .content #payment_amounts #payment_breakdown .summary.priceDet {
  display: flex;
  justify-content: space-between;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content #payment_amounts #payment_breakdown.price_summary_breakdown .price_item {
  display: flex;
  justify-content: space-between;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.box.summaryBox .content #payment_amounts #payment_breakdown.price_summary_breakdown .price_item.bkng_total_cost {
  color: #FC6446;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

#payment-header {
  padding-left: 16px;
}
@media (min-width: 1200px) {
  #payment-header {
    padding-left: inherit;
  }
}

#dfPaymentType_lnkWhatIsPayPal {
  display: none;
}

.con .row:has(.paymentSelect) {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  gap: 16px;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect) {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect) {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .con .row:has(.paymentSelect) {
    padding-left: 0;
    padding-right: 0;
  }
}
.con .row:has(.paymentSelect) .abLeft {
  grid-column: 1/all;
  width: unset;
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  z-index: unset !important;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect) .abLeft {
    grid-column: 1/10;
  }
}
.con .row:has(.paymentSelect) .abLeft .box {
  border-radius: 8px;
  padding: 8px;
  border: 1px solid #212121 !important;
  background-color: #fff !important;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect) .abLeft .box {
    padding: 0;
  }
}
.con .row:has(.paymentSelect) .abLeft .box.accountNav {
  padding: 8px;
}
.con .row:has(.paymentSelect) .abLeft .box.accountNav > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.con .row:has(.paymentSelect) .abLeft .box.accountNav > div > div {
  display: flex;
  gap: 8px;
}
.con .row:has(.paymentSelect) .abLeft .box.accountNav > div > div a {
  text-decoration: underline;
}
.con .row:has(.paymentSelect) .abLeft .paymentSelect {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect) .abLeft .paymentSelect {
    row-gap: 0;
  }
}
.con .row:has(.paymentSelect) .abLeft .paymentSelect .content {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect) .abLeft .paymentSelect .content {
    padding: 16px;
  }
}
.con .row:has(.paymentSelect) .abLeft .paymentSelect .content label.checkRadio {
  position: relative;
  padding-left: 32px;
}
.con .row:has(.paymentSelect) .abLeft .paymentSelect .content label.checkRadio input, .con .row:has(.paymentSelect) .abLeft .paymentSelect .content label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .con .row:has(.paymentSelect) .abLeft .paymentSelect .content label.checkRadio #railBtn, .con .row:has(.paymentSelect) .abLeft .paymentSelect .content label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .con .row:has(.paymentSelect) .abLeft .paymentSelect .content label.checkRadio #railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  position: absolute;
  left: 8px;
  top: 4px;
  width: max-content;
  padding: 0;
}
.con .row:has(.paymentSelect) .abLeft .paymentSelect .content .divPaymentType .logos {
  display: flex;
  column-gap: 8px;
  margin-top: 8px;
  align-items: center;
  padding-left: 8px;
}
.con .row:has(.paymentSelect) .abLeft .paymentSelect .content .divPaymentType:has(#dfPaymentType_lblPayPal) .logos img {
  max-width: unset;
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin: 0 auto;
  padding: 16px 0;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content {
    max-width: 54%;
  }
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content .card-error {
  margin-left: 0;
  width: 100%;
  background-color: #fce7e9;
  border: 2px solid #e10f1e;
  border-radius: 8px;
  padding: 8px;
  color: #212121;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content .card-error::before {
  all: unset;
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content #divccNumber {
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  align-items: flex-end;
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content #divccNumber > div:has(.frmBox) {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content #divccNumber #ccCardControl_ccImage {
  right: 0;
  top: 0;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content #divccNumber #ccCardControl_ccImage {
    right: -50px;
    top: 40px;
  }
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content #divccMonthExp > div {
  display: flex;
  flex-direction: column;
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content #divccMonthExp > div .frmBox {
  display: flex;
  flex-direction: row;
  column-gap: 16px;
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content #divccMonthExp > div .frmBox .form-control {
  width: max-content !important;
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content .frm > div:has([id*=ccCvvLabel]) {
  display: flex;
  flex-direction: column;
}
.con .row:has(.paymentSelect) .abLeft #paymentCard #ccCardControl .content .frm > div:has([id*=ccCvvLabel]) .frmLbl i {
  display: block;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.con .row:has(.paymentSelect) .md3:has(.summaryBox) {
  grid-column: 1/all;
  width: unset;
  padding: 0;
  grid-row: 1;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect) .md3:has(.summaryBox) {
    grid-column: 10/all;
    grid-row: 2;
  }
}
.con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 {
  grid-column: 1/all;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: initial;
  z-index: unset !important;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect {
  border-radius: 8px;
  padding: 8px;
  border: 1px solid #212121 !important;
  background-color: #fff !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect {
    padding: 0;
    gap: 0;
  }
}
.con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content {
    padding: 16px;
  }
}
.con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio {
  cursor: pointer;
  position: relative;
  padding-left: 32px;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio input, .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio #railBtn, .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio #railBtn {
  appearance: auto;
  -webkit-appearance: radio;
  position: absolute;
  left: 8px;
  top: 4px;
  width: max-content;
  padding: 0;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio input[type=radio]::after, .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio [type=radio]#railBtn::after, .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio [type=radio]#railBtn::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: -6px;
  left: -6px;
  position: relative;
  background-color: #ede9e1;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 4px solid #fff;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio input[type=radio]:checked::after, .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio [type=radio]#railBtn:checked::after, .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content label.checkRadio [type=radio]#railBtn:checked::after {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  top: -6px;
  left: -6px;
  position: relative;
  background-color: #212121;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 0spx solid #fff;
}
.con .row:has(.paymentSelect):not(:has(.summaryBox)) .sm85.md9 .paymentSelect .content .divPaymentType .logos {
  display: flex;
  column-gap: 8px;
  margin-top: 8px;
  align-items: center;
  padding-left: 8px;
}

#mask, #dialog {
  background-color: #FAFAF7 !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  padding: 100px 20px 20px 20px;
}

#dialog .animated-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
#dialog .animated-logo img {
  max-width: 380px;
}
#dialog .opLoader h3 {
  margin-bottom: 32px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
#dialog .opLoader ul {
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin: 0 auto;
  gap: 16px;
  flex-wrap: wrap;
}
@media (min-width: 769px) {
  #dialog .opLoader ul {
    justify-content: space-between;
    width: max-content;
  }
}
#dialog .opLoader ul li {
  float: unset;
  padding: 8px;
  background-color: #fff;
  border-radius: 8px;
  width: unset;
  border: 2px solid #e4e8dc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#dialog > div {
  height: max-content !important;
}
#dialog #imgLogo {
  content: url("https://static.directferries.co.uk/image/rebrand/animated-logo-2.gif") !important;
  width: 100%;
  max-width: 400px !important;
}

form.be_confirmation .con .row .sm12 {
  padding: 0;
}
form.be_confirmation .con .row .sm12 .content {
  background-color: #fff;
  padding: 16px 16px;
  border-radius: 8px;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  grid-template-areas: "header" "intro" "debit-sum" "refs" "itinerary";
}
@media (min-width: 769px) {
  form.be_confirmation .con .row .sm12 .content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  form.be_confirmation .con .row .sm12 .content {
    padding: 16px;
    background-color: unset;
    border-radius: unset;
  }
}
@media (min-width: 1200px) {
  form.be_confirmation .con .row .sm12 .content {
    padding: 16px 0;
  }
}
form.be_confirmation .con .row .sm12 .content > h1 {
  margin: 0;
  grid-area: header;
}
form.be_confirmation .con .row .sm12 .content p {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  grid-area: intro;
}
form.be_confirmation .ref__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #FC6446;
  grid-area: refs;
}
form.be_confirmation .ref__wrapper .ref > div {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
form.be_confirmation .ref__wrapper .ref > div:first-child {
  font-size: 16px !important;
  line-height: 24px !important;
}
form.be_confirmation .ref__wrapper .ref > div:last-child {
  font-size: 18px !important;
  line-height: 24px !important;
}
form.be_confirmation .debitSum {
  background-color: #fff0ed;
  border: 1px solid #FC6446;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  grid-area: debit-sum;
  flex-wrap: wrap;
}
form.be_confirmation .debitSum .split {
  display: none;
}
form.be_confirmation .debitSum .route {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 24px !important;
  line-height: 32px !important;
}
form.be_confirmation .debitSum .debit .debitHd {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
form.be_confirmation .debitSum .debit .debitPr {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 24px !important;
}
form.be_confirmation .itinerary__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  grid-area: itinerary;
}
form.be_confirmation .itinerary__wrapper .itinerary {
  border-radius: 8px;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #0f5a5c;
  display: none;
  grid-column: 1/3;
  container-type: inline-size;
  container-name: itin;
}
@media (min-width: 769px) {
  form.be_confirmation .itinerary__wrapper .itinerary:nth-child(1) {
    grid-column: 1/2;
  }
  form.be_confirmation .itinerary__wrapper .itinerary:nth-child(2) {
    grid-column: 2/3;
  }
}
form.be_confirmation .itinerary__wrapper .itinerary:has(.headerTbl) {
  display: block;
}
form.be_confirmation .itinerary__wrapper .itinerary:empty {
  display: none;
}
form.be_confirmation .itinerary__wrapper .itinerary .headerTbl {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
form.be_confirmation .itinerary__wrapper .itinerary .itinTbl {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 16px 0;
  flex-direction: column;
}
form.be_confirmation .itinerary__wrapper .itinerary .itinTbl > div {
  order: 1;
}
form.be_confirmation .itinerary__wrapper .itinerary .itinTbl > div:has(img) {
  order: 0;
}
form.be_confirmation .itinerary__wrapper .itinerary .itinTbl > div > div {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
form.be_confirmation .itinerary__wrapper .itinerary .itinTbl > div > div > div {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
@container itin (min-width: 480px) {
  form.be_confirmation .itinerary__wrapper .itinerary .itinTbl > div > div > div {
    grid-template-columns: 1fr 1fr;
  }
}
form.be_confirmation .itinerary__wrapper .itinerary .itinTbl > div > div > div > div:first-child {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
form.be_confirmation .itinerary__wrapper .itinerary .itinTbl > div > div > div > div:last-child {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
form.be_confirmation div[id*=OperatorAdvancedPassengerInfoText] {
  padding: 16px;
  background-color: #fff1d6;
  border: 2px solid #ffb932;
  border-radius: 8px;
  color: #212121;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

.download_app {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 769px) {
  .download_app {
    flex-direction: row;
    min-height: 200px;
    background-position: unset;
  }
}
.download_app::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50.5%;
  height: 70%;
  background-color: #0f5a5c;
  transform-origin: 100% 100%;
  transform: skewY(25deg);
  display: inline-block;
}
.download_app::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 70%;
  background-color: #0f5a5c;
  transform-origin: 0 100%;
  transform: skewY(-25deg);
  display: inline-block;
}
@media (min-width: 769px) {
  .download_app::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 50.5%;
    background-color: #0f5a5c;
    transform-origin: 100% 100%;
    transform: skewX(25deg);
    display: inline-block;
  }
  .download_app::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: unset;
    width: 70%;
    height: 50%;
    background-color: #0f5a5c;
    transform-origin: 100% 0;
    transform: skewX(-25deg);
    display: inline-block;
  }
}
.download_app .banner_content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 1;
  width: 100%;
  flex-grow: 1;
  padding: 32px 32px 0 32px;
}
@media (min-width: 769px) {
  .download_app .banner_content {
    width: 60%;
    flex-grow: unset;
  }
}
.download_app .banner_content img {
  max-width: 240px;
}
.download_app .banner_content span {
  color: #fff;
}
.download_app .banner_content span:first-of-type {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 24px !important;
}
@media (min-width: 769px) {
  .download_app .banner_content span:first-of-type {
    font-size: 28px !important;
    line-height: 40px !important;
  }
}
.download_app .banner_content span:last-of-type {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
  font-size: 18px !important;
  line-height: 24px !important;
  margin-top: auto;
}
@media (min-width: 769px) {
  .download_app .banner_content span:last-of-type {
    font-size: 28px !important;
    line-height: 40px !important;
    margin-top: unset;
    margin-bottom: unset;
    margin-bottom: 32px;
  }
}
.download_app .banner_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 769px) {
  .download_app .banner_image {
    width: 40%;
  }
}
.download_app button {
  z-index: 1;
  position: absolute;
  bottom: 32px;
}
@media (min-width: 769px) {
  .download_app button {
    right: 32px;
  }
}

/* Expedia search widget on conf page */
.eg-search-widget {
  min-width: 0;
}
.eg-search-widget iframe {
  max-width: unset;
  min-width: unset;
}

@media (max-width: 768px) {
  #AccomPriorityLoadingCtrl,
  #AccomLuxuryLoungeCtrl {
    padding: 16px;
  }
  #AccomPriorityLoadingCtrl .accomTblNew > div,
  #AccomLuxuryLoungeCtrl .accomTblNew > div {
    display: flex;
    flex-direction: column;
  }
  #AccomPriorityLoadingCtrl .accomTblNew > div .addTripRel,
  #AccomLuxuryLoungeCtrl .accomTblNew > div .addTripRel {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
  #AccomPriorityLoadingCtrl .accomTblNew > div .addTripRel .addTrip,
  #AccomLuxuryLoungeCtrl .accomTblNew > div .addTripRel .addTrip {
    width: initial;
    min-width: 140px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
  }
  #AccomPriorityLoadingCtrl .accomTblNew > div .addTripRel .addTrip a.btn,
  #AccomLuxuryLoungeCtrl .accomTblNew > div .addTripRel .addTrip a.btn {
    color: #fff;
  }
  #AccomPriorityLoadingCtrl .accomTblNew > div .addTripRel .mobImg > div > a img,
  #AccomLuxuryLoungeCtrl .accomTblNew > div .addTripRel .mobImg > div > a img {
    width: unset;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 8px;
  }
  #AccomPriorityLoadingCtrl .accomTblNew > div .desc,
  #AccomLuxuryLoungeCtrl .accomTblNew > div .desc {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    font-size: 14px !important;
    line-height: 20px !important;
  }
}
@media (min-width: 769px) {
  #AccomPriorityLoadingCtrl,
  #AccomLuxuryLoungeCtrl {
    border-bottom: 0 !important;
    margin-bottom: 16px;
  }
  .accomTbl .addTrip {
    background: #FC6446 !important;
    border: 2px solid #FC6446;
    text-align: center;
    border-radius: 8px !important;
    cursor: pointer;
    margin: 0 !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    padding: 8px 0;
  }
  .accomTbl .addTrip .btn {
    font-family: mundial-demibold, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #fff;
    height: max-content;
  }
  .accomTbl .addTrip > div {
    color: #fff;
    font-family: mundial-demibold, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .accomTbl .addTrip .from {
    font-family: mundial-light, sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 16px !important;
    margin: 0 !important;
    display: block;
    color: #fff;
  }
  .accomTbl .addTrip.selected {
    padding-right: 24px !important;
    padding-left: 36px !important;
    background-repeat: no-repeat;
    position: relative;
    height: max-content !important;
    background-color: #328639 !important;
    color: #fff;
    text-align: left;
    border: 0;
  }
  .accomTbl .addTrip.selected .from {
    font-family: mundial-demibold, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 0.875rem;
    margin-bottom: 8px;
    color: #fff;
  }
  .accomTbl .addTrip.selected .btn {
    color: #fff;
    margin: 0 !important;
  }
  .accomTbl .addTrip.selected > div {
    color: #fff;
  }
  .accomTbl .addTripDropdown {
    position: absolute !important;
    top: 8px !important;
    background: #fff;
    width: 100%;
    border: 1px solid #212121;
    color: #212121;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 10000;
    left: -24px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 100000;
    border-radius: 8px !important;
  }
  .accomTbl .addTripDropdown li {
    border-top: 1px solid #e4e8dc;
  }
  .accomTbl .addTripDropdown li label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
  }
  .accomTbl .addTripDropdown li label br {
    display: none;
  }
  .accomTbl .addTripDropdown li:hover {
    background-color: #e4e8dc;
  }
  .accomTbl .addTripDropdown li:first-child {
    border-radius: 8px 8px 0 0;
  }
  .accomTbl .addTripDropdown li:last-child {
    border-radius: 0 0 8px 8px;
  }
  .accomTbl.accomTblNew > div {
    padding: 0px !important;
    margin: 8px 0px !important;
    width: 100% !important;
    background-color: #edebe6 !important;
    border-radius: 8px !important;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: 1fr 2fr 1fr !important;
    box-shadow: 0px 0px 4px 0px rgba(33, 33, 33, 0.5);
  }
  .accomTbl.accomTblNew .img {
    display: table-cell;
    width: 100% !important;
    padding-right: 0px !important;
    border-right: 0px solid #e7e7e7 !important;
  }
  .accomTbl.accomTblNew .img img {
    width: 100%;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .accomTbl.accomTblNew .img > div {
    position: relative;
    width: 100% !important;
    border-radius: 8px !important;
  }
  .accomTbl.accomTblNew .desc {
    padding: 16px;
    font-family: mundial-light, sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .accomTbl.accomTblNew .desc b {
    font-family: mundial-demibold, sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .accomTbl.accomTblNew .addTripRel {
    padding: 16px !important;
    position: relative;
  }
}
.be-requote .info {
  display: flex;
  max-width: 600px;
  padding: 16px 16px 16px 16px !important;
  flex-direction: column;
  gap: 16px;
  border-radius: 8px;
  background: var(--binary-light-ffffff, #FFF);
  box-shadow: 0px 0px 4px 0px rgba(33, 33, 33, 0.5);
  margin: 0 auto;
  background-image: none !important;
  border: none;
}
@media (min-width: 769px) {
  .be-requote .info {
    margin: 32px auto;
  }
}
.be-requote .info br {
  display: none;
}
.be-requote .info span#spnCountdownText {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #212121 !important;
}
.be-requote .info span br {
  display: block;
}
.be-requote .form-group.btnLnk {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

body:has(#conformation_page) {
  background-color: #FAFAF7;
  height: 100vh;
}
body:has(#conformation_page) #conformation_page.booking_error {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #FAFAF7;
}
body:has(#conformation_page) #conformation_page.booking_error a.callToActionButton {
  background-color: #FC6446 !important;
  border: 2px solid #FC6446 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50px !important;
  padding: 8px 24px;
  min-width: 140px;
  min-height: 40px;
  width: max-content !important;
}
body:has(#conformation_page) #conformation_page.booking_error a.callToActionButton span {
  border-radius: unset;
  margin: 0 !important;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

@media (min-width: 769px) {
  #MobileDevices .s60 .wrapper .flex-row-32 {
    justify-content: space-evenly;
  }
}
@media (min-width: 769px) {
  #MobileDevices .s60 .wrapper .flex-row-32 .flex-col-32 {
    flex-grow: initial;
  }
}
@media (min-width: 769px) {
  #MobileDevices .s60 .wrapper .flex-row-32 .flex-grow-1.hide-mob {
    flex-grow: initial;
  }
}

@media (min-width: 769px) {
  body#Affiliate .narrow-hero .wrapper .text p.title {
    font-size: 64px;
  }
}

.three-col {
  display: grid !important;
  grid-template-columns: 1fr;
}
.three-col::before {
  content: unset !important;
}
@media (min-width: 769px) {
  .three-col {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1025px) {
  .three-col {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.three-col .sm12 {
  display: none;
}
.three-col div:has(.bBox.nsiImg) {
  background-color: #e4e8dc;
  border-radius: 8px;
  padding: 16px;
}
.three-col div:has(.bBox.nsiImg) h2 {
  padding-left: 40px;
}
.three-col div:has(.bBox.nsiImg) ul li a {
  text-decoration: underline;
}

.student-discount__intro h1 {
  font-size: 24px !important;
  line-height: 32px !important;
}

.student-discount__destinations .wrapper {
  display: flex;
}
@media (min-width: 769px) {
  .student-discount__destinations .wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
  }
}
.student-discount__destinations .wrapper > div {
  order: 1;
}
@media (min-width: 769px) {
  .student-discount__destinations .wrapper > div {
    grid-column: 1/3;
    order: unset;
  }
}
.student-discount__destinations .wrapper figure {
  order: 0;
}
@media (min-width: 769px) {
  .student-discount__destinations .wrapper figure {
    grid-column: 3/4;
    order: unset;
  }
}
.student-discount__destinations .wrapper figure img {
  max-width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 8px;
}

.student-discount__faqs .wrapper > div {
  gap: 8px;
}
.student-discount__faqs span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.student-discount__faqs p {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}

.booking-fee-txt {
  padding: 0 8px;
  display: flex;
  justify-content: center;
}
@media (min-width: 769px) {
  .booking-fee-txt {
    justify-content: flex-end;
  }
}
.booking-fee-txt span {
  font-size: 12px;
  line-height: 16px;
  font-family: "proxima-soft-medium";
  color: #fff;
}
@media (min-width: 769px) {
  .booking-fee-txt span {
    color: #193354;
    font-size: 14px;
    line-height: 20px;
  }
}

.service-fee-transparency {
  background-color: #e9f7fb;
  padding: 8px 0;
  border-radius: 4px;
  margin: 16px auto;
}
@media (min-width: 769px) {
  .service-fee-transparency {
    background-color: transparent;
    padding: 32px 2px;
    max-width: 1200px;
  }
}
.service-fee-transparency .service-fee-header {
  color: #193354;
  cursor: pointer;
  padding: 0;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
}
.service-fee-transparency .service-fee-header img {
  transition: 0.2s ease-in-out;
  width: 20px;
  height: 20px;
}
.service-fee-transparency .service-fee-header span {
  font-size: 12px;
  line-height: 16px;
  font-family: "proxima-soft-bold", sans-serif;
  text-decoration: underline;
}
@media (min-width: 769px) {
  .service-fee-transparency .service-fee-header span {
    font-size: 14px;
    line-height: 20px;
  }
}
.service-fee-transparency .service-fee-header.service-fee-active {
  padding: 0 0 2px 0;
}
@media (min-width: 769px) {
  .service-fee-transparency .service-fee-header.service-fee-active {
    padding: 0 0 4px 0;
  }
}
.service-fee-transparency .service-fee-header.service-fee-active img {
  transform: rotate(90deg);
}
.service-fee-transparency .service-fee-header.service-fee-active ~ .service-fee-panel {
  margin-bottom: 8px;
}
.service-fee-transparency .service-fee-panel {
  padding: 0 8px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-left: 4px solid #d3d3d3;
  margin-left: 8px;
  color: #193354;
}
@media (min-width: 769px) {
  .service-fee-transparency .service-fee-panel {
    margin-left: 24px;
    padding: 0 16px;
  }
}
.service-fee-transparency .service-fee-panel p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-family: "proxima-soft", sans-serif;
}
@media (min-width: 769px) {
  .service-fee-transparency .service-fee-panel p {
    font-size: 14px;
    line-height: 20px;
  }
}

#koala_cancellation {
  z-index: unset !important;
}
#koala_cancellation .headerHlp {
  display: flex;
}
#koala_cancellation .headerHlp .koala-label {
  background-color: #FAD4CF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  color: #212121;
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin-left: 16px;
}
@media (min-width: 769px) {
  #koala_cancellation .headerHlp .koala-label {
    background-color: #0070aa;
    color: #fff;
    font-size: 0.875rem;
    line-height: 0.875rem;
    padding: 4px 8px;
  }
}
#koala_cancellation #divKoalaContentInfoContainer {
  margin-top: 24px;
  padding: 16px;
}

.koala-container {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  display: grid;
  grid-row-gap: 16px;
}
.koala-container.popin {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  z-index: 999999 !important;
}
@media (min-width: 769px) {
  .koala-container.popin {
    margin: 16px;
    border-radius: 8px;
    position: relative;
    top: unset;
    left: unset;
    height: unset;
    width: unset;
  }
}
.koala-container.popin .koala-opt-in {
  grid-template-areas: "optin-input optin-input optin-input optin-input optin-input optin-input" "title title title title title title" "banner banner banner banner banner banner" "desc desc desc desc desc desc" "more more more more more more" "cta cta cta cta cta cta";
  grid-auto-rows: min-content;
}
@media (min-width: 769px) {
  .koala-container.popin .koala-opt-in {
    grid-template-areas: "title title title title title title optin-input optin-input optin-input optin-input optin-input optin-input" "banner banner banner banner banner banner banner banner banner banner banner banner" "desc desc desc desc desc desc desc desc desc desc desc desc" "more more more more more more more more more more more more" "cta cta cta cta cta cta cta cta cta cta cta cta";
  }
}
.koala-container.popin .koala-opt-in .koala-more {
  margin-bottom: 16px;
}
@media (min-width: 769px) {
  .koala-container.popin .koala-opt-in .koala-more {
    margin-bottom: 0;
  }
}
.koala-container.popin .koala-opt-in .koala-logo {
  display: none;
}
.koala-container.popin .koala-opt-in .koala-selection {
  display: flex;
}
@media (min-width: 769px) {
  .koala-container.popin .koala-opt-in .koala-selection {
    margin-left: auto;
  }
}
.koala-container.popin .koala-opt-in .koala-selection img {
  max-width: 100%;
  margin-top: -10px;
  height: fit-content;
}
@media (min-width: 769px) {
  .koala-container.popin .koala-opt-in .koala-selection img {
    margin-top: unset;
  }
}
.koala-container.popin .koala-opt-in .koala-selection .koala-close {
  background-image: url("https://static.directferries.co.uk/image/ico/dark-blue/delete.svg");
  background-repeat: no-repeat;
  background-position: center center;
  height: 24px;
  width: 24px;
  margin-left: auto;
  cursor: pointer;
  display: block;
}
@media (min-width: 769px) {
  .koala-container.popin .koala-opt-in .koala-selection .koala-close {
    display: none;
  }
}
.koala-container .koala-opt-in {
  background-color: #e4e8dc;
  padding: 8px 16px 16px;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 32px repeat(5, 1fr);
  position: relative;
  grid-column-gap: 8px;
  grid-template-areas: "optin-input title title title title title" "banner banner banner banner banner banner" "desc desc desc desc desc desc" "more more more more more more" "koala-cta koala-cta koala-cta koala-cta koala-cta koala-cta" "logo logo logo logo logo logo";
  grid-row-gap: 4px;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in {
    grid-template-columns: 32px repeat(11, 1fr);
    grid-template-areas: "optin-input title title title title title title title title logo logo logo" ". banner banner banner banner banner banner banner banner . . ." ". desc desc desc desc desc desc desc desc desc desc desc" ". more more more more . . koala-cta koala-cta koala-cta koala-cta koala-cta";
    padding: 8px 16px 16px;
    grid-row-gap: unset;
  }
}
@media (min-width: 1025px) {
  .koala-container .koala-opt-in {
    grid-template-columns: 32px repeat(11, 1fr);
    grid-template-areas: "optin-input title title title title title title title title logo logo logo" ". banner banner banner banner banner banner banner banner . . ." ". desc desc desc desc desc desc desc desc desc desc desc" ". more more . . . . . koala-cta koala-cta koala-cta koala-cta";
    padding: 8px 16px 16px;
    grid-row-gap: unset;
  }
}
.koala-container .koala-opt-in button {
  transition: background-color 0.2s ease-in-out;
}
.koala-container .koala-opt-in button span {
  transition: all 0.2s ease-in-out;
}
.koala-container .koala-opt-in .koala-logo {
  grid-area: logo;
  margin: 16px 0 0 auto;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in .koala-logo {
    margin: unset;
  }
}
.koala-container .koala-opt-in .koala-logo img {
  max-width: 80%;
  margin: 0 auto;
  display: block;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in .koala-logo img {
    max-width: 100%;
  }
}
.koala-container .koala-opt-in .koala-title {
  grid-area: title;
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.koala-container .koala-opt-in .koala-title .koala-label {
  background-color: #212121;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
  color: #fff;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in .koala-title .koala-label {
    font-size: 0.875rem;
    line-height: 0.875rem;
    padding: 8px;
  }
}
.koala-container .koala-opt-in .koala-title .koala-head {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  padding: 0 0 0 8px;
  color: #212121;
  font-size: 1rem;
  line-height: 1.125rem;
}
@media (min-width: 1025px) {
  .koala-container .koala-opt-in .koala-title .koala-head {
    font-size: 1.5rem;
    line-height: 1.75rem;
    padding: 0 0 0 8px;
    margin-bottom: 0;
  }
}
.koala-container .koala-opt-in .koala-banner {
  padding: 8px 16px 8px 40px;
  background-color: #FAFAF7;
  border-radius: 8px;
  color: #212121;
  font-size: 0.875rem;
  line-height: 1.125rem;
  background-image: url("https://static.directferries.co.uk/image/ico/dark-blue/info.svg");
  background-repeat: no-repeat;
  background-position: 8px center;
  margin-bottom: 16px;
  grid-area: banner;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in .koala-banner {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.koala-container .koala-opt-in .koala-desc {
  color: #212121;
  margin-bottom: 16px;
  grid-area: desc;
  font-size: 0.875rem;
  line-height: 1.125rem;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in .koala-desc {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.koala-container .koala-opt-in .koala-desc ul.koala-features {
  list-style-type: none;
  padding-left: 0;
  position: relative;
  margin: 0;
}
.koala-container .koala-opt-in .koala-desc ul.koala-features li.koala-feature {
  padding-left: 32px;
  padding-bottom: 8px;
}
.koala-container .koala-opt-in .koala-desc ul.koala-features li.koala-feature::before {
  content: "";
  background-image: url("https://static.directferries.co.uk/image/ico/green/success.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in .koala-desc ul.koala-features li.koala-feature::before {
    width: 24px;
    height: 24px;
  }
}
.koala-container .koala-opt-in .koala-desc ul.koala-features li.koala-feature span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.koala-container .koala-opt-in .koala-more {
  color: #4b5fff;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  cursor: pointer;
  grid-area: more;
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-bottom: 16px;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in .koala-more {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.koala-container .koala-opt-in .koala-price {
  background-color: #e4e8dc;
  padding: 8px;
  border-radius: 4px;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #212121;
  grid-area: price;
}
.koala-container .koala-opt-in .koala-price span {
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  padding-right: 4px;
  color: #212121;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in .koala-price span {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.koala-container .koala-opt-in .koala-btn {
  grid-area: koala-cta;
  padding: 8px 16px;
  cursor: pointer;
}
.koala-container .koala-opt-in .koala-btn.koala-added {
  background-color: #328639;
}
.koala-container .koala-opt-in .koala-btn.koala-added::before {
  content: "";
  background-image: url("https://static.directferries.co.uk/image/ico/white/success.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center left;
}
.koala-container .koala-opt-in .koala-selection {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-area: optin-input;
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in .koala-selection {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.koala-container .koala-opt-in .koala-selection label {
  display: flex;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  cursor: pointer;
}
.koala-container .koala-opt-in .koala-selection label:hover input ~ .koalacheck, .koala-container .koala-opt-in .koala-selection label:hover body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn ~ .koalacheck, body#TrainAndFerryMain #df-dom-deal_finder_container .koala-container .koala-opt-in .koala-selection label:hover #railBtn ~ .koalacheck, .koala-container .koala-opt-in .koala-selection label:hover body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn ~ .koalacheck, body#TrainAndFerryInd #df-dom-deal_finder_container .koala-container .koala-opt-in .koala-selection label:hover #railBtn ~ .koalacheck {
  background-color: #FAFAF7;
}
.koala-container .koala-opt-in .koala-selection label .koalacheck {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #212121;
}
.koala-container .koala-opt-in .koala-selection label .koalacheck::after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.koala-container .koala-opt-in .koala-selection label img {
  margin-top: -8px;
  margin-left: -4px;
  max-width: 100%;
}
@media (min-width: 769px) {
  .koala-container .koala-opt-in .koala-selection label img {
    margin-top: -12px;
    margin-right: 32px;
  }
}
.koala-container .koala-opt-in .koala-selection label input#optin {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.koala-container .koala-opt-in .koala-selection label input#optin:checked ~ .koalacheck {
  background-color: #212121;
}
.koala-container .koala-opt-in .koala-selection label input#optin:checked ~ .koalacheck::after {
  display: block;
}
.koala-container .koala-opt-out {
  background-color: #FAFAF7;
  padding: 16px;
  border-radius: 8px;
  position: relative;
  display: grid;
  cursor: pointer;
  grid-template-columns: 32px repeat(11, 1fr);
  grid-template-areas: "optout-select optout-head optout-head optout-head optout-head optout-head optout-head optout-head optout-head optout-head optout-head optout-head";
}
.koala-container .koala-opt-out .koala-head {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  padding-left: 16px;
  color: #212121;
  font-size: 1rem;
  line-height: 1.125rem;
  grid-area: optout-head;
}
@media (min-width: 1025px) {
  .koala-container .koala-opt-out .koala-head {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.koala-container .koala-opt-out .koala-selection {
  grid-area: optout-select;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.koala-container .koala-opt-out .koala-selection label {
  display: flex;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.koala-container .koala-opt-out .koala-selection label:hover input ~ .koalacheck, .koala-container .koala-opt-out .koala-selection label:hover body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn ~ .koalacheck, body#TrainAndFerryMain #df-dom-deal_finder_container .koala-container .koala-opt-out .koala-selection label:hover #railBtn ~ .koalacheck, .koala-container .koala-opt-out .koala-selection label:hover body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn ~ .koalacheck, body#TrainAndFerryInd #df-dom-deal_finder_container .koala-container .koala-opt-out .koala-selection label:hover #railBtn ~ .koalacheck {
  background-color: #FAFAF7;
}
.koala-container .koala-opt-out .koala-selection label .koalacheck {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #212121;
}
.koala-container .koala-opt-out .koala-selection label .koalacheck::after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.koala-container .koala-opt-out .koala-selection label input#optout {
  opacity: 0;
  cursor: pointer;
  position: absolute;
}
.koala-container .koala-opt-out .koala-selection label input#optout:checked ~ .koalacheck {
  background-color: #212121;
}
.koala-container .koala-opt-out .koala-selection label input#optout:checked ~ .koalacheck::after {
  display: block;
}
.koala-container .koala-cta {
  grid-column: 1/span all;
  margin: 24px auto 16px auto;
  grid-area: cta;
}
.koala--booking-cancel {
  padding: 8px 8px 50px 8px;
  border-top: 1px solid #FAFAF7;
  margin: 8px 8px 0;
  background-image: url("https://static.directferries.co.uk/koala/images/powered-by-koala.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media (min-width: 769px) {
  .koala--booking-cancel {
    padding: 8px 8px 8px 8px;
    background-image: url("https://static.directferries.co.uk/koala/images/powered-by-koala.svg");
    background-repeat: no-repeat;
    background-position: top right;
  }
}

.koala--booking-cancel-page {
  padding: 8px 8px 50px 8px;
  margin: 8px 8px 0;
  background-image: url("https://static.directferries.co.uk/koala/images/powered-by-koala.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #fff;
}
.koala--booking-cancel-page.new-myAcc {
  margin: 0 0 16px;
  padding: 16px 16px 50px 16px;
  border-radius: 8px;
}

.koala--booking-cancel__title {
  padding-bottom: 8px;
}

.koala--booking-cancel__desc {
  margin-bottom: 16px;
}

.koala--myaccount-btn__group {
  display: flex;
  justify-content: center;
  padding: 16px;
  flex-direction: column;
}
@media (min-width: 769px) {
  .koala--myaccount-btn__group {
    flex-direction: row;
  }
}
.koala--myaccount-btn__group .btn {
  margin: 4px;
  max-width: 100%;
}
@media (min-width: 769px) {
  .koala--myaccount-btn__group .btn {
    max-width: 50%;
  }
}

.koala--myaccount-btn {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  color: #fff;
  min-width: 200px;
  margin: 8px;
}
.koala--myaccount-btn:hover {
  color: #fff;
  text-decoration: none;
}
.koala--myaccount-btn.new-myAcc {
  padding: 16px 16px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

.koala--myaccount-btn.koala-back {
  background-color: #7A7A7A;
  background-image: url("https://static.directferries.co.uk/image/ico/white/arrow-left.svg");
  background-repeat: no-repeat;
  background-position: center left;
}

.koala--myaccount-btn.koala-cancel {
  background-color: #EA5B28;
  background-image: url("https://static.directferries.co.uk/image/ico/white/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center right;
}

.koala-summary__included {
  background-color: #FAFAF7;
  padding: 8px 16px 8px 40px;
  display: grid;
  grid-template-columns: 1fr 100px;
  border-radius: 8px;
  max-width: 800px;
  align-items: center;
  background-image: url("https://static.directferries.co.uk/image/ico/green/success.svg");
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 24px 24px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 0.875rem;
}
@media (min-width: 769px) {
  .koala-summary__included {
    font-size: 1.25rem;
    grid-template-columns: 3fr 1fr;
  }
}
.koala-summary__included img {
  max-width: 100%;
  margin-left: auto;
}

.koala-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  margin-bottom: 16px;
  position: relative;
}
@media (min-width: 769px) {
  .koala-grid {
    grid-template-columns: 50% 1fr 1fr;
  }
}
.koala-grid .pb-koala {
  display: none;
}
@media (min-width: 769px) {
  .koala-grid .pb-koala {
    display: block;
    grid-row: 1;
    grid-column: 1/span 1;
    padding: 16px 0 0 16px;
  }
}
.koala-grid .standard,
.koala-grid .k-flex {
  background-color: #fff;
}
.koala-grid .grey {
  background-color: #FAFAF7;
}
.koala-grid .green {
  background-color: #d6e7d7;
}
.koala-grid > div {
  padding: 8px;
  border: 1px solid #e4e8dc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.koala-grid > div.ltr {
  flex-direction: row;
  justify-content: flex-start;
}
.koala-grid > div:first-child {
  display: none;
}
@media (min-width: 769px) {
  .koala-grid > div:first-child {
    display: flex;
    grid-row: 2;
    grid-column: 1/span 1;
  }
}
.koala-grid > div:nth-child(2) {
  display: none;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(2) {
    display: flex;
    grid-row: 2;
    grid-column: 1/span 1;
    border-top: 2px solid #e4e8dc;
    border-left: 2px solid #e4e8dc;
    border-top-left-radius: 8px;
    border-right: 0;
  }
}
.koala-grid > div:nth-child(3) {
  display: none;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(3) {
    display: flex;
    grid-row: 3;
    grid-column: 1/span 1;
    border-left: 2px solid #e4e8dc;
    border-right: 0;
  }
}
.koala-grid > div:nth-child(4) {
  display: none;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(4) {
    display: flex;
    grid-row: 4;
    grid-column: 1/span 1;
    border-bottom: 2px solid #e4e8dc;
    border-left: 2px solid #e4e8dc;
    border-bottom-left-radius: 8px;
    border-right: 0;
  }
}
.koala-grid > div:nth-child(6) {
  grid-row: 2;
  grid-column: 1/span 1;
  border-top: 1px solid #e4e8dc;
  border-left: 2px solid #e4e8dc;
  border-right: 0;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(6) {
    grid-column: 2/span 1;
  }
}
.koala-grid > div:nth-child(7) {
  grid-row: 3;
  grid-column: 1/span 1;
  border-top: 1px solid #e4e8dc;
  border-left: 2px solid #e4e8dc;
  border-right: 0;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(7) {
    grid-column: 2/span 1;
  }
}
.koala-grid > div:nth-child(8) {
  grid-row: 4;
  grid-column: 1/span 1;
  border-top: 1px solid #e4e8dc;
  border-left: 2px solid #e4e8dc;
  border-right: 0;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(8) {
    grid-column: 2/span 1;
  }
}
.koala-grid > div:nth-child(9) {
  grid-row: 5;
  grid-column: 1/span 1;
  border-top: 1px solid #e4e8dc;
  border-left: 2px solid #e4e8dc;
  border-bottom: 2px solid #e4e8dc;
  border-right: 0;
  border-bottom-left-radius: 8px;
  margin-bottom: 16px;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(9) {
    grid-column: 2/span 1;
  }
}
.koala-grid > div:nth-child(11) {
  grid-row: 2;
  grid-column: 2/span 1;
  border-top: 1px solid #e4e8dc;
  border-left: 2px solid #328639;
  border-right: 2px solid #328639;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(11) {
    grid-column: 3/span 1;
  }
}
.koala-grid > div:nth-child(12) {
  grid-row: 3;
  grid-column: 2/span 1;
  border-top: 1px solid #e4e8dc;
  border-left: 2px solid #328639;
  border-right: 2px solid #328639;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(12) {
    grid-column: 3/span 1;
  }
}
.koala-grid > div:nth-child(13) {
  grid-row: 4;
  grid-column: 2/span 1;
  border-top: 1px solid #e4e8dc;
  border-left: 2px solid #328639;
  border-right: 2px solid #328639;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(13) {
    grid-column: 3/span 1;
  }
}
.koala-grid > div:nth-child(14) {
  grid-row: 5;
  grid-column: 2/span 1;
  border-top: 1px solid #e4e8dc;
  border-left: 2px solid #328639;
  border-right: 2px solid #328639;
  border-bottom: 2px solid #328639;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
@media (min-width: 769px) {
  .koala-grid > div:nth-child(14) {
    grid-column: 3/span 1;
  }
}
.koala-grid .koala-tier-head {
  align-items: flex-end;
}
.koala-grid .koala-tier-head .koala-head-content {
  border: none;
  flex-direction: column;
  display: flex;
  align-items: center;
}
.koala-grid .koala-tier-head .title {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px;
  text-align: center;
}
.koala-grid .koala-tier-head .cost {
  font-size: 18px;
}
.koala-grid .koala-tier-head .label {
  font-size: 14px;
}
.koala-grid .koala-tier-head.standard {
  grid-row: 1;
  grid-column: 1/span 1;
  border-top: 2px solid #e4e8dc;
  border-left: 2px solid #e4e8dc;
  border-right: 0;
  border-top-left-radius: 8px;
  margin-top: 16px;
}
@media (min-width: 769px) {
  .koala-grid .koala-tier-head.standard {
    grid-column: 2/span 1;
  }
}
.koala-grid .koala-tier-head.k-flex {
  grid-row: 1;
  grid-column: 2/span 1;
  border-top: 2px solid #328639;
  border-left: 2px solid #328639;
  border-right: 2px solid #328639;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  position: relative;
}
@media (min-width: 769px) {
  .koala-grid .koala-tier-head.k-flex {
    grid-column: 3/span 1;
  }
}
.koala-grid .koala-tier-head.k-flex .koala-pill {
  background-color: #328639;
  padding: 4px 8px;
  border-radius: 4px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  border: none;
  position: absolute;
  min-height: unset;
  top: -16px;
}
.koala-grid .koala-tier-head.k-flex .koala-pill span {
  color: #fff;
  font-size: 14px;
}
.koala-grid .koala-tier {
  font-size: 14px;
  min-height: 48px;
}
@media (min-width: 769px) {
  .koala-grid .koala-tier {
    font-size: 1rem;
  }
}
.koala-grid .koala-tier.k-flex {
  flex-direction: column;
  align-items: center;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.koala-grid .koala-tier.k-flex span {
  display: none;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  .koala-grid .koala-tier.k-flex span {
    display: block;
    text-align: center;
  }
}
.koala-grid .koala-tier.k-flex span.mob {
  display: block;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
.koala-grid .koala-tier.k-flex span.mob span {
  display: block;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.koala-grid .koala-tier.k-flex span.mob.sml {
  font-size: 14px;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  .koala-grid .koala-tier.k-flex span.mob {
    display: none;
  }
}
.koala-grid .koala-tier.k-flex label {
  display: flex;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  cursor: pointer;
}
.koala-grid .koala-tier.k-flex label:hover input ~ .koalacheck, .koala-grid .koala-tier.k-flex label:hover body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn ~ .koalacheck, body#TrainAndFerryMain #df-dom-deal_finder_container .koala-grid .koala-tier.k-flex label:hover #railBtn ~ .koalacheck, .koala-grid .koala-tier.k-flex label:hover body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn ~ .koalacheck, body#TrainAndFerryInd #df-dom-deal_finder_container .koala-grid .koala-tier.k-flex label:hover #railBtn ~ .koalacheck {
  background-color: #FAFAF7;
}
.koala-grid .koala-tier.k-flex label .koalacheck {
  display: block;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #212121;
}
.koala-grid .koala-tier.k-flex label .koalacheck::after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.koala-grid .koala-tier.k-flex label img {
  margin-top: -8px;
  margin-left: -4px;
  max-width: 100%;
}
@media (min-width: 769px) {
  .koala-grid .koala-tier.k-flex label img {
    margin-top: -12px;
    margin-right: 32px;
  }
}
.koala-grid .koala-tier.k-flex label input#optin, .koala-grid .koala-tier.k-flex label input.koalaflex-radio, .koala-grid .koala-tier.k-flex label body#TrainAndFerryMain #df-dom-deal_finder_container .koalaflex-radio#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .koala-grid .koala-tier.k-flex label .koalaflex-radio#railBtn, .koala-grid .koala-tier.k-flex label body#TrainAndFerryInd #df-dom-deal_finder_container .koalaflex-radio#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .koala-grid .koala-tier.k-flex label .koalaflex-radio#railBtn {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.koala-grid .koala-tier.k-flex label input#optin:checked ~ .koalacheck, .koala-grid .koala-tier.k-flex label input.koalaflex-radio:checked ~ .koalacheck, .koala-grid .koala-tier.k-flex label body#TrainAndFerryMain #df-dom-deal_finder_container .koalaflex-radio#railBtn:checked ~ .koalacheck, body#TrainAndFerryMain #df-dom-deal_finder_container .koala-grid .koala-tier.k-flex label .koalaflex-radio#railBtn:checked ~ .koalacheck, .koala-grid .koala-tier.k-flex label body#TrainAndFerryInd #df-dom-deal_finder_container .koalaflex-radio#railBtn:checked ~ .koalacheck, body#TrainAndFerryInd #df-dom-deal_finder_container .koala-grid .koala-tier.k-flex label .koalaflex-radio#railBtn:checked ~ .koalacheck {
  background-color: #212121;
}
.koala-grid .koala-tier.k-flex label input#optin:checked ~ .koalacheck::after, .koala-grid .koala-tier.k-flex label input.koalaflex-radio:checked ~ .koalacheck::after, .koala-grid .koala-tier.k-flex label body#TrainAndFerryMain #df-dom-deal_finder_container .koalaflex-radio#railBtn:checked ~ .koalacheck::after, body#TrainAndFerryMain #df-dom-deal_finder_container .koala-grid .koala-tier.k-flex label .koalaflex-radio#railBtn:checked ~ .koalacheck::after, .koala-grid .koala-tier.k-flex label body#TrainAndFerryInd #df-dom-deal_finder_container .koalaflex-radio#railBtn:checked ~ .koalacheck::after, body#TrainAndFerryInd #df-dom-deal_finder_container .koala-grid .koala-tier.k-flex label .koalaflex-radio#railBtn:checked ~ .koalacheck::after {
  display: block;
}
.koala-grid .koala-tier.standard label {
  display: flex;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.koala-grid .koala-tier.standard label:hover input ~ .koalacheck, .koala-grid .koala-tier.standard label:hover body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn ~ .koalacheck, body#TrainAndFerryMain #df-dom-deal_finder_container .koala-grid .koala-tier.standard label:hover #railBtn ~ .koalacheck, .koala-grid .koala-tier.standard label:hover body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn ~ .koalacheck, body#TrainAndFerryInd #df-dom-deal_finder_container .koala-grid .koala-tier.standard label:hover #railBtn ~ .koalacheck {
  background-color: #FAFAF7;
}
.koala-grid .koala-tier.standard label .koalacheck {
  display: block;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #212121;
}
.koala-grid .koala-tier.standard label .koalacheck::after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.koala-grid .koala-tier.standard label input#optout, .koala-grid .koala-tier.standard label input.koalaflex-radio, .koala-grid .koala-tier.standard label body#TrainAndFerryMain #df-dom-deal_finder_container .koalaflex-radio#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .koala-grid .koala-tier.standard label .koalaflex-radio#railBtn, .koala-grid .koala-tier.standard label body#TrainAndFerryInd #df-dom-deal_finder_container .koalaflex-radio#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .koala-grid .koala-tier.standard label .koalaflex-radio#railBtn {
  opacity: 0;
  cursor: pointer;
  position: absolute;
}
.koala-grid .koala-tier.standard label input#optout:checked ~ .koalacheck, .koala-grid .koala-tier.standard label input.koalaflex-radio:checked ~ .koalacheck, .koala-grid .koala-tier.standard label body#TrainAndFerryMain #df-dom-deal_finder_container .koalaflex-radio#railBtn:checked ~ .koalacheck, body#TrainAndFerryMain #df-dom-deal_finder_container .koala-grid .koala-tier.standard label .koalaflex-radio#railBtn:checked ~ .koalacheck, .koala-grid .koala-tier.standard label body#TrainAndFerryInd #df-dom-deal_finder_container .koalaflex-radio#railBtn:checked ~ .koalacheck, body#TrainAndFerryInd #df-dom-deal_finder_container .koala-grid .koala-tier.standard label .koalaflex-radio#railBtn:checked ~ .koalacheck {
  background-color: #212121;
}
.koala-grid .koala-tier.standard label input#optout:checked ~ .koalacheck::after, .koala-grid .koala-tier.standard label input.koalaflex-radio:checked ~ .koalacheck::after, .koala-grid .koala-tier.standard label body#TrainAndFerryMain #df-dom-deal_finder_container .koalaflex-radio#railBtn:checked ~ .koalacheck::after, body#TrainAndFerryMain #df-dom-deal_finder_container .koala-grid .koala-tier.standard label .koalaflex-radio#railBtn:checked ~ .koalacheck::after, .koala-grid .koala-tier.standard label body#TrainAndFerryInd #df-dom-deal_finder_container .koalaflex-radio#railBtn:checked ~ .koalacheck::after, body#TrainAndFerryInd #df-dom-deal_finder_container .koala-grid .koala-tier.standard label .koalaflex-radio#railBtn:checked ~ .koalacheck::after {
  display: block;
}
.koala-grid .koala-tier.koala-input {
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
}
.koala-grid .koala-tier .mob {
  text-align: center;
}

.koala-urgency {
  background-color: #FAFAF7;
  padding: 16px;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 16px;
}
@media (min-width: 426px) {
  .koala-urgency {
    grid-template-columns: 1fr 35%;
    grid-row-gap: unset;
    background-position: 16px center;
  }
}
@media (min-width: 769px) {
  .koala-urgency {
    grid-template-columns: 1fr 25%;
    grid-row-gap: unset;
    background-position: 16px center;
  }
}
.koala-urgency .desc {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  flex-wrap: wrap;
  background-image: url("https://static.directferries.co.uk/image/ico/dark-blue/info.svg");
  padding-left: 40px;
  background-repeat: no-repeat;
  background-size: 24px;
  row-gap: 8px;
}
@media (min-width: 769px) {
  .koala-urgency .desc {
    font-size: 1rem;
  }
}
@media (min-width: 1025px) {
  .koala-urgency .desc {
    flex-direction: row;
    align-items: center;
  }
}
.koala-urgency .desc span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  margin-right: 16px;
}
.koala-urgency .desc .koala-info {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  color: #4b5fff;
}
.koala-urgency .cta {
  display: flex;
  align-items: center;
}
.koala-urgency .koala-btn.koala-added {
  background-color: #328639;
  color: #fff !important;
  border: none !important;
}
.koala-urgency .koala-btn.koala-added::before {
  content: "";
  background-image: url("https://static.directferries.co.uk/image/ico/white/success.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-position: center left;
}
.koala-urgency .koala-btn.koala-added:hover {
  background-color: #328639 !important;
}

.conf__app_dl {
  background-image: url("https://images.directferries.com/app-banner-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 24px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 769px) {
  .conf__app_dl {
    flex-direction: row;
    gap: unset;
    padding: 32px;
  }
}
.conf__app_dl .conf__app_dl--desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.conf__app_dl .conf__app_dl--desc img.logo {
  max-width: 100%;
  width: 200px;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .conf__app_dl .conf__app_dl--desc img.logo {
    margin: unset;
  }
}
.conf__app_dl .conf__app_dl--desc .txt-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 769px) {
  .conf__app_dl .conf__app_dl--desc .txt-wrap {
    gap: 0;
  }
}
.conf__app_dl .conf__app_dl--desc .txt-wrap span {
  color: #fff;
}
.conf__app_dl .conf__app_dl--desc .txt-wrap span.conf__app_dl--desc-head {
  font-family: "proxima-soft-semibold", sans-serif;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
}
@media (min-width: 769px) {
  .conf__app_dl .conf__app_dl--desc .txt-wrap span.conf__app_dl--desc-head {
    font-size: 24px;
    line-height: 32px;
    text-align: initial;
  }
}
.conf__app_dl .conf__app_dl--desc .txt-wrap span.conf__app_dl--desc-subhead {
  font-family: "proxima-soft-bold", sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
@media (min-width: 769px) {
  .conf__app_dl .conf__app_dl--desc .txt-wrap span.conf__app_dl--desc-subhead {
    font-size: 32px;
    line-height: 48px;
    text-align: initial;
  }
}
.conf__app_dl .conf__app_dl--ctas {
  display: flex;
  gap: 16px;
  justify-content: center;
}
@media (min-width: 769px) {
  .conf__app_dl .conf__app_dl--ctas {
    justify-content: unset;
  }
}
.conf__app_dl .conf__app_dl--ctas .store-ctas {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 16px;
}
.conf__app_dl .conf__app_dl--ctas .store-ctas img {
  width: fit-content;
  max-width: 100%;
  border-radius: 4px;
}
@media (min-width: 769px) {
  .conf__app_dl .conf__app_dl--ctas .store-ctas img {
    max-width: 135px;
  }
}
.conf__app_dl .conf__app_dl--ctas .qr_dl {
  display: none;
}
@media (min-width: 769px) {
  .conf__app_dl .conf__app_dl--ctas .qr_dl {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
    background-color: #fff;
  }
}
.conf__app_dl .conf__app_dl--ctas .qr_dl img {
  max-width: 140px;
}

/* Europ Assistance Cancellation Insurance DIR-12843 START */
#ea_cancellation .content {
  padding: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-row-gap: 16px;
}
#ea_cancellation .content .ea_cancellation-container {
  padding: 8px;
  border-radius: 4px;
}
@media (min-width: 426px) {
  #ea_cancellation .content .ea_cancellation-container {
    padding: 16px;
  }
}
@media (min-width: 769px) {
  #ea_cancellation .content .ea_cancellation-container {
    padding: 16px 16px 16px 64px;
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(6, 1fr);
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/span 6;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 426px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 64px repeat(5, 1fr);
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .mob-icon {
  display: none;
}
@media (min-width: 374px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .mob-icon {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .mob-icon img {
  width: 32px;
}
@media (min-width: 769px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .mob-icon {
    display: none;
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .ea-logo {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-column: 6/span 1;
  -ms-grid-row: 1;
  grid-row: 1;
}
@media (min-width: 769px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .ea-logo {
    margin-bottom: 0;
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .ea-logo img {
  max-width: 54px;
  margin-left: auto;
}
@media (min-width: 1200px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .ea-logo img {
    max-width: 62px;
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection {
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-column: 1/span 5;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 374px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection {
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-column: 2/span 4;
  }
}
@media (min-width: 769px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-column: 1/span 5;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection input, #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection #railBtn, #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection #railBtn {
  width: max-content;
  padding: 0;
  background-color: unset;
  border: 0;
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection input::after, #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection #railBtn::after, #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection #railBtn::after {
  top: 0px;
  left: 0px;
}
@media (min-width: 374px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection input::after, #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection #railBtn::after, #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection #railBtn::after {
    left: -6px;
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection label.ea-label {
  padding: 8px 8px 8px 12px;
  font-size: 0.875rem;
  cursor: pointer;
  margin-bottom: 0;
  margin-left: 4px;
}
@media (min-width: 374px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection label.ea-label {
    padding: 8px;
  }
}
@media (min-width: 769px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .selection label.ea-label {
    margin-bottom: 5px;
    font-size: 1rem;
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(6, 1fr);
  -ms-grid-rows: auto min-content;
  grid-template-rows: auto -webkit-min-content;
  grid-template-rows: auto min-content;
  grid-gap: 8px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/span 6;
  -ms-grid-row: 2;
  grid-row: 2;
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .product-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 4px;
  border-radius: 4px;
  min-height: 32px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/span 3;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 160px;
}
@media (min-width: 1025px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .product-price {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/span 2;
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .product-price span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .product-price span:nth-of-type(2) {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .dd-info {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/span 6;
  -ms-grid-row: 3;
  grid-row: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
@media (min-width: 769px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .dd-info {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    grid-column: 4/span 3;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
@media (min-width: 1025px) {
  #ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .dd-info {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/span 2;
  }
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .dd-info .show-content {
  margin-left: 8px;
  margin-bottom: 0;
  font-size: 0.875rem;
  position: relative;
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .dd-info .show-content::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url("https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg");
  background-position: center;
  position: absolute;
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .dd-info.active + .ea_cancellation-panel {
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .dd-info.active + .ea_cancellation-panel .panel-content {
  visibility: visible;
  -webkit-transition: visibility 0.2s ease;
  transition: visibility 0.2s ease;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
#ea_cancellation .content .ea_cancellation-container .ea_cancellation-head .ea_cancellation-head-content .details .dd-info .active .show-content::after {
  background: url("https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg");
}
#ea_cancellation .content .ea_cancellation-container.opt-in {
  grid-row: 1;
  background-color: #eef4e9;
}
@media (min-width: 769px) {
  #ea_cancellation .content .ea_cancellation-container.opt-in {
    background-image: url("https://static.directferries.co.uk/image/ico/green/insurance.svg");
    display: block;
    background-repeat: no-repeat;
    background-position: 12px 16px;
    background-size: 32px 32px;
  }
}
#ea_cancellation .content .ea_cancellation-container.opt-in .details .product-price {
  background-color: #dee9d2;
}
#ea_cancellation .content .ea_cancellation-container.opt-out {
  grid-row: 2;
  background-color: #fff7ec;
}
#ea_cancellation .content .ea_cancellation-container.opt-out .details .product-price {
  background-color: #ffdbcf;
}
@media (min-width: 769px) {
  #ea_cancellation .content .ea_cancellation-container.opt-out {
    background-size: 40px;
    background-position: 20px 16px;
    background-image: url("https://static.directferries.co.uk/image/ico/light-orange/delete.svg");
    background-repeat: no-repeat;
    background-position: 12px 16px;
    background-size: 32px 32px;
  }
}
#ea_cancellation .confirmation {
  padding: 16px 24px;
  background-image: linear-gradient(45deg, #fff 16.67%, #f7f6f2 0, #f7f6f2 50%, #fff 0, #fff 66.67%, #f7f6f2 0, #f7f6f2);
  background-size: 4.24px 4.24px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#ea_cancellation .confirmation label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#ea_cancellation .confirmation label input, #ea_cancellation .confirmation label body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container #ea_cancellation .confirmation label #railBtn, #ea_cancellation .confirmation label body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container #ea_cancellation .confirmation label #railBtn {
  padding-right: 16px;
  margin-top: 4px;
  width: max-content;
  background-color: unset;
  border: 0;
  appearance: auto;
  -webkit-appearance: radio;
}
#ea_cancellation .confirmation label span {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding-left: 16px;
}

.ea_cancellation-panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  -ms-grid-row: 4;
  grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/span 6;
}
@media (min-width: 769px) {
  .ea_cancellation-panel {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/span 6;
  }
}
.ea_cancellation-panel .panel-content {
  padding: 8px;
  visibility: hidden;
}
@media (min-width: 769px) {
  .ea_cancellation-panel .panel-content {
    padding: 16px;
  }
}
.ea_cancellation-panel .panel-content > span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  margin-bottom: 16px;
  display: block;
}
.ea_cancellation-panel .panel-content ul li {
  padding-left: 40px;
  background-image: url("https://static.directferries.co.uk/image/ico/green/check.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  min-height: 24px;
  padding-bottom: 16px;
}
.ea_cancellation-panel .panel-content ul:nth-of-type(2) li {
  padding-left: 40px;
  background-image: url("https://static.directferries.co.uk/image/ico/red/delete.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  padding-bottom: 16px;
}
.ea_cancellation-panel .panel-content .extrahelp span {
  font-size: 1rem;
  margin-bottom: 8px;
}
.ea_cancellation-panel .panel-content .extrahelp p {
  font-size: 0.875rem;
}

.dd-info .show-content {
  margin-left: 8px;
  margin-bottom: 0;
  font-size: 0.875rem;
  position: relative;
}

.dd-info .show-content::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url("https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg");
  background-position: center;
  position: absolute;
}

.dd-info.active + .ea_cancellation-panel {
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.dd-info.active + .ea_cancellation-panel .panel-content {
  visibility: visible;
  -webkit-transition: visibility 0.2s ease;
  transition: visibility 0.2s ease;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.dd-info.active .show-content::after {
  background: url("https://static.directferries.co.uk/image/ico/dark-blue/dropup.svg");
}

.dl-docs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0 32px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 426px) {
  .dl-docs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.dl-docs a.dl-doc {
  color: #212121;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 16px;
  background-image: url("https://static.directferries.co.uk/image/ico/dark-blue/download.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  padding-left: 24px;
  background-position: 0px center;
}

.dl-docs a.dl-doc span {
  font-size: 0.875rem;
  padding-left: 8px;
  margin-bottom: 0;
}

.ea-terms {
  padding: 8px;
  border-radius: 8px;
  background-color: transparent;
  margin-bottom: 8px;
}

@media (min-width: 769px) {
  .ea-terms {
    background-color: #c9ecf4;
    padding: 16px 16px;
  }
}
.ea-terms span {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #fff;
}

@media (min-width: 769px) {
  .ea-terms span {
    color: #212121;
    font-family: mundial-light, sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
/* Europ Assistance Cancellation Insurance DIR-12843 END */
.disability-checkbox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.df-disability-check--wrapper {
  margin-top: 16px;
}

.df-disability-check--wrapper .df-disability-check {
  background-color: #d6e7d7;
  padding: 8px 16px;
  border-radius: 8px;
}

.df-disability-check--wrapper .df-disability-check input:checked + label > svg, .df-disability-check--wrapper .df-disability-check body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:checked + label > svg, body#TrainAndFerryMain #df-dom-deal_finder_container .df-disability-check--wrapper .df-disability-check #railBtn:checked + label > svg, .df-disability-check--wrapper .df-disability-check body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:checked + label > svg, body#TrainAndFerryInd #df-dom-deal_finder_container .df-disability-check--wrapper .df-disability-check #railBtn:checked + label > svg {
  height: 24px;
  -webkit-animation: draw-checkbox ease-in-out 0.2s forwards;
  animation: draw-checkbox ease-in-out 0.2s forwards;
}

.df-disability-check--wrapper .df-disability-check input:checked + label + span, .df-disability-check--wrapper .df-disability-check body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:checked + label + span, body#TrainAndFerryMain #df-dom-deal_finder_container .df-disability-check--wrapper .df-disability-check #railBtn:checked + label + span, .df-disability-check--wrapper .df-disability-check body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:checked + label + span, body#TrainAndFerryInd #df-dom-deal_finder_container .df-disability-check--wrapper .df-disability-check #railBtn:checked + label + span {
  display: block;
}

.df-disability-check--wrapper .df-disability-check label {
  color: #212121;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  cursor: pointer;
  position: relative;
  background-image: url("https://static.directferries.co.uk/image/ico/dark-blue/wheelchair-accessible.svg");
  background-position: left 8px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  padding: 8px 0 8px 32px;
  margin: 0 0 0 32px;
  display: block;
}

@media (min-width: 426px) {
  .df-disability-check--wrapper .df-disability-check label {
    line-height: 24px;
  }
}
@media (min-width: 769px) {
  .df-disability-check--wrapper .df-disability-check label {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 8px 0 8px 40px;
    margin: 0 0 0 40px;
  }
}
.df-disability-check--wrapper .df-disability-check label:after {
  content: "";
  height: 24px;
  width: 24px;
  margin-right: 1rem;
  float: left;
  border: 2px solid #212121;
  border-radius: 3px;
  -webkit-transition: 0.15s all ease-out;
  transition: 0.15s all ease-out;
  position: absolute;
  left: -32px;
  top: 8px;
}

@media (min-width: 769px) {
  .df-disability-check--wrapper .df-disability-check label:after {
    left: -40px;
  }
}
.df-disability-check--wrapper .df-disability-check span {
  display: none;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #328639;
}

.df-disability-check--wrapper .df-disability-check svg {
  stroke: #212121;
  stroke-width: 3px;
  height: 0;
  width: 16px;
  position: absolute;
  left: -28px;
  top: -2px;
  stroke-dasharray: 33;
  top: 8px;
}

@media (min-width: 769px) {
  .df-disability-check--wrapper .df-disability-check svg {
    left: -36px;
  }
}
@-webkit-keyframes draw-checkbox {
  0% {
    stroke-dashoffset: 33;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes draw-checkbox {
  0% {
    stroke-dashoffset: 33;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.marketing_voucher {
  border: 1px solid #212121;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 8px;
  background-color: #fff;
}
@media (min-width: 769px) {
  .marketing_voucher {
    padding: 0;
  }
}
.marketing_voucher .voucher_body {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  margin-bottom: 0 !important;
}
@media (min-width: 769px) {
  .marketing_voucher .voucher_body {
    padding: 16px;
  }
}
.marketing_voucher .voucher_body .voucher_prompt {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin: 0 !important;
}
@media (min-width: 769px) {
  .marketing_voucher .voucher_body .voucher_prompt {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.marketing_voucher .voucher_body .voucher_input {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  padding: 0 !important;
}
@media (min-width: 769px) {
  .marketing_voucher .voucher_body .voucher_input {
    grid-template-columns: 3fr 1fr !important;
  }
}
.marketing_voucher .voucher_messages .v_message {
  padding: 16px 32px 16px 64px;
  border-radius: 8px;
  color: #212121;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  margin: 0 0 8px !important;
}
@media (min-width: 769px) {
  .marketing_voucher .voucher_messages .v_message {
    margin: 16px !important;
  }
}
.marketing_voucher .voucher_messages .v_message.v_message--applied {
  background-color: #d6e7d7 !important;
  background-image: url("http://static.directferries.co.uk/image/ico/dark-blue/success.svg");
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: 16px 16px;
  border: 2px solid #328639;
}
.marketing_voucher .voucher_messages .v_message.v_message--applied.v_message--error {
  background-color: #fce7e9 !important;
  border: 2px solid #e10f1e;
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: 16px 16px;
  background-image: url("http://static.directferries.co.uk/image/ico/dark-blue/error.svg");
}
.marketing_voucher .voucher_messages .v_message.v_message--error {
  background-color: #fce7e9 !important;
  border: 2px solid #e10f1e;
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: 16px 16px;
  background-image: url("http://static.directferries.co.uk/image/ico/dark-blue/error.svg");
}
.marketing_voucher .voucher_messages .v_message .v-message__head {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 24px !important;
  padding-bottom: 12px;
  padding-top: 4px;
}
.marketing_voucher .voucher_messages .v_message .v-message__desc {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.marketing_voucher .voucher_messages .v_message .v-message__desc a {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #212121 !important;
}

.nQte.quote_item.mpopquote.finnPromo_wrap {
  border: 4px solid #4b5fff !important;
  background: #4b5fff;
}
.nQte.quote_item.mpopquote.finnPromo_wrap .finnPromo {
  background: #4b5fff;
  padding: 4px 8px 8px 32px;
  color: #fff;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px;
  line-height: 24px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 8px 8px;
  display: flex;
}
.nQte.quote_item.mpopquote.finnPromo_wrap .finnPromo.newRoute {
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/route.svg");
}
.nQte.quote_item.mpopquote.finnPromo_wrap .finnPromo.newShip {
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/ship.svg");
}
.nQte.quote_item.mpopquote.finnPromo_wrap .nQteHead {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #fff;
}
.nQte.quote_item.mpopquote.finnPromo_wrap .nQteBody {
  background: #fff;
  margin-top: -1px;
  margin-bottom: -1px;
}
.nQte.quote_item.mpopquote.finnPromo_wrap .nQteBtm {
  background-color: #fff !important;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.quote_item.ab-1210-mb-30:has(.finnPromo) {
  padding: 0;
  border: 4px solid #4b5fff;
  background-color: #4b5fff;
}
@media (min-width: 769px) {
  .quote_item.ab-1210-mb-30:has(.finnPromo) {
    background-color: #fff;
  }
}
.quote_item.ab-1210-mb-30:has(.finnPromo) .finnPromo_wrap {
  row-gap: 0;
}
.quote_item.ab-1210-mb-30:has(.finnPromo) .finnPromo_wrap .finnPromo {
  padding: 4px 8px 8px 24px;
  background-color: #4b5fff;
  color: #fff;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 4px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
@media (min-width: 769px) {
  .quote_item.ab-1210-mb-30:has(.finnPromo) .finnPromo_wrap .finnPromo {
    border-radius: 0 8px 0 0;
    padding: 4px 8px 8px 24px;
  }
}
.quote_item.ab-1210-mb-30:has(.finnPromo) .finnPromo_wrap .finnPromo.newRoute {
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/route.svg");
}
.quote_item.ab-1210-mb-30:has(.finnPromo) .finnPromo_wrap .finnPromo.newShip {
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/ship.svg");
}
.quote_item.ab-1210-mb-30:has(.finnPromo) .finnPromo_wrap .ticketHead {
  padding: 8px 16px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
}
.quote_item.ab-1210-mb-30:has(.finnPromo) .finnPromo_wrap .ticket {
  padding: 8px 16px;
  background-color: #fff;
}
.quote_item.ab-1210-mb-30:has(.finnPromo) .finnPromo_wrap #NewUIDestination {
  padding: 8px 16px 16px;
  background-color: #fff;
}

.quote_item.ab-2062-mb-30 .mpopquote.finnPromo_wrap {
  border: 4px solid #4b5fff !important;
  background-color: #4b5fff !important;
  padding-bottom: 0;
}
.quote_item.ab-2062-mb-30 .mpopquote.finnPromo_wrap .finnPromo {
  background: #4b5fff;
  padding: 4px 8px 8px 32px;
  color: #fff;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px;
  line-height: 24px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 8px 8px;
  display: flex;
}
.quote_item.ab-2062-mb-30 .mpopquote.finnPromo_wrap .finnPromo.newRoute {
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/route.svg");
}
.quote_item.ab-2062-mb-30 .mpopquote.finnPromo_wrap .finnPromo.newShip {
  background-image: url("https://static.directferries.co.uk/image/ico/new/white/ship.svg");
}
.quote_item.ab-2062-mb-30 .mpopquote.finnPromo_wrap .ticketHead {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  background-color: #fff !important;
  margin-bottom: 0 !important;
}
.quote_item.ab-2062-mb-30 .mpopquote.finnPromo_wrap .ticket {
  background-color: #fff;
  margin-bottom: 0;
}
.quote_item.ab-2062-mb-30 .mpopquote.finnPromo_wrap .ab-1210-col-3.ab-1210-mar-b-0.ab-1210-flex {
  background-color: #fff !important;
  padding-top: 16px;
  padding-bottom: 16px;
}

.nQte.quote_item.mpopquote.zero-em-wrap {
  border: 4px solid #84b688 !important;
  background: #84b688;
}
.nQte.quote_item.mpopquote.zero-em-wrap .zero-em {
  background: #84b688;
  padding: 4px 8px 8px 32px;
  color: #fff;
  font-family: "proxima-soft-bold", sans-serif;
  font-size: 14px;
  line-height: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/white/eco.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 8px 8px;
  display: flex;
}
.nQte.quote_item.mpopquote.zero-em-wrap .zero-em .zero-em-tooltip {
  margin-left: auto;
  position: relative;
  display: inline-block;
}
.nQte.quote_item.mpopquote.zero-em-wrap .zero-em .zero-em-tooltip:hover .zero-em-tooltiptext {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s;
}
.nQte.quote_item.mpopquote.zero-em-wrap .zero-em .zero-em-tooltip .zero-em-tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #212121;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 4px 8px;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 32px;
  opacity: 0;
  transition: opacity 1s;
  font-family: "proxima-soft-medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.nQte.quote_item.mpopquote.zero-em-wrap .zero-em .zero-em-tooltip .zero-em-tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #212121;
}
.nQte.quote_item.mpopquote.zero-em-wrap .nQteHead {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #fff;
}
.nQte.quote_item.mpopquote.zero-em-wrap .nQteBody {
  background: #fff;
  margin-top: -1px;
  margin-bottom: -1px;
}
.nQte.quote_item.mpopquote.zero-em-wrap .nQteBtm {
  background-color: #fff !important;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.quote_item.ab-1210-mb-30:has(.zero-em-wrap) {
  padding: 0;
}
.quote_item.ab-1210-mb-30:has(.zero-em-wrap) .mpopquote {
  row-gap: 0;
}
.quote_item.ab-1210-mb-30:has(.zero-em-wrap) .mpopquote.zero-em-wrap {
  border-radius: 4px;
}
.quote_item.ab-1210-mb-30:has(.zero-em-wrap) .mpopquote.zero-em-wrap .ticketHead, .quote_item.ab-1210-mb-30:has(.zero-em-wrap) .mpopquote.zero-em-wrap .ticket, .quote_item.ab-1210-mb-30:has(.zero-em-wrap) .mpopquote.zero-em-wrap #NewUIDestination {
  padding: 8px;
}
.quote_item.ab-1210-mb-30:has(.zero-em-wrap) .mpopquote #ab-1210-hs-target {
  margin-top: 8px;
}
.quote_item.ab-1210-mb-30 .mpopquote.zero-em-wrap {
  border: 4px solid #84b688 !important;
  background-color: #84b688 !important;
  padding-bottom: 0;
}
.quote_item.ab-1210-mb-30 .mpopquote.zero-em-wrap .zero-em {
  background: #84b688;
  padding: 4px 8px 8px 32px;
  color: #fff;
  font-family: "proxima-soft-bold", sans-serif;
  font-size: 14px;
  line-height: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/white/eco.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 8px 8px;
  display: flex;
}
.quote_item.ab-1210-mb-30 .mpopquote.zero-em-wrap .zero-em .zero-em-tooltip {
  margin-left: auto;
  position: relative;
  display: inline-block;
}
.quote_item.ab-1210-mb-30 .mpopquote.zero-em-wrap .zero-em .zero-em-tooltip:hover .zero-em-tooltiptext {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s;
}
.quote_item.ab-1210-mb-30 .mpopquote.zero-em-wrap .zero-em .zero-em-tooltip .zero-em-tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #212121;
  color: #fff;
  text-align: left;
  border-radius: 4px;
  padding: 4px 8px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 32px;
  opacity: 0;
  transition: opacity 1s;
  max-width: 160px;
  font-size: 14px;
  line-height: 20px;
  font-family: "proxima-soft", sans-serif;
}
.quote_item.ab-1210-mb-30 .mpopquote.zero-em-wrap .zero-em .zero-em-tooltip .zero-em-tooltiptext::after {
  content: "";
  position: absolute;
  top: 16px;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #212121;
}
.quote_item.ab-1210-mb-30 .mpopquote.zero-em-wrap .ticketHead {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  background-color: #fff !important;
  float: left;
  margin-bottom: 0 !important;
}
.quote_item.ab-1210-mb-30 .mpopquote.zero-em-wrap .ticket {
  background-color: #fff;
  margin-bottom: 0;
}
.quote_item.ab-1210-mb-30 .mpopquote.zero-em-wrap .ab-1210-col-3.ab-1210-mar-b-0.ab-1210-flex {
  background-color: #fff !important;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.quote_item.ab-2062-mb-30:has(.zero-em-wrap) {
  border-color: #84b688 !important;
}
.quote_item.ab-2062-mb-30:has(.zero-em-wrap) .ticketInfo {
  border-radius: 0 0 3px 3px;
}
.quote_item.ab-2062-mb-30 .mpopquote.zero-em-wrap {
  border: 4px solid #84b688 !important;
  background-color: #84b688 !important;
  padding-bottom: 0;
  border-radius: 3px;
}
.quote_item.ab-2062-mb-30 .mpopquote.zero-em-wrap .zero-em {
  background: #84b688;
  padding: 4px 8px 8px 32px;
  color: #fff;
  font-family: "proxima-soft-bold", sans-serif;
  font-size: 14px;
  line-height: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/white/eco.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 8px 8px;
  display: flex;
}
.quote_item.ab-2062-mb-30 .mpopquote.zero-em-wrap .zero-em .zero-em-tooltip {
  margin-left: auto;
  position: relative;
  display: inline-block;
}
.quote_item.ab-2062-mb-30 .mpopquote.zero-em-wrap .zero-em .zero-em-tooltip:hover .zero-em-tooltiptext {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s;
}
.quote_item.ab-2062-mb-30 .mpopquote.zero-em-wrap .zero-em .zero-em-tooltip .zero-em-tooltiptext {
  visibility: hidden;
  width: max-content;
  background-color: #212121;
  color: #fff;
  text-align: left;
  border-radius: 4px;
  padding: 4px 8px;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 32px;
  opacity: 0;
  transition: opacity 1s;
  font-size: 14px;
  line-height: 20px;
  font-family: "proxima-soft-medium", sans-serif;
}
.quote_item.ab-2062-mb-30 .mpopquote.zero-em-wrap .zero-em .zero-em-tooltip .zero-em-tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #212121;
}
.quote_item.ab-2062-mb-30 .mpopquote.zero-em-wrap .ticketHead {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  background-color: #fff !important;
  margin-bottom: 0 !important;
}
.quote_item.ab-2062-mb-30 .mpopquote.zero-em-wrap .ticket {
  background-color: #fff;
  margin-bottom: 0;
}
.quote_item.ab-2062-mb-30 .mpopquote.zero-em-wrap .ab-1210-col-3.ab-1210-mar-b-0.ab-1210-flex {
  background-color: #fff !important;
  padding-top: 16px;
  padding-bottom: 16px;
}

#bookSummary.summaryBox.dHide.summary-accordion:has(> #payment_amounts) .summary-accordion-header {
  border-radius: 8px 8px 0 0 !important;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-header {
  cursor: pointer;
  padding: 8px 8px !important;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-radius: 8px !important;
  background-image: url("https://static.directferries.co.uk/image/ico/white/dropdown.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: right 8px center;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex !important;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-header.active {
  background-image: url("https://static.directferries.co.uk/image/ico/white/dropup.svg");
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-header span {
  font-size: 10px !important;
  line-height: 16px;
  margin-left: auto;
  margin-right: 16px;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 0 !important;
  padding: 0;
  row-gap: 8px;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out, #bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret {
  padding: 16px 8px !important;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out .routeDateTime .txt,
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out .dark-sand .txt, #bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret .routeDateTime .txt,
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret .dark-sand .txt {
  gap: 4px;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out .routeDateTime .txt div::has(p),
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out .dark-sand .txt div::has(p), #bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret .routeDateTime .txt div::has(p),
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret .dark-sand .txt div::has(p) {
  margin-left: -32px;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out .routeDateTime .txt div::has(p) p,
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out .dark-sand .txt div::has(p) p, #bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret .routeDateTime .txt div::has(p) p,
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret .dark-sand .txt div::has(p) p {
  margin-left: 0;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out div::has(.sand), #bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret div::has(.sand) {
  margin-top: 8px;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out div::has(.sand) .txt, #bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret div::has(.sand) .txt {
  background-color: #e4e8dc;
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 8px 8px;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out .sand, #bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret .sand {
  padding: 8px 8px;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out .sand .txt, #bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret .sand .txt {
  padding: 0 0 !important;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.out .sand:last-child, #bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret .sand:last-child {
  margin-bottom: 0;
}
#bookSummary.summaryBox.dHide.summary-accordion .summary-accordion-panel.content .summary.ret {
  margin-top: 0 !important;
}
#bookSummary.summaryBox.dHide.summary-accordion #payment_amounts #payment_breakdown {
  padding: 8px;
}
#bookSummary.summaryBox.dHide.summary-accordion #payment_amounts #payment_breakdown .summary.priceDet {
  font-family: mundial, sans-serif !important;
  font-weight: 200 !important;
  font-style: normal !important;
  font-size: 12px;
  line-height: 16px;
  column-gap: 8px;
}
#bookSummary.summaryBox.dHide.summary-accordion #payment_amounts #payment_breakdown .summary.priceDet > div {
  font-family: mundial, sans-serif !important;
  font-weight: 200 !important;
  font-style: normal !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
#bookSummary.summaryBox.dHide.summary-accordion #payment_amounts #payment_breakdown .summary.priceDet.priceDet--Header {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
}
#bookSummary.summaryBox.dHide.summary-accordion #payment_amounts #payment_breakdown .summary.priceDet.priceDet--Header .tkt_details {
  margin-top: 0 !important;
}
#bookSummary.summaryBox.dHide.summary-accordion #payment_amounts #payment_breakdown .summary.priceDet.priceDet--Header .tkt_details .tkt_route {
  font-size: 14px;
  line-height: 20px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
#bookSummary.summaryBox.dHide.summary-accordion #payment_amounts #payment_breakdown .summary.priceDet.priceDet--Header .tkt_details .tkt_dates {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px;
  line-height: 20px;
}
#bookSummary.summaryBox.dHide.summary-accordion #payment_amounts #payment_breakdown .summary.priceDet.priceDet--Header #payment_ticket {
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
#bookSummary.summaryBox.dHide.summary-accordion #payment_amounts .tbl {
  padding: 0 8px 8px !important;
}
#bookSummary.summaryBox.dHide.summary-accordion #payment_amounts .tbl > div {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

.show_fcc_terms .ticketInfo {
  grid-template-columns: 1fr max-content;
  margin: 0 !important;
}
@media (min-width: 769px) {
  .show_fcc_terms .ticketInfo {
    padding: 8px 16px 10px 8px !important;
  }
}
.show_fcc_terms .ticketInfo:has(.fcc_shout) {
  display: grid !important;
}
@media (max-width: 768px) {
  .show_fcc_terms .ticketInfo:has(.fcc_shout) {
    display: flex !important;
  }
}
.show_fcc_terms .fcc_shout {
  display: block;
  padding: 0;
  grid-row: 1;
  grid-column: 2/3;
  margin-bottom: 2px;
}
@media (min-width: 769px) {
  .show_fcc_terms .fcc_shout {
    display: inline-flex !important;
    padding: unset;
    position: relative;
    margin-left: auto;
    align-items: center;
    margin-bottom: initial;
  }
}
@media (min-width: 769px) {
  .show_fcc_terms .fcc_shout:hover .fcc_shout--desc {
    visibility: visible;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
    bottom: calc(100% + 16px);
  }
}
.show_fcc_terms .fcc_shout .fcc_shout--label {
  padding: 4px 8px 4px 8px;
  background-color: #e4e8dc;
  border-radius: 4px;
  cursor: help;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .show_fcc_terms .fcc_shout .fcc_shout--label {
    margin-top: 4px;
  }
}
@media (min-width: 769px) {
  .show_fcc_terms .fcc_shout .fcc_shout--label {
    padding: 4px 16px 4px 40px;
    background-image: url("https://static.directferries.co.uk/image/ico/dark-blue/insurance.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 50%;
  }
}
.show_fcc_terms .fcc_shout .fcc_shout--label span.sec {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 10px;
}
.show_fcc_terms .fcc_shout .fcc_shout--desc {
  display: none;
}
@media (min-width: 769px) {
  .show_fcc_terms .fcc_shout .fcc_shout--desc {
    display: block;
    position: absolute;
    bottom: 48px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #212121;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 769px) {
  .show_fcc_terms .fcc_shout .fcc_shout--desc::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #212121;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
  }
}
@media (min-width: 769px) {
  .show_fcc_terms .tabCon {
    grid-column: 1/3;
    grid-row: 2;
  }
}
.show_fcc_terms ul.tabs {
  grid-row: 1;
  grid-column: 1/2;
}
.show_fcc_terms .df-collapsible {
  display: none;
}

@media (min-width: 769px) {
  .ab-1210-mb-30 .fcc_shout {
    display: none !important;
  }
}

/*ML - Styles */
input:not([type=checkbox]):not([type=radio]), body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:not([type=checkbox]):not([type=radio]), body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:not([type=checkbox]):not([type=radio]), textarea {
  background-color: #E8E8E8;
  border-radius: 8px;
  padding: 16px;
  width: 100%;
  border: 2px solid #E8E8E8;
  text-rendering: geometricPrecision;
  transition: border 0.3s ease;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  /*  @include breakpoint(md) {
      min-width: 360px;
    }*/
}
input:not([type=checkbox]):not([type=radio]):-webkit-autofill, body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:not([type=checkbox]):not([type=radio]):-webkit-autofill, body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:not([type=checkbox]):not([type=radio]):-webkit-autofill, textarea:-webkit-autofill {
  background-color: #E8E8E8 !important;
  border: 2px solid #E8E8E8;
  box-shadow: 0 0 0px 1000px #E8E8E8 inset !important; /* Prevents autofill color flash */
}
input:not([type=checkbox]):not([type=radio])::placeholder, body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:not([type=checkbox]):not([type=radio])::placeholder, body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:not([type=checkbox]):not([type=radio])::placeholder, textarea::placeholder {
  color: #212121;
  text-rendering: geometricPrecision;
}
input:not([type=checkbox]):not([type=radio]):focus, body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn:not([type=checkbox]):not([type=radio]):focus, body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn:not([type=checkbox]):not([type=radio]):focus, textarea:focus {
  outline: none; /* Remove the default outline */
}

textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 80px;
  max-height: 400px;
}

.select-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

label, select {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

select {
  background-color: #E8E8E8;
  border-radius: 8px;
  border: none;
  padding: 8px 16px;
  width: 100%;
  appearance: none;
  height: 48px;
  line-height: 1.2;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/dropdown.svg") !important;
  background-position: calc(100% - 16px) 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}
select::placeholder {
  color: #212121;
  text-align: center;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

.passenger input[id*=Wheelchair], .passenger body#TrainAndFerryMain #df-dom-deal_finder_container [id*=Wheelchair]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .passenger [id*=Wheelchair]#railBtn, .passenger body#TrainAndFerryInd #df-dom-deal_finder_container [id*=Wheelchair]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .passenger [id*=Wheelchair]#railBtn {
  margin-left: 8px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:focus-visible {
  outline: 3px solid #4b5fff !important;
  outline-offset: 0;
}

*:focus {
  outline: none; /* Suppresses focus for clicks */
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

body, html {
  font-family: mundial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #212121;
  text-rendering: geometricPrecision;
  background-color: #0f5a5c;
}
@media (min-width: 769px) {
  body, html {
    background-color: #fff;
  }
}

a {
  color: #212121;
}

img {
  display: block;
}

button {
  text-rendering: geometricPrecision;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 100%;
  padding: 0 16px;
}

ul.bullets {
  padding-left: 20px;
}
ul.bullets li {
  list-style-type: disc;
}

section.default {
  padding: 32px 0;
}
@media (min-width: 769px) {
  section.default {
    padding: 48px 0;
  }
}
section.default > .wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  section.default > .wrapper {
    gap: 32px;
  }
}
section.default > .wrapper h1 {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 24px;
}
@media (min-width: 769px) {
  section.default > .wrapper h1 {
    font-size: 32px;
  }
}
section.default > .wrapper p.section-title, section.default > .wrapper h2 {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 20px;
}
@media (min-width: 769px) {
  section.default > .wrapper p.section-title, section.default > .wrapper h2 {
    font-size: 24px;
  }
}
section.default > .wrapper p.section-title em, section.default > .wrapper h2 em {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
  /*    margin-top: 8px;
      @include breakpoint(md) {
        margin-top: 16px;
      }*/
}

section.default, section.deal-finder, footer#main-site-footer, header#global-navigation, section.banner {
  /*  max-width: 2000px;
    margin: 0 auto;*/
}

.s {
  background-color: #e4e8dc;
}

.s20 {
  background-color: #FAFAF7;
}

.s40 {
  background-color: #F5F5F2;
}

.s60 {
  background-color: #F0F2EB;
}

.t {
  background-color: #0f5a5c;
}

.t2 {
  background-color: #5a6c78;
}

.p {
  background-color: #FC6446;
}

.t10 {
  background-color: #E8EDF0;
}

.g10 {
  background-color: #E8E8E8;
}

.g20 {
  background-color: #D4D4D4;
}

.w {
  background-color: white;
}

small {
  font-size: 12px;
  line-height: 16px;
  color: #212121;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

p a {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-decoration: underline;
}
p small {
  font-size: 12px;
  line-height: 16px;
  color: #212121;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
p.lead {
  font-size: 20px;
  line-height: 32px;
}
p b {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

hr {
  border: none;
  height: 2px;
  background-color: #0f5a5c;
}

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

@media (max-width: 768px) {
  .text-center-mob {
    text-align: center;
  }
}

.align-center {
  align-self: center;
}

.align-items-center {
  align-items: center;
}

.align-items-start {
  align-items: flex-start;
}

@media (max-width: 768px) {
  .align-center-mob {
    align-self: center !important;
  }
}

.align-start {
  align-self: start;
}

.col-w {
  color: white;
}

.mix-multiply {
  mix-blend-mode: multiply;
}

.pad-8 {
  pad-ding: 8px;
}

.pad-16 {
  pad-ding: 16px;
}

.pad-32 {
  padding: 32px;
}

@media (max-width: 768px) {
  .pad-8-mob {
    padding: 8px !important;
  }
}

@media (max-width: 768px) {
  .pad-16-mob {
    padding: 16px !important;
  }
}

@media (max-width: 768px) {
  .pad-32-mob {
    padding: 32px !important;
  }
}

@media (min-width: 769px) {
  .pad-8-med {
    padding: 8px !important;
  }
}

@media (min-width: 769px) {
  .pad-16-med {
    padding: 16px !important;
  }
}

@media (min-width: 769px) {
  .pad-32-med {
    padding: 32px !important;
  }
}

@media (min-width: 1025px) {
  .pad-32-lg {
    padding: 32px !important;
  }
}

@media (min-width: 1025px) {
  .pad-8-lg {
    padding: 8px !important;
  }
}

@media (min-width: 1025px) {
  .pad-16-lg {
    padding: 16px !important;
  }
}

@media (max-width: 768px) {
  .hide-mob {
    display: none !important;
  }
}

.shadow {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.br-8 {
  border-radius: 8px;
}

.oh {
  overflow: hidden;
}

.mb-16 {
  margin-bottom: 16px;
  display: block;
}

.flex {
  display: flex;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-col-8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.flex-col-16 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.flex-col-32 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (max-width: 768px) {
  .flex-col-8-mob {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
}

@media (max-width: 768px) {
  .flex-col-16-mob {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
}

@media (max-width: 768px) {
  .flex-col-32-mob {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }
}

.flex-grid {
  display: grid;
}

.grid-1col {
  grid-template-columns: 1fr;
}

@media (max-width: 768px) {
  .grid-1col-mob {
    grid-template-columns: 1fr !important;
  }
}

.grid-2col {
  grid-template-columns: 1fr 1fr;
}

@media (min-width: 769px) {
  .grid-2col-md {
    grid-template-columns: 1fr 1fr !important;
  }
}

.grid-3col {
  grid-template-columns: 1fr 1fr 1fr !important;
}

#AccommodationMain .grid-3col {
  grid-template-columns: 1fr !important;
}
@media (min-width: 769px) {
  #AccommodationMain .grid-3col {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

@media (min-width: 769px) {
  .grid-3col-md {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

@media (min-width: 1025px) {
  .grid-3col-lg {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

.grid-4col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (min-width: 769px) {
  .grid-4col-md {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
}

@media (min-width: 1025px) {
  .grid-4col-lg {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
}

.justify-space {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

@media (max-width: 768px) {
  .justify-center-mob {
    justify-content: center;
  }
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.demi {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

.font14 {
  font-size: 14px;
  line-height: 20px;
}

.font20 {
  font-size: 20px;
  line-height: 32px;
}

.mw-100 {
  max-width: 100%;
}

.flex-wrap {
  flex-wrap: wrap;
}

.full-width {
  width: 100%;
}

.gap16 {
  gap: 16px;
}

.gap32 {
  gap: 32px;
}

@media (min-width: 769px) {
  .flex-row-32-desktop {
    display: flex;
    flex-direction: row;
    gap: 32px;
  }
}

@media (min-width: 769px) {
  .flex-row-16-desktop {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
}

.flex-row-32 {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.f1 {
  flex: 1;
}

.flex-row-16 {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

@media (min-width: 769px) {
  .max-w-50 {
    max-width: 50%;
  }
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}

.glide__bullets {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.glide__bullets .glide__bullet {
  width: 12px;
  height: 12px;
  border-radius: 100px;
  background-color: #D4D4D4;
}
.glide__bullets .glide__bullet.glide__bullet--active {
  background-color: #7A7A7A;
}

ul.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
  row-gap: 10px;
}
ul.breadcrumb li:not(:last-of-type):after {
  content: "/";
  padding: 0 16px;
}
@media (hover: hover) and (pointer: fine) {
  ul.breadcrumb li a:hover {
    text-decoration: underline;
  }
}
ul.breadcrumb li:last-of-type span {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
}

.blog-breadcrumb {
  color: white;
  background: #0f5a5c;
  padding: 16px 0;
}
.blog-breadcrumb a {
  color: white;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

header#site-nav {
  background: #E8E8E8;
  padding: 20px;
  text-align: center;
  display: flex;
}
@media (min-width: 769px) {
  header#site-nav {
    height: 90px;
  }
}
header#site-nav .wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.operator-card-a {
  padding: 16px;
  border-radius: 8px;
  background-color: white;
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  justify-content: center;
  flex-grow: 1;
}
@media (min-width: 374px) {
  .operator-card-a {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-areas: "logo dates" "operator duration" "getPrice getPrice";
  }
}
@media (min-width: 769px) {
  .operator-card-a {
    grid-template-columns: 1fr 2fr max-content;
    grid-template-areas: "logo dates getPrice" "operator duration getPrice";
  }
}
@media (min-width: 1025px) {
  .operator-card-a {
    grid-template-columns: 0.7fr 1fr 0.7fr 1.5fr max-content;
    justify-content: start;
    grid-template-areas: "logo operator dates duration getPrice";
    gap: 16px;
  }
}
.operator-card-a.shadow {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.operator-card-a.border-t {
  border: 1px solid #0f5a5c;
}
.operator-card-a.border-g {
  border: 1px solid #212121;
}
.operator-card-a > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}
@media (min-width: 374px) {
  .operator-card-a > * {
    justify-content: flex-start;
  }
}
@media (min-width: 769px) {
  .operator-card-a > * {
    flex-wrap: nowrap;
    gap: 8px;
  }
}
.operator-card-a svg {
  width: 24px;
  flex-shrink: 0;
}
.operator-card-a svg path {
  fill: #212121;
}
.operator-card-a a.dates,
.operator-card-a a.operator {
  text-decoration: underline;
}
.operator-card-a .logo {
  grid-area: logo;
  align-self: center;
}
@media (min-width: 769px) {
  .operator-card-a .logo {
    align-self: unset;
  }
}
.operator-card-a .logo img {
  max-width: 120px;
  max-height: 55px;
}
.operator-card-a .operator {
  grid-area: operator;
}
.operator-card-a .dates {
  grid-area: dates;
}
.operator-card-a .dates span span {
  font-weight: bold;
}
.operator-card-a .duration {
  grid-area: duration;
}
.operator-card-a .duration span span {
  font-weight: bold;
}
.operator-card-a .submit-btn {
  grid-area: getPrice;
  justify-content: center;
  margin-top: 20px;
  border-top: 4px dotted #e4e8dc;
  padding-top: 16px;
}
@media (min-width: 374px) {
  .operator-card-a .submit-btn {
    justify-content: flex-end;
  }
}
@media (min-width: 769px) {
  .operator-card-a .submit-btn {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
  }
}

.operator-card-b {
  padding: 16px;
  border-radius: 8px;
  background-color: white;
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  justify-content: center;
  flex-grow: 1;
}
@media (min-width: 374px) {
  .operator-card-b {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-areas: "logo operator" "logo dates" "getPrice getPrice";
  }
}
@media (min-width: 769px) {
  .operator-card-b {
    grid-template-columns: 1fr 2fr max-content;
    grid-template-areas: "logo operator getPrice" "logo dates getPrice";
  }
}
@media (min-width: 1025px) {
  .operator-card-b {
    grid-template-columns: 1fr 1fr 3fr max-content;
    justify-content: start;
    grid-template-areas: "logo operator dates getPrice";
    gap: 16px;
  }
}
.operator-card-b.shadow {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.operator-card-b.border-t {
  border: 1px solid #0f5a5c;
}
.operator-card-b.border-g {
  border: 1px solid #212121;
}
.operator-card-b > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 374px) {
  .operator-card-b > * {
    justify-content: flex-start;
  }
}
.operator-card-b svg {
  width: 24px;
  flex-shrink: 0;
}
.operator-card-b svg path {
  fill: #212121;
}
.operator-card-b a.dates, .operator-card-b a.operator {
  text-decoration: underline;
}
.operator-card-b .logo {
  grid-area: logo;
  width: 120px;
  /*height: 60px;*/
  align-self: center;
}
@media (min-width: 769px) {
  .operator-card-b .logo {
    align-self: unset;
  }
}
.operator-card-b .logo img {
  max-width: 120px;
  max-height: 55px;
}
.operator-card-b .operator {
  grid-area: operator;
}
.operator-card-b .dates {
  grid-area: dates;
}
.operator-card-b .submit-btn {
  grid-area: getPrice;
  justify-content: center;
  margin-top: 20px;
  border-top: 4px dotted #e4e8dc;
  padding-top: 16px;
}
@media (min-width: 374px) {
  .operator-card-b .submit-btn {
    justify-content: flex-end;
  }
}
@media (min-width: 769px) {
  .operator-card-b .submit-btn {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
  }
}

.operator-card-c {
  padding: 16px;
  border-radius: 8px;
  background-color: white;
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  justify-content: center;
  flex-grow: 1;
}
@media (min-width: 374px) {
  .operator-card-c {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-areas: "operator dates" "operator duration" "getPrice getPrice";
  }
}
@media (min-width: 769px) {
  .operator-card-c {
    grid-template-columns: 1fr 1fr 1fr max-content;
    grid-template-areas: "operator dates duration getPrice";
  }
}
@media (min-width: 1025px) {
  .operator-card-c {
    grid-template-columns: 1fr 1fr 3fr max-content;
    justify-content: start;
    grid-template-areas: "operator dates duration getPrice";
    gap: 16px;
  }
}
.operator-card-c.shadow {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.operator-card-c.border-t {
  border: 1px solid #0f5a5c;
}
.operator-card-c.border-g {
  border: 1px solid #212121;
}
.operator-card-c > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 374px) {
  .operator-card-c > * {
    justify-content: flex-start;
  }
}
.operator-card-c svg {
  width: 24px;
  flex-shrink: 0;
}
.operator-card-c svg path {
  fill: #212121;
}
.operator-card-c a.dates, .operator-card-c a.operator {
  text-decoration: underline;
}
.operator-card-c .operator {
  grid-area: operator;
}
.operator-card-c .dates {
  grid-area: dates;
}
.operator-card-c .dates span span {
  font-weight: bold;
}
.operator-card-c .duration {
  grid-area: duration;
}
.operator-card-c .duration span span {
  font-weight: bold;
}
.operator-card-c .submit-btn {
  grid-area: getPrice;
  justify-content: center;
  margin-top: 20px;
  border-top: 4px dotted #e4e8dc;
  padding-top: 16px;
}
@media (min-width: 374px) {
  .operator-card-c .submit-btn {
    justify-content: flex-end;
  }
}
@media (min-width: 769px) {
  .operator-card-c .submit-btn {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
  }
}

.operator-card-d {
  padding: 16px;
  border-radius: 8px;
  background-color: white;
  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  justify-content: center;
  flex-grow: 1;
}
@media (min-width: 374px) {
  .operator-card-d {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-template-areas: "route route" "dates duration" "getPrice getPrice";
  }
}
@media (min-width: 769px) {
  .operator-card-d {
    grid-template-columns: 1fr 1fr 1fr max-content;
    grid-template-areas: "route route route" "dates duration getPrice";
  }
}
@media (min-width: 1025px) {
  .operator-card-d {
    grid-template-columns: 1fr 1fr 2fr max-content;
    justify-content: start;
    grid-template-areas: "route dates duration getPrice";
    gap: 16px;
  }
}
.operator-card-d.shadow {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.operator-card-d.border-t {
  border: 1px solid #0f5a5c;
}
.operator-card-d.border-g {
  border: 1px solid #212121;
}
.operator-card-d > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 374px) {
  .operator-card-d > * {
    justify-content: flex-start;
  }
}
.operator-card-d svg {
  width: 24px;
  flex-shrink: 0;
}
.operator-card-d svg path {
  fill: #212121;
}
.operator-card-d .route {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  grid-area: route;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .operator-card-d .route a:hover {
    text-decoration: underline;
  }
}
.operator-card-d .dates {
  grid-area: dates;
}
.operator-card-d .duration {
  grid-area: duration;
}
.operator-card-d .submit-btn {
  grid-area: getPrice;
  justify-content: center;
  margin-top: 20px;
  border-top: 4px dotted #e4e8dc;
  padding-top: 16px;
}
@media (min-width: 374px) {
  .operator-card-d .submit-btn {
    justify-content: flex-end;
  }
}
@media (min-width: 769px) {
  .operator-card-d .submit-btn {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
  }
}

li.offer-card {
  display: flex;
  flex-direction: column;
  box-shadow: none;
  height: auto;
}
@media (hover: hover) and (pointer: fine) {
  li.offer-card:hover {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  }
  li.offer-card:hover > a {
    background-color: #D4D4D4 !important;
  }
  li.offer-card:hover .image img {
    transform: scale(1.2);
  }
}
li.offer-card > a {
  transition: background-color 0.3s ease;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  height: 100%;
  background-color: white;
  z-index: 1;
}
li.offer-card > a:focus {
  outline-offset: -3px;
}
li.offer-card .image {
  aspect-ratio: 8/3;
  width: 100%;
  overflow: hidden;
  height: auto;
  position: relative;
  z-index: -1;
}
li.offer-card .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
li.offer-card .image img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
li.offer-card .details {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
li.offer-card .details span.flag {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
li.offer-card .details span.flag svg path {
  fill: #212121;
}

.chevron-card {
  display: flex;
  flex-direction: row;
  gap: 0;
  text-align: left;
  height: 120px;
  position: relative;
}
@media (min-width: 426px) {
  .chevron-card {
    flex-direction: column;
    height: unset;
    justify-content: space-between;
  }
}
.chevron-card .text {
  padding: 8px 12px;
  width: 100%;
  flex: 1;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 426px) {
  .chevron-card .text {
    flex-grow: 1;
    padding: 16px;
  }
}
@media (min-width: 769px) {
  .chevron-card .text {
    padding: 24px 24px 16px 24px;
  }
}
.chevron-card .text h3 {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 24px;
  line-height: 1.2;
}
.chevron-card .text p {
  font-size: 18px;
  line-height: 1.2;
}
@media (min-width: 426px) {
  .chevron-card .text p {
    font-size: 20px;
  }
}
@media (min-width: 769px) {
  .chevron-card .text p {
    font-size: 24px;
  }
}
.chevron-card .image {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
}
.chevron-card .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.3);
  position: absolute;
  inset: 0;
}
.chevron-card .image img {
  filter: saturate(1);
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
}
.chevron-card svg.chevron-negative-down {
  z-index: 1;
  display: none;
}
@media (min-width: 426px) {
  .chevron-card svg.chevron-negative-down {
    display: block;
    transform: scale(1.05);
    transform-origin: center top;
  }
}
.chevron-card svg.chevron-negative-right {
  z-index: 1;
  transform: scale(1.05);
  transform-origin: left;
  height: 100%;
}
@media (min-width: 426px) {
  .chevron-card svg.chevron-negative-right {
    display: none;
  }
}
.chevron-card.tertiary {
  color: white;
  background-color: #0f5a5c;
}
.chevron-card.primary {
  color: white;
  background-color: #FC6446;
}
.chevron-card.grey {
  color: white;
  background-color: #5a6c78;
}
.chevron-card.secondary {
  background-color: #e4e8dc;
}

@media (min-width: 769px) {
  section.why-df-cards {
    padding: 64px 0;
  }
}
section.why-df-cards p.section-title {
  text-align: center;
}
section.why-df-cards .cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 426px) {
  section.why-df-cards .cards {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 769px) {
  section.why-df-cards .cards {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
}
section.why-df-cards svg.chevron-negative-down path, section.why-df-cards svg.chevron-negative-right path {
  fill: #FAFAF7;
}
section.why-df-cards.s20 svg.chevron-negative-down path, section.why-df-cards.s20 svg.chevron-negative-right path {
  fill: #FAFAF7;
}
section.why-df-cards.s40 svg.chevron-negative-down path, section.why-df-cards.s40 svg.chevron-negative-right path {
  fill: #F5F5F2;
}
section.why-df-cards.s60 svg.chevron-negative-down path, section.why-df-cards.s60 svg.chevron-negative-right path {
  fill: #F0F2EB;
}
section.why-df-cards.t svg.chevron-negative-down path, section.why-df-cards.t svg.chevron-negative-right path {
  fill: #0f5a5c;
}
section.why-df-cards.t2 svg.chevron-negative-down path, section.why-df-cards.t2 svg.chevron-negative-right path {
  fill: #5a6c78;
}
section.why-df-cards.p svg.chevron-negative-down path, section.why-df-cards.p svg.chevron-negative-right path {
  fill: #FC6446;
}
section.why-df-cards.t10 svg.chevron-negative-down path, section.why-df-cards.t10 svg.chevron-negative-right path {
  fill: #E8EDF0;
}
section.why-df-cards.g10 svg.chevron-negative-down path, section.why-df-cards.g10 svg.chevron-negative-right path {
  fill: #E8E8E8;
}
section.why-df-cards.w svg.chevron-negative-down path, section.why-df-cards.w svg.chevron-negative-right path {
  fill: white;
}

@media (hover: hover) and (pointer: fine) {
  .faq-item:not(.open):hover .question {
    filter: brightness(90%);
  }
}
.faq-item:not(.open) .question {
  border-radius: 4px;
}
.faq-item.open .question {
  filter: brightness(90%);
  border-radius: 4px 4px 0 0;
}
.faq-item.open .question .arrow {
  rotate: -90deg;
}
.faq-item.open .answer {
  border-radius: 0 0 4px 4px;
  border: 1px solid #0f5a5c;
  border-top: transparent;
}
.faq-item .answerList ul {
  padding: 8px 32px !important;
}
.faq-item .answerList li {
  list-style-type: disc;
  padding: 4px 0;
}
.faq-item .question {
  display: flex;
  flex-direction: row;
  background-color: #CFDEDE;
  border: 1px solid #0f5a5c;
  align-items: center;
  cursor: pointer;
  gap: 16px;
  transition: border-radius 0.3s ease, filter 0.3s ease;
  overflow: hidden;
}
.faq-item .question .icon {
  background-color: #0f5a5c;
  padding: 16px;
  display: flex;
  align-items: center;
  align-self: stretch;
}
.faq-item .question .icon svg {
  width: 24px;
  height: 24px;
}
.faq-item .question .icon svg path {
  fill: white;
}
.faq-item .question .text {
  padding: 16px 0;
}
.faq-item .question .text h2 {
  font-size: 16px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.faq-item .question .arrow {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding: 16px;
  transition: rotate 0.3s ease;
  rotate: 90deg;
}
.faq-item .question .arrow svg {
  width: 24px;
  height: 24px;
}
.faq-item .question .arrow svg path {
  fill: #212121;
}
.faq-item .answer {
  height: 0;
  overflow: hidden;
  background: #FAFAF7;
  transition: height 0.3s ease, border 0.3s ease;
  border: 1px solid transparent;
}
.faq-item .answer > div {
  padding: 16px;
}

section.reviews .review-overview {
  border-radius: 8px;
  background-color: #0f5a5c;
  color: white;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.reviews .review-overview .snapshot {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
section.reviews .review-overview .snapshot p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1;
}
section.reviews .review-overview .snapshot .total {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
section.reviews .review-overview .snapshot .total span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 40px;
  margin-top: -6px;
}
section.reviews .review-overview .snapshot .total > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}
section.reviews .review-overview .snapshot .total > div .star-rating path {
  fill: white;
}
section.reviews .review-overview .snapshot .total > div .star-rating path:not(.half) {
  stroke: white;
}
section.reviews .review-overview ul li {
  background-color: white;
  border-radius: 4px;
  color: #212121;
  padding: 8px 16px;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
section.reviews .review-overview ul li span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

li.review-item {
  border-bottom: 1px solid #0f5a5c;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: background-color 0.3s ease;
  padding: 16px 0;
}
li.review-item.open .overview .arrow svg {
  rotate: -90deg;
}
li.review-item .overview {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
li.review-item .overview .title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
li.review-item .overview .title .quote p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 20px;
}
li.review-item .overview .arrow {
  margin-left: auto;
}
li.review-item .overview .arrow svg {
  transition: rotate 0.3s ease;
  width: 20px;
  rotate: 90deg;
}
li.review-item .text {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
li.review-item .text ul.starSelect {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  max-width: 400px;
  background-color: #e4e8dc;
  border-radius: 8px;
}
li.review-item .text ul.starSelect li {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
}

.star-rating > div {
  display: none;
}
.star-rating svg {
  width: 80px;
}
.star-rating.half div.half {
  display: block;
}
.star-rating.one div.one {
  display: block;
}
.star-rating.one-half div.one-half {
  display: block;
}
.star-rating.two div.two {
  display: block;
}
.star-rating.two-half div.two-half {
  display: block;
}
.star-rating.three div.three {
  display: block;
}
.star-rating.three-half div.three-half {
  display: block;
}
.star-rating.four div.four {
  display: block;
}
.star-rating.four-half div.four-half {
  display: block;
}
.star-rating.five div.five {
  display: block;
}

section.route-summary-table {
  color: white;
}
section.route-summary-table p.section-title em {
  display: block;
}
section.route-summary-table .route-table {
  width: 100%;
  border-collapse: collapse;
}
section.route-summary-table .route-table thead {
  font-size: 24px;
  text-align: left;
}
section.route-summary-table .route-table thead em {
  font-family: rocky, serif;
  font-weight: 400;
  font-style: italic;
}
section.route-summary-table .route-table thead th {
  padding-bottom: 32px;
}
@media (min-width: 769px) {
  section.route-summary-table .route-table tbody {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }
}
section.route-summary-table .route-table tbody tr {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #fff;
}
section.route-summary-table .route-table tbody tr td {
  padding: 16px 0;
  width: 100%;
}
@media (min-width: 769px) {
  section.route-summary-table .route-table tbody tr td {
    padding: 8px;
  }
}
section.route-summary-table .route-table tbody td:nth-of-type(1) {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
section.route-summary-table.t .route-table tbody td {
  color: #fff !important;
}

section.ferry-timetable {
  color: white;
}
section.ferry-timetable .details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 769px) {
  section.ferry-timetable .details {
    gap: 16px;
  }
}
section.ferry-timetable .details p.section-title em {
  display: block;
}
section.ferry-timetable .details p:not(.title) {
  font-family: mundial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
section.ferry-timetable table.timetable {
  width: 100%;
  border-collapse: collapse;
}
section.ferry-timetable table.timetable thead {
  text-align: left;
  display: none;
}
@media (min-width: 769px) {
  section.ferry-timetable table.timetable thead {
    display: table-header-group;
  }
}
section.ferry-timetable table.timetable thead th, section.ferry-timetable table.timetable tbody td {
  padding: 8px 0;
}
@media (min-width: 769px) {
  section.ferry-timetable table.timetable thead th, section.ferry-timetable table.timetable tbody td {
    padding: 16px;
    border-bottom: 1px solid #fff;
    flex: 1;
  }
}
section.ferry-timetable table.timetable thead tr, section.ferry-timetable table.timetable tbody tr {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  section.ferry-timetable table.timetable thead tr, section.ferry-timetable table.timetable tbody tr {
    flex-direction: row;
  }
}
section.ferry-timetable table.timetable tbody td {
  flex-shrink: 0;
  text-align: right;
}
@media (min-width: 769px) {
  section.ferry-timetable table.timetable tbody td {
    text-align: left;
  }
}
section.ferry-timetable table.timetable tbody td:before {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  content: attr(data-label);
  width: 50%;
  display: inline-block;
  float: left;
  text-align: left;
}
@media (min-width: 769px) {
  section.ferry-timetable table.timetable tbody td:before {
    display: none;
  }
}
section.ferry-timetable table.timetable tbody tr:not(:last-of-type) {
  padding-bottom: 32px;
}
@media (min-width: 769px) {
  section.ferry-timetable table.timetable tbody tr:not(:last-of-type) {
    padding-bottom: 0;
  }
}

section.onboard .ferry-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 426px) {
  section.onboard .ferry-cards {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 769px) {
  section.onboard .ferry-cards {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (hover: hover) and (pointer: fine) {
  .ferry-card:hover .image {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  }
  .ferry-card:hover .image img {
    transform: scale(1.2);
  }
  .ferry-card:hover p {
    text-decoration: underline;
  }
}
.ferry-card a {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ferry-card .image {
  aspect-ratio: 11/9;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ferry-card .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
.ferry-card .image img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ferry-card p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

section.download-app-banner {
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) {
  section.download-app-banner {
    padding: 64px 0;
  }
}
section.download-app-banner .new-banner {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  section.download-app-banner .new-banner {
    flex-direction: row;
    border-radius: 8px;
    overflow: hidden;
  }
}
section.download-app-banner .text, section.download-app-banner .image {
  flex: 1;
}
section.download-app-banner .text {
  padding: 32px;
}
@media (min-width: 769px) {
  section.download-app-banner .text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px;
    justify-content: center;
  }
}
section.download-app-banner .text .logo {
  display: none;
  width: 200px;
}
@media (min-width: 769px) {
  section.download-app-banner .text .logo {
    display: block;
  }
}
section.download-app-banner .text .logo svg {
  width: 100%;
}
section.download-app-banner .text .main-title, section.download-app-banner .text .secondary-text {
  line-height: 1;
}
section.download-app-banner .text .main-title {
  font-size: 34px;
  text-align: center;
  padding: 0 32px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  section.download-app-banner .text .main-title {
    text-align: left;
    font-size: 32px;
    padding: 0;
    max-width: 90%;
  }
}
section.download-app-banner .text .secondary-text {
  display: none;
}
@media (min-width: 769px) {
  section.download-app-banner .text .secondary-text {
    font-family: rocky, serif;
    font-weight: 700;
    font-style: italic;
    display: block;
    font-size: 40px;
  }
}
section.download-app-banner .image {
  position: relative;
  aspect-ratio: 4/2;
  width: 100%; /* safari fix & ios fix */
}
section.download-app-banner .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
section.download-app-banner .image img {
  width: 100%;
  /*height: 100%;*/
  object-fit: cover;
  object-position: top;
}
@media (min-width: 769px) {
  section.download-app-banner .image img {
    height: 100%;
  }
}
section.download-app-banner .image a.secondary {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
section.download-app-banner .image .chevron-right {
  display: none;
}
@media (min-width: 769px) {
  section.download-app-banner .image .chevron-right {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
  }
}
section.download-app-banner .image .chevron-down {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}
@media (min-width: 769px) {
  section.download-app-banner .image .chevron-down {
    display: none;
  }
}
section.download-app-banner .image .secondary-text {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
  font-size: 34px;
  color: white;
  text-align: center;
  position: absolute;
  bottom: 100px;
  left: 0;
  z-index: 1;
  width: 100%;
}
@media (min-width: 769px) {
  section.download-app-banner .image .secondary-text {
    display: none;
  }
}
section.download-app-banner .new-banner.primary {
  background-color: #FC6446;
  color: white;
}
section.download-app-banner .new-banner.primary .logo svg .text path {
  fill: white;
}
section.download-app-banner .new-banner.primary .logo svg path.circle {
  fill: white;
}
section.download-app-banner .new-banner.primary .logo svg path.df-icon-text {
  fill: #FC6446;
}
section.download-app-banner .new-banner.primary .text {
  background-color: #FC6446;
}
section.download-app-banner .new-banner.primary .chevron-right, section.download-app-banner .new-banner.primary .chevron-down {
  fill: #FC6446;
}
section.download-app-banner .new-banner.secondary {
  background-color: #e4e8dc;
}
section.download-app-banner .new-banner.secondary .text {
  background-color: #e4e8dc;
}
section.download-app-banner .new-banner.secondary .chevron-right, section.download-app-banner .new-banner.secondary .chevron-down {
  fill: #e4e8dc;
}
section.download-app-banner .new-banner.tertiary {
  background-color: #0f5a5c;
  color: white;
}
section.download-app-banner .new-banner.tertiary .logo svg .text path {
  fill: white;
}
section.download-app-banner .new-banner.tertiary .text {
  background-color: #0f5a5c;
}
section.download-app-banner .new-banner.tertiary .chevron-right, section.download-app-banner .new-banner.tertiary .chevron-down {
  fill: #0f5a5c;
}

section.ai-planner-banner {
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) {
  section.ai-planner-banner {
    padding: 64px 0;
  }
}
section.ai-planner-banner .new-banner {
  display: flex;
  flex-direction: column;
  background-color: #e4e8dc;
  color: white;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 769px) {
  section.ai-planner-banner .new-banner {
    flex-direction: row;
    overflow: hidden;
  }
}
section.ai-planner-banner .new-banner .text {
  background-color: #0f5a5c;
}
section.ai-planner-banner .new-banner .chevron-right, section.ai-planner-banner .new-banner .chevron-down {
  fill: #0f5a5c;
}
section.ai-planner-banner .text, section.ai-planner-banner .image {
  flex: 1;
}
section.ai-planner-banner .text {
  padding: 16px;
  z-index: 10;
  position: relative;
}
@media (min-width: 769px) {
  section.ai-planner-banner .text {
    padding: 16px 32px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    flex: 1.5;
  }
}
section.ai-planner-banner .text svg {
  display: none;
}
@media (min-width: 769px) {
  section.ai-planner-banner .text svg {
    display: block;
  }
}
@media (min-width: 769px) and (max-width: 947px) {
  section.ai-planner-banner .text svg {
    display: none;
  }
}
section.ai-planner-banner .text > div {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 769px) {
  section.ai-planner-banner .text > div {
    align-items: flex-start;
    text-align: left;
    justify-content: center;
    flex: 1;
  }
}
@media (min-width: 769px) and (max-width: 820px) {
  section.ai-planner-banner .text > div {
    flex: 1.2;
  }
}
section.ai-planner-banner .text .main-title, section.ai-planner-banner .text .secondary-text {
  line-height: 1;
}
section.ai-planner-banner .text .main-title {
  font-size: 42px;
  text-align: center;
  padding: 0 32px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  section.ai-planner-banner .text .main-title {
    text-align: left;
    font-size: 42px;
    padding: 0;
    max-width: 90%;
  }
}
section.ai-planner-banner .text .secondary-text {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
  font-size: 42px;
  color: #e4e8dc;
  padding-right: 20px;
}
@media (min-width: 769px) {
  section.ai-planner-banner .text .secondary-text {
    position: relative;
    font-size: 42px;
    padding-right: 20px;
  }
}
section.ai-planner-banner .text .secondary-text > span.tag {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%) scale(2);
}
@media (min-width: 769px) {
  section.ai-planner-banner .text .secondary-text > span.tag {
    right: -20px;
    transform: none;
    bottom: auto;
    left: auto;
    top: 0;
  }
}
section.ai-planner-banner .image {
  position: relative;
  aspect-ratio: 4/3;
}
@media (min-width: 769px) {
  section.ai-planner-banner .image {
    aspect-ratio: 4/2;
    flex: 1;
  }
}
section.ai-planner-banner .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
section.ai-planner-banner .image a.secondary {
  background-color: #0f5a5c;
  border: 2px solid #0f5a5c;
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%) scale(1.3);
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  section.ai-planner-banner .image a.secondary:hover {
    background-color: #407A7D;
  }
}
@media (min-width: 769px) {
  section.ai-planner-banner .image a.secondary {
    bottom: auto;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.3);
  }
}
section.ai-planner-banner .image .chevron-right {
  display: none;
}
@media (min-width: 769px) {
  section.ai-planner-banner .image .chevron-right {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
  }
}
section.ai-planner-banner .image .chevron-down {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}
@media (min-width: 769px) {
  section.ai-planner-banner .image .chevron-down {
    display: none;
  }
}

div.banner-in-funnel {
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  border: 1px solid #212121;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
@media (min-width: 769px) {
  div.banner-in-funnel {
    min-height: 110px;
    margin: 0 auto;
    max-width: 1200px;
  }
}
div.banner-in-funnel svg.chevron-right {
  transform: scale(1.1);
}
div.banner-in-funnel .logo {
  display: flex;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) {
  div.banner-in-funnel .logo {
    width: 35%;
  }
}
@media (min-width: 1025px) {
  div.banner-in-funnel .logo {
    width: 30%;
  }
}
@media (min-width: 1200px) {
  div.banner-in-funnel .logo {
    width: 25%;
  }
}
div.banner-in-funnel .logo > div {
  background-color: #FC6446;
  padding: 8px;
  z-index: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
@media (min-width: 769px) {
  div.banner-in-funnel .logo > div {
    padding-left: 32px;
  }
}
div.banner-in-funnel .logo > div img {
  max-width: 64px;
  width: 100%;
}
@media (min-width: 769px) {
  div.banner-in-funnel .logo > div img {
    max-width: 92px;
  }
}
div.banner-in-funnel .logo > div img.frame-1 {
  display: none;
}
@media (min-width: 769px) {
  div.banner-in-funnel .logo > div img.frame-1 {
    display: block;
    margin-bottom: -94px;
    margin-top: 16px;
  }
}
@media (min-width: 769px) {
  div.banner-in-funnel .logo > div img.frame-2 {
    margin-top: -94px;
  }
}
div.banner-in-funnel .logo svg.df-logo-dark {
  justify-self: center;
  max-width: 300px;
  min-width: 200px;
}
div.banner-in-funnel .logo svg.chevron-right {
  width: 60px;
  height: 100%;
}
@media (max-width: 768px) {
  div.banner-in-funnel .logo svg.chevron-right {
    position: absolute;
    top: 0;
    left: 80px;
    width: initial !important;
  }
}
@media (min-width: 426px) {
  div.banner-in-funnel .logo svg.chevron-right {
    width: 48px;
  }
}
@media (min-width: 769px) {
  div.banner-in-funnel .logo svg.chevron-right {
    width: 30px;
  }
}
div.banner-in-funnel .logo svg.chevron-right path {
  fill: #FC6446;
}
div.banner-in-funnel .text {
  display: flex;
  position: relative;
  color: white;
  padding: 16px 16px 16px 56px;
  flex: 1;
}
@media (min-width: 769px) {
  div.banner-in-funnel .text {
    padding: 0 0 0 16px;
    flex-shrink: 0;
  }
}
div.banner-in-funnel .text > div {
  gap: 8px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div.banner-in-funnel .text p {
  z-index: 1;
  line-height: 1;
  text-align: center;
  color: #212121;
}
div.banner-in-funnel .text p span {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
  font-size: 24px;
  display: inline-block;
}
@media (min-width: 769px) {
  div.banner-in-funnel .text p span {
    font-size: 32px;
  }
}
@media (min-width: 769px) {
  div.banner-in-funnel .text p {
    text-align: left;
  }
}
div.banner-in-funnel .text p:nth-of-type(1) {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 24px;
}
@media (min-width: 769px) {
  div.banner-in-funnel .text p:nth-of-type(1) {
    font-size: 32px;
  }
}
div.banner-in-funnel .text p:nth-of-type(2) {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 16px;
}
div.banner-in-funnel span.icon-cancel {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
div.banner-in-funnel span.icon-cancel svg {
  width: 100%;
  height: 100%;
}
div.banner-in-funnel span.icon-cancel svg path {
  fill: #212121;
}
div.banner-in-funnel.primary {
  background-color: #FC6446;
}
div.banner-in-funnel.primary svg.chevron-down path {
  fill: #FC6446;
}
div.banner-in-funnel.primary div.image svg.chevron-right path {
  fill: #FC6446;
}
div.banner-in-funnel.tertiary {
  background-color: #0f5a5c;
}
div.banner-in-funnel.tertiary svg.chevron-down path {
  fill: #0f5a5c;
}
div.banner-in-funnel.tertiary div.image svg.chevron-right path {
  fill: #0f5a5c;
}
div.banner-in-funnel.secondary {
  background-color: #e4e8dc;
}
div.banner-in-funnel.secondary svg.chevron-down path {
  fill: #e4e8dc;
}
div.banner-in-funnel.secondary div.image svg.chevron-right path {
  fill: #e4e8dc;
}

section.need-help {
  background-color: white;
}
@media (min-width: 769px) {
  section.need-help {
    padding: 32px 0;
  }
}
section.need-help .wrapper {
  gap: 32px;
}
@media (min-width: 769px) {
  section.need-help .wrapper {
    gap: 16px;
  }
}
section.need-help .title {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
section.need-help .title p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 20px;
  line-height: 1;
}
@media (min-width: 769px) {
  section.need-help .title p {
    font-size: 24px;
    margin-bottom: 4px;
  }
}
section.need-help .title svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 769px) {
  section.need-help .title svg {
    display: none;
  }
}
section.need-help .title svg path {
  fill: #212121;
}
section.need-help .text {
  order: 3;
}
@media (min-width: 769px) {
  section.need-help .text {
    font-size: 20px;
    line-height: 32px;
    order: unset;
  }
}
section.need-help a {
  order: 1;
}
@media (min-width: 769px) {
  section.need-help a {
    order: unset;
    align-self: center;
  }
}

section.newsletter-signup {
  padding: 32px 0;
}
@media (max-width: 768px) {
  section.newsletter-signup {
    color: #212121;
    background-color: #FAFAF7;
  }
}
@media (min-width: 769px) {
  section.newsletter-signup {
    padding: 64px 0;
  }
}
section.newsletter-signup .wrapper > div {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  section.newsletter-signup .wrapper > div {
    background-color: #FAFAF7;
    padding: 32px;
    border-radius: 8px;
  }
}
@media (min-width: 1025px) {
  section.newsletter-signup .wrapper > div {
    flex-direction: row;
    justify-content: space-between;
  }
}
section.newsletter-signup .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  section.newsletter-signup .text {
    gap: 24px;
  }
}
section.newsletter-signup .text h2 {
  line-height: 1;
}
section.newsletter-signup .text span {
  font-size: 18px;
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
}
@media (min-width: 1025px) {
  section.newsletter-signup .form {
    display: flex;
    justify-content: center;
  }
}
section.newsletter-signup form.newsletter-signup {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
@media (min-width: 769px) {
  section.newsletter-signup form.newsletter-signup {
    flex-direction: row;
    gap: 16px;
  }
}
section.newsletter-signup form.newsletter-signup input, section.newsletter-signup form.newsletter-signup body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container section.newsletter-signup form.newsletter-signup #railBtn, section.newsletter-signup form.newsletter-signup body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container section.newsletter-signup form.newsletter-signup #railBtn {
  background: #E8E8E8;
  border-radius: 8px;
  border: none;
  padding: 16px 32px;
  text-align: center;
  width: 100%;
}
@media (min-width: 769px) {
  section.newsletter-signup form.newsletter-signup input, section.newsletter-signup form.newsletter-signup body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container section.newsletter-signup form.newsletter-signup #railBtn, section.newsletter-signup form.newsletter-signup body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container section.newsletter-signup form.newsletter-signup #railBtn {
    min-width: 360px;
  }
}
section.newsletter-signup form.newsletter-signup input::placeholder, section.newsletter-signup form.newsletter-signup body#TrainAndFerryMain #df-dom-deal_finder_container #railBtn::placeholder, body#TrainAndFerryMain #df-dom-deal_finder_container section.newsletter-signup form.newsletter-signup #railBtn::placeholder, section.newsletter-signup form.newsletter-signup body#TrainAndFerryInd #df-dom-deal_finder_container #railBtn::placeholder, body#TrainAndFerryInd #df-dom-deal_finder_container section.newsletter-signup form.newsletter-signup #railBtn::placeholder {
  color: #212121;
  text-align: center;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
section.newsletter-signup form.newsletter-signup .submit-btn {
  flex-shrink: 0;
}

footer#main-site-footer .top-section {
  background-color: #FAFAF7;
}
@media (min-width: 769px) {
  footer#main-site-footer .top-section {
    background-color: white;
  }
}
footer#main-site-footer .top-section .wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 769px) {
  footer#main-site-footer .top-section .wrapper {
    gap: 64px;
  }
}
footer#main-site-footer .bottom-section {
  background-color: #FAFAF7;
}
@media (min-width: 769px) {
  footer#main-site-footer .bottom-section {
    background-color: #F5F5F2;
  }
}
footer#main-site-footer .top-section {
  padding: 32px 0 16px 0;
}
@media (min-width: 769px) {
  footer#main-site-footer .top-section {
    padding: 64px 0;
  }
}
footer#main-site-footer .bottom-section {
  padding: 16px 0 32px 0;
}
@media (min-width: 769px) {
  footer#main-site-footer .bottom-section {
    padding: 64px 0;
  }
}
footer#main-site-footer .main-links a:hover, footer#main-site-footer .bottom-bar a:hover {
  text-decoration: underline;
}
footer#main-site-footer .top-bar {
  display: grid;
  grid-template-areas: "cards cards" "logo need-help";
  row-gap: 48px;
}
@media (min-width: 769px) {
  footer#main-site-footer .top-bar {
    grid-template-areas: "logo cards need-help";
    justify-content: space-between;
    gap: 16px;
    align-items: center;
  }
}
footer#main-site-footer .top-bar .logo {
  width: 60px;
  height: 60px;
  grid-area: logo;
}
footer#main-site-footer .top-bar .need-help {
  grid-area: need-help;
  justify-self: end;
  width: auto;
  align-self: center;
}
footer#main-site-footer .top-bar .payment-cards {
  grid-area: cards;
}
footer#main-site-footer .top-bar .payment-cards ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
footer#main-site-footer .top-bar .payment-cards ul li {
  box-shadow: 1px 2px 4px 0 rgba(63, 123, 125, 0.25);
  width: 64px;
  height: min-content;
}
footer#main-site-footer .top-bar .payment-cards ul li img {
  width: 100%;
  height: auto;
}
footer#main-site-footer .main-links .toggle-links {
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
@media (min-width: 769px) {
  footer#main-site-footer .main-links .toggle-links {
    display: none;
  }
}
footer#main-site-footer .main-links .toggle-links span {
  margin-bottom: 4px;
}
footer#main-site-footer .main-links .toggle-links svg {
  width: 20px;
  transition: transform 0.3s ease;
  transform: rotate(90deg);
}
footer#main-site-footer .main-links .toggle-links svg path {
  fill: #212121;
}
footer#main-site-footer .main-links .toggle-links.active svg {
  transform: rotate(-90deg);
}
footer#main-site-footer .main-links .links-grid {
  transition: height 0.3s ease;
  height: 0;
  overflow: hidden;
  display: grid;
  row-gap: 16px;
  column-gap: 16px;
  margin-top: 16px;
}
@media (min-width: 374px) {
  footer#main-site-footer .main-links .links-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
    column-gap: 32px;
  }
}
@media (min-width: 769px) {
  footer#main-site-footer .main-links .links-grid {
    overflow: visible;
    height: auto !important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 0;
    row-gap: 64px;
    column-gap: 32px;
  }
}
@media (min-width: 1025px) {
  footer#main-site-footer .main-links .links-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
footer#main-site-footer .main-links .links-grid ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
footer#main-site-footer .main-links .links-grid li.title {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  margin-bottom: 4px;
}
footer#main-site-footer .main-links .links-grid li:not(.title) {
  font-size: 14px;
  line-height: 24px;
}
footer#main-site-footer .bottom-bar {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
footer#main-site-footer .bottom-bar > a {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  margin-bottom: 8px;
  align-self: flex-start;
}
footer#main-site-footer .bottom-bar p, footer#main-site-footer .bottom-bar a {
  font-size: 12px;
  line-height: 18px;
}

li.destination-card {
  height: 230px;
}
li.destination-card > a {
  display: flex;
  flex-direction: row;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  li.destination-card:hover .image img {
    transform: scale(1.2);
  }
  li.destination-card:hover .destination-info .cta {
    transform: translateX(10px);
  }
}
li.destination-card .image {
  flex: 1;
  order: 2;
  overflow: hidden;
  position: relative;
}
li.destination-card .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
li.destination-card .image img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
li.destination-card .destination-info {
  flex: 1;
  order: 1;
  background-color: #0f5a5c;
  color: white;
  display: flex;
  flex-direction: column;
  padding: 16px 0 16px 24px;
  justify-content: center;
  gap: 8px;
  position: relative;
  z-index: 1;
}
li.destination-card .destination-info:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  background-image: url("https://static.directferries.co.uk/image/brand/chevron-right-tertiary.svg");
  background-size: 54px 230px;
  background-repeat: no-repeat;
  background-position: 135% 0;
  width: 54px;
  height: 230px;
}
li.destination-card .destination-info .cta {
  width: 32px;
  height: 32px;
  transition: transform 0.3s ease-in-out;
}
li.destination-card .destination-info .cta svg {
  width: 100%;
  height: 100%;
}
li.destination-card .destination-info h3 {
  font-size: 32px;
}
li.destination-card .destination-info .subtitle {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
  font-size: 24px;
}

a.submit-btn, button.submit-btn, div.submit-btn {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  gap: 8px;
  align-items: center;
}
@media (min-width: 769px) {
  a.submit-btn, button.submit-btn, div.submit-btn {
    font-size: 20px;
  }
}
a.submit-btn svg, button.submit-btn svg, div.submit-btn svg {
  width: 32px;
}
@media (min-width: 769px) {
  a.submit-btn svg, button.submit-btn svg, div.submit-btn svg {
    width: 40px;
  }
}
a.submit-btn svg path, button.submit-btn svg path, div.submit-btn svg path {
  transition: fill 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  a.submit-btn:hover, button.submit-btn:hover, div.submit-btn:hover {
    text-decoration: underline;
  }
  a.submit-btn:hover svg path.bg, button.submit-btn:hover svg path.bg, div.submit-btn:hover svg path.bg {
    fill: #fc826b;
  }
}
a.submit-btn.small, button.submit-btn.small, div.submit-btn.small {
  font-size: 16px;
}
a.submit-btn.small svg, button.submit-btn.small svg, div.submit-btn.small svg {
  width: 32px;
  height: 32px;
}

#AccommodationMain section.deal-finder div.bg {
  background-color: #e4e8dc;
}
#AccommodationMain section.deal-finder div.bg .chevron svg path {
  fill: #e4e8dc;
}
#AccommodationMain section.deal-finder .text {
  color: #212121;
}

section.deal-finder {
  position: relative;
  margin-top: -76px;
  z-index: 10;
}
@media (min-width: 769px) {
  section.deal-finder {
    margin-top: 0;
    min-height: 480px;
  }
  section.deal-finder.error-page {
    height: 450px;
  }
}
@media (min-width: 769px) {
  section.deal-finder .deal-finder-main {
    position: relative;
    height: 100%;
    min-height: 480px;
  }
}
section.deal-finder .deal-finder-main .wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 769px) {
  section.deal-finder .deal-finder-main .wrapper {
    padding-top: 48px;
    padding-bottom: 48px;
    gap: 32px;
  }
}
section.deal-finder div.bg {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 200px;
  background-color: #0f5a5c;
}
section.deal-finder div.bg.secondary {
  background-color: #e4e8dc;
}
section.deal-finder div.bg.secondary .chevron {
  display: none;
}
@media (min-width: 769px) {
  section.deal-finder div.bg.secondary .chevron {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    min-width: 600px;
    height: 100%;
    z-index: 1;
  }
  section.deal-finder div.bg.secondary .chevron svg {
    position: absolute;
    right: 0;
    height: 100%;
  }
  section.deal-finder div.bg.secondary .chevron svg path {
    fill: #e4e8dc;
  }
}
@media (min-width: 769px) {
  section.deal-finder div.bg {
    height: 100%;
  }
}
section.deal-finder div.bg .hero {
  width: 100%;
  height: 100%;
  position: relative;
}
section.deal-finder div.bg .hero:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.5);
  position: absolute;
  inset: 0;
}
@media (min-width: 769px) {
  section.deal-finder div.bg .hero {
    width: 60%;
    height: 100%;
    position: absolute;
    z-index: 0;
    right: 0;
  }
  section.deal-finder div.bg .hero:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(15, 90, 92, 0.2);
    position: absolute;
    inset: 0;
  }
}
section.deal-finder div.bg .hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}
@media (min-width: 769px) {
  section.deal-finder div.bg .hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
    bottom: unset;
  }
}
section.deal-finder div.bg .chevron {
  display: none;
}
@media (min-width: 769px) {
  section.deal-finder div.bg .chevron {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    min-width: 600px;
    height: 100%;
    z-index: 1;
  }
  section.deal-finder div.bg .chevron svg {
    position: absolute;
    right: 0;
    height: 100%;
  }
  section.deal-finder div.bg .chevron svg path {
    fill: #0f5a5c;
  }
}
section.deal-finder .dealfinder-widget-wrapper {
  position: relative;
  z-index: 10;
}
@media (min-width: 769px) {
  section.deal-finder .dealfinder-widget-wrapper {
    margin: 0;
  }
}
section.deal-finder .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  padding: 0 16px;
  color: white;
  height: 200px;
}
@media (min-width: 769px) {
  section.deal-finder .text {
    margin-top: 0;
    order: 2;
    padding: 0;
    width: 50%;
    height: unset;
    gap: 32px;
  }
}
section.deal-finder .text a {
  display: none;
}
@media (min-width: 769px) {
  section.deal-finder .text a {
    display: inline-block;
  }
}
section.deal-finder .text .title {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 16px;
}
@media (min-width: 769px) {
  section.deal-finder .text .title {
    gap: 16px;
    padding-top: 0;
  }
}
section.deal-finder .text p.title-line-1 {
  line-height: 1;
  font-size: 24px;
}
@media (min-width: 769px) {
  section.deal-finder .text p.title-line-1 {
    font-size: 40px;
  }
}
section.deal-finder .text p.title-line-2 {
  line-height: 1;
  font-size: 16px;
}
@media (min-width: 769px) {
  section.deal-finder .text p.title-line-2 {
    font-size: 32px;
  }
}
section.deal-finder .text p.title-line-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
  font-weight: 800;
}
section.deal-finder .text p.title-line-2 {
  font-family: rocky, serif;
  font-weight: 400;
  font-style: italic;
}
section.deal-finder .text .hyphen {
  font-family: mundial, sans-serif !important;
  font-weight: 200 !important;
  font-style: normal !important;
}
section.deal-finder .text .dest {
  font-family: rocky, serif;
  font-weight: 400;
  font-style: italic;
}
section.deal-finder .text img.logo {
  border-radius: 4px;
  padding: 8px;
  background-color: white;
  max-width: 160px;
  margin-bottom: -30px;
}
@media (min-width: 769px) {
  section.deal-finder .text img.logo {
    margin-bottom: 0;
  }
}
section.deal-finder.t2 div.bg {
  background-color: #5a6c78;
}
section.deal-finder.t2 div.bg .chevron svg path {
  fill: #5a6c78;
}
section.deal-finder.p div.bg {
  background-color: #FC6446;
}
section.deal-finder.p div.bg .chevron svg path {
  fill: #FC6446;
}
@media (min-width: 769px) {
  section.deal-finder.s .text {
    color: #212121;
  }
}
section.deal-finder.s div.bg {
  background-color: #e4e8dc;
}
section.deal-finder.s div.bg .chevron svg path {
  fill: #e4e8dc;
}

@media (min-width: 769px) {
  .dealfinder-widger-wrapper {
    margin-top: 90px;
  }
}
@media (min-width: 1200px) {
  .dealfinder-widger-wrapper {
    margin-top: 0;
  }
}

#deal_finder_container_horizontal {
  display: none;
}
@media (min-width: 769px) {
  #deal_finder_container_horizontal {
    display: block;
  }
}

@media (min-width: 769px) {
  .df-dom-dealfinder {
    display: none;
    margin-top: 90px;
  }
}

section.home-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-top: -76px;
}
@media (min-width: 769px) {
  section.home-hero {
    height: 100vh;
    margin-top: -90px;
  }
}
@media (min-width: 1025px) {
  section.home-hero {
    margin-top: -90px;
  }
}
@media (min-width: 769px) {
  section.home-hero .all-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    padding: 140px 0;
    gap: 16px;
  }
}
section.home-hero .hero-content {
  height: 300px;
  position: relative;
}
@media (min-width: 769px) {
  section.home-hero .hero-content {
    height: unset;
    position: static;
    order: 2;
  }
}
@media (max-width: 768px) {
  section.home-hero .hero-content .wrapper {
    padding: 0;
  }
}
section.home-hero .hero-content .text-container {
  padding: 92px 32px 32px 32px;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) {
  section.home-hero .hero-content .text-container {
    padding: 0;
    order: 2;
  }
}
section.home-hero .hero-content .text-container .text {
  color: white;
}
section.home-hero .hero-content .text-container .text div.text-wrapper {
  line-height: 1;
  font-size: 32px;
}
@media (min-width: 769px) {
  section.home-hero .hero-content .text-container .text div.text-wrapper {
    font-size: 80px;
  }
}
@media (min-width: 769px) and (max-height: 720px) {
  section.home-hero .hero-content .text-container .text div.text-wrapper {
    font-size: 50px;
  }
}
section.home-hero .hero-content .text-container .text div.text-wrapper span:nth-child(1) {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
section.home-hero .hero-content .text-container .text div.text-wrapper span:nth-child(2) em {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
  font-weight: 400;
}
@media (min-width: 769px) {
  section.home-hero .hero-content .text-container .text div.text-wrapper span:nth-child(2) {
    display: block;
    margin-top: 8px;
  }
}
section.home-hero .hero-content .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.home-hero .hero-content .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
section.home-hero .hero-content .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: bottom;
}
section.home-hero .dealfinder-widget-wrapper {
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 100%;
  padding: 0 16px;
  min-height: 640px;
}
@media (min-width: 769px) {
  section.home-hero .dealfinder-widget-wrapper {
    order: 1;
    margin: 0 auto;
    min-height: initial;
  }
}
@media (min-width: 1200px) {
  section.home-hero .dealfinder-widget-wrapper {
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  section.home-hero .dealfinder-widget-wrapper .wrapper {
    padding: 0;
  }
}
@media (min-width: 769px) {
  section.home-hero .dealfinder-widget-wrapper {
    order: 1;
  }
}
section.home-hero div.hdOuter {
  z-index: 2;
}
@media (min-width: 769px) {
  section.home-hero div.hdOuter .logoBar {
    background-color: rgba(33, 33, 33, 0.4);
  }
}
section.home-hero div.hdOuter svg.df-globalNav--fillColour path {
  fill: white;
}
section.home-hero div.hdOuter svg.df-logo path.df-fill__binaryDark {
  fill: white;
}
section.home-hero div.hdOuter .df-globalNav__desktop button, section.home-hero div.hdOuter .df-globalNav__desktop a.df-globalNav__link {
  color: white;
}
section.home-hero div.hdOuter .df-globalNav__desktop .df-dropdown__button .df-icon path, section.home-hero div.hdOuter .df-globalNav__desktop .df-globalNav__link .df-icon path {
  fill: white;
}
section.home-hero div.hdOuter .df-globalNav__desktop svg.df-logo path.df-fill__binaryDark {
  fill: white;
}
section.home-hero .widget {
  background: #FAFAF7;
  color: #212121;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 254px;
  z-index: 1;
}
@media (min-width: 769px) {
  section.home-hero .widget {
    background: rgba(255, 255, 255, 0.8);
    color: #212121;
    border-radius: 8px;
    min-height: 256px;
    order: 1;
  }
}

section.h1-section {
  background-color: white;
  position: relative;
  padding: 24px 0 0;
  z-index: 1;
}

section.top-destinations ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 769px) {
  section.top-destinations ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1025px) {
  section.top-destinations ul {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
}

@media (min-width: 769px) {
  section.ferry-companies-list {
    padding-top: 16px;
  }
}
section.ferry-companies-list .ferry-logos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}
@media (min-width: 426px) {
  section.ferry-companies-list .ferry-logos {
    gap: 8px;
  }
}
@media (min-width: 769px) {
  section.ferry-companies-list .ferry-logos {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1025px) {
  section.ferry-companies-list .ferry-logos {
    grid-template-columns: repeat(8, 1fr);
    gap: 32px;
  }
}
section.ferry-companies-list .ferry-logo > a {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16/10;
  transition: transform 0.3s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  section.ferry-companies-list .ferry-logo > a:hover {
    transform: scale(1.2);
  }
}
section.ferry-companies-list .ferry-logo img {
  width: 100%;
  max-width: 70%;
}
@media (min-width: 1025px) {
  section.ferry-companies-list .ferry-logo img {
    max-width: 90%;
  }
}

section.popular-routes ul.route-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8px;
}
@media (min-width: 426px) {
  section.popular-routes ul.route-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (min-width: 769px) {
  section.popular-routes ul.route-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media (min-width: 1025px) {
  section.popular-routes ul.route-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
}

li.popular-route-card a {
  background: white;
  border-radius: 4px;
  padding: 8px;
  text-align: center;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  transition: background-color 0.3s ease, transform 0.3s ease;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  li.popular-route-card a:hover {
    background: rgba(255, 255, 255, 0.7);
    transform: scale(1.05);
  }
}

.blog-card {
  flex: 1;
  min-width: 0;
}
.blog-card a {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (hover: hover) and (pointer: fine) {
  .blog-card a:hover img {
    transform: scale(1.2);
  }
  .blog-card a:hover .post-info {
    opacity: 0.8;
  }
}
.blog-card .image {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 16/10;
  position: relative;
}
.blog-card .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
.blog-card .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.blog-card .post-info {
  transition: opacity 0.3s ease;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.blog-card .post-info .text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blog-card .post-info .title, .blog-card .post-info .desc {
  line-height: 1.2;
}
.blog-card .post-info .title {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.blog-card .post-info .desc p {
  font-family: mundial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.blog-card .icon {
  width: 28px;
  height: 28px;
}
.blog-card .icon svg {
  width: 100%;
  height: 100%;
}

@media (min-width: 769px) {
  li.blog-card2 {
    display: flex;
  }
}
li.blog-card2 a {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #D4D4D4;
}
@media (min-width: 769px) {
  li.blog-card2 a {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    border: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  li.blog-card2 a:hover img {
    transform: scale(1.2);
  }
}
li.blog-card2 .image {
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 4px;
  order: 2;
  flex: 1;
  align-self: flex-start;
}
@media (min-width: 769px) {
  li.blog-card2 .image {
    aspect-ratio: 16/9;
    order: 1;
    border-radius: 4px;
    flex: unset;
    align-self: unset;
  }
}
@media (min-width: 1025px) {
  li.blog-card2 .image {
    min-height: 106px;
  }
}
@media (min-width: 1200px) {
  li.blog-card2 .image {
    min-height: 142px;
  }
}
li.blog-card2 .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
li.blog-card2 .post-info {
  order: 1;
  flex: 3;
}
@media (min-width: 769px) {
  li.blog-card2 .post-info {
    order: 2;
    flex: 1;
    width: 100%;
  }
}
li.blog-card2 .post-info .text {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 769px) {
  li.blog-card2 .post-info .text {
    order: 2;
  }
}
li.blog-card2 .post-info .text > div {
  order: 2;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
@media (min-width: 769px) {
  li.blog-card2 .post-info .text > div {
    order: 1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
  }
}
li.blog-card2 .post-info .text > div .tag {
  order: 2;
}
@media (min-width: 769px) {
  li.blog-card2 .post-info .text > div .tag {
    order: 1;
  }
}
li.blog-card2 .post-info .text > div .date {
  order: 1;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  color: #A6A6A6;
  font-size: 12px;
}
@media (min-width: 769px) {
  li.blog-card2 .post-info .text > div .date {
    order: 2;
    color: #212121;
  }
}
li.blog-card2 .post-info .text .title {
  order: 1;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
}
@media (min-width: 769px) {
  li.blog-card2 .post-info .text .title {
    order: 2;
    max-height: 2.4em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

ul.blog-pagination {
  display: flex;
  flex-direction: row;
  line-height: 1;
  justify-content: center;
  padding: 8px 0;
  flex-wrap: wrap;
  align-items: center;
}
ul.blog-pagination li:first-of-type, ul.blog-pagination li:last-of-type {
  transform: translateY(3px);
}
ul.blog-pagination li:first-of-type button, ul.blog-pagination li:last-of-type button {
  transition: background 0.3s ease;
  padding: 8px;
  border-radius: 4px;
}
@media (hover: hover) and (pointer: fine) {
  ul.blog-pagination li:first-of-type button:hover, ul.blog-pagination li:last-of-type button:hover {
    background-color: #e4e8dc;
  }
}
@media (min-width: 769px) {
  ul.blog-pagination li:first-of-type {
    padding-right: 32px;
  }
}
ul.blog-pagination li:first-of-type svg {
  scale: -1;
}
@media (min-width: 769px) {
  ul.blog-pagination li:last-of-type {
    padding-left: 32px;
  }
}
ul.blog-pagination li button.pagination-number {
  transition: color 0.3s ease;
  display: block;
  padding: 16px;
  line-height: 1;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
ul.blog-pagination li button.pagination-number:not(.active) {
  color: #A6A6A6;
}
ul.blog-pagination li button.pagination-number.active {
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  ul.blog-pagination li button.pagination-number:hover {
    color: #212121;
  }
}
ul.blog-pagination svg.arrow-right {
  width: 16px;
  height: 16px;
}
@media (min-width: 769px) {
  ul.blog-pagination svg.arrow-right {
    width: 20px;
    height: 20px;
  }
}
ul.blog-pagination.disabled button {
  pointer-events: none;
}
ul.blog-pagination.disabled button svg path {
  fill: #E8E8E8;
}
ul.blog-pagination.disabled button.pagination-number, ul.blog-pagination.disabled button.pagination-number.active {
  color: #E8E8E8 !important;
}

.tag {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  padding: 2px 4px;
  border-radius: 2px;
  font-size: 12px;
}
.tag.yellow {
  color: #212121;
  background-color: #ffc75b;
  border-bottom: 2px solid #ffb932;
}
.tag.purple {
  color: white;
  background-color: #6f7fff;
  border-bottom: 2px solid #4b5fff;
}
.tag.light-blue {
  background-color: #ECF8FD;
  border-bottom: 2px solid #b7bfff;
}

/*

DESKTOP NAV

*/
header#global-navigation {
  padding: 16px 32px;
  display: none;
  background-color: white;
  position: relative;
  z-index: 999;
}
@media (min-width: 1200px) {
  header#global-navigation {
    height: 90px;
    display: block;
    padding: 16px 16px;
  }
}
header#global-navigation.solid {
  background-color: white;
}
header#global-navigation.dark {
  background-color: rgba(33, 33, 33, 0.4);
  transition: background-color 0.3s ease;
}
header#global-navigation.dark .logo .text path {
  fill: white;
}
header#global-navigation.dark #site-nav ul > li > button, header#global-navigation.dark #site-nav > a, header#global-navigation.dark nav#site-nav > ul > li > a {
  color: white;
}
header#global-navigation.dark #site-nav > ul > li.has-dropdown .icon-nav-arrow-down path {
  fill: white;
}
header#global-navigation.dark #user-actions > ul > li > a, header#global-navigation.dark #user-actions > ul > li.has-dropdown {
  color: white;
}
header#global-navigation.dark #user-actions > ul > li > a svg path {
  fill: white;
}
header#global-navigation.dark.language-hover {
  background-color: #0f5a5c;
}
header#global-navigation.transparent {
  background-color: transparent;
}
header#global-navigation > .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: unset;
  padding: 0;
  height: 100%;
}
header#global-navigation a.ai-assistant {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #c9ecf4;
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  align-items: center;
  padding: 4px 12px 6px 12px;
  border-bottom-left-radius: 8px;
  transition: background-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  header#global-navigation a.ai-assistant:hover {
    background-color: #e9f7fb;
  }
}
header#global-navigation a.ai-assistant svg {
  width: 16px;
  height: 16px;
}
header#global-navigation a.ai-assistant svg path {
  fill: #212121;
}
header#global-navigation .logo {
  width: 240px;
}
header#global-navigation .logo a {
  display: block;
}
header#global-navigation .logo svg {
  width: 100%;
}
header#global-navigation .nav-logo-group {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}
header#global-navigation .user-action-links {
  display: flex;
}
header#global-navigation nav#site-nav, header#global-navigation nav#user-actions {
  display: flex;
}
header#global-navigation nav#site-nav > ul, header#global-navigation nav#user-actions > ul {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
header#global-navigation nav#site-nav > ul > li, header#global-navigation nav#user-actions > ul > li {
  display: flex;
  line-height: 1;
}
header#global-navigation nav#site-nav > ul > li > a, header#global-navigation nav#site-nav > ul > li > button, header#global-navigation nav#user-actions > ul > li > a, header#global-navigation nav#user-actions > ul > li > button {
  display: flex;
  gap: 6px;
  padding: 4px;
  border-radius: 8px;
  align-items: center;
  font-size: 14px;
  text-align: left;
}
header#global-navigation nav#site-nav > ul > li > a span, header#global-navigation nav#site-nav > ul > li > button span, header#global-navigation nav#user-actions > ul > li > a span, header#global-navigation nav#user-actions > ul > li > button span {
  margin: auto;
}
header#global-navigation nav#site-nav > ul > li.has-dropdown > button, header#global-navigation nav#user-actions > ul > li.has-dropdown > button {
  cursor: auto;
}
header#global-navigation nav#site-nav svg.icon-nav-arrow-down {
  width: 14px;
}
header#global-navigation nav#site-nav svg path {
  fill: #212121;
}
header#global-navigation nav#user-actions > ul > li > a > svg, header#global-navigation nav#user-actions > ul > li > button > svg {
  width: 20px;
  margin-top: 2px;
}
header#global-navigation nav#user-actions > ul > li > a > svg path, header#global-navigation nav#user-actions > ul > li > button > svg path {
  fill: #212121;
}
header#global-navigation nav#user-actions > ul > li > a span.flag, header#global-navigation nav#user-actions > ul > li > button span.flag {
  margin: 0;
  width: 25px;
}
header#global-navigation nav#user-actions > ul > li > a span.flag img, header#global-navigation nav#user-actions > ul > li > button span.flag img {
  width: 100%;
  height: auto;
  border-radius: 2px;
  border: 2px solid #e4e8dc;
}
header#global-navigation nav#site-nav li.has-dropdown {
  position: relative;
}
header#global-navigation div.dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  min-width: max-content;
  padding-top: 10px;
}
header#global-navigation div.dropdown ul {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: white;
  border-radius: 8px;
  z-index: 998;
  position: relative;
  overflow: hidden;
  padding: 8px 0;
}
header#global-navigation div.dropdown svg {
  width: 20px;
}
header#global-navigation div.dropdown li a {
  padding: 8px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
}
header#global-navigation div.dropdown li a b {
  font-weight: 600;
}
header#global-navigation div.dropdown:before {
  content: "";
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 24px;
  height: 24px;
  top: -1px;
  left: 28px;
  transform: rotate(45deg);
  z-index: 997;
}
header#global-navigation div.dropdown:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid white;
  position: absolute;
  top: -6px;
  left: 24px;
  z-index: 999;
}
header#global-navigation.dark .country-dropdown > div {
  background-color: #0f5a5c;
}
header#global-navigation .country-dropdown {
  width: 100%;
  position: absolute;
  z-index: 999;
  top: 84px;
  left: 0;
  padding-top: 36px;
}
header#global-navigation .country-dropdown > div {
  background-color: white;
}
header#global-navigation .country-dropdown .wrapper {
  padding: 16px 32px 32px 32px;
}
header#global-navigation .country-dropdown ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 16px;
}
header#global-navigation .country-dropdown ul a {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 6px;
  background-color: #F0F2EB;
  align-items: center;
  font-size: 14px;
  border-radius: 4px;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
header#global-navigation .country-dropdown span.flag {
  align-items: center;
  display: flex;
  width: 28px;
  height: 22px;
  /*      svg {
          width: 100%; //safari issue
          border-radius: 2px;
          border: 2px solid $secondary;
        }*/
}
header#global-navigation .country-dropdown span.flag img {
  width: 100%;
  height: auto;
  border-radius: 2px;
  border: 2px solid #e4e8dc;
}
header#global-navigation nav#site-nav > ul > li > a, header#global-navigation div.user-action-links nav#user-actions > ul > li > a {
  transition: background-color 0.3s ease, color 0.3s ease;
}
header#global-navigation nav#site-nav > ul > li > a svg path, header#global-navigation div.user-action-links nav#user-actions > ul > li > a svg path {
  transition: fill 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  header#global-navigation nav#site-nav > ul > li > a:hover, header#global-navigation div.user-action-links nav#user-actions > ul > li > a:hover {
    background-color: #e4e8dc;
    color: #212121;
  }
  header#global-navigation nav#site-nav > ul > li > a:hover svg path, header#global-navigation div.user-action-links nav#user-actions > ul > li > a:hover svg path {
    fill: #212121;
  }
}
header#global-navigation div.dropdown a, header#global-navigation div.dropdown button {
  transition: background-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  header#global-navigation div.dropdown a:hover, header#global-navigation div.dropdown button:hover {
    background-color: #e4e8dc;
  }
}
header#global-navigation .country-dropdown a {
  transition: background-color 0.3s ease, scale 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  header#global-navigation .country-dropdown a:hover {
    background-color: #e4e8dc;
    scale: 1.1;
  }
}
header#global-navigation .country-dropdown a span {
  backface-visibility: hidden;
  transform: translateZ(0);
}
header#global-navigation li.has-dropdown div.dropdown {
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(-20px);
  opacity: 0;
  pointer-events: none;
}
header#global-navigation li.has-dropdown .country-dropdown {
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(-40px);
  opacity: 0;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  header#global-navigation li.has-dropdown:hover div.dropdown, header#global-navigation li.has-dropdown.hover div.dropdown {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
  }
  header#global-navigation li.has-dropdown:hover .country-dropdown, header#global-navigation li.has-dropdown.hover .country-dropdown {
    transform: translateY(-30px);
    opacity: 1;
    pointer-events: all;
  }
}
@media (min-width: 1200px) and (max-width: 1340px) {
  header#global-navigation #user-actions > ul > li > a > span:not(.flag), header#global-navigation #user-actions > ul > li > button > span:not(.flag) {
    display: none;
  }
}

/*
MOBILE NAV
*/
header#global-navigation-mobile {
  position: relative;
  z-index: 999;
}
@media (min-width: 1200px) {
  header#global-navigation-mobile {
    display: none;
  }
}
header#global-navigation-mobile.transparent {
  background-color: rgba(255, 255, 255, 0);
}
header#global-navigation-mobile.solid div.topbar {
  background-color: white;
}
header#global-navigation-mobile.solid div.topbar .logo .df-logo-dark .text path {
  fill: #212121;
}
header#global-navigation-mobile.solid div.topbar .menu-btn path {
  fill: #212121;
}
@media (max-width: 768px) {
  header#global-navigation-mobile.tertiary div.topbar {
    background-color: #0f5a5c;
  }
  header#global-navigation-mobile.tertiary div.topbar .logo .df-logo-dark .text path {
    fill: white;
  }
  header#global-navigation-mobile.tertiary div.topbar .menu-btn path {
    fill: white;
  }
}
header#global-navigation-mobile .wrapper {
  padding: 0;
  transition: background-color 0.2s ease-in-out;
}
header#global-navigation-mobile div.topbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  height: 76px;
}
@media (min-width: 769px) {
  header#global-navigation-mobile div.topbar {
    height: 90px;
    background-color: white;
  }
}
header#global-navigation-mobile div.topbar .logo {
  width: 44px;
  height: 44px;
}
@media (min-width: 374px) {
  header#global-navigation-mobile div.topbar .logo {
    width: 230px;
    height: 45px;
  }
}
@media (min-width: 769px) {
  header#global-navigation-mobile div.topbar .logo {
    width: 300px;
    height: 58px;
  }
}
header#global-navigation-mobile div.topbar .logo > a {
  display: block;
}
header#global-navigation-mobile div.topbar .logo .df-logo-dark {
  display: none;
}
header#global-navigation-mobile div.topbar .logo .df-logo-dark .text path {
  fill: white;
}
@media (min-width: 769px) {
  header#global-navigation-mobile div.topbar .logo .df-logo-dark .text path {
    fill: #212121;
  }
}
@media (min-width: 374px) {
  header#global-navigation-mobile div.topbar .logo .df-logo-dark {
    width: 100%;
    display: block;
  }
}
@media (min-width: 769px) {
  header#global-navigation-mobile div.topbar .logo .df-logo-dark {
    width: 300px;
  }
}
header#global-navigation-mobile div.topbar .logo .df-logo-disc {
  width: 100%;
}
@media (min-width: 374px) {
  header#global-navigation-mobile div.topbar .logo .df-logo-disc {
    display: none;
  }
}
header#global-navigation-mobile div.topbar .menu-btn {
  width: 24px;
  height: 24px;
}
header#global-navigation-mobile div.topbar .menu-btn path {
  fill: white;
}
@media (min-width: 769px) {
  header#global-navigation-mobile div.topbar .menu-btn path {
    fill: #212121;
  }
}
header#global-navigation-mobile nav#site-nav-mob {
  display: flex;
  /*position: absolute;*/
  width: 100%;
  /*top: 76px;*/
}
@media (min-width: 769px) {
  header#global-navigation-mobile nav#site-nav-mob {
    /*top: 90px;*/
  }
}
header#global-navigation-mobile nav#site-nav-mob > ul {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  flex-direction: column;
  width: 100%;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li {
  display: flex;
  line-height: 1;
  background: #407A7D;
  border-bottom: 1px solid #709C9E;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li :focus-visible {
  position: relative;
  z-index: 1;
  outline-offset: -3px;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li > a, header#global-navigation-mobile nav#site-nav-mob > ul > li > button {
  color: white;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  font-size: 16px;
  width: 100%;
  transition: background-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  header#global-navigation-mobile nav#site-nav-mob > ul > li > a:hover, header#global-navigation-mobile nav#site-nav-mob > ul > li > button:hover {
    background-color: #116769;
  }
}
header#global-navigation-mobile nav#site-nav-mob > ul > li > a > svg, header#global-navigation-mobile nav#site-nav-mob > ul > li > button > svg {
  width: 24px;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li > a > svg path, header#global-navigation-mobile nav#site-nav-mob > ul > li > button > svg path {
  fill: white;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li > a > span.flag, header#global-navigation-mobile nav#site-nav-mob > ul > li > button > span.flag {
  width: 24px;
  /*            svg {
                border-radius: 2px;
                border: 2px solid #e4e8dc;
                width: 24px;
              }*/
}
header#global-navigation-mobile nav#site-nav-mob > ul > li > a > span.flag img, header#global-navigation-mobile nav#site-nav-mob > ul > li > button > span.flag img {
  width: 100%;
  height: auto;
  border-radius: 2px;
  border: 2px solid #e4e8dc;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown {
  flex-direction: column;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown.active > a, header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown.active > button {
  background-color: #116769;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown > a, header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown > button {
  justify-content: space-between;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown > a > svg, header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown > button > svg {
  width: 20px;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown > a > svg path, header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown > button > svg path {
  fill: white;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown:not([data-cat=language]) svg {
  width: 24px;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown:not([data-cat=language]) svg.icon-nav-arrow-down {
  width: 20px;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown:not([data-cat=language]) svg path {
  fill: white;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown[data-cat=language] .dropdown svg {
  border-radius: 2px;
  border: 2px solid #e4e8dc;
  width: 24px;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown div.dropdown {
  background-color: #0f5a5c;
  overflow: hidden;
  transition: height 0.3s ease;
  padding: 0 16px;
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown div.dropdown ul {
  display: grid;
  padding: 16px 0;
  background-color: #0f5a5c;
}
@media (min-width: 426px) {
  header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown div.dropdown ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 769px) {
  header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown div.dropdown ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown div.dropdown ul li a {
  color: white;
  padding: 8px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  transition: background-color 0.3s ease;
  border-radius: 8px;
  min-height: 40px;
}
@media (hover: hover) and (pointer: fine) {
  header#global-navigation-mobile nav#site-nav-mob > ul > li.has-dropdown div.dropdown ul li a:hover {
    background-color: #116769;
  }
}
header#global-navigation-mobile nav#site-nav-mob [data-cat=language] button > span {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
header#global-navigation-mobile nav#site-nav-mob [data-cat=language] ul {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 374px) {
  header#global-navigation-mobile nav#site-nav-mob [data-cat=language] ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 769px) {
  header#global-navigation-mobile nav#site-nav-mob [data-cat=language] ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
header#global-navigation-mobile nav#site-nav-mob [data-cat=language] ul a {
  color: white;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px 16px;
  align-items: center;
}
header#global-navigation-mobile nav#site-nav-mob [data-cat=language] span.flag {
  align-items: center;
  display: flex;
  width: 24px;
}
header#global-navigation-mobile nav#site-nav-mob [data-cat=language] span.flag img {
  width: 100%;
  height: auto;
  border-radius: 2px;
  border: 2px solid #e4e8dc;
}

@media (min-width: 769px) {
  body:not(.menu-active) header#global-navigation-mobile.medium-dark .topbar .logo svg.df-logo-dark .text path {
    fill: #212121;
  }
  body:not(.menu-active) header#global-navigation-mobile.medium-dark .topbar .menu-btn path {
    fill: #212121;
  }
}

header#global-navigation-mobile {
  overflow: hidden;
  height: 76px;
  transition: background-color 0.3s ease;
}
@media (min-width: 769px) {
  header#global-navigation-mobile {
    height: 90px;
  }
}
header#global-navigation-mobile > .wrapper {
  height: 100%;
}
header#global-navigation-mobile .topbar {
  transition: background-color 0.3s ease;
}
header#global-navigation-mobile .topbar .menu-btn svg .close, header#global-navigation-mobile .topbar .menu-btn svg .burger {
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform-origin: center;
}
header#global-navigation-mobile .topbar .menu-btn svg .close {
  opacity: 0;
  transform: rotate(0deg);
}
header#global-navigation-mobile .topbar svg.df-logo-dark .text path, header#global-navigation-mobile .topbar .menu-btn svg path {
  transition: fill 0.3s ease;
}
header#global-navigation-mobile .nav-container {
  transition: clip-path 0.1s ease;
  will-change: clip-path;
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  backface-visibility: hidden;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
header#global-navigation-mobile .user-action-links {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
header#global-navigation-mobile .user-action-links a {
  align-self: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  line-height: 1;
}
header#global-navigation-mobile .user-action-links a svg {
  width: 20px;
  height: 20px;
}
header#global-navigation-mobile li.has-dropdown svg.icon-nav-arrow-down {
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}
header#global-navigation-mobile li.has-dropdown.active svg.icon-nav-arrow-down {
  transform: rotate(180deg);
}

body.closing header#global-navigation-mobile {
  overflow: visible;
}
body.closing header#global-navigation-mobile > .wrapper {
  height: 100vh;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
body.menu-active {
  overflow: hidden;
}
@media (min-width: 1200px) {
  body.menu-active {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  body.menu-active {
    overflow: auto;
  }
}
body.menu-active header#global-navigation-mobile {
  overflow: visible;
}
body.menu-active header#global-navigation-mobile.solid div.topbar .logo .df-logo-dark .text path {
  fill: white;
}
body.menu-active header#global-navigation-mobile.solid div.topbar .menu-btn path {
  fill: white;
}
body.menu-active header#global-navigation-mobile > .wrapper {
  height: 100vh;
  height: 100dvh;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #0f5a5c;
}
body.menu-active header#global-navigation-mobile div.topbar {
  background-color: #0f5a5c;
}
body.menu-active header#global-navigation-mobile div.topbar svg.df-logo-dark .text path, body.menu-active header#global-navigation-mobile div.topbar .menu-btn svg path {
  fill: white;
}
body.menu-active header#global-navigation-mobile div.topbar .menu-btn svg .burger {
  opacity: 0;
}
body.menu-active header#global-navigation-mobile div.topbar .menu-btn svg .close {
  opacity: 1;
  transform: rotate(90deg);
}
body.menu-active header#global-navigation-mobile .nav-container {
  pointer-events: all;
  opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: clip-path 0.6s ease;
}

.map-route-item:not(:last-of-type) {
  border-bottom: 1px solid #e4e8dc;
}
@media (hover: hover) and (pointer: fine) {
  .map-route-item:not(.open):hover .route-title {
    background-color: white;
  }
}
.map-route-item.open .route-title .arrow {
  rotate: -90deg;
}
.map-route-item .route-title {
  transition: background-color 0.3s ease;
  background-color: rgba(255, 255, 255, 0);
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
.map-route-item .route-title .arrow {
  width: 20px;
  height: 20px;
  transition: rotate 0.3s ease;
  rotate: 90deg;
}
.map-route-item .route-title h3 {
  font-size: 16px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.map-route-item .route {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.map-route-item .route > a {
  text-decoration: underline;
}
.map-route-item .moreInfo {
  display: block;
  padding: 10px;
  margin: 5px 0;
  overflow: visible;
  white-space: normal;
}
.map-route-item .available-routes {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease, border 0.3s ease;
}

ul.links-list {
  column-count: 1;
  column-gap: 16px;
}
@media (min-width: 426px) {
  ul.links-list {
    column-count: 2;
  }
}
@media (min-width: 769px) {
  ul.links-list {
    column-count: 3;
  }
}
@media (min-width: 1025px) {
  ul.links-list {
    column-count: 4;
  }
}
ul.links-list li {
  padding-bottom: 16px;
}
@media (min-width: 769px) {
  ul.links-list li {
    padding-bottom: 16px;
  }
}

li.icon-text-links-item a {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1;
}
li.icon-text-links-item a .icon-pin {
  width: 24px;
  height: 24px;
  fill: #212121;
  flex-shrink: 0;
}
li.icon-text-links-item a .flag {
  width: 32px;
  aspect-ratio: 4/3;
  border-radius: 2px;
  border: 2px solid #e4e8dc;
}
@media (hover: hover) and (pointer: fine) {
  li.icon-text-links-item a:hover {
    text-decoration: underline;
  }
}
li.icon-text-links-item.offer-style a {
  padding: 8px 16px;
  background-color: #F5F5F2;
  border: 1px solid #e4e8dc;
  border-radius: 4px;
  justify-content: space-between;
  font-size: 18px;
}
li.icon-text-links-item.offer-style a .flag {
  order: 2;
}

li.operator-routes-item {
  transition: background-color 0.3s ease;
  background-color: #e4e8dc;
}
@media (hover: hover) and (pointer: fine) {
  li.operator-routes-item:hover {
    background-color: #d8decd;
  }
}
li.operator-routes-item:first-of-type {
  border-radius: 8px 8px 0 0;
}
li.operator-routes-item:last-of-type {
  border-radius: 0 0 8px 8px;
}
li.operator-routes-item:not(:last-of-type) {
  border-bottom: 1px solid #b5c09e;
}
li.operator-routes-item.open {
  background-color: #d8decd;
}
li.operator-routes-item.open .route-title .arrow svg {
  rotate: -90deg;
}
li.operator-routes-item .route-title {
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
@media (min-width: 769px) {
  li.operator-routes-item .route-title {
    padding: 32px;
  }
}
li.operator-routes-item .route-title .arrow {
  width: 24px;
  height: 24px;
}
li.operator-routes-item .route-title .arrow svg {
  transition: rotate 0.3s ease;
  rotate: 90deg;
  width: 100%;
  height: 100%;
}
li.operator-routes-item .available-routes {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
}
li.operator-routes-item .available-routes > div {
  border-radius: 8px;
  background-color: white;
  margin: 0 16px 16px 16px;
  overflow: hidden;
}
@media (min-width: 769px) {
  li.operator-routes-item .available-routes > div {
    margin: 0 32px 32px 32px;
  }
}
li.operator-routes-item .available-routes > div > * {
  background-color: transparent;
}
li.operator-routes-item .available-routes a.from-to {
  padding: 16px 32px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  li.operator-routes-item .available-routes a.from-to {
    padding: 16px 32px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 32px;
  }
}
li.operator-routes-item .available-routes a.from-to img.flag, li.operator-routes-item .available-routes a.from-to div.flag {
  width: 32px;
  height: 24px;
  border-radius: 2px;
  border: 2px solid #e4e8dc;
}
li.operator-routes-item .available-routes a.from-to .arrow-forward-secondary {
  width: 40px;
  height: 40px;
  align-self: flex-end;
}
@media (min-width: 769px) {
  li.operator-routes-item .available-routes a.from-to .arrow-forward-secondary {
    align-self: unset;
    transform: unset;
  }
}
li.operator-routes-item .available-routes a.from-to .port-from, li.operator-routes-item .available-routes a.from-to .port-to {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
@media (min-width: 769px) {
  li.operator-routes-item .available-routes a.from-to .port-from, li.operator-routes-item .available-routes a.from-to .port-to {
    flex: 1;
  }
}
li.operator-routes-item .available-routes a.from-to .port-from .port-name, li.operator-routes-item .available-routes a.from-to .port-to .port-name {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
li.operator-routes-item .available-routes .operator-card-a {
  border: none;
  border-top: 4px dotted #e4e8dc;
  border-radius: 0;
  box-shadow: none;
}

li.country-ferry-ports-item {
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  flex-grow: 1;
  background-color: white;
}
li.country-ferry-ports-item .title a, li.country-ferry-ports-item .links a {
  outline-offset: -3px;
  line-height: 1;
}
@media (hover: hover) and (pointer: fine) {
  li.country-ferry-ports-item .title a:hover, li.country-ferry-ports-item .links a:hover {
    text-decoration: underline;
  }
}
@media (hover: hover) and (pointer: fine) {
  li.country-ferry-ports-item .title a:hover {
    background-color: #D4D4D4;
  }
}
li.country-ferry-ports-item .title {
  background-color: #E8E8E8;
}
li.country-ferry-ports-item .title a {
  padding: 16px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  transition: background-color 0.3s ease;
}
li.country-ferry-ports-item .title img {
  width: 32px;
  height: 24px;
  border-radius: 2px;
  border: 2px solid #e4e8dc;
}
li.country-ferry-ports-item .title div {
  width: 32px;
  height: 24px;
  border-radius: 2px;
  border: 2px solid #e4e8dc;
}
li.country-ferry-ports-item .links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  padding: 16px;
}
li.country-ferry-ports-item .links a {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #4b5fff;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
li.country-ferry-ports-item .links svg.port-icon {
  fill: #212121;
  width: 24px;
  height: 24px;
}

li.featured-ship-card {
  position: relative;
}
li.featured-ship-card .image {
  aspect-ratio: 16/8;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
li.featured-ship-card .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
li.featured-ship-card .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
li.featured-ship-card .ship-info {
  transition: background-color 0.3s ease;
  background-color: #0f5a5c;
  color: white;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
li.featured-ship-card .ship-info svg path {
  fill: white;
}
li.featured-ship-card .ship-info svg path:not(.half) {
  stroke: white;
}
li.featured-ship-card .ship-info svg path.outline {
  stroke: white;
  fill: none;
}
li.featured-ship-card a.ship-name {
  border-radius: 8px;
  display: block;
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  li.featured-ship-card a.ship-name:hover .image img {
    transform: scale(1.2);
  }
  li.featured-ship-card a.ship-name:hover .ship-info {
    background-color: #407A7D;
  }
}
li.featured-ship-card a.ferry-line-name {
  font-size: 12px !important;
  padding: 8px !important;
  line-height: 1 !important;
  position: absolute;
  top: 16px;
  right: 16px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  z-index: 1;
}

li.choose-ship-card {
  background-color: #E8EDF0;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
li.choose-ship-card a {
  line-height: 1.2;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (hover: hover) and (pointer: fine) {
  li.choose-ship-card a:hover {
    text-decoration: underline;
  }
}
li.choose-ship-card p {
  line-height: 1;
  font-size: 14px;
}
li.choose-ship-card > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
li.choose-ship-card > div a {
  text-decoration: underline;
  transition: color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  li.choose-ship-card > div a:hover {
    color: #7A7A7A;
  }
}

section.destination-cards ul.destination-cards-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 769px) {
  section.destination-cards ul.destination-cards-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1025px) {
  section.destination-cards ul.destination-cards-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

li.destination-card2 {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  background-color: white;
  transition: background-color 0.3s ease;
  overflow: hidden;
}
li.destination-card2 a {
  display: flex;
  flex-direction: row;
}
li.destination-card2 .image {
  width: 100px;
  overflow: hidden;
}
li.destination-card2 .image img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
li.destination-card2 .text {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
}
li.destination-card2 .text .continent {
  font-family: rocky, serif;
  font-weight: 400;
  font-style: italic;
}
li.destination-card2 .text .submit-btn {
  align-self: flex-end;
}
@media (hover: hover) and (pointer: fine) {
  li.destination-card2:hover {
    background-color: #eff0f2;
  }
  li.destination-card2:hover .image img {
    transform: scale(1.2);
  }
}

section.intro .wrapper {
  gap: 24px;
}
@media (min-width: 769px) {
  section.intro .wrapper {
    gap: 32px;
  }
}
@media (min-width: 769px) {
  section.intro .wrapper > p, section.intro .wrapper ul li {
    font-size: 20px;
    line-height: 32px;
  }
}
section.intro .wrapper .image-text-combo {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  section.intro .wrapper .image-text-combo {
    flex-direction: row;
    gap: 32px;
  }
}
section.intro .wrapper .image-text-combo .image {
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  max-width: 240px;
}
section.intro .wrapper .image-text-combo .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.intro .wrapper .image-text-combo .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.intro .wrapper .image-text-combo .review-snapshot {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
section.intro .wrapper .image-text-combo .review-snapshot svg {
  width: 100px;
  height: auto;
}
section.intro .wrapper .image-text-combo .review-snapshot a {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: #4b5fff;
  line-height: 1;
}
@media (hover: hover) and (pointer: fine) {
  section.intro .wrapper .image-text-combo .review-snapshot a:hover {
    text-decoration: underline;
  }
}
section.intro .wrapper .longform-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  section.intro .wrapper .longform-text {
    gap: 32px;
  }
}

section.operator-ind-intro ul.links {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
@media (min-width: 769px) {
  section.operator-ind-intro ul.links {
    flex-direction: row;
    align-items: unset;
  }
}

section.ship-main-intro .wrapper {
  gap: 24px;
}
@media (min-width: 769px) {
  section.ship-main-intro .wrapper {
    gap: 32px;
  }
}

li.ferry-offer-card {
  background-color: #F5F5F2;
  border: 1px solid #e4e8dc;
  padding: 16px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  li.ferry-offer-card {
    flex-direction: row;
    align-items: center;
  }
}
li.ferry-offer-card > div {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
li.ferry-offer-card a.submit-btn {
  flex-shrink: 0;
}

li.popular-operators-item {
  background-color: white;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
li.popular-operators-item .operator-info {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  li.popular-operators-item .operator-info {
    align-items: center;
    flex-direction: row;
    gap: 32px;
  }
}
li.popular-operators-item .operator-info .image {
  width: 140px;
  flex-shrink: 0;
}
li.popular-operators-item .operator-info .image a {
  width: 100%;
  display: block;
}
li.popular-operators-item .operator-info .image a img {
  width: 100%;
}
li.popular-operators-item .operator-info .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  li.popular-operators-item .operator-info .text-wrap {
    gap: 32px;
  }
}
li.popular-operators-item .operator-info .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
li.popular-operators-item .operator-info .ctas {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  li.popular-operators-item .operator-info .ctas {
    flex-direction: row;
    gap: 32px;
  }
}
li.popular-operators-item .popular-routes {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}
li.popular-operators-item .popular-routes ul {
  padding: 16px;
  background: #D4D4D4;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
li.popular-operators-item .js-accordion-btn svg {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
li.popular-operators-item.open .js-accordion-btn svg {
  transform: rotate(-90deg);
}

section.longform-text div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.longform-text ul {
  list-style-position: inside;
}
section.longform-text ul li {
  position: relative;
  padding-left: 16px;
  line-height: 24px;
}
section.longform-text ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
  background-color: #212121;
}

li.price-list-item {
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
li.price-list-item > div {
  padding: 16px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  li.price-list-item > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 32px;
  }
}
li.price-list-item > div img.flag {
  width: 32px;
  height: 24px;
  border-radius: 2px;
  border: 2px solid #e4e8dc;
}
li.price-list-item > div .route-return {
  width: 40px;
  height: 40px;
  align-self: flex-end;
  transform: rotate(90deg);
}
@media (min-width: 769px) {
  li.price-list-item > div .route-return {
    align-self: unset;
    transform: unset;
  }
}
li.price-list-item > div .port-from .label, li.price-list-item > div .port-to .label, li.price-list-item > div .price .label {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  li.price-list-item > div .port-from .label, li.price-list-item > div .port-to .label, li.price-list-item > div .price .label {
    display: none;
  }
}
li.price-list-item > div .port-from, li.price-list-item > div .port-to {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
@media (min-width: 769px) {
  li.price-list-item > div .port-from, li.price-list-item > div .port-to {
    flex: 1;
  }
}
li.price-list-item > div .port-from .port-name, li.price-list-item > div .port-to .port-name {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
li.price-list-item > div .port-from .label, li.price-list-item > div .port-to .label {
  width: 32px;
}
li.price-list-item > div .price {
  padding-top: 16px;
  margin-top: 16px;
  display: flex;
  align-items: center;
  font-size: 18px;
  gap: 16px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  border-top: 4px dotted #e4e8dc;
}
@media (min-width: 769px) {
  li.price-list-item > div .price {
    margin-top: 0;
    border-left: 4px dotted #e4e8dc;
    border-top: none;
    padding-top: 0;
    padding-left: 32px;
    justify-content: flex-end;
  }
}

div.banner-flexible-ticket {
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) {
  div.banner-flexible-ticket {
    height: 168px;
    margin: 0 auto;
    max-width: 1168px;
  }
}
div.banner-flexible-ticket a {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  div.banner-flexible-ticket a {
    flex-direction: row;
    width: 100%;
    height: 100%;
  }
}
div.banner-flexible-ticket a > * {
  flex: 1;
}
div.banner-flexible-ticket svg.chevron-right {
  transform: scale(1.1);
}
div.banner-flexible-ticket .logo {
  display: none;
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) {
  div.banner-flexible-ticket .logo {
    display: flex;
  }
}
div.banner-flexible-ticket .logo > div {
  background-color: #e4e8dc;
  padding-left: 32px;
  z-index: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div.banner-flexible-ticket .logo svg.df-logo-dark {
  justify-self: center;
  max-width: 300px;
  min-width: 200px;
}
div.banner-flexible-ticket .logo svg.chevron-right {
  width: 40px;
  height: 100%;
}
div.banner-flexible-ticket .logo svg.chevron-right path {
  fill: #e4e8dc;
}
div.banner-flexible-ticket .text {
  display: flex;
  position: relative;
  color: white;
  padding: 32px;
}
@media (min-width: 769px) {
  div.banner-flexible-ticket .text {
    padding: 0 0 0 16px;
    flex: 0.8;
    flex-shrink: 0;
  }
}
div.banner-flexible-ticket .text > div {
  gap: 8px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div.banner-flexible-ticket .text p {
  z-index: 1;
  font-size: 40px;
  line-height: 1;
  text-align: center;
}
@media (min-width: 769px) {
  div.banner-flexible-ticket .text p {
    text-align: left;
    font-size: min(3vw, 32px);
  }
}
div.banner-flexible-ticket .text p:nth-of-type(1) {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
div.banner-flexible-ticket .text p:nth-of-type(2) {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
}
div.banner-flexible-ticket .image {
  width: 100%;
  height: 100%;
  position: relative;
  aspect-ratio: 4/3;
}
div.banner-flexible-ticket .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
@media (min-width: 769px) {
  div.banner-flexible-ticket .image {
    aspect-ratio: unset;
  }
}
div.banner-flexible-ticket .image svg.df-logo-light {
  z-index: 1;
  position: absolute;
  bottom: 32px;
  left: 50%;
  width: 70%;
  transform: translateX(-50%);
}
@media (min-width: 769px) {
  div.banner-flexible-ticket .image svg.df-logo-light {
    display: none;
  }
}
div.banner-flexible-ticket .image svg.chevron-right {
  display: none;
}
@media (min-width: 769px) {
  div.banner-flexible-ticket .image svg.chevron-right {
    display: block;
    z-index: 1;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
div.banner-flexible-ticket .image svg.chevron-down {
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 769px) {
  div.banner-flexible-ticket .image svg.chevron-down {
    display: none;
  }
}
div.banner-flexible-ticket .image img {
  width: 100.5%;
  height: 100.5%;
  object-fit: cover;
}
div.banner-flexible-ticket.primary {
  background-color: #FC6446;
}
div.banner-flexible-ticket.primary svg.chevron-down path {
  fill: #FC6446;
}
div.banner-flexible-ticket.primary div.image svg.chevron-right path {
  fill: #FC6446;
}
div.banner-flexible-ticket.tertiary {
  background-color: #0f5a5c;
}
div.banner-flexible-ticket.tertiary svg.chevron-down path {
  fill: #0f5a5c;
}
div.banner-flexible-ticket.tertiary div.image svg.chevron-right path {
  fill: #0f5a5c;
}

.js-tabbed-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  .js-tabbed-content {
    gap: 32px;
  }
}
.js-tabbed-content .tabs {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e4e8dc;
  gap: 8px;
  color: #4D4D4D;
  flex-wrap: wrap;
}
.js-tabbed-content .tabs button {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  padding: 0 16px 4px 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: border-bottom 0.3s ease, color 0.3s ease;
}
@media (min-width: 769px) {
  .js-tabbed-content .tabs button {
    padding: 0 24px 16px 0;
  }
}
.js-tabbed-content .tabs button.active {
  color: #212121;
  border-bottom: 2px solid #FC6446;
}
.js-tabbed-content .tab-content > .tab-pane:not(.active) {
  display: none;
  pointer-events: none;
}
.js-tabbed-content .tab-pane #map_canvas {
  width: 100%;
  height: 450px;
}

section.ferry-to-port-ind-tabs [data-tab-index="1"] > ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
section.ferry-to-port-ind-tabs [data-tab-index="1"] > ul > li {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

section.c2c-tabs [data-tab-index="1"] ul.js-accordion, section.freight-tabs [data-tab-index="1"] ul.js-accordion {
  border-radius: 8px;
  background-color: #F0F2EB;
}
section.c2c-tabs [data-tab-index="1"] ul.js-accordion > li:not(:last-of-type), section.freight-tabs [data-tab-index="1"] ul.js-accordion > li:not(:last-of-type) {
  border-bottom: 1px solid #e4e8dc;
}
@media (hover: hover) and (pointer: fine) {
  section.c2c-tabs [data-tab-index="1"] ul.js-accordion > li:not(.open):hover .js-accordion-btn, section.freight-tabs [data-tab-index="1"] ul.js-accordion > li:not(.open):hover .js-accordion-btn {
    background-color: white;
  }
}
section.c2c-tabs [data-tab-index="1"] ul.js-accordion > li.open .js-accordion-btn .arrow, section.freight-tabs [data-tab-index="1"] ul.js-accordion > li.open .js-accordion-btn .arrow {
  rotate: -90deg;
}
section.c2c-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-btn, section.freight-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-btn {
  transition: background-color 0.3s ease;
  background-color: rgba(255, 255, 255, 0);
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
section.c2c-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-btn .arrow, section.freight-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-btn .arrow {
  width: 20px;
  height: 20px;
  transition: rotate 0.3s ease;
  rotate: 90deg;
}
section.c2c-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-btn p, section.freight-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-btn p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
section.c2c-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-reveal, section.freight-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-reveal {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease, border 0.3s ease;
}
section.c2c-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-reveal > ul, section.freight-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-reveal > ul {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.c2c-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-reveal > ul li a.title, section.freight-tabs [data-tab-index="1"] ul.js-accordion > li .js-accordion-reveal > ul li a.title {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 18px;
  align-self: flex-start;
  text-decoration: underline;
}

section.routes-main-tabs .tab-content > .tab-pane {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  transition: opacity 0.3s ease, height 0.3s ease;
}
@media (min-width: 1025px) {
  section.routes-main-tabs .tab-content > .tab-pane {
    grid-template-columns: 1fr 1fr;
  }
  section.routes-main-tabs .tab-content > .tab-pane.ferry-ports {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1025px) {
  section.routes-main-tabs .tab-content > .tab-pane .operator-card-d {
    grid-template-columns: 1fr 1fr max-content;
    justify-content: start;
    grid-template-areas: "route route route" "dates duration getPrice";
    gap: 16px;
  }
}

li.ferry-alternative-card {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 16px;
  flex-grow: 0;
  align-items: center;
}
li.ferry-alternative-card svg.compare-arrows {
  width: 24px;
  height: 24px;
}
li.ferry-alternative-card svg.compare-arrows path {
  fill: #212121;
}
li.ferry-alternative-card a {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  li.ferry-alternative-card a:hover {
    text-decoration: underline;
  }
}
li.ferry-alternative-card p {
  line-height: 1.5;
}
li.ferry-alternative-card p br {
  display: none;
}
@media (min-width: 769px) {
  li.ferry-alternative-card p br {
    display: block;
  }
}

section.ferry-gallery .images {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 426px) {
  section.ferry-gallery .images {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 769px) {
  section.ferry-gallery .images {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1025px) {
  section.ferry-gallery .images {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
section.ferry-gallery .images .image {
  width: 100%;
  aspect-ratio: 6/4;
  border-radius: 4px;
  overflow: hidden;
}
section.ferry-gallery .images .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.video .wrapper > div {
  display: flex;
  justify-content: center;
}
section.video .wrapper > div iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 560px;
}

section.other-ships ul.other-ships-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 769px) {
  section.other-ships ul.other-ships-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}
section.other-ships ul.other-ships-list li.other-ships-item {
  flex-grow: 1;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  section.other-ships ul.other-ships-list li.other-ships-item {
    flex-grow: 0;
  }
}
section.other-ships ul.other-ships-list li.other-ships-item a {
  border-radius: 4px;
  background-color: #e4e8dc;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  line-height: 1;
  padding: 8px;
  transition: background-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  section.other-ships ul.other-ships-list li.other-ships-item a:hover {
    background-color: #ccd4bd;
  }
}
section.other-ships ul.other-ships-list li.other-ships-item svg.ferry {
  width: 24px;
  height: 24px;
}
section.other-ships ul.other-ships-list li.other-ships-item svg.arrow-right {
  width: 16px;
  margin-left: auto;
}
@media (min-width: 769px) {
  section.other-ships ul.other-ships-list li.other-ships-item svg.arrow-right {
    margin-left: 32px;
  }
}

section.onboard-ferries .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  section.onboard-ferries .text {
    display: grid;
    grid-template-areas: "A C" "B B";
    gap: 16px;
  }
}
section.onboard-ferries h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
@media (min-width: 769px) {
  section.onboard-ferries h2 {
    order: 1;
    gap: 16px;
  }
}
section.onboard-ferries h2 svg {
  width: 32px;
}
section.onboard-ferries p.lead {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 20px;
}
@media (min-width: 769px) {
  section.onboard-ferries p.lead {
    order: 3;
  }
}
@media (min-width: 769px) {
  section.onboard-ferries a.secondary {
    justify-self: flex-end;
    order: 2;
  }
}
section.onboard-ferries .image {
  width: 100%;
  height: 186px;
  border-radius: 8px;
  overflow: hidden;
}
section.onboard-ferries .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.boldLink {
  -webkit-font-smoothing: antialiased !important;
  font-weight: 700 !important;
  text-decoration: underline;
}

li.text-accordion-item {
  border-bottom: 1px solid #0f5a5c;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: background-color 0.3s ease;
  padding: 16px 0;
}
li.text-accordion-item.open .js-accordion-btn .arrow svg {
  rotate: -180deg;
}
li.text-accordion-item .js-accordion-btn {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
li.text-accordion-item .js-accordion-btn .title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
li.text-accordion-item .js-accordion-btn .title p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 20px;
}
li.text-accordion-item .js-accordion-btn .arrow {
  margin-left: auto;
  rotate: 90deg;
}
li.text-accordion-item .js-accordion-btn .arrow svg {
  transition: rotate 0.3s ease;
  width: 20px;
}
li.text-accordion-item .text {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

section.subscribe-login {
  padding: 32px 0;
}
section.subscribe-login iframe {
  width: 100%;
  display: block;
  max-width: 1200px;
  margin: 0 auto;
  border: none;
  border-radius: 8px;
  min-height: 270px;
}
section.subscribe-login form {
  background-color: white;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1025px) {
  section.subscribe-login form {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
section.subscribe-login form > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
}
@media (min-width: 769px) {
  section.subscribe-login form button {
    align-self: flex-start;
    margin-top: 34px;
  }
}
section.subscribe-login form a.forgot {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (hover: hover) and (pointer: fine) {
  section.subscribe-login form a.forgot:hover {
    text-decoration: underline;
  }
}

section.narrow-hero {
  margin: 0 auto;
  position: relative;
  height: 320px;
  overflow: hidden;
}
@media (min-width: 769px) {
  section.narrow-hero {
    height: 264px;
    min-height: unset;
  }
}
@media (min-width: 1200px) {
  section.narrow-hero {
    margin-top: 0;
  }
}
section.narrow-hero .wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 769px) {
  section.narrow-hero .wrapper {
    flex-direction: row;
    height: 100%;
  }
}
section.narrow-hero .text {
  padding: 32px;
  position: absolute;
  z-index: 1;
}
@media (min-width: 769px) {
  section.narrow-hero .text {
    position: relative;
    align-self: center;
    padding: 0;
    width: 50%;
  }
}
section.narrow-hero .text .title {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 24px;
  line-height: 1;
}
@media (min-width: 769px) {
  section.narrow-hero .text .title {
    font-size: 32px;
  }
}
section.narrow-hero .text .subtitle {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
  font-size: 24px;
  margin-top: 10px;
}
@media (min-width: 769px) {
  section.narrow-hero .text .subtitle {
    font-size: 32px;
    margin-top: 10px;
  }
}
section.narrow-hero .image {
  aspect-ratio: 16/9;
  position: relative;
  margin: 0 -16px;
  height: 100%;
}
section.narrow-hero .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
@media (min-width: 769px) {
  section.narrow-hero .image {
    aspect-ratio: unset;
    position: absolute;
    width: 50%;
    height: 264px;
    margin: 0;
    right: 0;
  }
  section.narrow-hero .image:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(15, 90, 92, 0.2);
    position: absolute;
    inset: 0;
  }
}
section.narrow-hero .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
@media (min-width: 769px) {
  section.narrow-hero .image img {
    object-position: center;
  }
}
section.narrow-hero .image .chevron-right {
  display: none;
}
@media (min-width: 769px) {
  section.narrow-hero .image .chevron-right {
    z-index: 1;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: auto;
  }
}
section.narrow-hero.primary {
  color: white;
}
@media (min-width: 769px) {
  section.narrow-hero.primary {
    background-color: #FC6446;
  }
}
section.narrow-hero.primary .text-block {
  background-color: #FC6446;
}
@media (min-width: 769px) {
  section.narrow-hero.primary .text-block {
    background-color: transparent;
  }
}
section.narrow-hero.primary .chevron-right, section.narrow-hero.primary .chevron-down {
  fill: #FC6446;
}
section.narrow-hero.secondary {
  color: white;
}
@media (min-width: 769px) {
  section.narrow-hero.secondary {
    background-color: #e4e8dc;
  }
}
section.narrow-hero.secondary .text-block {
  background-color: #e4e8dc;
}
@media (min-width: 769px) {
  section.narrow-hero.secondary .text-block {
    background-color: transparent;
  }
}
section.narrow-hero.secondary .chevron-right, section.narrow-hero.secondary .chevron-down {
  fill: #e4e8dc;
}
section.narrow-hero.tertiary {
  color: white;
}
@media (min-width: 769px) {
  section.narrow-hero.tertiary {
    background-color: #0f5a5c;
  }
}
section.narrow-hero.tertiary .text-block {
  background-color: #0f5a5c;
}
@media (min-width: 769px) {
  section.narrow-hero.tertiary .text-block {
    background-color: transparent;
  }
}
section.narrow-hero.tertiary .chevron-right, section.narrow-hero.tertiary .chevron-down {
  fill: #0f5a5c;
}

section.accommodation-types {
  padding: 32px 0;
}
section.accommodation-types > .wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  section.accommodation-types > .wrapper {
    flex-direction: row !important;
    gap: 32px;
  }
}
section.accommodation-types .accommodation-type {
  width: 100%;
}
section.accommodation-types .accommodation-type a {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (hover: hover) and (pointer: fine) {
  section.accommodation-types .accommodation-type a:hover h2 {
    text-decoration: underline;
  }
  section.accommodation-types .accommodation-type a:hover .image img {
    transform: scale(1.2);
  }
}
section.accommodation-types .accommodation-type h2 {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 20px;
}
section.accommodation-types .accommodation-type .image {
  width: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
section.accommodation-types .accommodation-type .image:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
section.accommodation-types .accommodation-type .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

li.mini-cruise-card {
  background-color: white;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
@media (min-width: 1025px) {
  li.mini-cruise-card {
    flex-direction: row;
    gap: 32px;
    align-items: center;
  }
}
li.mini-cruise-card .image {
  width: 140px;
  flex-shrink: 0;
}
li.mini-cruise-card .image a {
  width: 100%;
  display: block;
}
li.mini-cruise-card .image a img {
  width: 100%;
}
li.mini-cruise-card .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  li.mini-cruise-card .text-wrap {
    gap: 32px;
  }
}
li.mini-cruise-card .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (hover: hover) and (pointer: fine) {
  li.mini-cruise-card .text > a:hover {
    text-decoration: underline;
  }
}

.intro-dropdown-selects {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  .intro-dropdown-selects {
    align-items: end;
    flex-direction: row;
  }
}
.intro-dropdown-selects p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@media (min-width: 769px) {
  .intro-dropdown-selects p {
    margin-bottom: 16px;
  }
}
@media (min-width: 769px) {
  .intro-dropdown-selects .select-wrapper {
    flex-grow: 1;
    max-width: 50%;
  }
}

ul.share-links {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
}
@media (min-width: 769px) {
  ul.share-links {
    flex-direction: row;
  }
}
ul.share-links li a {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
@media (hover: hover) and (pointer: fine) {
  ul.share-links li a:hover {
    text-decoration: underline;
  }
}
ul.share-links li svg {
  width: 24px;
  height: 24px;
}
ul.share-links li svg path {
  fill: #212121;
}

body.df-signin {
  background-color: #F0F2EB;
}
body.df-signin #template-monolith-redirect-modal {
  display: none;
}
body.df-signin nav.navbar {
  background-color: #0f5a5c;
  color: white;
}
body.df-signin main .container {
  max-width: 1200px;
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px;
}
body.df-signin main .container > .row {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
body.df-signin main .container > .row > div:nth-of-type(1), body.df-signin main .container > .row > div:nth-of-type(3) {
  flex-basis: 25%;
}
body.df-signin main .container > .row > div:nth-of-type(2) {
  flex-basis: 50%;
}
body.df-signin main .df-middle-content .card-title h3 {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 32px;
  line-height: 40px;
}

section.blog-hero {
  min-height: 370px;
  position: relative;
}
@media (min-width: 769px) {
  section.blog-hero {
    min-height: 440px;
  }
}
@media (min-width: 1025px) {
  section.blog-hero {
    min-height: 740px;
  }
}
section.blog-hero .text {
  position: relative;
  z-index: 3;
  color: white;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
  height: 300px;
}
@media (min-width: 769px) {
  section.blog-hero .text {
    height: 190px;
    margin: 0 auto;
  }
}
@media (min-width: 1025px) {
  section.blog-hero .text {
    height: 150px;
    max-width: 1200px;
  }
}
section.blog-hero .text > div:first-of-type {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 769px) {
  section.blog-hero .text > div:first-of-type {
    max-width: 600px;
  }
}
@media (min-width: 1025px) {
  section.blog-hero .text > div:first-of-type {
    gap: 16px;
  }
}
section.blog-hero .text h1 {
  line-height: 1;
  font-size: 32px;
}
@media (min-width: 769px) {
  section.blog-hero .text h1 {
    font-size: 40px;
  }
}
section.blog-hero .text p {
  font-family: rocky, serif;
  font-weight: 400;
  font-style: italic;
  line-height: 1;
  font-size: 16px;
}
@media (min-width: 769px) {
  section.blog-hero .text p {
    font-size: 32px;
  }
}
section.blog-hero .image {
  width: 100%;
  height: 74vh;
  position: absolute;
  inset: 0;
}
@media (min-width: 2000px) {
  section.blog-hero .image {
    height: 43vw;
    max-height: 1000px;
  }
}
@media (max-width: 768px) {
  section.blog-hero .image {
    height: 40vh;
  }
}
section.blog-hero .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1025px) {
  section.blog-hero .image img {
    object-position: top right;
  }
}
section.blog-hero .image .overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(33, 33, 33, 0) 50%);
  z-index: 1;
  opacity: 0.7;
}
section.blog-hero .image svg {
  width: 100%;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
}
section.blog-hero .image svg path {
  fill: #e4e8dc;
}
@media (max-width: 768px) {
  section.blog-hero .inner {
    display: flex;
    flex-direction: column;
  }
}
section.blog-hero .inner .dealfinder-widget-wrapper {
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 100%;
  padding: 48px 16px 16px;
  min-height: 640px;
  order: 1;
}
@media (max-width: 768px) {
  section.blog-hero .inner .dealfinder-widget-wrapper {
    background-color: #0f5a5c;
    padding-top: 0;
  }
}
@media (min-width: 769px) {
  section.blog-hero .inner .dealfinder-widget-wrapper {
    order: 1;
    margin: 0 auto;
    min-height: initial;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  section.blog-hero .inner .dealfinder-widget-wrapper {
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  section.blog-hero .inner .dealfinder-widget-wrapper .wrapper {
    padding: 0;
  }
}

#blog-sidebar {
  border-radius: 8px;
  padding: 16px;
  background-color: #FAFAF7;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1025px) {
  #blog-sidebar {
    width: 180px;
    flex-shrink: 0;
  }
}
@media (min-width: 1025px) {
  #blog-sidebar {
    border-radius: 16px;
    width: 280px;
    flex-shrink: 0;
  }
}
#blog-sidebar .categories {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#blog-sidebar .categories ul {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
@media (min-width: 1025px) {
  #blog-sidebar .categories ul a {
    min-width: 150px;
    justify-content: flex-start;
  }
}
#blog-sidebar .popular {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 1025px) {
  #blog-sidebar .popular {
    overflow: hidden;
  }
}
#blog-sidebar .popular ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 769px) {
  #blog-sidebar .popular ul {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1025px) {
  #blog-sidebar .popular ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-y: auto;
  }
}
@media (min-width: 1025px) {
  #blog-sidebar .popular ul li {
    padding: 16px 0;
    width: 100%;
    border-bottom: 1px solid #D4D4D4;
  }
  #blog-sidebar .popular ul li:first-of-type {
    padding-top: 0;
  }
}
#blog-sidebar .popular ul a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  line-height: 1;
}
@media (hover: hover) and (pointer: fine) {
  #blog-sidebar .popular ul a:hover img {
    transform: scale(1.2);
  }
}
#blog-sidebar .popular ul .image {
  aspect-ratio: 16/9;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 4px;
}
#blog-sidebar .popular ul .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
#blog-sidebar .ad {
  width: 100%;
  display: block;
}
#blog-sidebar .ad img {
  width: 100%;
}

body.blog-home {
  background-color: #e4e8dc;
}
body.blog-home #blog-columns .left {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  min-width: 0;
}
body.blog-home section.featured-post {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
@media (min-width: 769px) {
  body.blog-home section.featured-post {
    border-radius: 16px;
    flex-direction: row-reverse;
  }
}
@media (min-width: 769px) {
  body.blog-home section.featured-post .image {
    flex: 1;
  }
}
body.blog-home section.featured-post .image a {
  display: block;
  overflow: hidden;
  height: 100%;
  position: relative;
  aspect-ratio: 16/9;
}
body.blog-home section.featured-post .image a:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(15, 90, 92, 0.2);
  position: absolute;
  inset: 0;
}
@media (hover: hover) and (pointer: fine) {
  body.blog-home section.featured-post .image a:hover img {
    transform: scale(1.2);
  }
}
@media (min-width: 769px) {
  body.blog-home section.featured-post .image a {
    aspect-ratio: unset;
  }
}
body.blog-home section.featured-post .image img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
body.blog-home section.featured-post .image .chevron-right {
  display: none;
}
@media (min-width: 1025px) {
  body.blog-home section.featured-post .image .chevron-right {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    fill: #0f5a5c;
    height: 100%;
  }
}
body.blog-home section.featured-post .text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  background-color: #0f5a5c;
  color: white;
  padding: 16px;
}
@media (min-width: 769px) {
  body.blog-home section.featured-post .text {
    flex: 1;
    gap: 16px;
    padding: 32px;
  }
}
body.blog-home section.featured-post .text a {
  color: white;
}
body.blog-home section.featured-post .text h2 {
  line-height: 24px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
body.blog-home section.featured-post .text > p {
  font-size: 14px;
}
@media (min-width: 769px) {
  body.blog-home section.featured-post .text > p {
    font-size: 16px;
  }
}
@media (min-width: 1025px) {
  body.blog-home section.featured-post .text > p {
    flex-grow: 1;
    overflow: scroll;
  }
}
body.blog-home section.featured-post .text .author-date {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.blog-home section.featured-post .text .author-date .author {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
  line-height: 1;
}
body.blog-home section.featured-post .text .author-date .date {
  font-size: 12px;
  line-height: 1;
}
body.blog-home section.latest-posts {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 769px) {
  body.blog-home section.latest-posts {
    gap: 16px;
  }
}
@media (min-width: 769px) {
  body.blog-home .title-bar {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
}
body.blog-home .title-bar h2 {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
body.blog-home .filters {
  display: none;
}
@media (min-width: 769px) {
  body.blog-home .filters {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
  }
}
@media (min-width: 769px) {
  body.blog-home .filters ul {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }
}
body.blog-home .filters ul button:not(.outline) {
  pointer-events: none;
}
body.blog-home .filters span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 18px;
}
body.blog-home .blog-posts {
  padding: 0 16px 16px 16px;
  border-radius: 16px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 769px) {
  body.blog-home .blog-posts {
    padding: 32px;
    gap: 32px;
  }
}
body.blog-home ul.blog-card-list {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 769px) {
  body.blog-home ul.blog-card-list {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media (min-width: 1025px) {
  body.blog-home ul.blog-card-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
body.blog-home section.blog-popular-articles {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

body.blog-category {
  background-color: #e4e8dc;
}

main#blog-category-main {
  padding: 0 16px;
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 16px auto 32px auto;
}
@media (min-width: 1025px) {
  main#blog-category-main {
    max-width: 1200px;
    margin: -250px auto 64px auto;
  }
}
main#blog-category-main > div {
  background-color: white;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
@media (min-width: 769px) {
  main#blog-category-main > div {
    padding: 32px;
    border-radius: 16px;
  }
}
@media (min-width: 1025px) {
  main#blog-category-main > div {
    gap: 32px;
  }
}
main#blog-category-main section.latest-posts {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
main#blog-category-main section.latest-posts ul.blog-card-list {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 769px) {
  main#blog-category-main section.latest-posts ul.blog-card-list {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media (min-width: 1025px) {
  main#blog-category-main section.latest-posts ul.blog-card-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

body.blog-post {
  background-color: #e4e8dc;
}
body.blog-post section.blog-post {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-bottom: 32px;
}
@media (min-width: 769px) {
  body.blog-post section.blog-post {
    padding-bottom: 64px;
    max-width: 900px;
  }
}
body.blog-post section.blog-post .post-info {
  gap: 8px !important;
}
body.blog-post section.blog-post .post-info .author, body.blog-post section.blog-post .post-info .date {
  font-size: 14px;
  line-height: 1;
}
body.blog-post section.blog-post .post-info .author {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
}
body.blog-post section.blog-post .post-info .date {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  color: #A6A6A6;
}
body.blog-post section.blog-post h1 {
  position: relative;
  padding-bottom: 32px;
}
body.blog-post section.blog-post h1:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 180px;
  height: 2px;
  background-color: #4b5fff;
}
body.blog-post section.blog-post .image {
  max-width: 500px;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 769px) {
  body.blog-post section.blog-post .image {
    max-width: 800px;
  }
}
body.blog-post section.blog-post .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 1025px) {
  body.blog-home main#blog-columns {
    max-height: 1425px;
  }
}

main#blog-columns {
  display: flex;
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 16px;
  flex-direction: column;
  gap: 16px;
  margin: 16px auto 32px auto;
}
@media (min-width: 1025px) {
  main#blog-columns {
    max-width: 1200px;
    flex-direction: row;
    margin: -250px auto 32px auto;
  }
}
@media (min-width: 1025px) {
  main#blog-columns {
    gap: 32px;
  }
}
main#blog-columns .left {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: white;
  padding: 16px;
  border-radius: 8px;
}
@media (min-width: 1025px) {
  main#blog-columns .left {
    flex-grow: 1;
    gap: 32px;
    padding: 32px;
    border-radius: 16px;
  }
}

body#load-mask {
  background-color: #FAFAF7;
  height: 100vh;
}
body#load-mask #container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 20px;
  padding: 0 20px;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 769px) {
  body#load-mask #container {
    width: 50%;
  }
}
body#load-mask #container p {
  font-size: 20px;
  text-align: center;
}
@media (min-width: 769px) {
  body#load-mask #container p {
    max-width: 430px;
  }
}
body#load-mask #logo {
  width: 100%;
}
body#load-mask #logo svg {
  width: 100%;
}
body#load-mask #operators {
  position: relative;
  margin-top: 20px;
  width: 410px;
  overflow: hidden;
}
body#load-mask #operators:before, body#load-mask #operators:after {
  content: "";
  width: 30%;
  height: 120%;
  position: absolute;
  background: linear-gradient(90deg, #FAFAF7 80%, rgba(250, 250, 247, 0) 100%);
  z-index: 10;
}
body#load-mask #operators:before {
  top: -10%;
  left: -10%;
}
body#load-mask #operators:after {
  right: -10%;
  top: -10%;
  transform: scaleX(-1);
}
body#load-mask #operators > div {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: left;
  width: 100%;
  padding: 15px 0;
}
body#load-mask #operators span {
  flex-shrink: 0;
  display: block;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  width: 130px;
}
body#load-mask #operators span img {
  width: 100%;
  height: 100%;
}

section.home-hero .image {
  overflow: hidden;
}
section.home-hero .image img {
  transform-origin: right bottom;
}
section.home-hero div.text-wrapper span {
  display: block;
  animation: textReveal 1.5s 1 ease forwards;
  transform-origin: left bottom;
  opacity: 0;
}
section.home-hero div.text-wrapper span:first-child {
  animation-delay: 1s;
}
section.home-hero div.text-wrapper span:last-child {
  animation-delay: 3s;
}

@keyframes scaleSlowly {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes textReveal {
  0% {
    transform: translateY(30px);
    opacity: 0;
    filter: blur(5px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes opacityShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacityHide {
  0% {
    opacity: 1;
    z-index: 4;
  }
  50% {
    opacity: 1;
    z-index: 4;
  }
  100% {
    opacity: 0;
    z-index: -10;
  }
}
@keyframes removeHeight {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
  }
}
.fsOverlay.show {
  background: rgba(0, 0, 0, 0.5607843137);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  animation: opacityShow 2s forwards;
  max-height: unset !important;
  z-index: 4;
}

.fsOverlay.hide {
  background: rgba(0, 0, 0, 0.5607843137);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  animation: opacityHide 2s forwards 0s, removeHeight 1s forwards 2s;
  display: none !important;
}

.fsOverlayPop {
  position: relative;
  width: 100%;
  z-index: 20;
}

header#booking-funnel-nav {
  padding: 16px 32px;
  position: relative;
  z-index: 999;
  height: 76px;
}
@media (min-width: 769px) {
  header#booking-funnel-nav {
    background-color: white;
  }
}
@media (min-width: 1200px) {
  header#booking-funnel-nav {
    height: 90px;
    display: block;
  }
}
header#booking-funnel-nav > .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: unset;
  padding: 0;
  height: 100%;
  align-items: center;
}
@media (min-width: 374px) {
  header#booking-funnel-nav .logo {
    width: 230px;
    height: 45px;
  }
}
@media (min-width: 769px) {
  header#booking-funnel-nav .logo {
    width: 240px;
    height: 46px;
  }
}
header#booking-funnel-nav .logo a {
  display: block;
}
header#booking-funnel-nav .logo .text path {
  fill: white;
}
@media (min-width: 769px) {
  header#booking-funnel-nav .logo .text path {
    fill: #212121;
  }
}

div.booking-engine-header {
  color: white;
}
@media (min-width: 769px) {
  div.booking-engine-header {
    background-color: #e4e8dc;
    color: #212121;
    padding: 12px 0;
  }
}
div.booking-engine-header span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  line-height: 1;
}

.urgency-banner {
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  border-radius: 8px;
}
.urgency-banner.blue {
  background-color: #c9ecf4;
}
.urgency-banner.orange {
  background-color: #FC6446;
  color: white;
}
.urgency-banner.orange .icon svg {
  fill: white;
}
.urgency-banner.orange-outline {
  border: 1px solid #FC6446;
  color: #FC6446;
  background-color: white;
}
.urgency-banner.orange-outline .icon svg {
  fill: #FC6446;
}
.urgency-banner.yellow {
  background-color: #ffb932;
}
.urgency-banner .icon {
  width: 24px;
  height: 24px;
}
.urgency-banner .icon svg {
  fill: #212121;
}
.urgency-banner .text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 769px) {
  .urgency-banner .text {
    gap: 4px;
  }
}
.urgency-banner .text p {
  line-height: 1.2;
}
.urgency-banner .text .title {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

body.booking-funnel {
  background-color: #0f5a5c;
  min-height: 100vh;
}
@media (min-width: 769px) {
  body.booking-funnel {
    background-color: #FAFAF7;
  }
}
body.booking-funnel.requote .buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}
@media (min-width: 769px) {
  body.booking-funnel.requote .buttons {
    flex-direction: row;
    gap: 24px;
  }
}
@media (min-width: 769px) {
  body.booking-funnel.session-timeout, body.booking-funnel.booking-failed {
    background-color: #FAFAF7;
  }
}
body.booking-funnel.session-timeout {
  font-size: 18px;
}
body.booking-funnel.session-timeout .error-modal .title {
  color: #e10f1e;
}
body.booking-funnel.session-timeout .error-modal svg {
  fill: #e10f1e;
}
body.booking-funnel.booking-failed .error-modal svg {
  fill: #212121;
}

.error-modal {
  background-color: white;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  max-width: 620px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.error-modal .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.error-modal .text .title {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.error-modal .text .title svg {
  width: 24px;
  height: 24px;
}
.error-modal .text .title span {
  font-size: 18px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

table.price-table {
  border-spacing: 0 16px;
}
table.price-table thead {
  display: none;
  text-align: left;
}
@media (min-width: 769px) {
  table.price-table thead {
    display: table-header-group;
  }
}
table.price-table thead th {
  font-size: 14px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
table.price-table thead th:last-of-type {
  text-align: right;
}
table.price-table tbody tr {
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.24));
}
table.price-table tbody td {
  background-color: #F5F5F2;
  padding: 16px;
  display: block;
  width: 100%;
}
@media (min-width: 769px) {
  table.price-table tbody td {
    display: table-cell;
  }
}
table.price-table tbody td.from {
  border-radius: 8px 8px 0 0;
}
@media (min-width: 769px) {
  table.price-table tbody td.from {
    border-radius: 8px 0 0 8px;
  }
}
table.price-table tbody td.price {
  border-radius: 0px 0px 8px 8px;
}
@media (min-width: 769px) {
  table.price-table tbody td.price {
    border-radius: 0 8px 8px 0;
  }
}
@media (min-width: 769px) {
  table.price-table tbody td.from, table.price-table tbody td.to {
    width: 37.5%;
  }
}
table.price-table tbody td.from > div, table.price-table tbody td.to > div {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
table.price-table tbody td.from > div > span, table.price-table tbody td.to > div > span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  width: 35px;
}
@media (min-width: 769px) {
  table.price-table tbody td.from > div > span, table.price-table tbody td.to > div > span {
    display: none;
  }
}
table.price-table tbody td.from div.location, table.price-table tbody td.to div.location {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
table.price-table tbody td.from div.location img.flag, table.price-table tbody td.from div.location div.flag, table.price-table tbody td.to div.location img.flag, table.price-table tbody td.to div.location div.flag {
  width: 32px;
  height: 24px;
  border-radius: 2px;
  border: 2px solid #e4e8dc;
}
table.price-table tbody td.from div.location span, table.price-table tbody td.to div.location span {
  display: block;
}
table.price-table tbody td.from div.location span:nth-of-type(1), table.price-table tbody td.to div.location span:nth-of-type(1) {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
table.price-table tbody td.from div.location span:nth-of-type(2), table.price-table tbody td.to div.location span:nth-of-type(2) {
  font-weight: 400;
}
table.price-table tbody td.icon {
  text-align: right;
  height: 0;
  padding: 0 16px;
}
table.price-table tbody td.icon svg {
  transform: rotate(90deg);
  margin-top: -20px;
}
@media (min-width: 769px) {
  table.price-table tbody td.icon {
    width: 10%;
    height: auto;
    padding: 16px;
  }
  table.price-table tbody td.icon svg {
    transform: rotate(0);
    margin-top: 0;
  }
}
table.price-table tbody td.price {
  position: relative;
  /*      .divider {
          width: 100%;
          border-top: 4px dotted #e4e8dc;
          display: block;
          padding-bottom: 16px;
        }*/
}
@media (min-width: 769px) {
  table.price-table tbody td.price {
    width: 15%;
    text-align: right;
  }
}
table.price-table tbody td.price:before {
  content: "";
  width: 100%;
  border-top: 4px dotted #e4e8dc;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 769px) {
  table.price-table tbody td.price:before {
    height: 100%;
    width: auto;
    border-left: 4px dotted #e4e8dc;
    border-top: none;
  }
}
table.price-table tbody td.price span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 18px;
}
table.price-table tbody td.price span:nth-of-type(1) {
  margin-right: 8px;
}
@media (min-width: 769px) {
  table.price-table tbody td.price span:nth-of-type(1) {
    display: none;
  }
}

section.inactive-route-box .inactive-lp {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
section.inactive-route-box .inactive-lp--head {
  background-color: #ffd584;
  padding: 16px;
  text-align: center;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
section.inactive-route-box .inactive-lp--body {
  padding: 16px;
  background-color: #fff8eb;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.inactive-route-box .inactive-lp--body ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
section.inactive-route-box .inactive-lp--body ul a {
  text-decoration: underline;
}

#exit-intent {
  z-index: 999;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#exit-intent.active {
  display: block;
  pointer-events: all;
}
#exit-intent.active .message-box {
  transform: translate(-50%, -50%);
  opacity: 1;
}
#exit-intent.active .bg {
  opacity: 1;
}
#exit-intent > .message-box {
  transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
  transition-delay: 0.15s;
  background: white;
  border-radius: 8px;
  width: 80%;
  padding: 16px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  border: 2px solid #FC6446;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  opacity: 0;
}
@media (min-width: 769px) {
  #exit-intent > .message-box {
    width: 500px;
    padding: 32px;
  }
}
#exit-intent > .message-box .df-logo-dark {
  width: 150px;
}
#exit-intent .bg {
  transition: 0.3s opacity ease-in-out;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
  background-color: rgba(33, 33, 33, 0.7);
  opacity: 0;
}

#enter-intent {
  z-index: 999;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#enter-intent.active {
  display: block;
  pointer-events: all;
}
#enter-intent.active .message-box {
  transform: translate(-50%, -50%);
  opacity: 1;
}
#enter-intent.active .bg {
  opacity: 1;
}
#enter-intent > .message-box {
  transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;
  transition-delay: 0.15s;
  background: white;
  border-radius: 8px;
  width: 80%;
  padding: 16px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  border: 2px solid #FC6446;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  opacity: 0;
}
@media (min-width: 769px) {
  #enter-intent > .message-box {
    width: 500px;
    padding: 32px;
  }
}
#enter-intent > .message-box .df-logo-dark {
  width: 150px;
}
#enter-intent .bg {
  transition: 0.3s opacity ease-in-out;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
  background-color: rgba(33, 33, 33, 0.7);
  opacity: 0;
}

#exit-intent-banner {
  background-color: #e4e8dc;
  padding: 8px 32px;
  text-align: center;
  position: relative;
  font-size: 12px;
}
@media (min-width: 769px) {
  #exit-intent-banner {
    font-size: 14px;
    padding: 16px 24px;
  }
}
#exit-intent-banner a {
  transition: opacity 0.3s ease-in-out;
  color: white;
}
#exit-intent-banner a:hover {
  opacity: 0.6;
}
#exit-intent-banner .close {
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  z-index: 999;
  pointer-events: auto;
}
#exit-intent-banner .close:hover {
  opacity: 0.6;
}
#exit-intent-banner svg {
  width: 100%;
  height: 100%;
}
#exit-intent-banner svg path {
  fill: #212121;
}

#df-logo-animation {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 14px;
  transform: scale(0.6);
}
@media (min-width: 769px) {
  #df-logo-animation {
    width: 370px;
    transform: scale(1);
  }
}
#df-logo-animation .disc-outer {
  position: relative;
  left: 120px;
  animation: scaleAndMove 5s cubic-bezier(0.34, 1.5, 0.64, 1) infinite;
}
#df-logo-animation svg.disc {
  position: relative;
  animation: rotate 5s cubic-bezier(0.34, 1.5, 0.64, 1) infinite;
  transform-origin: center;
}
#df-logo-animation svg.text > * {
  animation: fadeIn 5s ease-in-out infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(-360deg);
  }
  70% {
    transform: rotate(-360deg);
  }
  90% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes scaleAndMove {
  0% {
    transform: scale(0);
  }
  10% {
    transform: scale(1);
  }
  30% {
    transform: translateX(-120px) scale(1);
    animation-delay: 0.5s;
  }
  70% {
    transform: translateX(-120px) scale(1);
    animation-delay: 0.5s;
  }
  90% {
    transform: translateX(0px) scale(1);
  }
  100% {
    transform: translateX(0px) scale(0); /* Return to start position */
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  13% {
    opacity: 0;
    transform: translateY(100%);
  }
  18% {
    opacity: 1;
    transform: translateY(0);
  }
  70% {
    opacity: 1;
    transform: translateY(0);
  }
  75% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes scaleUp {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes scaleDown {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
body#CustomPage .cms-content h1 {
  font-size: 24px;
}
@media (min-width: 769px) {
  body#CustomPage .cms-content h1 {
    font-size: 32px;
  }
}
body#CustomPage .cms-content h2 {
  font-size: 20px;
}
@media (min-width: 769px) {
  body#CustomPage .cms-content h2 {
    font-size: 24px;
  }
}
body#CustomPage .cms-content h3 {
  font-size: 20px;
}
body#CustomPage .cms-content h4 {
  font-size: 18px;
  font-weight: 600;
}
@media (hover: hover) and (pointer: fine) {
  body#CustomPage .cms-content h1 a:hover, body#CustomPage .cms-content h2 a:hover, body#CustomPage .cms-content h3 a:hover, body#CustomPage .cms-content h4 a:hover {
    text-decoration: underline;
  }
}
body#CustomPage .cms-content ul {
  list-style-position: inside;
  padding-left: 16px;
}
body#CustomPage .cms-content ul li {
  position: relative;
  padding-left: 16px;
}
body#CustomPage .cms-content ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
  background-color: #212121;
}

@media (min-width: 769px) {
  li.popular-blog-post-card {
    display: flex;
  }
}
li.popular-blog-post-card a {
  display: flex;
  gap: 16px;
  width: 100%;
  white-space: normal;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}
@media (hover: hover) and (pointer: fine) {
  li.popular-blog-post-card a:hover img {
    transform: scale(1.2);
  }
}
li.popular-blog-post-card .image {
  overflow: hidden;
  border-radius: 4px;
  aspect-ratio: 16/9;
}
li.popular-blog-post-card .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
li.popular-blog-post-card .post-info {
  width: 100%;
}
li.popular-blog-post-card .post-info .text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
li.popular-blog-post-card .post-info .text > div {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
li.popular-blog-post-card .post-info .text > div .date {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 12px;
}
li.popular-blog-post-card .post-info .text h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
}

li.blog-card-skeleton-loading {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #D4D4D4;
}
@media (min-width: 769px) {
  li.blog-card-skeleton-loading {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    border: none;
  }
}
li.blog-card-skeleton-loading .blank {
  background-color: rgba(232, 232, 232, 0.5);
}
li.blog-card-skeleton-loading .image {
  width: 100%;
}
li.blog-card-skeleton-loading .tag, li.blog-card-skeleton-loading .date, li.blog-card-skeleton-loading .title {
  width: 100%;
  height: 20px;
  border-radius: 4px;
}
li.blog-card-skeleton-loading .tag {
  max-width: 100px;
}
li.blog-card-skeleton-loading .date {
  max-width: 70px;
}
@media (min-width: 769px) {
  li.blog-card-skeleton-loading .tag, li.blog-card-skeleton-loading .date {
    max-width: unset;
    width: auto;
    flex: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
li.blog-card-skeleton-loading .image, li.blog-card-skeleton-loading title, li.blog-card-skeleton-loading .text > div {
  animation: fadeIn 0.6s ease-in-out infinite alternate;
}
li.blog-card-skeleton-loading .image {
  animation-delay: 0s;
}
li.blog-card-skeleton-loading .title {
  animation-delay: 0.4s;
}
li.blog-card-skeleton-loading .text > div:nth-of-type(1) {
  animation-delay: 0.8s;
}

/*custom css for Landing Pages*/
.ck-content ul {
  list-style-type: disc;
  list-style-position: inside;
  font-size: 14px;
  line-height: 20px;
}

.ck-content ol li {
  list-style-type: decimal;
  list-style-position: inside;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 769px) {
  .ck-content ol li {
    font-size: 16px;
    line-height: 24px;
  }
}

.ck-content ul li p {
  display: inline;
}

.ck-content p {
  font-size: 16px !important;
  line-height: 24px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

.ck-content p:has(strong) {
  font-weight: normal !important;
}

.ck-content ul li span {
  display: inline;
}

@media (min-width: 769px) {
  .ck-content ul {
    font-size: 16px;
    line-height: 24px;
  }
}
.ck-content li {
  margin: 5px 0;
  text-indent: unset !important;
}

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

/*
 * CKEditor 5 (v41.1.0) content styles.
 * Generated on Fri, 23 Feb 2024 06:07:56 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */
:root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-color-mention-text: hsl(341, 100%, 30%);
  --ck-color-selector-caption-background: hsl(0, 0%, 97%);
  --ck-color-selector-caption-text: hsl(0, 0%, 20%);
  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
  --ck-todo-list-checkmark-size: 16px;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table .ck-table-resized {
  table-layout: fixed;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table table {
  overflow: hidden;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table td,
.ck-content .table th {
  overflow-wrap: break-word;
  position: relative;
}

/* @ckeditor/ckeditor5-table/theme/tablecaption.css */
.ck-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: var(--ck-color-selector-caption-text);
  background-color: var(--ck-color-selector-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table {
  margin: 0.9em auto;
  display: table;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double hsl(0, 0%, 70%);
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
  min-width: 2em;
  padding: 0.4em;
  border: 1px solid hsl(0, 0%, 75%);
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table th {
  font-weight: bold;
  background: hsla(0, 0%, 0%, 0.05);
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir=rtl] .table th {
  text-align: right;
}

/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir=ltr] .table th {
  text-align: left;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
  content: "";
  position: absolute;
  border-bottom: 2px dashed hsl(0, 0%, 77%);
  width: 100%;
}

/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: 0.3em 0.6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
  background: hsl(0, 0%, 100%);
  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* @ckeditor/ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
  list-style: none;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
  position: relative;
  margin-bottom: 5px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input, .ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label > #railBtn, .ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label > #railBtn {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content[dir=rtl] .todo-list .todo-list__label > input, .ck-content[dir=rtl] .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-content[dir=rtl] .todo-list .todo-list__label > #railBtn, .ck-content[dir=rtl] .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-content[dir=rtl] .todo-list .todo-list__label > #railBtn {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::before, .ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > #railBtn::before, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label > #railBtn::before, .ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > #railBtn::before, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label > #railBtn::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::after, .ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label > #railBtn::after, .ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label > #railBtn::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::before, .ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > [checked]#railBtn::before, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label > [checked]#railBtn::before, .ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > [checked]#railBtn::before, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label > [checked]#railBtn::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::after, .ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > [checked]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label > [checked]#railBtn::after, .ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > [checked]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label > [checked]#railBtn::after {
  border-color: hsl(0, 0%, 100%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox], .ck-content .todo-list .todo-list__label.todo-list__label_without-description body#TrainAndFerryMain #df-dom-deal_finder_container [type=checkbox]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label.todo-list__label_without-description [type=checkbox]#railBtn, .ck-content .todo-list .todo-list__label.todo-list__label_without-description body#TrainAndFerryInd #df-dom-deal_finder_container [type=checkbox]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-content .todo-list .todo-list__label.todo-list__label_without-description [type=checkbox]#railBtn {
  position: absolute;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > #railBtn, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > #railBtn,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input,
.ck-editor__editable.ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn,
body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > #railBtn,
.ck-editor__editable.ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn,
body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > #railBtn {
  cursor: pointer;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > #railBtn:hover::before, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > #railBtn:hover::before, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > #railBtn:hover::before, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > #railBtn:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn:hover::before, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > #railBtn:hover::before, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn:hover::before, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > #railBtn:hover::before {
  box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > #railBtn, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > #railBtn {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input, .ck-editor__editable.ck-content[dir=rtl] .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > #railBtn, .ck-editor__editable.ck-content[dir=rtl] .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > #railBtn {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn::before, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > #railBtn::before, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn::before, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > #railBtn::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > #railBtn::after, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > #railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > #railBtn::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: "";
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > [checked]#railBtn::before, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > [checked]#railBtn::before, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > [checked]#railBtn::before, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > [checked]#railBtn::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryMain #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > [checked]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > [checked]#railBtn::after, .ck-editor__editable.ck-content .todo-list body#TrainAndFerryInd #df-dom-deal_finder_container .todo-list__label > span[contenteditable=false] > [checked]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > [checked]#railBtn::after {
  border-color: hsl(0, 0%, 100%);
}

/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox], .ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description body#TrainAndFerryMain #df-dom-deal_finder_container [type=checkbox]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description [type=checkbox]#railBtn, .ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description body#TrainAndFerryInd #df-dom-deal_finder_container [type=checkbox]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description [type=checkbox]#railBtn {
  position: absolute;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content img.image_resized {
  height: auto;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
  width: 100%;
}

/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized > figcaption {
  display: block;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline {
  /*
   * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
   * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
   * This strange behavior does not happen with inline-flex.
   */
  display: inline-flex;
  max-width: 100%;
  align-items: flex-start;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture {
  display: flex;
}

/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture,
.ck-content .image-inline img {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}

/* @ckeditor/ckeditor5-image/theme/imagecaption.css */
.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: var(--ck-color-image-caption-text);
  background-color: var(--ck-color-image-caption-background);
  padding: 0.6em;
  font-size: 0.75em;
  outline-offset: -1px;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol {
  list-style-type: decimal;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol {
  list-style-type: lower-latin;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol {
  list-style-type: lower-roman;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul {
  list-style-type: circle;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul {
  list-style-type: square;
}

/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul ul {
  list-style-type: square;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
  max-width: calc(100% - var(--ck-image-style-spacing));
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
  clear: none;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content p + .image-style-align-left,
.ck-content p + .image-style-align-right,
.ck-content p + .image-style-side {
  margin-top: 0;
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-inline-image-style-spacing);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
  color: var(--ck-highlight-pen-red);
  background-color: transparent;
}

/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
  color: var(--ck-highlight-pen-green);
  background-color: transparent;
}

/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px hsl(0, 0%, 80%);
}

/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir=rtl] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0, 0%, 80%);
}

/* @ckeditor/ckeditor5-basic-styles/theme/code.css */
.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  padding: 0.15em;
  border-radius: 2px;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
  font-size: 0.7em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
  font-size: 0.85em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
  font-size: 1.4em;
}

/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
  font-size: 1.8em;
}

/* @ckeditor/ckeditor5-mention/theme/mention.css */
.ck-content .mention {
  background: var(--ck-color-mention-background);
  color: var(--ck-color-mention-text);
}

/* @ckeditor/ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}

/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}

/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}

@media print {
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break {
    padding: 0;
  }
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break::after {
    display: none;
  }
}
.ck-content img {
  max-width: 100%;
}

#rebrand-banner-shout {
  position: fixed;
  z-index: 999;
  display: none;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  background-color: #ffe3ad;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  justify-content: center;
  padding: 4px 40px 4px 16px;
  font-size: 14px;
}
@media (min-width: 769px) {
  #rebrand-banner-shout {
    bottom: 32px;
    right: 32px;
    left: unset;
    background-color: #edefff;
    padding: 2px 40px 2px 16px;
    border-radius: 4px;
    font-size: 16px;
    width: auto;
  }
}
#rebrand-banner-shout span.text {
  transform: translateY(2px);
}
#rebrand-banner-shout span.icon-shout {
  width: 24px;
  height: 24px;
}
@media (min-width: 769px) {
  #rebrand-banner-shout span.icon-shout {
    width: 32px;
    height: 32px;
  }
}
#rebrand-banner-shout span.icon-shout svg {
  width: 100%;
  height: 100%;
}
#rebrand-banner-shout span.icon-shout svg path {
  fill: #212121;
}
#rebrand-banner-shout span.icon-cancel {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
#rebrand-banner-shout span.icon-cancel svg {
  width: 100%;
  height: 100%;
}
#rebrand-banner-shout span.icon-cancel svg path {
  fill: #212121;
}

/*
styles for dealfinder component on

FreightMain:
https://dynamic-fargate.test.directferries.xyz/freight.htm

Mini Cruises:
https://dynamic-fargate.test.directferries.xyz/mini_cruises.htm?culture=en-GB&experiment=2787:B

Accommodation Main
https://dynamic-fargate.test.directferries.xyz/accommodation.htm?culture=en-GB&experiment=2787:B

MiniCruisePortInd
https://dynamic-fargate.test.directferries.xyz/hull_mini_cruise.htm?culture=en-GB&experiment=2787:B

MiniCruiseOperator
https://dynamic-fargate.test.directferries.xyz/dfds_mini_cruise.htm?culture=en-GB&experiment=2787:B


*/
body#TrainAndFerryInd .fsWrap, body#TrainAndFerryMain .fsWrap, body#FreightMain .fsWrap, body#MiniCruiseMain .fsWrap, body#AccommodationMain .fsWrap, body#MiniCruisePortInd .fsWrap, body#MiniCruiseOperator .fsWrap {
  background: transparent !important;
}
@media (min-width: 769px) {
  body#TrainAndFerryInd .fsWrap, body#TrainAndFerryMain .fsWrap, body#FreightMain .fsWrap, body#MiniCruiseMain .fsWrap, body#AccommodationMain .fsWrap, body#MiniCruisePortInd .fsWrap, body#MiniCruiseOperator .fsWrap {
    background: white !important;
    border-radius: 8px;
  }
}
body#TrainAndFerryInd .fsWrap .fs label, body#TrainAndFerryMain .fsWrap .fs label, body#FreightMain .fsWrap .fs label, body#MiniCruiseMain .fsWrap .fs label, body#AccommodationMain .fsWrap .fs label, body#MiniCruisePortInd .fsWrap .fs label, body#MiniCruiseOperator .fsWrap .fs label {
  color: white;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
body#TrainAndFerryInd .fsWrap .fs label > div, body#TrainAndFerryMain .fsWrap .fs label > div, body#FreightMain .fsWrap .fs label > div, body#MiniCruiseMain .fsWrap .fs label > div, body#AccommodationMain .fsWrap .fs label > div, body#MiniCruisePortInd .fsWrap .fs label > div, body#MiniCruiseOperator .fsWrap .fs label > div {
  padding: 0;
}
@media (min-width: 769px) {
  body#TrainAndFerryInd .fsWrap .fs label, body#TrainAndFerryMain .fsWrap .fs label, body#FreightMain .fsWrap .fs label, body#MiniCruiseMain .fsWrap .fs label, body#AccommodationMain .fsWrap .fs label, body#MiniCruisePortInd .fsWrap .fs label, body#MiniCruiseOperator .fsWrap .fs label {
    color: #212121;
  }
}
@media (min-width: 769px) {
  body#TrainAndFerryInd .fsWrap .sm12, body#TrainAndFerryMain .fsWrap .sm12, body#FreightMain .fsWrap .sm12, body#MiniCruiseMain .fsWrap .sm12, body#AccommodationMain .fsWrap .sm12, body#MiniCruisePortInd .fsWrap .sm12, body#MiniCruiseOperator .fsWrap .sm12 {
    padding: 0 16px;
  }
}
body#TrainAndFerryInd .fsWrap .fsRadios, body#TrainAndFerryMain .fsWrap .fsRadios, body#FreightMain .fsWrap .fsRadios, body#MiniCruiseMain .fsWrap .fsRadios, body#AccommodationMain .fsWrap .fsRadios, body#MiniCruisePortInd .fsWrap .fsRadios, body#MiniCruiseOperator .fsWrap .fsRadios {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}
body#TrainAndFerryInd .fsWrap label.radio-inline, body#TrainAndFerryMain .fsWrap label.radio-inline, body#FreightMain .fsWrap label.radio-inline, body#MiniCruiseMain .fsWrap label.radio-inline, body#AccommodationMain .fsWrap label.radio-inline, body#MiniCruisePortInd .fsWrap label.radio-inline, body#MiniCruiseOperator .fsWrap label.radio-inline {
  display: flex;
  flex-direction: row;
  gap: 8px;
  color: white;
  padding-bottom: 0;
}
@media (min-width: 769px) {
  body#TrainAndFerryInd .fsWrap label.radio-inline, body#TrainAndFerryMain .fsWrap label.radio-inline, body#FreightMain .fsWrap label.radio-inline, body#MiniCruiseMain .fsWrap label.radio-inline, body#AccommodationMain .fsWrap label.radio-inline, body#MiniCruisePortInd .fsWrap label.radio-inline, body#MiniCruiseOperator .fsWrap label.radio-inline {
    color: #212121;
  }
}
body#TrainAndFerryInd .fsWrap input[type=radio], body#TrainAndFerryInd .fsWrap #df-dom-deal_finder_container [type=radio]#railBtn, body#TrainAndFerryInd #df-dom-deal_finder_container .fsWrap [type=radio]#railBtn, body#TrainAndFerryMain .fsWrap input[type=radio], body#TrainAndFerryMain .fsWrap #df-dom-deal_finder_container [type=radio]#railBtn, body#TrainAndFerryMain #df-dom-deal_finder_container .fsWrap [type=radio]#railBtn, body#FreightMain .fsWrap input[type=radio], body#FreightMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn, body#FreightMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn, body#MiniCruiseMain .fsWrap input[type=radio], body#MiniCruiseMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn, body#MiniCruiseMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn, body#AccommodationMain .fsWrap input[type=radio], body#AccommodationMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn, body#AccommodationMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn, body#MiniCruisePortInd .fsWrap input[type=radio], body#MiniCruisePortInd .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn, body#MiniCruisePortInd .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn, body#MiniCruiseOperator .fsWrap input[type=radio], body#MiniCruiseOperator .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn, body#MiniCruiseOperator .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn {
  padding: 0;
  background-color: unset;
  border: unset;
  width: auto;
}
body#TrainAndFerryInd .fsWrap input[type=radio]::after, body#TrainAndFerryInd .fsWrap #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .fsWrap [type=radio]#railBtn::after, body#TrainAndFerryMain .fsWrap input[type=radio]::after, body#TrainAndFerryMain .fsWrap #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .fsWrap [type=radio]#railBtn::after, body#FreightMain .fsWrap input[type=radio]::after, body#FreightMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#FreightMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruiseMain .fsWrap input[type=radio]::after, body#MiniCruiseMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruiseMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#AccommodationMain .fsWrap input[type=radio]::after, body#AccommodationMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#AccommodationMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruisePortInd .fsWrap input[type=radio]::after, body#MiniCruisePortInd .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruisePortInd .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruiseOperator .fsWrap input[type=radio]::after, body#MiniCruiseOperator .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruiseOperator .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after {
  width: 15px;
  height: 15px;
  border-radius: 24px;
  position: relative;
  background-color: white;
  content: "";
  display: inline-block;
  visibility: visible;
  border: none;
}
@media (min-width: 769px) {
  body#TrainAndFerryInd .fsWrap input[type=radio]::after, body#TrainAndFerryInd .fsWrap #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryInd #df-dom-deal_finder_container .fsWrap [type=radio]#railBtn::after, body#TrainAndFerryMain .fsWrap input[type=radio]::after, body#TrainAndFerryMain .fsWrap #df-dom-deal_finder_container [type=radio]#railBtn::after, body#TrainAndFerryMain #df-dom-deal_finder_container .fsWrap [type=radio]#railBtn::after, body#FreightMain .fsWrap input[type=radio]::after, body#FreightMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#FreightMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruiseMain .fsWrap input[type=radio]::after, body#MiniCruiseMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruiseMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#AccommodationMain .fsWrap input[type=radio]::after, body#AccommodationMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#AccommodationMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruisePortInd .fsWrap input[type=radio]::after, body#MiniCruisePortInd .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruisePortInd .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruiseOperator .fsWrap input[type=radio]::after, body#MiniCruiseOperator .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn::after, body#MiniCruiseOperator .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn::after {
    border: 2px solid #212121;
  }
}
body#TrainAndFerryInd .fsWrap input[type=radio]:checked::after, body#TrainAndFerryInd .fsWrap #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .fsWrap [type=radio]#railBtn:checked::after, body#TrainAndFerryMain .fsWrap input[type=radio]:checked::after, body#TrainAndFerryMain .fsWrap #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .fsWrap [type=radio]#railBtn:checked::after, body#FreightMain .fsWrap input[type=radio]:checked::after, body#FreightMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#FreightMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruiseMain .fsWrap input[type=radio]:checked::after, body#MiniCruiseMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruiseMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#AccommodationMain .fsWrap input[type=radio]:checked::after, body#AccommodationMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#AccommodationMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruisePortInd .fsWrap input[type=radio]:checked::after, body#MiniCruisePortInd .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruisePortInd .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruiseOperator .fsWrap input[type=radio]:checked::after, body#MiniCruiseOperator .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruiseOperator .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after {
  background-color: #FC6446;
  border: none;
}
@media (min-width: 769px) {
  body#TrainAndFerryInd .fsWrap input[type=radio]:checked::after, body#TrainAndFerryInd .fsWrap #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryInd #df-dom-deal_finder_container .fsWrap [type=radio]#railBtn:checked::after, body#TrainAndFerryMain .fsWrap input[type=radio]:checked::after, body#TrainAndFerryMain .fsWrap #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#TrainAndFerryMain #df-dom-deal_finder_container .fsWrap [type=radio]#railBtn:checked::after, body#FreightMain .fsWrap input[type=radio]:checked::after, body#FreightMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#FreightMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruiseMain .fsWrap input[type=radio]:checked::after, body#MiniCruiseMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruiseMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#AccommodationMain .fsWrap input[type=radio]:checked::after, body#AccommodationMain .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#AccommodationMain .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruisePortInd .fsWrap input[type=radio]:checked::after, body#MiniCruisePortInd .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruisePortInd .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruiseOperator .fsWrap input[type=radio]:checked::after, body#MiniCruiseOperator .fsWrap body#TrainAndFerryMain #df-dom-deal_finder_container [type=radio]#railBtn:checked::after, body#MiniCruiseOperator .fsWrap body#TrainAndFerryInd #df-dom-deal_finder_container [type=radio]#railBtn:checked::after {
    border: 2px solid #212121;
    background-color: #212121;
  }
}
@media (min-width: 769px) {
  body#TrainAndFerryInd .fsWrap .fsBtn .form-group, body#TrainAndFerryMain .fsWrap .fsBtn .form-group, body#FreightMain .fsWrap .fsBtn .form-group, body#MiniCruiseMain .fsWrap .fsBtn .form-group, body#AccommodationMain .fsWrap .fsBtn .form-group, body#MiniCruisePortInd .fsWrap .fsBtn .form-group, body#MiniCruiseOperator .fsWrap .fsBtn .form-group {
    margin-top: 4px;
    margin-right: 0;
  }
}
body#TrainAndFerryInd #ui-datepicker-div, body#TrainAndFerryMain #ui-datepicker-div, body#FreightMain #ui-datepicker-div, body#MiniCruiseMain #ui-datepicker-div, body#AccommodationMain #ui-datepicker-div, body#MiniCruisePortInd #ui-datepicker-div, body#MiniCruiseOperator #ui-datepicker-div {
  z-index: 10 !important;
}
@media (min-width: 769px) {
  body#TrainAndFerryInd .ui-datepicker-calendar a.ui-state-default:hover, body#TrainAndFerryMain .ui-datepicker-calendar a.ui-state-default:hover, body#FreightMain .ui-datepicker-calendar a.ui-state-default:hover, body#MiniCruiseMain .ui-datepicker-calendar a.ui-state-default:hover, body#AccommodationMain .ui-datepicker-calendar a.ui-state-default:hover, body#MiniCruisePortInd .ui-datepicker-calendar a.ui-state-default:hover, body#MiniCruiseOperator .ui-datepicker-calendar a.ui-state-default:hover {
    background-color: #fca38f;
  }
}
body#TrainAndFerryInd .popupTitle, body#TrainAndFerryMain .popupTitle, body#FreightMain .popupTitle, body#MiniCruiseMain .popupTitle, body#AccommodationMain .popupTitle, body#MiniCruisePortInd .popupTitle, body#MiniCruiseOperator .popupTitle {
  color: white;
}
body#TrainAndFerryInd #curBtn, body#TrainAndFerryMain #curBtn, body#FreightMain #curBtn, body#MiniCruiseMain #curBtn, body#AccommodationMain #curBtn, body#MiniCruisePortInd #curBtn, body#MiniCruiseOperator #curBtn {
  color: white;
}
@media (min-width: 769px) {
  body#TrainAndFerryInd #curBtn, body#TrainAndFerryMain #curBtn, body#FreightMain #curBtn, body#MiniCruiseMain #curBtn, body#AccommodationMain #curBtn, body#MiniCruisePortInd #curBtn, body#MiniCruiseOperator #curBtn {
    color: #212121;
  }
}
body#TrainAndFerryInd .formPopup:not(#vehPopup), body#TrainAndFerryMain .formPopup:not(#vehPopup), body#FreightMain .formPopup:not(#vehPopup), body#MiniCruiseMain .formPopup:not(#vehPopup), body#AccommodationMain .formPopup:not(#vehPopup), body#MiniCruisePortInd .formPopup:not(#vehPopup), body#MiniCruiseOperator .formPopup:not(#vehPopup) {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
body#TrainAndFerryInd .formPopup:not(#vehPopup) .popupTitle, body#TrainAndFerryMain .formPopup:not(#vehPopup) .popupTitle, body#FreightMain .formPopup:not(#vehPopup) .popupTitle, body#MiniCruiseMain .formPopup:not(#vehPopup) .popupTitle, body#AccommodationMain .formPopup:not(#vehPopup) .popupTitle, body#MiniCruisePortInd .formPopup:not(#vehPopup) .popupTitle, body#MiniCruiseOperator .formPopup:not(#vehPopup) .popupTitle {
  color: #212121;
}
body#TrainAndFerryInd #btnSubmit, body#TrainAndFerryInd .fsDone, body#TrainAndFerryInd .btn.btnLge, body#TrainAndFerryMain #btnSubmit, body#TrainAndFerryMain .fsDone, body#TrainAndFerryMain .btn.btnLge, body#FreightMain #btnSubmit, body#FreightMain .fsDone, body#FreightMain .btn.btnLge, body#MiniCruiseMain #btnSubmit, body#MiniCruiseMain .fsDone, body#MiniCruiseMain .btn.btnLge, body#AccommodationMain #btnSubmit, body#AccommodationMain .fsDone, body#AccommodationMain .btn.btnLge, body#MiniCruisePortInd #btnSubmit, body#MiniCruisePortInd .fsDone, body#MiniCruisePortInd .btn.btnLge, body#MiniCruiseOperator #btnSubmit, body#MiniCruiseOperator .fsDone, body#MiniCruiseOperator .btn.btnLge {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  background-color: #FC6446;
  color: white;
  border-radius: 50px;
  padding: 8px 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
  width: 100%;
  transition: background-color 0.3s ease-in-out;
}
@media (min-width: 769px) {
  body#TrainAndFerryInd #btnSubmit, body#TrainAndFerryInd .fsDone, body#TrainAndFerryInd .btn.btnLge, body#TrainAndFerryMain #btnSubmit, body#TrainAndFerryMain .fsDone, body#TrainAndFerryMain .btn.btnLge, body#FreightMain #btnSubmit, body#FreightMain .fsDone, body#FreightMain .btn.btnLge, body#MiniCruiseMain #btnSubmit, body#MiniCruiseMain .fsDone, body#MiniCruiseMain .btn.btnLge, body#AccommodationMain #btnSubmit, body#AccommodationMain .fsDone, body#AccommodationMain .btn.btnLge, body#MiniCruisePortInd #btnSubmit, body#MiniCruisePortInd .fsDone, body#MiniCruisePortInd .btn.btnLge, body#MiniCruiseOperator #btnSubmit, body#MiniCruiseOperator .fsDone, body#MiniCruiseOperator .btn.btnLge {
    height: 2.5em;
  }
}
@media (hover: hover) and (pointer: fine) {
  body#TrainAndFerryInd #btnSubmit:hover, body#TrainAndFerryInd .fsDone:hover, body#TrainAndFerryInd .btn.btnLge:hover, body#TrainAndFerryMain #btnSubmit:hover, body#TrainAndFerryMain .fsDone:hover, body#TrainAndFerryMain .btn.btnLge:hover, body#FreightMain #btnSubmit:hover, body#FreightMain .fsDone:hover, body#FreightMain .btn.btnLge:hover, body#MiniCruiseMain #btnSubmit:hover, body#MiniCruiseMain .fsDone:hover, body#MiniCruiseMain .btn.btnLge:hover, body#AccommodationMain #btnSubmit:hover, body#AccommodationMain .fsDone:hover, body#AccommodationMain .btn.btnLge:hover, body#MiniCruisePortInd #btnSubmit:hover, body#MiniCruisePortInd .fsDone:hover, body#MiniCruisePortInd .btn.btnLge:hover, body#MiniCruiseOperator #btnSubmit:hover, body#MiniCruiseOperator .fsDone:hover, body#MiniCruiseOperator .btn.btnLge:hover {
    background-color: #fca38f;
  }
}
@media (min-width: 769px) {
  body#TrainAndFerryInd .fsDone, body#TrainAndFerryMain .fsDone, body#FreightMain .fsDone, body#MiniCruiseMain .fsDone, body#AccommodationMain .fsDone, body#MiniCruisePortInd .fsDone, body#MiniCruiseOperator .fsDone {
    max-width: 180px;
  }
}
body#TrainAndFerryInd select.form-control, body#TrainAndFerryInd input#cal_out, body#TrainAndFerryInd input#cal_ret, body#TrainAndFerryInd #vehBtn, body#TrainAndFerryInd #passBtn, body#TrainAndFerryInd #ps1, body#TrainAndFerryMain select.form-control, body#TrainAndFerryMain input#cal_out, body#TrainAndFerryMain input#cal_ret, body#TrainAndFerryMain #vehBtn, body#TrainAndFerryMain #passBtn, body#TrainAndFerryMain #ps1, body#FreightMain select.form-control, body#FreightMain input#cal_out, body#FreightMain input#cal_ret, body#FreightMain #vehBtn, body#FreightMain #passBtn, body#FreightMain #ps1, body#MiniCruiseMain select.form-control, body#MiniCruiseMain input#cal_out, body#MiniCruiseMain input#cal_ret, body#MiniCruiseMain #vehBtn, body#MiniCruiseMain #passBtn, body#MiniCruiseMain #ps1, body#AccommodationMain select.form-control, body#AccommodationMain input#cal_out, body#AccommodationMain input#cal_ret, body#AccommodationMain #vehBtn, body#AccommodationMain #passBtn, body#AccommodationMain #ps1, body#MiniCruisePortInd select.form-control, body#MiniCruisePortInd input#cal_out, body#MiniCruisePortInd input#cal_ret, body#MiniCruisePortInd #vehBtn, body#MiniCruisePortInd #passBtn, body#MiniCruisePortInd #ps1, body#MiniCruiseOperator select.form-control, body#MiniCruiseOperator input#cal_out, body#MiniCruiseOperator input#cal_ret, body#MiniCruiseOperator #vehBtn, body#MiniCruiseOperator #passBtn, body#MiniCruiseOperator #ps1 {
  background-color: #FAFAF7;
  border: 1px solid #212121;
  border-radius: 8px;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
body#TrainAndFerryInd select.form-control:focus-visible, body#TrainAndFerryInd input#cal_out:focus-visible, body#TrainAndFerryInd input#cal_ret:focus-visible, body#TrainAndFerryInd #vehBtn:focus-visible, body#TrainAndFerryInd #passBtn:focus-visible, body#TrainAndFerryInd #ps1:focus-visible, body#TrainAndFerryMain select.form-control:focus-visible, body#TrainAndFerryMain input#cal_out:focus-visible, body#TrainAndFerryMain input#cal_ret:focus-visible, body#TrainAndFerryMain #vehBtn:focus-visible, body#TrainAndFerryMain #passBtn:focus-visible, body#TrainAndFerryMain #ps1:focus-visible, body#FreightMain select.form-control:focus-visible, body#FreightMain input#cal_out:focus-visible, body#FreightMain input#cal_ret:focus-visible, body#FreightMain #vehBtn:focus-visible, body#FreightMain #passBtn:focus-visible, body#FreightMain #ps1:focus-visible, body#MiniCruiseMain select.form-control:focus-visible, body#MiniCruiseMain input#cal_out:focus-visible, body#MiniCruiseMain input#cal_ret:focus-visible, body#MiniCruiseMain #vehBtn:focus-visible, body#MiniCruiseMain #passBtn:focus-visible, body#MiniCruiseMain #ps1:focus-visible, body#AccommodationMain select.form-control:focus-visible, body#AccommodationMain input#cal_out:focus-visible, body#AccommodationMain input#cal_ret:focus-visible, body#AccommodationMain #vehBtn:focus-visible, body#AccommodationMain #passBtn:focus-visible, body#AccommodationMain #ps1:focus-visible, body#MiniCruisePortInd select.form-control:focus-visible, body#MiniCruisePortInd input#cal_out:focus-visible, body#MiniCruisePortInd input#cal_ret:focus-visible, body#MiniCruisePortInd #vehBtn:focus-visible, body#MiniCruisePortInd #passBtn:focus-visible, body#MiniCruisePortInd #ps1:focus-visible, body#MiniCruiseOperator select.form-control:focus-visible, body#MiniCruiseOperator input#cal_out:focus-visible, body#MiniCruiseOperator input#cal_ret:focus-visible, body#MiniCruiseOperator #vehBtn:focus-visible, body#MiniCruiseOperator #passBtn:focus-visible, body#MiniCruiseOperator #ps1:focus-visible {
  outline: none !important;
}

body#TrainAndFerryMain #df-dom-deal_finder_container div.return label, body#TrainAndFerryInd #df-dom-deal_finder_container div.return label {
  display: inline-block;
}
body#TrainAndFerryInd .offerSlider, body#TrainAndFerryMain .offerSlider, body#MiniCruiseMain .offerSlider, body#MiniCruisePortInd .offerSlider, body#MiniCruiseOperator .offerSlider {
  display: none;
}
body#TrainAndFerryInd .df-dom-dealfinder, body#TrainAndFerryMain .df-dom-dealfinder, body#MiniCruiseMain .df-dom-dealfinder, body#MiniCruisePortInd .df-dom-dealfinder, body#MiniCruiseOperator .df-dom-dealfinder {
  display: block;
  margin-top: 0;
}
body#TrainAndFerryInd .df-dom-dealfinder .fsWrap, body#TrainAndFerryMain .df-dom-dealfinder .fsWrap, body#MiniCruiseMain .df-dom-dealfinder .fsWrap, body#MiniCruisePortInd .df-dom-dealfinder .fsWrap, body#MiniCruiseOperator .df-dom-dealfinder .fsWrap {
  border-top-left-radius: 0;
}
body#TrainAndFerryInd #ui-datepicker-div, body#TrainAndFerryMain #ui-datepicker-div, body#MiniCruiseMain #ui-datepicker-div, body#MiniCruisePortInd #ui-datepicker-div, body#MiniCruiseOperator #ui-datepicker-div {
  z-index: 10;
}
body#TrainAndFerryInd nav.subNav a, body#TrainAndFerryMain nav.subNav a, body#MiniCruiseMain nav.subNav a, body#MiniCruisePortInd nav.subNav a, body#MiniCruiseOperator nav.subNav a {
  background-color: #407A7D;
  padding: 16px;
  border-radius: 4px;
  display: inline-block;
  color: white;
  margin-top: 16px;
}
@media (min-width: 769px) {
  body#TrainAndFerryInd nav.subNav a, body#TrainAndFerryMain nav.subNav a, body#MiniCruiseMain nav.subNav a, body#MiniCruisePortInd nav.subNav a, body#MiniCruiseOperator nav.subNav a {
    background-color: white;
    border-radius: 4px 4px 0 0;
    color: #212121;
    margin-top: 0;
    transition: background-color 0.3s ease-in-out;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  body#TrainAndFerryInd nav.subNav a:hover, body#TrainAndFerryMain nav.subNav a:hover, body#MiniCruiseMain nav.subNav a:hover, body#MiniCruisePortInd nav.subNav a:hover, body#MiniCruiseOperator nav.subNav a:hover {
    background-color: #E8E8E8;
  }
}
body#TrainAndFerryInd #passPopup, body#TrainAndFerryMain #passPopup, body#MiniCruiseMain #passPopup, body#MiniCruisePortInd #passPopup, body#MiniCruiseOperator #passPopup {
  width: 244px;
  max-width: 80%;
}
@media (min-width: 769px) {
  body#TrainAndFerryInd #passPopup, body#TrainAndFerryMain #passPopup, body#MiniCruiseMain #passPopup, body#MiniCruisePortInd #passPopup, body#MiniCruiseOperator #passPopup {
    max-width: unset;
    width: 325px;
  }
}
body#TrainAndFerryInd .fs .frmBox, body#TrainAndFerryMain .fs .frmBox, body#MiniCruiseMain .fs .frmBox, body#MiniCruisePortInd .fs .frmBox, body#MiniCruiseOperator .fs .frmBox {
  width: 150px;
}
body#TrainAndFerryInd .fs .popupClose, body#TrainAndFerryMain .fs .popupClose, body#MiniCruiseMain .fs .popupClose, body#MiniCruisePortInd .fs .popupClose, body#MiniCruiseOperator .fs .popupClose {
  right: 16px;
  width: 24px;
  height: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/cancel.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

body#AccommodationMain .deal-finder-main #searchboxInc {
  margin: 16px 0 !important;
}
body#AccommodationMain #calendar .caltable {
  padding: 8px;
}
body#AccommodationMain #calendar .calheader select {
  min-width: unset;
  width: auto;
  top: auto;
}
body#AccommodationMain #calendar .caltable td.calheader a {
  vertical-align: middle;
}
body#AccommodationMain #calendar .caltable td.calheader .calPrevMonth span.prevMonthIcon, body#AccommodationMain #calendar .caltable td.calheader span.NoPrevMonthIcon {
  width: 24px;
  height: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/arrow-left.svg");
  background: url("https://static.directferries.co.uk/image/ico/new/grey/arrow-left.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
body#AccommodationMain #calendar .caltable td.calheader span.NoPrevMonthIcon {
  opacity: 0.5;
}
body#AccommodationMain #calendar .caltable td.calheader .calNextMonth:hover span.nextMonthIcon, body#AccommodationMain #calendar .caltable td.calheader .calPrevMonth:hover span.prevMonthIcon {
  background-position: 0;
}
body#AccommodationMain #calendar .caltable td.calheader .calNextMonth span.nextMonthIcon, body#AccommodationMain #calendar .caltable td.calheader span.NoNextMonthIcon {
  width: 24px;
  height: 24px;
  background-image: url("https://static.directferries.co.uk/image/ico/new/grey/arrow-right.svg");
  background: url("https://static.directferries.co.uk/image/ico/new/grey/arrow-right.svg");
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
body#AccommodationMain #calendar .caltable td.calheader span.NoNextMonthIcon {
  opacity: 0.5;
}
body#AccommodationMain #calendar .caltable .days a:hover, body#AccommodationMain #calendar .caltable .days td a:hover {
  background-color: #212121;
}
body#AccommodationMain #calendar .caltable tr:last-of-type a {
  background-color: #212121;
  color: white;
  transition: background-color 0.3s ease-in-out;
  border-radius: 4px;
}
body#AccommodationMain #calendar .caltable tr:last-of-type a:hover {
  background-color: #4D4D4D;
}
body#AccommodationMain #calendar .days td.selected a {
  background-color: #FC6446 !important;
}
body#AccommodationMain #calendar .days td.selected a:hover {
  background-color: #FC6446 !important;
}
body#AccommodationMain #calendar .days td.today a, body#AccommodationMain #calendar .days td.future a {
  background-color: #E8EDE3;
}
body#AccommodationMain #calendar .caltable a:active {
  color: white !important;
  border-color: transparent !important;
}

.eco-travel.eco-content {
  position: relative;
  width: 100%;
  max-width: 1200px;
  padding: 0;
  z-index: 20;
}

.eco-travel.eco-content .calculate {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  border-radius: 8px;
  padding: 32px 16px;
  margin: 0 0 75px;
  background: #f7f6f2;
  gap: 32px;
}

.eco-travel.eco-content .calculate form {
  width: 360px;
  margin: 0 40px 0 0;
}

.eco-travel.eco-content .calculate form h2 {
  font-size: 30px;
  line-height: 36px;
  margin: 0 0 30px;
  font-family: mundial-demibold, sans-serif !important;
}

.eco-travel.eco-content .calculate form .select p {
  margin: 0 0 24px;
}

.eco-travel.eco-content .calculate form .select p label {
  display: inline-block;
  font: inherit;
  font-size: 20px;
  line-height: 25px;
  color: #193354;
  margin: 0 0 10px;
}

.eco-travel.eco-content .calculate form .select p select {
  width: 100%;
  height: 56px;
  border: 2px solid #edebe6;
  border-radius: 8px;
  padding: 10px 50px 8px 18px;
  color: #193354;
  outline: 0;
  -webkit-appearance: none;
  background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg) !important;
  background-position: calc(100% - 8px) 50% !important;
  background-repeat: no-repeat !important;
  background-size: 24px !important;
}

.eco-travel.eco-content .calculate form .select p.disabled {
  background: 0 0 !important;
  opacity: 0.5;
}

.eco-travel.eco-content .calculate form .select p.disabled label {
  opacity: 0.25;
}

.eco-travel.eco-content .calculate form .select p.disabled select {
  background-color: #f7f6f2;
}

.eco-travel.eco-content .calculate form button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 10px 20px 8px;
  font-weight: 700;
  font-family: mundial-demibold, sans-serif !important;
  font-size: 19px;
  line-height: 24px;
  text-decoration: none;
  color: #fff;
  margin: 44px 0 0;
  outline: 0;
  background: #ff4a0e;
}

.eco-travel.eco-content .calculate form button:after {
  display: inline-block;
  width: 12px;
  height: 15px;
  content: "";
  margin: 0 0 0 12px;
  background: url(https://www.directferries.co.uk/images/button-arrow.png) 50%/cover no-repeat;
}

.eco-travel.eco-content .calculate form button[disabled] {
  opacity: 0.2;
}

.eco-travel.eco-content .calculate .results {
  position: relative;
  display: none;
  width: 660px;
  padding: 16px 0 0;
}

.eco-travel.eco-content .calculate .results li {
  font-size: 16px;
  line-height: 1.5;
  color: #193354;
  margin: 0 0 50px;
}

.eco-travel.eco-content .calculate .results li p {
  margin: 0 0 5px;
}

.eco-travel.eco-content .calculate .results li p strong {
  display: inline-block;
  font-size: 20px;
  vertical-align: baseline;
  margin: 0 5px 0 0;
}

.eco-travel.eco-content .calculate .results li p strong .co2e {
  font-size: 16px;
}

.eco-travel.eco-content .calculate .results li p strong .co2e .kg {
  font-size: 20px;
}

.eco-travel.eco-content .calculate .results li .bar {
  display: flex;
  width: 100%;
  height: 48px;
  border-radius: 5px 0 0 5px;
  font-size: 0;
}

.eco-travel.eco-content .calculate .results li .bar .bus,
.eco-travel.eco-content .calculate .results li .bar .car,
.eco-travel.eco-content .calculate .results li .bar .ferry,
.eco-travel.eco-content .calculate .results li .bar .plane,
.eco-travel.eco-content .calculate .results li .bar .train {
  position: relative;
  display: inline-block;
  width: 0;
  height: 48px;
}

.eco-travel.eco-content .calculate .results li .bar .bus .icon,
.eco-travel.eco-content .calculate .results li .bar .car .icon,
.eco-travel.eco-content .calculate .results li .bar .ferry .icon,
.eco-travel.eco-content .calculate .results li .bar .plane .icon,
.eco-travel.eco-content .calculate .results li .bar .train .icon {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 55px;
  height: 48px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 20;
  opacity: 0;
}

.eco-travel.eco-content .calculate .results li .bar .bus .icon.visible,
.eco-travel.eco-content .calculate .results li .bar .car .icon.visible,
.eco-travel.eco-content .calculate .results li .bar .ferry .icon.visible,
.eco-travel.eco-content .calculate .results li .bar .plane .icon.visible,
.eco-travel.eco-content .calculate .results li .bar .train .icon.visible {
  opacity: 1;
}

.eco-travel.eco-content .calculate .results li .bar .bus .value,
.eco-travel.eco-content .calculate .results li .bar .car .value,
.eco-travel.eco-content .calculate .results li .bar .ferry .value,
.eco-travel.eco-content .calculate .results li .bar .plane .value,
.eco-travel.eco-content .calculate .results li .bar .train .value {
  position: absolute;
  top: 100%;
  right: 0;
  display: inline-block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 7px 8px 5px;
  font-size: 11px;
  line-height: 15px;
  white-space: nowrap;
  color: #fff;
  margin: 10px 0 0;
  background: #193354;
  z-index: 20;
}

.eco-travel.eco-content .calculate .results li .bar .bus .value:after,
.eco-travel.eco-content .calculate .results li .bar .car .value:after,
.eco-travel.eco-content .calculate .results li .bar .ferry .value:after,
.eco-travel.eco-content .calculate .results li .bar .plane .value:after,
.eco-travel.eco-content .calculate .results li .bar .train .value:after {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #193354;
  content: "";
  margin: -4px 0 0 -4px;
}

.eco-travel.eco-content .calculate .results li .bar .bus .value.visible,
.eco-travel.eco-content .calculate .results li .bar .ferry .value.visible,
.eco-travel.eco-content .calculate .results li .bar .train .value.visible {
  opacity: 1;
}

.eco-travel.eco-content .calculate .results li .bar .ferry .reduction,
.eco-travel.eco-content .calculate .results li .bar .plane .reduction {
  position: absolute;
  top: 0;
  right: -100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 48px;
  border: 1px solid #d1d5dc;
  border-radius: 5px;
  padding: 2px;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: 0.025em;
  text-align: center;
  color: #85909e;
  background: #fff;
}

.eco-travel.eco-content .calculate .results li .bar .bus.min-width,
.eco-travel.eco-content .calculate .results li .bar .car.min-width,
.eco-travel.eco-content .calculate .results li .bar .ferry.min-width,
.eco-travel.eco-content .calculate .results li .bar .plane.min-width,
.eco-travel.eco-content .calculate .results li .bar .train.min-width {
  min-width: 55px;
}

.eco-travel.eco-content .calculate .results li .bar .bus,
.eco-travel.eco-content .calculate .results li .bar .car,
.eco-travel.eco-content .calculate .results li .bar .train {
  box-shadow: inset -1px 0 0 hsla(0, 0%, 100%, 0.25);
}

.eco-travel.eco-content .calculate .results li .bar .train .icon {
  background-image: url(https://www.directferries.co.uk/images/icon-train.png);
}

.eco-travel.eco-content .calculate .results li .bar .bus .icon {
  background-image: url(https://www.directferries.co.uk/images/icon-bus.png);
}

.eco-travel.eco-content .calculate .results li .bar .ferry {
  border-radius: 0 5px 5px 0;
}

.eco-travel.eco-content .calculate .results li .bar .ferry .icon {
  background-image: url(https://www.directferries.co.uk/images/icon-ferry.png);
}

.eco-travel.eco-content .calculate .results li .bar .car .icon {
  background-image: url(https://www.directferries.co.uk/images/icon-car.png);
}

.eco-travel.eco-content .calculate .results li .bar .plane {
  border-radius: 5px;
}

.eco-travel.eco-content .calculate .results li .bar .plane .icon {
  background-image: url(https://www.directferries.co.uk/images/icon-plane.png);
}

.eco-travel.eco-content .calculate .results li.train-bus-ferry p strong {
  color: #23a145;
}

.eco-travel.eco-content .calculate .results li.train-bus-ferry .bar .bus,
.eco-travel.eco-content .calculate .results li.train-bus-ferry .bar .ferry,
.eco-travel.eco-content .calculate .results li.train-bus-ferry .bar .train {
  background: #23a145;
}

.eco-travel.eco-content .calculate .results li.electric-car-ferry p strong {
  color: #136495;
}

.eco-travel.eco-content .calculate .results li.electric-car-ferry .bar .car,
.eco-travel.eco-content .calculate .results li.electric-car-ferry .bar .ferry {
  background: #136495;
}

.eco-travel.eco-content .calculate .results li.petrol-car-ferry p strong {
  color: #45b7ed;
}

.eco-travel.eco-content .calculate .results li.petrol-car-ferry .bar .car,
.eco-travel.eco-content .calculate .results li.petrol-car-ferry .bar .ferry {
  background: #45b7ed;
}

.eco-travel.eco-content .calculate .results li.flight {
  margin: 0;
}

.eco-travel.eco-content .calculate .results li.flight p strong {
  color: #cc1b0b;
}

.eco-travel.eco-content .calculate .results li.flight .bar .plane {
  background: #cc1b0b;
}

.eco-travel.eco-content .main-text {
  margin: 0 0 65px;
}

.eco-travel.eco-content .main-text h2 {
  font-size: 22px;
  line-height: 1.4;
  margin: 0 0 1em;
  font-family: mundial-demibold, sans-serif !important;
}

.eco-travel.eco-content .main-text p {
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 1em;
}

.eco-travel.eco-content .examples {
  border-top: 1px solid #e2e0db;
  padding: 40px 0 0;
  margin: 0 0 70px;
}

.eco-travel.eco-content .examples h2 {
  font-size: 30px;
  line-height: 36px;
  margin: 0 0 40px;
  font-family: mundial-demibold, sans-serif !important;
}

.eco-travel.eco-content .examples .example {
  border-radius: 8px;
  padding: 65px 50px 60px;
  text-align: center;
  margin: 0 0 25px;
  background: #f7f6f2;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}

.eco-travel.eco-content .examples .example h3 {
  font-size: 26px !important;
  line-height: 34px !important;
  margin: 0 0 30px;
  font-family: mundial-demibold, sans-serif !important;
}

.eco-travel.eco-content .examples .example h3 span {
  white-space: nowrap;
}

.eco-travel.eco-content .examples .example h3:after {
  display: inline-block;
  height: 25px;
  vertical-align: top;
  content: "";
  margin: 4px 0 0 12px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.eco-travel.eco-content .examples .example ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.eco-travel.eco-content .examples .example ul li {
  width: 33.33333%;
  padding: 0 55px;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

.eco-travel.eco-content .examples .example ul li .emissions {
  display: inline-block;
  font-size: 50px;
  line-height: 50px;
  margin: 0 auto 5px;
}

.eco-travel.eco-content .examples .example ul li .lower,
.eco-travel.eco-content .examples .example ul li .transport {
  font-size: 24px;
  line-height: 30px;
  color: #1c3554;
}

.eco-travel.eco-content .examples .example ul li .transport:after {
  display: inline-block;
  height: 20px;
  vertical-align: top;
  content: "";
  margin: 6px 0 0 8px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.eco-travel.eco-content .examples .example ul li.ferry .emissions,
.eco-travel.eco-content .examples .example ul li.flight .emissions {
  position: relative;
  padding: 0 48px 0 0;
}

.eco-travel.eco-content .examples .example ul li.ferry .emissions .co2e,
.eco-travel.eco-content .examples .example ul li.flight .emissions .co2e {
  position: absolute;
  top: 8px;
  right: 0;
  width: 42px;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
}

.eco-travel.eco-content .examples .example ul li.ferry .emissions .kg,
.eco-travel.eco-content .examples .example ul li.flight .emissions .kg {
  display: block;
}

.eco-travel.eco-content .examples .example ul li.ferry {
  position: relative;
}

.eco-travel.eco-content .examples .example ul li.ferry .emissions {
  color: #45b7ed;
}

.eco-travel.eco-content .examples .example ul li.ferry.car .transport:after {
  width: 54px;
  background-image: url(https://www.directferries.co.uk/images/transport-ferry-car.png);
}

.eco-travel.eco-content .examples .example ul li.ferry:after {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 24px;
  line-height: 30px;
  color: #1c3554;
  content: "- VS -";
  transform: translate(35%, -50%);
  -ms-transform: translate(35%, -50%);
}

.eco-travel.eco-content .examples .example ul li.flight .emissions {
  color: #ff4a0e;
}

.eco-travel.eco-content .examples .example ul li.saving .emissions {
  color: #23a146;
}

.eco-travel.eco-content .examples .example ul li.saving .emissions .percent {
  display: inline-block;
  font-size: 40px;
  vertical-align: baseline;
  margin: 0 0 0 4px;
}

.eco-travel.eco-content .examples .example.family-london-dublin h3:after {
  width: 95px;
  background-image: url(https://www.directferries.co.uk/images/example-family-london-dublin.png);
}

@media (max-width: 1481px) {
  .eco-travel.eco-hero {
    height: 260px;
  }
  .eco-travel.eco-hero .links {
    display: none;
  }
  .eco-travel.eco-hero .intro,
  .eco-travel.eco-hero .links ul {
    max-width: 1196px;
  }
  .eco-travel.eco-hero .intro h1 {
    max-width: 520px;
    font-size: 46px !important;
    line-height: 54px !important;
  }
  .eco-travel.eco-content {
    max-width: 1196px;
  }
  .eco-travel.eco-content .calculate {
    margin: 0 0 60px;
  }
  .eco-travel.eco-content .calculate form {
    width: calc(42.5% - 50px);
    margin: 0 50px 0 0;
  }
  .eco-travel.eco-content .calculate .results {
    width: 57.5%;
  }
  .eco-travel.eco-content .main-text {
    margin: 0 0 55px;
  }
  .eco-travel.eco-content .main-text h2 {
    font-size: 20px;
  }
  .eco-travel.eco-content .main-text p {
    font-size: 15px;
  }
  .eco-travel.eco-content .examples {
    margin: 0 0 60px;
  }
}
@media (max-width: 1080px) {
  .eco-travel.eco-hero {
    display: block;
    height: auto;
    padding: 0 16px;
    background: 0 0;
  }
  .eco-travel.eco-hero .links {
    position: static;
    border: none;
    background: 0 0;
    display: none;
  }
  .eco-travel.eco-hero .links ul {
    width: 100%;
    padding: 0;
    font-weight: 700;
    font-family: mundial-demibold, sans-serif !important;
    font-size: 14px;
  }
  .eco-travel.eco-hero .links ul li {
    margin: 0 5px 0 0;
  }
  .eco-travel.eco-hero .links ul li a {
    border-radius: 8px 8px 0 0;
    padding: 7px 14px;
    color: #fff;
    text-decoration: none;
    background: #64b6e6;
  }
  .eco-travel.eco-hero .links ul li:last-of-type {
    margin: 0 0 0 auto;
  }
  .eco-travel.eco-hero .links ul li:last-of-type a {
    font-size: 16px;
    background: #ff4a0e;
  }
  .eco-travel.eco-hero .intro {
    position: relative;
    padding: 50px;
    text-align: center;
    overflow: hidden;
    background: #193354;
  }
  .eco-travel.eco-hero .intro * {
    position: relative;
    z-index: 20;
  }
  .eco-travel.eco-hero .intro h1 {
    max-width: 600px;
    font-size: 35px !important;
    line-height: 44px !important;
    margin: 0 auto;
  }
  .eco-travel.eco-hero .intro:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #64b6e6 url(https://www.directferries.co.uk/images/eco-hero.jpg) 70% 50% no-repeat;
    background-size: cover;
    z-index: 10;
    opacity: 0.4;
  }
  .eco-travel.eco-content {
    padding: 0 16px;
    margin: 20px auto;
  }
  .eco-travel.eco-content .calculate {
    display: block;
    padding: 50px;
    margin: 0 0 50px;
  }
  .eco-travel.eco-content .calculate form {
    width: auto;
    margin: 0;
  }
  .eco-travel.eco-content .calculate form h2 {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  .eco-travel.eco-content .calculate form .select {
    display: flex;
  }
  .eco-travel.eco-content .calculate form .select p label {
    font-size: 16px;
    line-height: 20px;
  }
  .eco-travel.eco-content .calculate form .select p:first-of-type,
  .eco-travel.eco-content .calculate form .select p:nth-of-type(2) {
    width: calc(37.5% - 20px);
    margin: 0 20px 0 0;
  }
  .eco-travel.eco-content .calculate form .select p:nth-of-type(3) {
    width: 25%;
    margin: 0;
  }
  .eco-travel.eco-content .calculate form button {
    height: 50px;
    padding: 8px 15px;
    font-size: 18px;
    margin: 30px 0 0;
  }
  .eco-travel.eco-content .calculate .results {
    width: auto;
    padding: 30px 0 15px;
  }
  .eco-travel.eco-content .main-text {
    padding: 0 20px;
  }
  .eco-travel.eco-content .examples {
    margin: 0 0 50px;
  }
  .eco-travel.eco-content .examples h2 {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  .eco-travel.eco-content .examples .example {
    padding: 50px 10px;
    margin: 0 0 25px;
  }
  .eco-travel.eco-content .examples .example h3 {
    font-size: 24px !important;
    line-height: 30px !important;
    margin: 0 0 30px;
  }
  .eco-travel.eco-content .examples .example h3:after {
    margin: 2px 0 0 12px;
  }
  .eco-travel.eco-content .examples .example ul li {
    padding: 0 25px;
  }
  .eco-travel.eco-content .examples .example ul li .emissions {
    font-size: 44px;
    line-height: 44px;
  }
  .eco-travel.eco-content .examples .example ul li.ferry {
    width: 40%;
  }
  .eco-travel.eco-content .examples .example ul li.ferry:after {
    font-size: 18px;
    line-height: 24px;
    transform: translateY(-50%);
  }
  .eco-travel.eco-content .examples .example ul li.ferry .emissions .co2e {
    width: 38px;
    top: 8px;
    font-size: 13px;
    line-height: 16px;
  }
  .eco-travel.eco-content .examples .example ul li.flight {
    width: 30%;
  }
  .eco-travel.eco-content .examples .example ul li.flight .emissions .co2e {
    width: 38px;
    top: 8px;
    font-size: 13px;
    line-height: 16px;
  }
  .eco-travel.eco-content .examples .example ul li.saving {
    width: 30%;
  }
  .eco-travel.eco-content .examples .example ul li.saving .emissions .percent {
    font-size: 36px;
  }
}
@media (max-width: 950px) {
  .eco-travel.eco-content .examples .example h3:after {
    display: block;
    margin: 10px auto 0;
  }
  .eco-travel.eco-content .examples .example ul {
    display: block;
    width: auto;
  }
  .eco-travel.eco-content .examples .example ul li.ferry,
  .eco-travel.eco-content .examples .example ul li.flight,
  .eco-travel.eco-content .examples .example ul li.saving {
    width: auto;
  }
  .eco-travel.eco-content .examples .example ul li.ferry {
    margin: 0 0 50px;
  }
  .eco-travel.eco-content .examples .example ul li.ferry:after {
    top: 100%;
    right: auto;
    left: 50%;
    transform: translate(-50%, 10px);
  }
  .eco-travel.eco-content .examples .example ul li.flight {
    margin: 0 0 15px;
  }
}
@media (max-width: 768px) {
  .eco-travel.eco-hero {
    margin-top: 8px;
  }
  .eco-travel.eco-hero .links {
    display: none;
  }
  .eco-travel.eco-hero .intro {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 35px 30px;
  }
  .eco-travel.eco-hero .intro h1 {
    font-size: 32px !important;
    line-height: 38px !important;
  }
  .eco-travel.eco-content .calculate form .select {
    display: block;
  }
  .eco-travel.eco-content .calculate form .select p:first-of-type,
  .eco-travel.eco-content .calculate form .select p:nth-of-type(2) {
    width: auto;
    margin: 0 0 10px;
  }
  .eco-travel.eco-content .calculate form .select p:nth-of-type(3) {
    width: auto;
    margin: 0;
  }
}
@media (max-width: 680px) {
  .eco-travel.eco-hero .intro {
    padding: 30px 25px 25px;
  }
  .eco-travel.eco-hero .intro h1 {
    font-size: 25px !important;
    line-height: 32px !important;
  }
  .eco-travel.eco-content .calculate {
    padding: 16px 16px;
    margin: 0 0 35px;
  }
  .eco-travel.eco-content .calculate form h2 {
    font-size: 22px;
    line-height: 28px;
    margin: 0 auto 20px;
  }
  .eco-travel.eco-content .calculate form button {
    font-size: 18px;
    margin: 20px 0 0;
  }
  .eco-travel.eco-content .calculate .results li {
    margin: 0 0 55px;
  }
  .eco-travel.eco-content .calculate .results li p {
    margin: 0 0 10px;
  }
  .eco-travel.eco-content .calculate .results li p strong {
    display: block;
  }
  .eco-travel.eco-content .main-text {
    margin: 0 0 35px;
  }
  .eco-travel.eco-content .main-text h2 {
    font-size: 18px;
  }
  .eco-travel.eco-content .main-text p {
    font-size: 14px;
  }
  .eco-travel.eco-content .examples {
    padding: 35px 0 0;
    margin: 0 0 35px;
  }
  .eco-travel.eco-content .examples h2 {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 30px;
  }
  .eco-travel.eco-content .examples .example {
    padding: 16px 16px;
  }
  .eco-travel.eco-content .examples .example h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin: 0 0 30px;
  }
  .eco-travel.eco-content .examples .example ul li .emissions {
    margin: auto;
  }
  .eco-travel.eco-content .examples .example ul li .lower,
  .eco-travel.eco-content .examples .example ul li .transport {
    font-size: 20px;
    line-height: 28px;
  }
  .eco-travel.eco-content .examples .example ul li .transport:after {
    margin: 4px 0 0 8px;
  }
}
@media (max-width: 480px) {
  .eco-travel.eco-content .calculate {
    padding: 30px 15px 10px;
  }
  .eco-travel.eco-content .calculate .results {
    padding: 20px 0 15px;
  }
  .eco-travel.eco-content .calculate .results li .bar {
    padding: 0 95px 0 0;
  }
  .eco-travel.eco-content .calculate .results li.flight .bar {
    padding: 0;
  }
  .eco-travel.eco-content .main-text {
    padding: 0 10px;
  }
  .eco-travel.eco-content .examples .example {
    padding: 30px 15px;
  }
}
body#calculator section.narrow-hero .wrapper .text p {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 32px;
  line-height: 40px;
}
@media (min-width: 769px) {
  body#calculator section.narrow-hero .wrapper .text p {
    font-size: 40px;
    line-height: 48px;
  }
}
body#calculator section.narrow-hero .image img {
  object-position: 60%;
}
@media (min-width: 769px) {
  body#calculator section.narrow-hero .image img {
    object-position: 70%;
  }
}
body#calculator .small-print {
  line-height: 24px;
}
@media (min-width: 1025px) {
  body#calculator .small-print small {
    column-count: 2;
  }
}
body#calculator .small-print a {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-decoration: underline;
}
body#calculator p {
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 24px;
}
body#calculator .calculate .results li.train-bus-ferry p strong {
  color: #328639;
}
body#calculator .calculate .results li.train-bus-ferry .bar .bus,
body#calculator .calculate .results li.train-bus-ferry .bar .ferry,
body#calculator .calculate .results li.train-bus-ferry .bar .train {
  background: #328639;
}
body#calculator .calculate .results li.train-bus-ferry .bar .bus.unused,
body#calculator .calculate .results li.train-bus-ferry .bar .ferry.unused,
body#calculator .calculate .results li.train-bus-ferry .bar .train.unused {
  display: none;
}
body#calculator .calculate .results li.electric-car-ferry p strong {
  color: #4b5fff;
}
body#calculator .calculate .results li.electric-car-ferry .bar .car, body#calculator .calculate .results li.electric-car-ferry .bar .ferry {
  background: #4b5fff;
}
body#calculator .calculate .results li.petrol-car-ferry p strong {
  color: #0f5a5c;
}
body#calculator .calculate .results li.petrol-car-ferry .bar .car, body#calculator .calculate .results li.petrol-car-ferry .bar .ferry {
  background: #0f5a5c;
}
body#calculator .calculate .results li.flight p strong {
  color: #e10f1e;
}
body#calculator .calculate .results li.flight .bar .plane {
  background: #e10f1e;
}
body#calculator section.example-journeys .wrapper > h2 {
  border-top: 1px solid #D4D4D4;
  padding-top: 32px;
}
body#calculator section.example-journeys .example {
  border-radius: 8px;
  padding: 65px 50px 60px;
  text-align: center;
  margin: 0 0 25px;
  background: #F5F5F2;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
body#calculator section.example-journeys .example h3 {
  font-size: 26px !important;
  line-height: 34px !important;
  margin: 0 0 30px;
}
body#calculator section.example-journeys .example h3 span {
  white-space: nowrap;
}
body#calculator section.example-journeys .example h3:after {
  display: inline-block;
  height: 25px;
  vertical-align: top;
  content: "";
  margin: 4px 0 0 12px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
body#calculator section.example-journeys .example ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
body#calculator section.example-journeys .example ul li {
  width: 33.33333%;
  padding: 0 55px;
  font-size: 14px;
  line-height: 24px;
}
body#calculator section.example-journeys .example ul li .emissions {
  display: inline-block;
  font-size: 50px;
  line-height: 50px;
  margin: 0 auto 5px;
}
body#calculator section.example-journeys .example ul li .lower,
body#calculator section.example-journeys .example ul li .transport {
  font-size: 24px;
  line-height: 30px;
}
body#calculator section.example-journeys .example ul li .transport:after {
  display: inline-block;
  height: 20px;
  vertical-align: top;
  content: "";
  margin: 6px 0 0 8px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
body#calculator section.example-journeys .example ul li.ferry .emissions,
body#calculator section.example-journeys .example ul li.flight .emissions {
  position: relative;
  padding: 0 48px 0 0;
}
body#calculator section.example-journeys .example ul li.ferry .emissions .co2e,
body#calculator section.example-journeys .example ul li.flight .emissions .co2e {
  position: absolute;
  top: 8px;
  right: 0;
  width: 42px;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
}
body#calculator section.example-journeys .example ul li.ferry .emissions .kg,
body#calculator section.example-journeys .example ul li.flight .emissions .kg {
  display: block;
}
body#calculator section.example-journeys .example ul li.ferry {
  position: relative;
}
body#calculator section.example-journeys .example ul li.ferry .emissions {
  color: #4b5fff;
}
body#calculator section.example-journeys .example ul li.ferry.car .transport:after {
  width: 54px;
  background-image: url(https://www.directferries.co.uk/images/transport-ferry-car.png);
}
body#calculator section.example-journeys .example ul li.ferry:after {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 24px;
  line-height: 30px;
  content: "- VS -";
  transform: translate(35%, -50%);
  -ms-transform: translate(35%, -50%);
}
body#calculator section.example-journeys .example ul li.flight .emissions {
  color: #e10f1e;
}
body#calculator section.example-journeys .example ul li.saving .emissions {
  color: #328639;
}
body#calculator section.example-journeys .example ul li.saving .emissions .percent {
  display: inline-block;
  font-size: 40px;
  vertical-align: baseline;
  margin: 0 0 0 4px;
}
body#calculator section.example-journeys .example.family-london-dublin h3:after {
  width: 95px;
  background-image: url(https://www.directferries.co.uk/images/example-family-london-dublin.png);
}
@media (max-width: 1080px) {
  body#calculator section.example-journeys h2 {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  body#calculator section.example-journeys .example {
    padding: 50px 10px;
    margin: 0 0 25px;
  }
  body#calculator section.example-journeys .example h3 {
    font-size: 24px !important;
    line-height: 30px !important;
    margin: 0 0 30px;
  }
  body#calculator section.example-journeys .example h3:after {
    margin: 2px 0 0 12px;
  }
  body#calculator section.example-journeys .example ul li {
    padding: 0 25px;
  }
  body#calculator section.example-journeys .example ul li .emissions {
    font-size: 44px;
    line-height: 44px;
  }
  body#calculator section.example-journeys .example ul li.ferry {
    width: 40%;
  }
  body#calculator section.example-journeys .example ul li.ferry:after {
    font-size: 18px;
    line-height: 24px;
    transform: translateY(-50%);
  }
  body#calculator section.example-journeys .example ul li.ferry .emissions .co2e {
    width: 38px;
    top: 8px;
    font-size: 13px;
    line-height: 16px;
  }
  body#calculator section.example-journeys .example ul li.flight {
    width: 30%;
  }
  body#calculator section.example-journeys .example ul li.flight .emissions .co2e {
    width: 38px;
    top: 8px;
    font-size: 13px;
    line-height: 16px;
  }
  body#calculator section.example-journeys .example ul li.saving {
    width: 30%;
  }
  body#calculator section.example-journeys .example ul li.saving .emissions .percent {
    font-size: 36px;
  }
}
@media (max-width: 950px) {
  body#calculator section.example-journeys .example h3:after {
    display: block;
    margin: 10px auto 0;
  }
  body#calculator section.example-journeys .example ul {
    display: block;
    width: auto;
  }
  body#calculator section.example-journeys .example ul li.ferry,
  body#calculator section.example-journeys .example ul li.flight,
  body#calculator section.example-journeys .example ul li.saving {
    width: auto;
  }
  body#calculator section.example-journeys .example ul li.ferry {
    margin: 0 0 50px;
  }
  body#calculator section.example-journeys .example ul li.ferry:after {
    top: 100%;
    right: auto;
    left: 50%;
    transform: translate(-50%, 10px);
  }
  body#calculator section.example-journeys .example ul li.flight {
    margin: 0 0 15px;
  }
}
@media (max-width: 680px) {
  body#calculator section.example-journeys .example {
    padding: 16px 16px;
  }
  body#calculator section.example-journeys .example h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin: 0 0 30px;
  }
  body#calculator section.example-journeys .example ul li .emissions {
    margin: auto;
  }
  body#calculator section.example-journeys .example ul li .lower,
  body#calculator section.example-journeys .example ul li .transport {
    font-size: 20px;
    line-height: 28px;
  }
  body#calculator section.example-journeys .example ul li .transport:after {
    margin: 4px 0 0 8px;
  }
}
@media (max-width: 480px) {
  body#calculator section.example-journeys .example {
    padding: 30px 15px;
  }
}

.dotted-bg {
  background-color: #ffffff; /* Base background color */
  background-image: radial-gradient(#e4e8dc 1px, transparent 1px);
  background-size: 20px 20px; /* Adjust for dot spacing */
}

#chat-widget iframe {
  width: 100%;
}

.ai-hero-content {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.ai-hero-content .hero-title {
  text-align: center;
  position: relative;
  font-family: mundial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 48px;
  margin-bottom: 32px;
}
.ai-hero-content .hero-title span {
  font-family: rocky, serif;
  font-weight: 700;
  font-style: italic;
}
.ai-hero-content p {
  text-align: center;
  font-size: 18px !important;
  line-height: 24px !important;
  margin-bottom: 16px;
}
.ai-hero-content p:last-of-type {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.ai-hero-content .get-started a {
  width: max-content;
  margin: 0 auto;
}

.how-to h2 {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 18px !important;
  line-height: 24px !important;
  text-align: center;
  margin-bottom: 16px;
}
@media (min-width: 769px) {
  .how-to h2 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}
.how-to p {
  font-size: 18px !important;
  line-height: 24px !important;
}
.how-to .ask-away {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin-top: 48px;
  gap: 48px;
}
.how-to .ask-away .img img {
  max-width: 100%;
  border-radius: 16px;
}
.how-to .ask-away .examples section {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  border-top: 1px solid #e4e8dc;
  padding-top: 32px;
  padding-bottom: 32px;
}
.how-to .ask-away .examples section span {
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 32px;
  line-height: 40px;
}
.how-to .ask-away .examples section p {
  font-size: 16px !important;
  line-height: 24px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
.how-to .ask-away .examples section .message {
  background-color: #fff;
  border: 1px solid #4b5fff;
  min-height: 40px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  font-family: mundial-demibold, sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 8px;
  width: max-content;
}

.beta-disclaimer {
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

.speech-bubble {
  position: absolute;
  background: #edefff;
  border: 1px solid #dbdfff;
  border-radius: 8px;
  padding: 8px;
  width: max-content;
  max-width: 300px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  font-family: mundial-light, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.speech-bubble::before {
  content: "";
  position: absolute;
  border: 11px solid transparent;
  border-top-color: #dbdfff; /* Border color */
  z-index: 0;
}
.speech-bubble::after {
  content: "";
  position: absolute;
  bottom: -19px; /* Push inner triangle just inside the border one */
  border: 10px solid transparent;
  border-top-color: #edefff; /* Match bubble background */
  z-index: 1;
}
.speech-bubble.t-r {
  top: -16px;
  right: -24%;
}
.speech-bubble.t-r::before {
  bottom: -22px; /* Push border tail below bubble */
  left: 30px;
}
.speech-bubble.t-r::after {
  left: 31px;
}
.speech-bubble.t-l {
  top: -16px;
  left: -16%;
}
.speech-bubble.t-l::before {
  bottom: -22px; /* Push border tail below bubble */
  right: 30px;
}
.speech-bubble.t-l::after {
  right: 31px;
}

.resDiscount {
  background-color: #e4e8dc;
  padding: 4px 8px;
  border-radius: 8px;
  border: 1px solid #e4e8dc;
}
.resDiscount .resident-checkbox-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  outline: none;
  position: relative;
}
.resDiscount .resident-checkbox-wrapper .resident-info-icon {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 6px;
  color: #212121;
  cursor: default;
}
.resDiscount .resident-checkbox-wrapper .resident-info-icon:focus .resident-tooltip, .resDiscount .resident-checkbox-wrapper .resident-info-icon:hover .resident-tooltip, .resDiscount .resident-checkbox-wrapper .resident-info-icon.resident-active .resident-tooltip {
  opacity: 1;
  visibility: visible;
}
.resDiscount .resident-checkbox-wrapper .resident-info-icon .resident-tooltip {
  position: absolute;
  bottom: 125%;
  left: 0;
  background-color: #212121;
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: normal;
  font-size: 12px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  z-index: 10;
  width: 300px;
}
.resDiscount .resident-checkbox-wrapper .resident-info-icon .resident-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: #212121 transparent transparent transparent;
}
.resDiscount .resident-checkbox-wrapper .resident-label-text {
  margin-right: 8px;
  font-family: mundial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #212121;
  font-size: 14px !important;
  line-height: 20px !important;
}
.resDiscount .resident-checkbox-wrapper .resident-checkbox-icon {
  position: relative;
  width: 24px;
  height: 24px;
}
.resDiscount .resident-checkbox-wrapper .resident-checkbox-icon .resident-icon {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.2s ease;
}
.resDiscount .resident-checkbox-wrapper .resident-checkbox-icon .resident-icon.resident-checked {
  opacity: 0;
}
.resDiscount .resident-checkbox-wrapper .resident-real-checkbox {
  display: none;
}

.logoBar {
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
}
@media (min-width: 769px) {
  .logoBar {
    background-color: #fff;
    padding: 16px;
    min-height: 76px !important;
  }
}
.logoBar img.logo {
  max-width: 200px !important;
  margin-left: 0 !important;
  content: url("https://static.directferries.co.uk/image/brand/DirectFerries_Logotype_inverted.svg");
  width: 100% !important;
  height: auto !important;
}
@media (min-width: 769px) {
  .logoBar img.logo {
    content: url("https://static.directferries.co.uk/image/brand/DirectFerries_Logotype.svg");
    max-width: 264px !important;
  }
}
.logoBar img.headOpLogo {
  display: none;
}
@media (min-width: 769px) {
  .logoBar img.headOpLogo {
    display: block;
  }
}

.topBar {
  display: none;
}

.sm12 {
  width: 100%;
}

.dHide {
  display: block;
}
@media (min-width: 769px) {
  .dHide {
    display: none;
  }
}

.mHide {
  display: none !important;
}
@media (min-width: 769px) {
  .mHide {
    display: block !important;
  }
}

#backgroundPopupBE {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: 9000 !important;
}

.formPopup {
  display: none;
}

.popUp {
  display: none;
  width: 75%;
  max-width: 640px !important;
  z-index: 90000 !important;
  background-color: #F5F5F2;
  padding: 0 !important;
}
@media (min-width: 769px) {
  .popUp {
    width: 50%;
  }
}
.popUp p {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.box {
  border: 0 !important;
  background-color: transparent !important;
}

.con {
  width: 100%;
  max-width: unset;
  padding: 0 16px;
}
@media (min-width: 769px) {
  .con {
    padding: 0 !important;
    margin: 0 !important;
  }
}

footer:not(#main-site-footer) {
  float: unset !important;
  text-align: center;
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
}
@media (min-width: 769px) {
  footer:not(#main-site-footer) {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
footer:not(#main-site-footer) > div {
  padding: 16px 0;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 120px;
  color: #fff;
}
@media (min-width: 769px) {
  footer:not(#main-site-footer) > div {
    margin-bottom: 40px;
    color: #212121;
  }
}

.dev_info_box {
  z-index: 10000 !important;
}