/* TYPO */
@font-face {
  font-family: "source-code-pro";
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  src: url("https://use.typekit.net/af/3c21b3/0000000000000000000179cf/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/3c21b3/0000000000000000000179cf/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff"),
    url("https://use.typekit.net/af/3c21b3/0000000000000000000179cf/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "source-code-pro-bold";
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  src: url("https://use.typekit.net/af/9d892f/0000000000000000000179d1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/9d892f/0000000000000000000179d1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("woff"),
    url("https://use.typekit.net/af/9d892f/0000000000000000000179d1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "proxima-soft-light";
  font-style: normal !important;
  font-weight: 300 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  src: url("https://use.typekit.net/af/bcdb8f/00000000000000003b9b3030/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/bcdb8f/00000000000000003b9b3030/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3")
      format("woff"),
    url("https://use.typekit.net/af/bcdb8f/00000000000000003b9b3030/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3")
      format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "proxima-soft";
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  src: url("https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff"),
    url("https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "proxima-soft-medium";
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  src: url("https://use.typekit.net/af/cfd60a/00000000000000003b9b3034/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/cfd60a/00000000000000003b9b3034/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("woff"),
    url("https://use.typekit.net/af/cfd60a/00000000000000003b9b3034/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("opentype");
}
@font-face {
  font-family: "proxima-soft-semibold";
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  src: url("https://use.typekit.net/af/f4a012/00000000000000003b9b3036/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/f4a012/00000000000000003b9b3036/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3")
      format("woff"),
    url("https://use.typekit.net/af/f4a012/00000000000000003b9b3036/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3")
      format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "proxima-soft-bold";
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  src: url("https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
      format("woff"),
    url("https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3")
      format("opentype");
  font-display: swap;
}

/* @import url("https://use.typekit.net/tzy4dfa.css"); */

/* .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: 0px !important;
        padding-right: 0px !important;
    }
    .row {
        padding-left: 0px !important;
        padding-right: 0px !important;
    } */

html {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  /* text-shadow: #000000 0 0 0px; */
  -webkit-font-smoothing: antialiased !important;
}

:focus {
  outline: none;
}
/* div:empty {
    display: none !important;
    } */

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

::before,
::after {
  box-sizing: inherit;
}
/* #frmData .con {
        display: grid;
        grid-template-rows: 1fr auto;
        grid-gap: 0px !important;
        padding-top: 0px;
    }
   #frmData .con {
        display: grid;
        grid-template-rows: 1fr auto;
        grid-gap: 0px !important;
        padding-top: 0px;
    } */

#dialog #imgLogo {
  content: url(https://static.directferries.co.uk/image/dflogo-mobile.svg) !important;
  height: 80px;
  width: auto;
  margin-bottom: 24px;
}
#mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9000;
  background-color: #fff;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
}
.tooltip {
  z-index: 9999;
}

body#mobile-app-landing {
  background: #fff !important;
}

@media screen and (min-width: 1441px) and (max-width: 80000px) {
  .orderBy {
    margin-bottom: 24px !important;
  }
  .con {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
    max-width: 1400px !important;
  }
  /* DOMESTIC  */
  header .con {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
    max-width: 1400px !important;
  }
}

@media screen and (max-width: 80000px) and (min-width: 769px) {
  .con {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
    max-width: 1200px;
  }

  /* CONFIRMATION PAGE */
  .be_confirmation div.box {
    background-color: #fff !important;
    margin-bottom: 16px !important;
    margin: 0px 0px 8px 0px;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  .be_confirmation .box .content {
    padding: 24px 24px !important;
    display: grid;
    grid-gap: 16px;
    grid-template-areas:
      "confirm"
      "debitSum"
      "info"
      "ref"
      "ref"
      "itinerary"
      "itinerary"
      "itineraryother"
      "hotelUpsell";
  }
  .be_confirmation .ticketHead {
    background-color: #193354 !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    padding: 16px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .be_confirmation .ticketHead > div {
    display: table-cell;
    padding: 0px;
    text-align: left;
  }
  .be_confirmation .box .content p {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    grid-area: confirm;
    margin: 0 0 24px 0;
  }
  .be_confirmation .box .content .hotelUpsell {
    grid-area: hotelUpsell;
  }
  .hotelUpsell > div:first-child {
    background-color: #b4def5;
    text-align: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .hotelUpsell > div:nth-child(2) {
    background-color: #b4def5;
    text-align: center;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  #searchboxInc {
    font: 12px/1.5 Arial, Helvetica, sans-serif;
    color: #193354 !important;
    width: 316px;
  }
  #searchboxInc form#frm {
    background: #b4def5;
  }
  .be_confirmation .box .content .info {
    margin-bottom: 10px;
    padding: 16px;
    font-family: "proxima-soft-bold" !important;
    font-size: 16px !important;
    line-height: 20px;
    background-color: #fdefd8;
    border: 0px solid #fdefd8;
    border-radius: 8px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/processing.svg)
      #fdefd8 no-repeat left 8px center !important;
    padding-left: 48px !important;
    background-size: 32px !important;
    grid-area: info;
  }
  .be_confirmation .box .content .ref {
    display: grid;
    grid-template-columns: 1fr auto;
    width: auto;
    min-width: 400px;
    margin-bottom: 0px;
    background-color: #e0f1fa;
    border-radius: 8px;
    padding: 16px;
  }
  .be_confirmation .box .content .ref > div:first-child {
    text-align: left;
    font-family: "proxima-soft", sans-serif !important;
    font-size: 16px !important;
    line-height: 20px;
    margin-right: 24px;
  }
  .be_confirmation .box .content .ref > div {
    text-align: left;
    font-family: "proxima-soft-bold", sans-serif !important;
    font-size: 20px !important;
    line-height: 20px;
  }
  .be_confirmation .box .content div.ref:first-child {
    display: grid;
    width: 100%;
    margin-bottom: 8px;
    grid-area: ref1;
  }
  .be_confirmation .box .content div.ref:nth-child(2) {
    display: grid;
    width: 100%;
    margin-bottom: 8px;
    grid-area: ref2;
  }
  .be_confirmation .box .content .debitSum {
    display: table;
    width: 100%;
    border: none;
    padding: 8px;
    grid-area: debitSum;
    margin-bottom: 16px;
    /* margin-top: 16px; */
    background-color: #f7f6f2;
    border-radius: 8px;
  }
  .be_confirmation .box .content .debitSum .route {
    color: #ff4a0e;
    font-family: "proxima-soft-bold", sans-serif !important;
    font-size: 28px !important;
    line-height: 28px;
    padding: 16px;
    border: 0px solid #e7e7e7;
    border-radius: 8px;
  }
  .be_confirmation .box .content .debitSum > div.split {
    border: 0px solid #fff;
    width: 16px;
  }
  .be_confirmation .box .content .debitSum .debit {
    width: 240px;
    display: table-cell;
    border: 0px solid #fff;
  }
  .be_confirmation .box .content .debitSum .debit > div:first-child {
    color: #fff;
    background-color: #0070a0;
    border: 2px solid #fff;
    border-bottom: none;
  }
  .be_confirmation .box .content .debitSum .debit > div.debitHd {
    font-family: "proxima-soft-light", sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    color: #193354;
    background-color: transparent;
    padding: 0 8px;
    display: block;
    text-align: right;
    border: 0px solid #fff;
  }
  .be_confirmation .box .content .debitSum .debit > div.debitPr {
    font-family: "proxima-soft-bold", sans-serif !important;
    font-size: 20px;
    font-weight: 700;
    color: #ff4a0e;
    background-color: #fff;
    padding: 8px;
    display: block;
    text-align: right;
    background-color: transparent;
    border-radius: 8px;
  }
  .be_confirmation .box .content .itinerary {
    display: grid;
  }
  .be_confirmation .box .content .itinerary.other {
    display: grid;
    margin-bottom: 40px;
  }
  .be_confirmation .box .content .itinerary.other .headerTbl {
    background-color: #ede9e1;
    border-radius: 8px;
    color: #193354;
    font-family: "proxima-soft-light", sans-serif !important;
    font-size: 16px !important;
    line-height: 20px;
    padding: 8px;
  }
  .be_confirmation .box .content .itinerary .out {
    padding-left: 40px !important;
    padding-right: 8px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    border-radius: 4px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/leaving.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 4px !important;
    background-color: #0070aa !important;
    margin-top: 8px !important;
    padding: 8px;
  }
  .be_confirmation .box .content .itinerary .ret {
    padding-left: 40px !important;
    padding-right: 8px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    border-radius: 4px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/returning.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 4px !important;
    background-color: #0070aa !important;
    margin-top: 8px !important;
    padding: 8px;
  }
  .be_confirmation .box .content .itinerary .itinTbl {
    display: grid;
    width: 100%;
    margin-bottom: 24px;
    margin-top: 8px;
    padding: 0 8px;
    grid-template-columns: 1fr auto;
    text-align: left;
  }
  .be_confirmation .box .content .itinerary .itinTbl > div > div {
    display: grid;
    grid-gap: 8px;
    width: 100%;
  }
  .be_confirmation .box .content .itinerary .itinTbl > div > div > div {
    display: grid;
    grid-template-columns: auto 1fr;
    font-size: 16px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-medium" !important;
    text-align: left;
  }
  .be_confirmation
    .box
    .content
    .itinerary
    .itinTbl
    > div
    > div
    > div
    > div:first-child {
    display: grid;
    font-size: 16px !important;
    line-height: 18px !important;
    font-family: "proxima-soft" !important;
    text-align: left;
  }
  .be_confirmation .box .content .itinerary .itinTbl > div > div > div > div {
    display: grid;
    font-size: 16px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    text-align: left;
  }

  /* CONFIRMATION PAGE END */

  /* DOMESTIC  */
  header .con {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
    max-width: 1200px;
  }

  .covid-19-inner p.covid-19-flex {
    display: flex;
    align-items: center;
    background: #0070aa !important;
    padding: 16px;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    height: auto;
    width: 100% !important;
    text-decoration: none !important;
  }
  .covid-19-inner p.covid-19-flex span a {
    display: block;
    font-size: 14px;
    /* text-decoration: none !important; */
  }

  /* ===CRUMB TITLE COMPLETE=== */

  .con .crumbs {
    padding: 0px 8px 8px 8px !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    /* grid-column-gap: 16px; */
  }
  .crumbs li {
    background-color: #ede9e1 !important;
    display: inline-block !important;
    padding: 8px 8px 8px 8px !important;
    color: #545452 !important;
    position: relative !important;
    margin-right: -8px !important;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    font-family: "proxima-soft-bold", sans-serif;
  }
  .crumbs li:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .crumbs li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .crumbs .current i {
    background: url() no-repeat -35px center !important;
  }
  .crumbs .current i:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 16px solid transparent !important;
    border-bottom: 16px solid transparent !important;
    border-left: 8px solid #bfe2f6 !important;
    top: 0px;
    right: -8px;
    z-index: 1;
  }
  .crumbs .current {
    background-color: #bfe2f6 !important;
    display: inline-block !important;
    padding: 8px 8px 8px 8px !important;
    color: hsl(207, 79%, 18%) !important;
    position: relative !important;
    margin-right: -8px !important;
    font-weight: 800;
    font-family: "proxima-soft-bold", sans-serif;
  }
  .crumbs .notcurrent.complete2 i {
    background: url() no-repeat -35px center !important;
  }
  .crumbs .notcurrent i {
    background: url() no-repeat -35px center !important;
  }
  .crumbs .notcurrent i:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
    border-left: 8px solid #a5a49e !important;
    top: 12px;
    right: -8px;
    z-index: 1;
  }
  .crumbs .notcurrent.complete1,
  .crumbs .notcurrent.complete2,
  .crumbs .notcurrent.complete3,
  .crumbs .notcurrent.complete4,
  .crumbs .notcurrent.complete5 {
    background-color: #0070a0 !important;
    display: inline-block !important;
    padding: 8px 8px 8px 8px !important;
    color: #ffffff !important;
    position: relative !important;
    margin-right: -8px !important;
    font-family: "proxima-soft-bold", sans-serif;
  }
  .crumbs .notcurrent.complete1 i,
  .crumbs .notcurrent.complete2 i,
  .crumbs .notcurrent.complete3 i,
  .crumbs .notcurrent.complete4 i,
  .crumbs .notcurrent.complete5 i {
    background: url() no-repeat -35px center !important;
  }
  .crumbs .notcurrent.complete1 i:after,
  .crumbs .notcurrent.complete2 i:after,
  .crumbs .notcurrent.complete3 i:after,
  .crumbs .notcurrent.complete4 i:after,
  .crumbs .notcurrent.complete5 i:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 16px solid transparent !important;
    border-bottom: 16px solid transparent !important;
    border-left: 8px solid #0070a0 !important;
    top: 0px;
    right: -8px;
    z-index: 1;
  }

  /* ===CRUMB TITLE=== */

  .con .crumbTitle {
    padding: 0px 8px 8px 8px !important;
    position: absolute !important;
    top: 22px !important;
    margin-left: 320px !important;
  }
  .crumbTitle span {
    background-color: #bfe2f6 !important;
    display: inline-block !important;
    padding: 8px 8px 8px 8px !important;
    color: #193354 !important;
    position: relative !important;
    margin-right: -8px !important;
  }
  .crumbTitle span:last-child {
    background-color: #bfe2f6 !important;
    display: inline-block !important;
    padding: 8px !important;
    color: hsl(207, 79%, 18%) !important;
    position: relative !important;
    font-family: "proxima-soft-bold", sans-serif !important;
    font-size: 18px;
  }
  .crumbTitle span:last-child:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 18px solid transparent !important;
    border-bottom: 18px solid transparent !important;
    border-left: 12px solid #bfe2f6 !important;
    top: 0;
    right: -12px;
  }

  /* CRUMB END */

  /* ===CONTACT US - CS=== */

  #ContactUs .fsWrap {
    background-color: #fff !important;
  }
  #ContactUs .fsWrap select {
    -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;
    height: 40px;
    padding: 0 10px;
  }
  .googleS {
    display: none !important;
  }
  .intTxt {
    border-top: none;
    margin-top: 24px;
  }

  #CustomerService .fsWrap {
    background-color: #fff !important;
  }

  /* ===GLOBAL=== */

  #frmData {
    background-color: transparent !important;
    padding: 0px 0 !important;
  }

  #dialog {
    background: rgb(255, 255, 255);
    text-align: center;
    z-index: 9999;
    padding: 24px;
    opacity: 1 !important;
    transition: opacity 0.25s ease-in-out !important;
    border-radius: 8px;
  }
  #mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9000 !important;
    background-color: #fff !important;
    filter: alpha(opacity=50);
    opacity: 1 !important;
    transition: opacity 0.25s ease-in-out !important;
  }

  .modal_backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    animation: fadein 0.3s ease-in-out forwards;
  }
  .modal_backdrop .modal {
    position: relative;
    width: 75%;
    max-width: 600px;
    background-color: #fff;
    padding: 8px;
    border: 3px solid #2c7ca9;
  }
  .modal_backdrop .modal .modal_closer {
    position: absolute;
    top: -8px;
    right: -8px;
    height: 30px;
    width: 30px;
    background: url(https://static.directferries.co.uk/image/sprites/sprite.png?v=4) -10px -2020px
      no-repeat;
    cursor: pointer;
    border: none;
  }

  body {
    font-family: "proxima-soft-light", sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 20px;
    background-image: linear-gradient(
      45deg,
      #ede9e1 16.67%,
      #f7f6f2 0,
      #f7f6f2 50%,
      #ede9e1 0,
      #ede9e1 66.67%,
      #f7f6f2 0,
      #f7f6f2
    ) !important;
    background-size: 4.24px 4.24px;
  }
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .dests a,
  .hreview .summary,
  a.boldLink,
  b,
  footer .signUp .inputGrpBox,
  label,
  strong {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .logoBar {
    min-height: 80px !important;
  }

  .logoBar img.logo {
    height: 48px !important;
    margin-left: 0px !important;
    max-width: 264px !important;
  }
  .logoBar img.headOpLogo {
    float: right !important;
    padding: 8px !important;
    background-color: #fff !important;
    border-radius: 8px !important;
    max-height: 64px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  .logoBar .headOpLogo {
    float: right !important;
    width: auto !important;
    max-height: 80px !important;
    margin: 0px;
  }
  .logoBar .rSer {
    padding: 2px 16px 0px 0px !important ;
  }
  .box {
    background-color: transparent !important;
    margin-bottom: 0px !important;
    margin: 0 0 8px 0;
    border: none !important;
    border-radius: 8px !important;
  }
  footer > div {
    border-top: 0px solid #f7f6f2 !important;
    text-align: center;
    padding: 16px 0 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 0px 0px 8px 8px !important;
    background-size: 4.24px 4.24px !important;
    margin-bottom: 40px;
  }

  /* ===BUTTONS GLOBAL=== */

  .btn {
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .grnBtn {
    font-size: 18px !important;
    line-height: 32px !important;
    height: 40px !important;
    line-height: 36px !important;
    min-width: 160px !important;
  }
  .df-search-btn {
    font-weight: normal !important;
    display: inline-block !important;
    padding: 8px 8px !important;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
    border: 0px solid #3fa9f5 !important;
    color: #000;
    font-size: 12px !important;
    line-height: normal !important;
    margin: 2px 2px !important;
    background-color: #edebe6 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .df-search-btn:hover {
    background-color: #45b7ed !important;
    color: #fff;
    text-decoration: none;
  }
  .nQte .abPseudoBtn,
  .quote_item .abPseudoBtn {
    background-color: #fff !important;
    color: #ff4a0d;
    border: 1px solid #ff4a0d !important;
    padding: 4px 24px !important;
    height: auto !important;
    background-image: none !important;
    background-position: right 50% !important;
    background-size: 24px !important;
    line-height: 32px !important;
    min-width: 144px !important;
  }
  .nQte:hover .abPseudoBtn,
  .quote_item:hover .abPseudoBtn {
    background-color: #ff4a0d !important;
    color: #fff;
    border: 1px solid #ff4a0d !important;
  }
  .form-group.btnCen,
  .frmGrp {
    padding: 24px !important;
  }
  #customerDetailsContainer .form-group.btnCen,
  .frmGrp {
    padding: 24px !important;
    display: block !important;
  }
  .content-accom .form-group.btnCen,
  .frmGrp {
    display: block !important;
    padding: 0px !important;
    position: fixed;
    background-image: linear-gradient(
      45deg,
      #ede9e1 16.67%,
      #f7f6f2 0,
      #f7f6f2 50%,
      #ede9e1 0,
      #ede9e1 66.67%,
      #f7f6f2 0,
      #f7f6f2
    ) !important;
    background-size: 4.24px 4.24px;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 99;
    bottom: 0;
    border-top: 4px solid #e7e7e7 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .AB_button_div {
    border-bottom: 0px solid #e7e7e7 !important;
    padding-bottom: 16px !important;
    margin-bottom: 8px !important;
  }
  .btnCen .btn {
    display: block;
    margin: 0 auto;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    min-width: 320px !important;
    min-height: 48px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 32px !important;
    background-position: right 50% !important;
    border-radius: 8px !important;
  }

  /* ===FORMS GLOBAL=== */
  /* .rSerFs {
        background: #FFF;
        border-top: 2px solid #ede9e1 !important;
        margin: 8px !important;
        padding: 16px 8px 8px 8px !important;
        display: none;
    } */
  .fs.sayt .formPopup {
    z-index: 100;
    background-image: none;
    padding-top: 0 !important;
    border-radius: 8px !important;
    width: 480px;
    background: #f7f6f2 !important;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    /* position: absolute;
        margin-right: 16px; */
    margin-top: -36px;
  }

  .fs.sayt .popupTitle {
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    padding: 0px !important;
    background: #fff !important;
    color: #45b7ed !important;
    border-left: 0px solid #c9c9c9 !important;
    border-right: 0px solid #c9c9c9 !important;
  }
  .fs.sayt .popupClose {
    position: absolute;
    top: 8px !important;
    right: 8px !important;
    z-index: 1;
    height: 24px !important;
    width: 24px !important;
    cursor: pointer;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/cancel.svg)
      no-repeat left center !important;
    border: none;
  }
  .fs.sayt .formPopup .formCon {
    display: grid;
  }
  .fs.sayt .formPopup .formCon a.fsTLnk {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    /* color: #193354 !important; */
    padding: 16px 8px !important;
  }
  .fs.sayt .formPopup .formCon table .tbody .tr {
    display: grid;
  }
  .fs.sayt table .txt-group {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #193354 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .fs.sayt .petLbl {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #193354 !important;
  }
  .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 !important;
  }
  .fs.sayt .petGrp label {
    border-left: none;
    border-right: none;
    text-align: center;
    position: relative;
    float: left;
    width: 40px !important;
    display: table-cell;
    background-color: #ede9e1 !important;
    color: #193354 !important;
    background-image: none;
    border: 0px solid #d3d0c9 !important;
    font-size: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-radius: 100px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
    line-height: 26px;
    height: 40px;
    margin: 0 8px 0 8px;
  }
  .fs.sayt .petGrp .btn-default {
    text-align: center;
    text-decoration: none;
    position: relative;
    padding: 8px 8px;
    line-height: 24px;
    height: 40px;
    border-radius: 100px !important;
    width: 40px;
    font-size: 24px;
    background-image: none !important;
    margin: 0px !important;
    background-color: transparent;
    text-decoration: none;
    position: relative;
    border-color: transparent;
    color: #333;
    font-size: 32px !important;
    font-family: "proxima-soft-medium", sans-serif !important;
    font-weight: 300 !important;
  }
  .fs.sayt .petGrp .btn-default:hover {
    background-color: #fff;
  }
  .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: 24px;
    background-image: none !important;
    align-self: center;
    color: #d3d0c9;
    font-size: 32px !important;
    font-family: "proxima-soft-medium", sans-serif !important;
    font-weight: 300 !important;
  }
  .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 !important;
    border-bottom: 0px solid #0070a0 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .fs.sayt .titleInner .fsCopy {
    margin-top: 8px;
    margin-bottom: -24px;
  }
  .fs.sayt .titleInner .fsCopy label {
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0px 0 0 24px;
    color: #0070a0;
    font-size: 14px;
  }

  .fs.sayt .fsDone,
  #btnSearch {
    min-height: 40px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #fff !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 32px !important;
    background-position: right 50% !important;
    border-radius: 8px !important;
    float: right;
    min-width: 160px !important;
    max-width: 160px !important;
  }
  .formCon {
    border: 0px solid #c9c9c9 !important;
    border-top: none;
    padding: 8px 24px 8px !important;
  }
  .form-group,
  .frmGrp {
    margin-bottom: 0px !important;
  }
  .form-control,
  .fsControl {
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 18px;
    background-color: #f7f6f2 !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
  }
  .fs {
    line-height: 1 !important;
  }
  .fs #cal_out,
  .fs #cal_ret {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right !important;
    background-repeat: no-repeat !important;
  }
  .fs * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 8px !important;
    align-self: center;
  }
  .fs tbody {
    align-self: center;
    display: grid;
  }
  .fs tbody tr {
    align-self: center;
    display: grid;
    grid-template-columns: 3fr 1fr;
    background-color: #f7f6f2;
    border-radius: 8px;
    padding: 8px;
  }
  .fs tbody tr td {
    align-self: center;
    padding: 0px !important;
    width: 100% !important;
  }
  .fs tbody tr td .form-group {
    align-self: center;
    padding: 0px !important;
  }
  .fs tbody tr td .form-group .form-control {
    background-color: #ede9e1 !important;
    border: none !important;
    margin-right: 8px !important;
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .fs label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px !important;
    line-height: 26px;
    font-size: 14px;
  }
  .frm > div > div {
    display: table-cell;
    padding: 0 16px 8px 0 !important;
    vertical-align: middle !important;
  }
  select {
    -webkit-appearance: none;
    background-image: url("https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg") !important;
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
    background-size: 22px;
  }
  input[type="radio"]: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;
  }

  input[type="radio"]:checked:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    top: -6px;
    left: -6px;
    position: relative;
    background-color: #193354;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 4px solid white;
  }

  /* ===SEARCH ROUTE=== */

  .ui-autocomplete {
    position: absolute;
    cursor: pointer;
    padding: 8px;
    border: 0px solid #ccc;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    line-height: 20px !important;
    border-radius: 8px;
    max-height: 320px;
    overflow-y: scroll;
    z-index: 200;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
  .ui-autocomplete .ui-state-disabled {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #45b7ed !important;
    font-size: 16px !important;
    line-height: 20px !important;
    opacity: 1;
    border-bottom: 4px solid #fff;
    margin: 0 0 0 8px;
    padding: 8px 0;
    background: #fff !important;
  }
  .ui-autocomplete li {
    padding: 8px 8px;
    margin: 8px 8px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #f7f6f2 !important;
    border-radius: 4px !important;
  }
  .ui-autocomplete.ui-widget-content .ui-state-focus {
    padding: 8px 8px;
    margin: 8px 8px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #e0f1fa !important;
    border-radius: 4px !important;
  }
  .ui-autocomplete mark {
    background: #daf0fb !important;
    color: #193354 !important;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .ui-autocomplete .ui-menu-item .location {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    color: #4a4a4a;
    font-size: 14px !important;
    line-height: 20px !important;
    display: none;
  }
  .ui-autocomplete::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px !important;
  }
  .ui-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    background-color: #d3d0c9 !important;
    border: 2px solid #fff !important;
  }

  /* ===CALENDAR=== */

  .ui-widget-content {
    border: 0px solid #aaa !important;
    background: 50% 50% repeat-x #fff;
    color: #000;
    border-radius: 8px !important;
    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-datepicker {
    width: 100%;
    padding: 16px !important;
    z-index: 25;
  }
  .ui-datepicker.ui-datepicker-multi {
    position: absolute !important;
    z-index: 1;
    width: auto !important;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
    padding: 8px;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
    float: left;
  }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
    border: 0px solid #2c7ca9;
    background: 50% 50% repeat-x #fff !important;
    color: #193354 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    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/dark-blue/arrow-left.svg);
    background-size: 24px !important;
    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/dark-blue/arrow-right.svg);
    background-size: 24px !important;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 0.4em;
    width: 100%;
    height: 100% !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-collapse: collapse;
    margin: 0 0 0.4em;
  }
  .ui-datepicker table {
    width: 100%;
    height: 100% !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-collapse: collapse;
    margin: 0 0 0.4em;
  }
  .ui-datepicker td {
    border: 0;
    padding: 4px !important;
  }
  .ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 12px !important;
    border: 0;
  }
  .ui-datepicker-calendar a.ui-state-default {
    border-color: #fff;
    border-radius: 100px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 24px !important;
    background-color: #ede9e1 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    transition: 0.2s;
    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: 24px !important;
    background-color: #193354 !important;
    color: #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .ui-datepicker-calendar a.ui-state-active {
    border-color: #ff4a0e !important;
    background-color: #ff4a0e !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #fff !important;
  }
  .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;
  }

  /* ===TOP BOX SEARCH RESULTS=== */

  .rSer {
    background: #fff !important;
    margin: 0px !important;
    padding: 8px !important;
    border-radius: 8px 8px 0px 0px !important;
  }
  .rSer .rsMap {
    width: 160px !important;
    display: table-cell;
  }
  .rSer .rsBtn .btn {
    background-image: none;
    padding: 6px 16px !important;
    background: #45b7ed !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 8px !important;
  }

  /* ===TOP BOX SEARCH RESULTS=== */

  #sortBybar #lnkChangeSearchAccessibility {
    grid-area: search;
    align-self: center;
    background-color: #45b7ed !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
    display: none !important;
  }

  .orderBy .sortBy {
    border-right: 0px solid #fff !important;
    text-align: left;
    padding: 0 16px 0 8px !important;
  }
  .orderBy {
    background: #fff !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 24px !important;
    margin-left: 0px !important;
    border: 0px solid #fff !important;
    border-top: 2px solid #f7f6f2 !important;
    padding: 8px 8px !important;
    border-radius: 0 0 8px 8px !important;
  }
  .orderBy .ab-hide-alt-toggle {
    background-color: transparent !important;
  }
  .orderBy .sortOps ul {
    display: table;
    font-size: 14px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .orderBy a {
    padding: 4px 8px 4px 8px !important;
    float: left;
    color: #193354;
  }
  .orderBy .selected {
    background-image: none;
    background-color: #e0f1fa;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .orderBy #lnkSortByRecommended {
    position: relative;
    display: block;
    padding-right: 32px !important;
  }
  .orderBy #lnkSortByRecommended i {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg)
      no-repeat left center !important;
    background-size: 16px !important;
  }
  .orderBy #lnkSortByRecommended i {
    width: 24px !important;
    height: 24px !important;
    position: absolute;
    right: -4;
    top: 2px !important;
    background-position: center center;
  }
  .orderBy #lnkSortByOperator {
    position: relative;
    display: block;
    padding: 0 24px 0 16px !important;
    text-align: right;
  }
  .orderBy #lnkSortByOperator i {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg)
      no-repeat left center !important;
    background-size: 24px !important;
  }
  .orderBy #lnkSortByOperator i {
    width: 24px !important;
    height: 24px !important;
    position: absolute;
    right: -4;
    top: -2px !important;
    background-position: center center;
  }

  /* ===INFO BANNER PRICE RISE=== */

  #info.error {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    /* display: block; */
    background-color: #fad5cf !important;
    border: 0px solid #f10103 !important;
    color: #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    background: url(https://static.directferries.co.uk/image/sw-2.png) no-repeat
      8px 16px #fad5cf;
    padding-left: 42px;
    color: #f00305 !important;
    font-size: 16px !important;
    background-image: url(https://static.directferries.co.uk/image/sw-2-animated.gif) !important;
  }
  #info.error span {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    line-height: 20px !important;
    display: inline-block;
    margin-top: 2px !important;
  }
  #noResultsFoundDiv.info {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    padding: 16px 24px 16px 8px !important;
    font-size: 18px !important;
    display: block;
    background-color: #e0f1fa !important;
    border: 0px solid #f10103 !important;
    color: #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 64px !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/booking.svg)
      no-repeat rgb(224, 241, 250) !important;
    padding-left: 42px;
    background-size: 32px !important;
    background-position: 16px !important;
  }
  #noResultsFoundDiv.info span:first-child {
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354;
  }
  #noResultsFoundDiv.info span {
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
  }

  /* ===TICKET=== */

  #divQuotesContainer .sponsored-sailing {
    border: 2px solid #adaaa4 !important;
    margin-top: 40px !important;
    margin-bottom: 32px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
  }
  #divQuotesContainer .sponsored {
    background: transparent !important;
    display: inline;
    color: #adaaa4;
    padding: 8px 48px 8px 8px;
    position: absolute;
    top: -36px;
    left: -2px;
    background: linear-gradient(225deg, #fff 50%, transparent 50%), #4caf50;
    background-size: 75px 30px;
    background-repeat: no-repeat;
    background-position: right top;
    border-top-left-radius: 8px;
  }
  #divQuotesContainer .sponsored:after {
    transform: skew(35deg);
    -ms-transform: skew(35deg);
    -webkit-transform: skew(35deg);
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    background: transparent !important;
    width: 24px;
    height: 100%;
  }

  .nQteHead {
    border-bottom: 4px dotted #f7f6f2;
    padding: 8px 16px !important;
  }

  /* ===TICKET ONEWAY=== */

  .quote_item.ab-2062-mb-30 {
    margin: 0 0 24px 0 !important;
    border: 0px solid #c9c9c9 !important;
    background: #fff;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: scale(0.995) !important;
  }
  .quote_item.ab-2062-mb-30:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 9999;
    transform: scale(1) !important;
    backface-visibility: hidden !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-font-smoothing: antialiased !important;
    /* font-smoothing: antialiased !important; */
    transition: 0.2s !important;
    transition-timing-function: ease-out !important;
  }
  .quote_item.ab-2062-mb-30.alternative .box {
    border: 0px solid #f3a13d !important;
  }

  .quote_item.ab-2062-mb-30 .ab-2062-box {
    border: none;
    padding-bottom: 0px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0px !important;
  }

  .quote_item.ab-2062-mb-30 .ab-2062-box .ticketHead.ab-2062-head-outer {
    background-color: transparent !important;
    color: #193354 !important;
    font-size: 26px;
    padding: 0px;
    margin-bottom: 0px;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead.ab-2062-head-outer
    > div:first-child {
    display: grid !important;
    grid-template-columns: 2fr 4fr 2fr;
    padding: 8px 16px !important;
    min-height: 136px;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div:nth-child(2)
    .ab-2062-bookedtimes {
    padding: 0px 8px !important;
    font-size: 14px;
    font-family: "proxima-soft" !important;
    font-weight: 400 !important;
    margin-left: 0;
    padding: 0;
    vertical-align: top;
    margin-bottom: 4px;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div:nth-child(2)
    .ab-2062-bookedtimes
    span
    > span {
    font-size: 16px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .quote_item.ab-2062-mb-30 .ab-2062-box .ticketHead > div {
    padding: 0px;
  }
  .quote_item.ab-2062-mb-30 .ab-2062-box .ticketHead > div .ab-2062-logo-space {
    margin: 8px 8px 8px 8px;
    flex-basis: 100%;
    width: auto;
    align-self: start;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-logo-space
    img {
    vertical-align: middle;
    border: none;
    display: block;
    margin: 0;
    padding: 0px !important;
    width: 110px;
    max-height: 40px !important;
  }
  .quote_item.ab-2062-mb-30 .ab-2062-box .ticketHead > div .ab-2062-operator {
    margin-top: 16px;
    color: #193354;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 18px !important;
  }
  .quote_item.ab-2062-mb-30 .ab-2062-box .ticketHead > div .ab-2062-ticket {
    flex-basis: 100%;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    .ab-2062-details {
    width: 100%;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    .ab-2062-details
    .ab-2298-alt-outer {
    width: 100%;
    background: #fbe7cf !important;
    margin: 0 auto 8px;
    text-align: center;
    padding: 4px 8px;
    color: #193354 !important;
    font-weight: 600;
    font-size: 16px;
    border-radius: 4px !important;
    white-space: nowrap;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    .ab-2062-details
    .alternative-txt
    span {
    color: #193354 !important;
    background-color: #fbe7cf !important;
    padding: 0px 4px;
    border-radius: 4px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    > div
    > div
    > div {
    flex-basis: 100%;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    > div
    > div
    > div
    .ab-2062-col-1 {
    width: 100%;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    > div
    > div
    > div
    .ab-2062-col-1
    .ab-2062-port
    span {
    font-family: "proxima-soft-medium";
    padding-top: 2px;
    line-height: 16px;
    vertical-align: middle;
    font-size: 16px !important;
    color: #193354;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    > div
    > div
    > div
    .ab-2062-col-1
    .ab-2062-time {
    width: auto !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    > div
    > div
    > div
    .ab-2062-col-1
    .ab-2062-time
    span {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    color: #193354 !important;
    padding-top: 4px;
    line-height: 28px !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    > div
    > div
    > div
    .ab-2062-col-1
    .ab-2062-date {
    width: auto !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    > div
    > div
    > div
    .ab-2062-col-1
    .ab-2062-date
    span {
    font-family: "proxima-soft-light";
    font-size: 16px !important;
    display: block;
    line-height: 16px;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #193354 !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    > div
    > div
    > div
    .ab-2062-col-1
    .ab-2062-duration {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    text-align: center;
    width: auto;
    font-size: 14px !important;
    line-height: 10px !important;
    bottom: 4px !important;
    vertical-align: bottom !important;
    position: relative !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-ticket
    > div
    > div
    > div
    .ab-2062-col-1
    .ship {
    font-family: "proxima-soft" !important;
    font-size: 14px !important;
    display: block;
    line-height: 14px !important;
    margin-bottom: 4px;
    margin-top: 8px;
    color: #026fa9 !important;
  }

  .quote_item.ab-2062-mb-30 .ab-2062-box .ticketHead > div .ab-2062-price {
    flex-basis: 100%;
    margin: 0 0px 0 24px;
    padding: 0;
    display: grid;
    grid-template-rows: auto;
    justify-self: end;
    align-self: start;
    height: 100%;
  }
  .ab-2062-price .ab-2062-right .price {
    display: flex;
    align-items: baseline;
    align-self: start;
  }
  .ab-2062-price .ab-2062-right .price b {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 26px !important;
    line-height: 24px !important;
    display: block;
    color: #193354;
    white-space: nowrap;
    padding-left: 8px !important;
  }
  .ab-2062-price .ab-2062-right .price .hdPrOld {
    text-decoration: line-through;
    font-size: 16px;
    line-height: 18px;
    color: #f10104;
    margin-right: 8px;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-price
    > div:nth-child(1) {
    flex-basis: 100%;
    justify-self: end;
    float: right;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-price
    > div:nth-child(2)
    .hilite.green {
    background: #589120;
    cursor: help;
    display: inline-block;
    color: #fff;
    padding: 0px 8px 0px 8px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    white-space: nowrap;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    border: 0px solid #589120 !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ticketHead
    > div
    .ab-2062-price
    > div:nth-child(2)
    .hilite.red {
    background: #f10104;
    cursor: help;
    display: inline-block;
    color: #fff;
    padding: 0px 8px 0px 8px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    white-space: nowrap;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    border: 0px solid #f10104 !important;
  }
  .quote_item .ab-2062-cta-outer {
    float: right !important;
    width: 100% !important;
    margin: 8px 0 0 0 !important;
    align-self: end;
  }
  .quote_item .ab-2062-continue {
    display: block;
    padding: 0 4px;
    height: auto !important;
    line-height: 40px !important;
    background-image: none !important;
    font-size: 16px;
    background-color: #fff !important;
    border: 1px solid #f10104 !important;
    color: #f10104 !important;
    text-decoration: none;
    max-width: 120px;
    float: right;
  }
  .nQte:hover .ab-2062-continue,
  .quote_item:hover .ab-2062-continue {
    background-color: #f10104 !important;
    color: #fff !important;
  }

  .quote_item.ab-2062-mb-30 .ab-2062-box .ab-2062-ticketInfo {
    background-color: #f7f6f2 !important;
    background-image: linear-gradient(
      45deg,
      #f7f6f2 16.67%,
      #fff 0,
      #fff 50%,
      #f7f6f2 0,
      #f7f6f2 66.67%,
      #fff 0,
      #fff
    ) !important;
    background-size: 4.24px 4.24px !important;
    margin: 0px !important;
    border: none;
    padding: 8px 8px 8px 8px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 0px 0px 8px 8px !important;
    border-top: 4px dotted #f7f6f2;
  }
  .quote_item.ab-2062-mb-30 .ab-2062-box .ab-2062-ticketInfo .tabs {
    display: flex;
    margin: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .quote_item.ab-2062-mb-30 .ab-2062-box .ab-2062-ticketInfo .tabs li {
    background-color: transparent !important;
    border-right: 0px solid #fff;
    margin: 0px;
    padding: 0px;
  }
  .quote_item.ab-2062-mb-30 .ab-2062-box .ab-2062-ticketInfo .tabs li a {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-left: 0px solid #d1e6f1 !important;
    padding-right: 16px !important;
    padding-left: 8px !important;
    text-decoration: none;
    color: #193354 !important;
    font-size: 16px !important;
    background-color: #f7f6f2 !important;
    margin: 4px;
    border-radius: 4px;
    padding: 8px;
    background-size: 24px !important;
    background-position: 8px 6px !important;
    background-repeat: no-repeat !important;
    padding-left: 44px !important;
  }
  .ab-2062-link-group i {
    padding-right: 4px;
    display: none;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ab-2062-ticketInfo
    .tabs
    li:nth-child(1)
    a {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/cabin.svg) !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ab-2062-ticketInfo
    .tabs
    li:nth-child(2)
    a {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/booking.svg) !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ab-2062-ticketInfo
    .tabs
    li:nth-child(3)
    a {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg) !important;
  }
  .quote_item.ab-2062-mb-30
    .ab-2062-box
    .ab-2062-ticketInfo
    .tabs
    li:nth-child(4)
    a {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/timetable.svg) !important;
  }
  .quote_item.ab-2062-mb-30 .ab-2062-box .ab-2062-ticketInfo .tabs li.active a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    text-decoration: none;
    color: #193354 !important;
    font-size: 16px !important;
    background-color: #ede9e1 !important;
    border-radius: 4px 4px 0 0 !important;
    padding-bottom: 16px;
  }
  .nQteHead .hdBn .btn {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .nQteHead .hdOf .hint2 > div {
    display: inline-block;
    color: #fff;
    padding: 0px 8px 0px 8px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    white-space: nowrap;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border: 0px solid #f10103 !important;
  }
  #divMealsOffersReturn.hint2.green > div {
    display: inline-block;
    color: #193354;
    background-color: #dea;
    padding: 0px 8px 0px 8px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    white-space: nowrap;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border: 0px solid #dce9d2 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg) !important;
    background-size: 16px !important;
    background-position: 4px 2px !important;
    background-repeat: no-repeat !important;
    padding-left: 24px !important;
  }
  .nQteHead .hdOf {
    padding-right: 8px !important;
    text-align: right;
  }
  .tabCon {
    clear: both;
    padding: 0 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .tabCon > .active {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 8px 8px 8px 8px !important;
    background-color: #ede9e1 !important;
    border-radius: 4px !important;
    margin: 4px !important;
    color: #193354 !important;
    position: relative;
    top: -8px;
  }

  .tabCon > span:first-child {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 8px 8px 8px 8px !important;
    background-color: #fedfb4 !important;
    border-radius: 4px !important;
    margin: 4px !important;
    color: #193354 !important;
  }

  .tabCon > span:nth-child(2) {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 8px 8px 8px 8px !important;
    background-color: #e7f1f8 !important;
    border-radius: 4px !important;
    margin: 4px !important;
    color: #193354 !important;
  }

  #ifTimetable table {
    border-collapse: collapse;
    font-size: 16px;
  }

  /* ===TICKET RETURN=== */

  .nQteHead .hdIm {
    width: 110px;
    border-right: 2px solid #f7f6f2 !important;
  }
  .nQteBody {
    display: table !important;
    width: 100%;
    padding: 16px 16px 8px 16px !important;
  }
  .nQte,
  .quote_item.ab-2062-mb-30 {
    margin: 0 0 24px 0 !important;
    border: 0px solid #c9c9c9 !important;
    background: #fff;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: scale(0.995) !important;
  }
  .nQte:hover,
  .quote_item.ab-2062-mb-30:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
    transform: scale(1) !important;
    backface-visibility: hidden !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-font-smoothing: antialiased !important;
    /* font-smoothing: antialiased !important; */
    transition: 0.2s !important;
    transition-timing-function: ease-out !important;
  }

  .nQteHead .hdIm + .hdOp {
    padding-right: 24px;
  }
  .nQteHead .hdOp span:first-child {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;

    font-size: 18px !important;
    line-height: 20px !important;
  }
  .nQteHead .hdOp span {
    font-size: 16px !important;
    line-height: 18px !important;
    display: block;
    clear: both;
  }
  .nQteHead .hdPr span {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 26px !important;
    line-height: 24px !important;
    display: block;
    color: #193354;
    white-space: nowrap;
    padding-right: 8px !important;
  }
  .nQteHead .hdPr span.hdPrOld {
    text-decoration: line-through;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    display: block;
    color: #f10103;
    white-space: nowrap;
    padding-right: 8px !important;
  }
  .nQteBody > div {
    border-left: 0px solid #f7f6f2 !important;
    padding: 8px 8px 8px 8px !important;
  }
  .nQteBody > div:first-child {
    border: none;
    padding-left: 0;
    border-right: 2px solid #f7f6f2 !important;
  }
  .nQteBody > div:second-child {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    border-left: 2px solid #f7f6f2 !important;
  }
  .nQteHead .hdOf .hint2.blue.alternative > div {
    background-color: #fbe7cf !important;
    border: 0px solid #ffae40 !important;
    text-align: center;
    color: #193354 !important;
    cursor: help;
  }
  .nQteBody > div .ABHighlightAlternativePort span {
    color: #193354 !important;
    background-color: #fbe7cf !important;
    line-height: 18px !important;
    border-radius: 4px !important;
    padding: 0px 4px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .nTkt .time1 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 26px !important;
    text-align: right;
    padding-right: 10px;
    font-weight: 600;
    color: #193354 !important;
    padding-top: 4px;
    line-height: 28px !important;
  }
  .nTkt .time2 > div {
    width: 166px !important;
    background: url(/image/ab/quotes-line.jpg) no-repeat 0 1px;
  }
  .nTkt .time3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 26px !important;
    text-align: left;
    padding-right: 10px;
    font-weight: 600;
    color: #193354 !important;
    padding-top: 4px;
    line-height: 28px !important;
  }
  .nTkt .route1,
  .route2,
  .route3,
  .route4 {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;

    width: 30% !important;
    padding-top: 2px;
    line-height: 16px;
    vertical-align: middle;
    font-size: 16px !important;
    color: #193354;
  }
  .nTkt .date1,
  .date2,
  .date3,
  .date4 {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    display: block;
    line-height: 16px;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #193354 !important;
  }
  .nQteBody > div .ABHighlightAlternativeDate span {
    color: #193354 !important;
    background-color: #fbe7cf !important;
    line-height: 16px !important;
    border-radius: 4px !important;
    padding: 0px 4px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 24px !important;
  }
  .nTkt .dur2 {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    text-align: center;
    width: auto;
    font-size: 14px !important;
    line-height: 10px !important;
    top: 8px !important;
    vertical-align: bottom !important;
    position: relative !important;
  }
  .nTkt .ship2 > span {
    font-family: "proxima-soft" !important;
    font-size: 14px !important;
    display: block;
    line-height: 14px !important;
    margin-bottom: 4px;
    margin-top: 0px;
    color: #026fa9 !important;
  }
  .nQteBtm {
    position: relative;
    background-color: transparent !important;
    border-top: 4px dotted #f7f6f2;
  }
  .nQteBtm .ticketInfo {
    background-color: #f7f6f2 !important;
    background-image: linear-gradient(
      45deg,
      #f7f6f2 16.67%,
      #fff 0,
      #fff 50%,
      #f7f6f2 0,
      #f7f6f2 66.67%,
      #fff 0,
      #fff
    ) !important;
    background-size: 4.24px 4.24px !important;
    margin: 8px 8px 8px 8px !important;
    border: none;
    padding: 8px 8px 8px 8px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px 8px 8px 8px !important;
  }
  .nQteBtm .ticketInfo .tabs {
    display: flex;
    margin: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .nQteBtm .ticketInfo .tabs li a {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-left: 0px solid #d1e6f1 !important;
    padding-right: 16px !important;
    padding-left: 8px !important;
    text-decoration: none;
    color: #193354 !important;
    font-size: 16px !important;
    background-color: #f7f6f2 !important;
    margin: 4px;
    border-radius: 4px;
    padding: 8px;
    background-size: 24px !important;
    background-position: 8px 6px !important;
    background-repeat: no-repeat !important;
    padding-left: 44px !important;
  }
  .nQteBtm .ticketInfo .tabs li:nth-child(1) a {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/cabin.svg) !important;
  }
  .nQteBtm .ticketInfo .tabs li:nth-child(2) a {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/booking.svg) !important;
  }
  .nQteBtm .ticketInfo .tabs li:nth-child(3) a {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg) !important;
  }
  .nQteBtm .ticketInfo .tabs li:nth-child(4) a {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/timetable.svg) !important;
  }
  .nQteBtm .ticketInfo .tabs li.active a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    text-decoration: none;
    color: #193354 !important;
    font-size: 16px !important;
    background-color: #ede9e1 !important;
    border-radius: 4px 4px 0 0 !important;
    padding-bottom: 16px;
  }
  .nQteHead .hdBn .btn {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .nQteHead .hdOf .hint2 > div {
    display: inline-block;
    color: #fff;
    padding: 0px 8px 0px 8px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    white-space: nowrap;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border: 0px solid #f10103 !important;
  }

  .nQteHead .hdOf {
    padding: 12px 16px 12px 0px !important;
    text-align: right;
    display: grid;
    grid-template-columns: auto auto auto auto;
  }
  .tabCon {
    clear: both;
    padding: 0 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .tabCon > .active {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 8px 8px 8px 8px !important;
    background-color: #ede9e1 !important;
    border-radius: 4px !important;
    margin: 4px !important;
    color: #193354 !important;
    position: relative;
    top: -10px;
  }

  .tabCon > span:first-child {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 8px 8px 8px 8px !important;
    background-color: #fedfb4 !important;
    border-radius: 4px !important;
    margin: 4px !important;
    color: #193354 !important;
  }

  .tabCon > span:nth-child(2) {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 8px 8px 8px 8px !important;
    background-color: #e7f1f8 !important;
    border-radius: 4px !important;
    margin: 4px !important;
    color: #193354 !important;
  }

  #ifTimetable table {
    border-collapse: collapse;
    font-size: 16px;
  }

  /* ===CUSTOMIZATON=== */

  .boxTypes {
    display: table;
    width: 100%;
    padding-left: 8px !important;
    background-color: #fff !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .boxTypes .row > div {
    display: table-cell;
    vertical-align: top;
    float: none;
    border-right: 8px solid #fff;
    cursor: pointer;
  }
  .content-ticType,
  .content-accom {
    padding: 8px 8px 8px 8px !important;
    background-color: #fff !important;
  }
  .ticType > .operator > div {
    border: 0px solid #e7e7e7 !important;
    border-left: none;
  }
  .boxTypes .row > div h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
  }
  .boxTypes .ticLst p {
    margin-top: 24px !important;
    margin-bottom: 0;
    line-height: 22px !important;
  }
  .ticType > .operator h1 {
    color: #193354 !important;
    margin: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
  }
  .boxTypes b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 16px !important;
  }
  .boxTypes .type1 {
    background-color: #f7f6f2 !important;
    /* border-radius:8px !important; */
    padding: 16px !important;
    margin-bottom: 16px !important;
  }
  .boxTypes .type2 {
    background-color: #ebf2e5 !important;
    /* border-radius:8px !important; */
    padding: 16px !important;
    margin-bottom: 16px !important;
  }
  .boxTypes .type3 {
    background-color: #dfead6 !important;
    /* border-radius:8px !important; */
    padding: 16px !important;
    margin-bottom: 16px !important;
  }
  .boxTypes .ticLst ul li {
    background: url(https://static.directferries.co.uk/image/ico/green/check.svg)
      no-repeat left center !important;
    padding-left: 40px !important;
    margin-top: 16px !important;
    background-size: 24px !important;
  }
  .boxTypes .typePrice {
    padding: 16px 0 !important;
    border-top: 0px dashed #fff !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .boxTypes .typePrice,
  .boxTypes .typePrice > div {
    display: grid;
  }
  .boxTypes .typePrice a {
    line-height: 36px !important;
  }
  .boxTypes .typePrice a#btnSubmitTickType1 {
    float: right;
    background-color: #193354;
  }
  .boxTypes .typePrice a#btnSubmitTickType1:hover {
    float: right;
    background-color: #475c77 !important;
  }
  .boxTypes .typePrice h2 {
    margin: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 18px;
    align-self: center;
  }
  #euroKitContents .kitDesc li:before {
    font-family: "Font Awesome Solid";
    content: "\f00c";
    font-size: 14px !important;
    position: absolute;
    padding-right: 16px !important;
    left: -12px !important;
    color: #45b7ed !important;
    top: 4px;
    margin-bottom: 4px !important;
  }
  form #euroKitContents .kitDesc li {
    width: 50%;
    float: left;
    padding-left: 8px !important;
    font-size: 14px !important;
    line-height: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding-right: 16px;
    margin-bottom: 4px;
  }
  form #euroKitContents .accomTbl > div > div.img {
    text-align: center;
    width: 100% !important;
    float: left;
    border-right: 0px;
  }
  form #euroKitContents .accomTbl > div > div.desc {
    float: left;
    width: 100%;
    padding: 24px !important;
  }
  form #euroKitContents .accomTbl > div > div.addKitRel {
    width: 100%;
    float: left;
    padding-top: 16px;
  }
  form #AccomLuxuryLoungeCtrl .accomTblNew .img,
  form #AccomPriorityLoadingCtrl .accomTblNew .img {
    display: block;
    width: 100% !important;
    float: left;
    text-align: center;
    border-right: 0px;
  }
  form #AccomLuxuryLoungeCtrl .accomTbl .desc,
  form #AccomPriorityLoadingCtrl .accomTbl .desc {
    width: 100% !important;
    float: left;
    padding: 24px !important;
  }
  form #AccomLuxuryLoungeCtrl .accomTbl .select,
  form #AccomPriorityLoadingCtrl .accomTbl .select {
    width: 100% !important;
    float: right;
    padding: 16px !important;
  }
  #euroKitContents .accomTbl > div > div.addKitRel .addKit {
    margin: 10px 10%;
    cursor: pointer;
    padding: 4px;
    height: 58px !important;
    background: #ff4a0e !important;
    float: right;
    text-align: center;
    border-radius: 8px !important;
    cursor: pointer;
    border-bottom: #ff4a0e !important;
  }
  #euroKitContents .accomTbl > div > div.addKitRel .addKit.kit_selected {
    margin: 10px 10%;
    cursor: pointer;
    padding: 4px;
    height: 58px !important;
    background: #193354 !important;
    float: right;
    text-align: center;
    border-radius: 8px !important;
    cursor: pointer;
    border-bottom: #ff4a0e !important;
  }
  #euroKitContents .accomTbl > div > div.addKitRel .addKit.notClickable {
    margin: 10px 10%;
    cursor: pointer;
    padding: 4px;
    height: 58px !important;
    background: #d3d0c9 !important;
    float: right;
    text-align: center;
    border-radius: 8px !important;
    cursor: pointer;
    border-bottom: #ff4a0e !important;
  }
  #euroKitContents .accomTbl > div > div.addKitRel .addKit .btn {
    font-size: 14px;
    margin: 0 auto !important;
    float: none !important;
    line-height: 23px;
    height: 40px;
    padding: 0 28px 0 20px;
    padding: 0;
    background-color: transparent;
    background-image: none !important;
    background-position: right 50% !important;
    background-size: 24px !important;
  }
  #euroKitContents .addKit .from {
    background: transparent !important;
    font-size: 18px !important;
    margin: -8px 0 1px !important;
    display: block !important;
    color: #ffffff !important;
  }
  #euroKitContents .addKit > div {
    color: #fff;
    padding-left: 8px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-bottom: 2px;
    padding: 0 2px;
    margin: -4px 0 2px;
  }
  #euroKitContents .accomTbl > div > div img {
    max-width: 100% !important;
  }

  .content-accom > .accom {
    border-bottom: 0px solid #e7e7e7 !important;
  }
  .content-ticType,
  .content-accom {
    padding: 8px 8px 8px 8px !important;
    background-color: #fff !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }

  #ab-great-choice {
    background: #dde9d3 !important;
    border: 0px solid #74c274 !important;
    padding: 8px !important;
    margin-bottom: 0px !important;
    position: relative;
    border-radius: 0px !important;
    height: 64px !important;
  }
  #ab-great-choice .ab-great-choice--message {
    margin: 0px;
    color: #58911f !important;
    font-size: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #ab-great-choice .ab-great-choice--secondarymessage {
    display: block;
    margin: 0px;
    color: #58911f !important;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  #ab-great-choice .ab-great-choice--icon {
    float: left;
    padding-right: 8px !important;
  }
  div.box {
    background-color: #fff !important;
    margin-bottom: 0px !important;
    margin: 0 0 8px 0;
    border: none !important;
    border-radius: 8px !important;
  }
  .box .header {
    background-color: #193354 !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 12px 16px !important;
  }
  .priceSum,
  .accomSum {
    display: table;
    width: 100%;
    border: 0px solid #e7e7e7 !important;
  }
  .priceSum > div,
  .accomSum > div {
    display: table-cell;
    vertical-align: middle;
    padding: 16px 8px !important;
  }
  .priceSum h1,
  .priceSum h4 {
    color: #ff4a0e !important;
    margin-right: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    text-align: left !important;
  }
  .priceSum h2 {
    color: #ff4a0e !important;
    margin-right: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    text-align: right !important;
  }
  .accomHd.out {
    padding-left: 40px !important;
    padding-right: 8px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    border-radius: 4px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/leaving.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 4px !important;
    background-color: #0070aa !important;
    margin-top: 8px !important;
  }
  .accomHd.ret {
    padding-left: 40px !important;
    padding-right: 8px !important;
    font-size: 18px !important;
    line-height: 20px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    border-radius: 4px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/returning.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 4px !important;
    background-color: #0070aa !important;
    margin-top: 40px !important;
  }
  .priceSum,
  .accomSum {
    display: table;
    width: 100%;
    border: 0px solid #e7e7e7 !important;
  }
  .priceSum > div,
  .accomSum > div {
    display: table-cell;
    vertical-align: middle;
    padding: 16px 8px !important;
  }
  .priceSum,
  .accomSum,
  h1 {
    color: #193354 !important;
    margin: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 32px !important;
    border: 0px solid #e7e7e7 !important;
  }
  .accomSum h4 {
    color: #45b7ed;
    margin-right: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
  }
  .accom {
    margin-top: 8px !important;
  }
  .accom .content,
  .meals .content {
    padding: 0 24px !important;
  }
  .euKitTitle h3 {
    background-color: #0070a0;
    color: #fff;
    padding: 8px 8px !important;
    margin: 0;
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    margin: 8px 0;
    border-radius: 8px;
  }
  .euKitTitle p {
    margin: 0;
    margin: 8px !important;
    text-align: center;
    font-size: 18px !important;
    padding: 0;
  }
  .euKitTitle .euKitDesc p {
    margin: 0;
    padding-left: 45px;
    margin: 8px !important;
    text-align: center;
    font-size: 18px !important;
    padding: 0;
  }

  .euKitTitle .euKitDesc {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/travel-kit.svg)
      center no-repeat !important;
    padding: 8px 16px !important;
    background-color: #feefd8 !important;
    background-position: 16px 50% !important;
    background-size: 40px !important;
    border-radius: 8px !important;
    border: 0px solid #4caf50 !important;
    margin-bottom: 16px !important;
  }
  #selectAccomOut .content p {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 8px 0 !important;
  }
  #selectAccomOut .content p span {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    padding: 8px 0 !important;
  }
  #selectAccomRet .content p {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 8px 0 !important;
  }
  #selectAccomRet .content p span {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 18px !important;
    padding: 8px 0 !important;
  }
  .accomTbl {
    display: table;
    width: 100%;
    margin: 4px 0;
    margin-bottom: 8px;
    font-size: 18px !important;
    line-height: 22px !important;
    font-family: "proxima-soft" !important;
    border-spacing: 0px 8px !important;
    padding: 0px 24px 8px 24px;
  }
  .mealTbl {
    display: grid;
    width: 100%;
    margin: 4px 0;
    margin-bottom: 8px;
    font-size: 18px !important;
    line-height: 22px !important;
    font-family: "proxima-soft" !important;
    border-spacing: 0px 8px !important;
    padding: 0px 24px 8px 24px;
  }
  .accomTbl .addTrip .btn {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px;
    margin: 0 auto !important;
    float: none !important;
    line-height: 36px;
    height: 40px;
    padding: 0 28px 0 20px;
    background-image: none;
    padding: 0;
    background-color: transparent;
    background-image: none !important;
    background-position: right 50% !important;
    background-size: 24px !important;
  }
  .accomTbl .addTrip {
    background: #ff4a0e !important;
    float: right;
    text-align: center;
    border-radius: 8px !important;
    cursor: pointer;
    border-bottom: #ff4a0e !important;
    margin: 8px !important;
    width: 100%;
  }
  .accomTbl .addTrip > div {
    color: #fff;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    padding-bottom: 32px !important;
    padding: 0 2px !important;
    margin: -2px 0 8px !important;
  }
  .accomTbl .addTrip .from {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 12px;
    margin: -8px 0px 2px !important;
    display: block;
    color: #fff;
  }
  .accomTbl .addTrip.selected {
    padding-right: 24px !important;
    padding-left: 36px !important;
    background-repeat: no-repeat;
    background-position: 95% -1273px;
    position: relative;
    height: 64px !important;
    background-color: #193354 !important;
    border-color: #ff4a0e !important;
    text-align: left;
  }
  .accomTbl .addTrip.selected .from {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px;
    margin-bottom: 8px;
  }
  .addTripDropdown {
    position: absolute !important;
    top: 8px !important;
    background: #fff;
    width: 100%;
    border: 1px solid #cb4414;
    font-weight: 700;
    color: #7d7d7d;
    -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: 4px !important;
  }
  .accomTbl > div {
    display: table-row;
    margin-bottom: 8px !important;
    background-color: #ede9e1 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  .accomTbl.accomTblNew > div {
    padding: 0px !important;
    margin: 8px 0px !important;
    width: 100% !important;
    background-color: #edebe6 !important;
    border-radius: 8px !important;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: scale(1) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: 1fr 2fr 1fr !important;
  }
  .accomTbl > div:hover {
    background-color: #f7f6f2 !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    transform: scale(1) !important;
    backface-visibility: hidden !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-font-smoothing: antialiased !important;
    /* font-smoothing: antialiased !important; */
    transition: 0.2s !important;
    transition-timing-function: ease-in !important;
    position: relative;
    z-index: 1 !important;
  }
  .accomTbl > div:first-child > div {
    border-top: none;
  }
  .accomTbl > div > div {
    vertical-align: middle;
    border-top: 0px solid transparent !important;
    padding: 0px 0px;
    display: table-cell !important;
  }
  form .accomTblNew .img > div {
    position: relative;
    width: 100% !important;
    border-radius: 8px !important;
  }
  .accomTblNew .img {
    display: table-cell;
    width: 100% !important;
    padding-right: 0px !important;
    border-right: 0px solid #e7e7e7 !important;
  }
  .accomTblNew .img img {
    width: 100%;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  #AccomLuxuryLoungeCtrl .accomTblNew .img img,
  #AccomPriorityLoadingCtrl .accomTblNew .img img {
    max-width: 100% !important;
  }
  .accomMainDesc {
    font-size: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .accomMainDesc b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
  }
  .desc span b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 24px !important;
  }
  .accomTbl .desc {
    border-right: 0px solid #e7e7e7 !important;
    padding: 8px 24px 8px 24px !important;
    font-size: 18px !important;
    font-family: "proxima-soft" !important;
  }
  .accomTbl i {
    font-style: italic;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    margin-top: 4px;
  }
  .accomTbl .peeps {
    display: table-cell;
    width: 64px !important;
    border-right: 0px solid #e7e7e7 !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    background-color: #193354 !important;
  }
  .accomTbl > div:hover .peeps {
    display: table-cell;
    width: 64px !important;
    border-right: 0px solid #e7e7e7 !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    background-color: transparent !important;
    transition: 0.2s !important;
    transition-timing-function: ease-out !important;
  }
  .accomTbl .peeps i {
    background-image: url(https://static.directferries.co.uk/image/ico/white/lead.svg) !important;
    background-repeat: no-repeat;
    background-size: 20px !important;
    background-position: right 0px !important;
    height: 20px !important;
    width: 20px !important;
    display: inline-block;
  }
  .accomTbl > div:hover .peeps i {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/lead.svg) !important;
    background-repeat: no-repeat;
    background-size: 20px !important;
    background-position: right 0px !important;
    height: 20px !important;
    width: 20px !important;
    display: inline-block;
    transition: 0.2s !important;
    transition-timing-function: ease-in !important;
  }
  .accomTbl .select {
    padding-left: 4px;
    padding-right: 16px;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    padding-right: 24px !important;
  }
  .accomTbl .select select,
  .mealTbl .select select {
    padding: 8px 8px 8px 8px !important;
    height: 40px !important;
    border: 0px solid #e7e7e7 !important;
    background-color: #fff !important;
    color: #193354 !important;
    min-width: 240px !important;
  }
  .meals .out {
    padding-left: 32px !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/meal.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 12px !important;
  }
  #sailingExtrasOut .meals .out {
    padding-left: 32px !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/upgrade.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 12px !important;
  }
  .meals .ret {
    padding-left: 32px !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/meal.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 12px !important;
  }
  #sailingExtrasOut .meals .ret {
    padding-left: 32px !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/upgrade.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 12px !important;
  }
  .meals .headerTbl {
    background-color: #e0f1fa;
    color: #193354;
    padding: 8px 8px 8px 40px !important;
    margin: 0;
  }
  .mealTbl .desc {
    border-right: 0px solid #e7e7e7 !important;
    padding: 4px 4px 4px 16px !important;
    align-self: center;
  }
  .mealTbl .desc:before {
    display: none;
  }
  .mealTbl .desc span {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px;
  }
  .mealTbl .desc span i {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px;
  }
  .mealTbl > div {
    display: grid;
    margin-bottom: 8px !important;
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    grid-template-columns: 1fr auto;
    height: 56px;
  }
  .mealTbl > div > div {
    display: grid;
    vertical-align: middle;
    background-color: transparent !important;
    border-top: 0px solid #f7f6f2 !important;
    border-bottom: 0px solid #f7f6f2 !important;
    padding: 4px 8px !important;
    align-self: center;
  }
  .mealTbl .select {
    text-align: center;
    display: grid;
    width: auto;
  }
  .mealTbl .select .accom_js {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    align-self: center;
  }
  .mealTbl .select .accom_js .checkRadio.lft {
    padding-left: 23px;
    padding-right: 24px;
    align-self: center;
    max-width: 120px;
  }
  .mealTbl .select .accom_js .form-control {
    align-self: center;
    columns: 1;
  }

  /* ===CHECKOUT=== */

  .summaryBox .content {
    background-color: #fff !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    overflow: auto;
    /* max-height: 72vh !important; */
    /* max-height: calc(100vh - 40px); */
    display: grid;
  }
  .box.summaryBox {
    margin: 0px !important;
    width: 320px;
    margin-left: 16px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .box.summaryBox .header {
    background-color: #ff4a0e !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    margin-bottom: 0px !important;
  }
  .summaryBox img {
    vertical-align: middle;
    border: none;
    width: 120px !important;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 8px !important;
  }
  .summaryBox .summary.deets {
    margin-top: 0px !important;
    border-top: 0px solid #ede9e1 !important;
    z-index: 1;
  }
  .summaryBox .summary.deets b {
    margin: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 16px !important;
    color: #ff4a0e !important;
  }
  .summaryBox .summary.deets p {
    margin-top: 8px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    color: #193354 !important;
    line-height: 24px !important;
  }
  .summaryBox .out i {
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/leaving.svg);
    height: 24px !important;
    width: 24px !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: 0px 0px !important;
  }
  .summaryBox .ret i {
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/returning.svg);
    height: 24px !important;
    width: 24px !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: 0px 0px !important;
  }
  .summary {
    padding-left: 16px !important;
    padding-right: 16px !important;
    position: relative;
    z-index: 1;
  }
  .summary.ret {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 2px solid #ede9e1 !important;
    z-index: 1;
  }
  .summary.deets {
    margin-top: 8px;
    border-top: 4px solid #ede9e1 !important;
  }

  .summary.price {
    padding-left: 0;
    margin-top: 8px !important;
    padding: 16px !important;
    border-top: 4px dotted #d3d0c9;
    position: -webkit-sticky;
    position: sticky;
    bottom: -16px;
    align-self: flex-end;
    background-color: #fff;
    z-index: 8999 !important;
  }
  .summary h4 {
    color: #ff4a0e;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .box.summaryBox .box .content {
    padding: 0px 16px 0px 16px !important;
  }
  .summaryBox .content p {
    font-size: 16px !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-bottom: 4px !important;
  }
  .summary b {
    display: block;
    margin-top: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 16px !important;
  }
  .summaryBox .info b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 16px !important;
  }
  .summaryBox .content b {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;

    font-size: 14px !important;
  }
  .summaryBox .desc b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 24px !important;
  }
  form .accomTbl .desc b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 20px !important;
    margin-bottom: 16px;
  }
  .summary.price .tbl > div {
    text-align: right;
    color: #ff4a0e;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }

  .custDetails > div.box {
    background-color: #fff !important;
    margin-bottom: 16px !important;
    margin: 0px 0px 8px 0px;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  .custDetails {
    padding-right: 24px !important;
  }
  .custDetails .frm > div > div.frmBox,
  .custDetails .frm > div > div.frmBox {
    width: 472px !important;
  }
  .custDetails .passDeets h3 {
    margin-top: 16px;
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    margin-bottom: 8px;
  }
  .custDetails .box .content {
    padding: 24px !important;
  }
  .custDetails .box .header {
    background-color: #193354 !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    padding: 16px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .custDetails .headerHlp,
  .headerHlp {
    display: table;
    width: 100%;
    background-color: #193354;
    color: #fff;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    padding: 8px !important;
    border: 0px solid #fff !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .custDetails .form-group.btnCen,
  .frmGrp {
    padding: 24px !important;
    background-color: transparent !important;
  }
  .custDetails .passDeets.frm > div > .frmBox.inLine select {
    min-width: 80px !important;
    width: auto;
    display: inline;
  }
  #divMealsOffersBookingInfo,
  #divMealsOffersBookingInfoTitleMobile {
    display: inline-block;
    color: #193354;
    background-color: #dce9d2 !important;
    padding: 0px 8px 0px 8px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    white-space: nowrap;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border: 0px solid #dce9d2 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg) !important;
    background-size: 16px !important;
    background-position: 4px 2px !important;
    background-repeat: no-repeat !important;
    padding-left: 24px !important;
    width: fit-content;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
  }

  .flex-wrapper {
    padding: 8px !important;
  }
  .ab-fc-chart--row .ab-fc-chart--standard.greyed {
    color: #193354 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }

  #dfPaymentType_divOuter,
  #paymentCard {
    background-color: #fff !important;
    margin-bottom: 8px !important;
    margin: 0px 0px 8px 0px;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-right: opx !important;
  }
  #dfPaymentType_divOuter .content {
    padding: 16px !important;
    margin-bottom: 0px;
    display: grid;
    grid-row-gap: 8px;
  }
  .box .content {
    padding: 16px !important;
  }

  #dfPaymentType_divOuter .content #dfPaymentType_divCreditCard {
    display: grid;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divCreditCard .form-group {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divCreditCard .logos {
    margin-bottom: 0px !important;
  }

  #dfPaymentType_divOuter .content #dfPaymentType_divPaypal {
    display: grid;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divPaypal .form-group {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divPaypal .logos {
    margin-bottom: 0px !important;
  }

  #dfPaymentType_divOuter .content #dfPaymentType_divGooglePay {
    display: grid;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divGooglePay .form-group {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divGooglePay .logos {
    margin-bottom: 0px !important;
  }

  #dfPaymentType_divOuter .content #dfPaymentType_divApplePay {
    display: grid;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divApplePay .form-group {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divApplePay .logos {
    margin-bottom: 0px !important;
  }

  #dfPaymentType_divOuter .content #dfPaymentType_divRedeem {
    display: grid;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divRedeem .form-group {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divRedeem .logos {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter
    .content
    #dfPaymentType_divRedeem
    input#dfPaymentType_txtVoucherBookingID {
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 18px;
    background-color: #f7f6f2 !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 18px !important;
    font-family: "source-code-pro-bold" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
  }
  .paymentSelect .content > div {
    border-top: 0px solid #e7e7e7 !important;
    padding-top: 8px !important;
    margin-bottom: 16px !important;
  }
  .paymentSelect label {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    padding-bottom: 16px !important;
  }
  #paymentCard .frm > div > div.frmBox,
  .frm > div > div.frmBox {
    width: 320px;
  }
  .btnLnk .btn {
    display: block;
    margin: 0 auto;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    min-width: 320px !important;
    min-height: 48px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 32px !important;
    background-position: right 50% !important;
    border-radius: 8px !important;
  }
  .summary.priceDet {
    display: grid !important;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    grid-template-columns: auto auto !important;
  }
  .summary.priceDet > div {
    display: grid !important;
    vertical-align: middle;
    text-align: right;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #4a4a4a;
    font-size: 14px !important;
  }
  .summary.priceDet > div:nth-child(1) {
    display: grid;
    vertical-align: middle;
    text-align: left;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #4a4a4a;
    font-size: 14px !important;
    margin-top: 4px !important;
  }
  .summary.priceDet > div:nth-child(2) {
    display: grid;
    vertical-align: middle;
    text-align: right;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #4a4a4a;
    font-size: 16px !important;
    margin-top: 4px !important;
  }

  /* ===FREE CANCELLATION=== */

  .ab-FCC-countdown {
    padding: 12px 12px 12px 40px !important;
    background: #dde9d3 !important;
    color: #1c3541 !important;
    position: relative;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
    font-size: 18px !important;
    display: block;
    border: 0px solid #f10103 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }

  .ab-fc-chart--row .ab-fc-chart--feature h3 {
    position: absolute;
    bottom: 32px !important;
    padding: 0px !important;
    background: none;
    display: block !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354 !important;
    font-size: 24px !important;
  }
  .ab-fc-chart--row .ab-fc-chart--feature {
    display: table-cell;
    padding: 16px !important;
    position: relative;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no,
  .ab-fc-chart--row .ab-fc-chart--standard {
    display: table-cell;
    border-left: 1px solid #dcdcdc;
    padding: 16px !important;
    text-align: center;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .ab-fc-chart--row .fcRadiosYes.ab-fc-chart--yes,
  .ab-fc-chart--row .ab-fc-chart--fc {
    width: 27.5%;
    display: table-cell;
    border-left: 1px solid #dcdcdc;
    padding: 16px 8px 16px 8px !important;
    text-align: center;
    position: relative;
    border-right: 2px solid #589120 !important;
    border-left: 2px solid #589120 !important;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .ab-fc-chart--fc-top {
    border-top: 2px solid #589120 !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    position: relative;
    background: #dde9d3 !important;
  }
  .ab-fc-chart--row .fcRadiosYes.ab-fc-chart--yes {
    border-bottom: 2px solid #589120 !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    background: #eef4ea !important;
  }
  .ab-fc-chart--green {
    background: #eef4ea !important;
  }
  .ab-fc-chart--row .ab-fc-chart--fc .ab-fc-chart--tag {
    position: absolute;
    top: -12px !important;
    left: 8px !important;
    background: #589120 !important;
    padding: 4px 8px !important;
    color: #fff;
    font-size: 14px !important;
    border-radius: 4px !important;
  }
  .ab-fc-chart--fc-top::before {
    border-width: 1.5em;
    border-right-color: #589120 !important;
    border-top-color: #589120 !important;
  }
  .ab-fc-chart--row .ab-fc-chart--fc-top .ab-fc-chart--ticket svg {
    position: absolute;
    top: 6px !important;
    right: 4px !important;
    width: 20px !important;
    fill: #ffffff !important;
  }

  form .ab-fc-chart .fcRadiosWarningTxt {
    display: none;
    background: #fff0c7 !important;
    width: 100%;
    padding: 8px !important;
    margin: 10px 0px;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
    margin-top: 24px !important;
  }
  form .ab-fc-chart .fcRadiosWarningTxt img {
    vertical-align: middle;
    border: none;
    width: 24px !important;
  }
  form .box.fcRadios.ab-fc-chart .fcRadiosWarningTxt .ab-warning-description b {
    font-size: 16px !important;
  }
  form .box.fcRadios.ab-fc-chart .fcRadiosWarningTxt .ab-warning-description p {
    font-size: 14px !important;
  }

  /* ===BOOKING SUMMARY AB=== */

  .box .content.ab-2280-content {
    padding: 0px !important;
  }
  .ab-2280-out,
  .ab-2280-ret {
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
    display: grid !important;
  }
  .ab-2280-out .ab-2280-direction-outer,
  .ab-2280-ret .ab-2280-direction-outer {
    display: grid !important;
    align-items: center;
    margin: 0px !important;
    align-self: center;
    grid-template-columns: auto 1fr auto;
  }
  .ab-2280-details-outer {
    display: flex;
    padding-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 16px !important;
  }
  .ab-2280-details-outer .ab-2280-details-outer-left {
    display: flex;
    flex-direction: column;
    margin: 0 8px 0px 0px !important;
    background-image: url(https://static.directferries.co.uk/image/ab/ab-2280/ab-2280-dotted-03.png);
    background-repeat: repeat-y;
    background-position-x: 36% !important;
  }
  .ab-2280-details-outer .ab-2280-details-outer-right {
    margin-top: 0px !important;
    width: 100% !important;
  }
  .ab-2280-out .ab-2280-flipper-top,
  .ab-2280-ret .ab-2280-flipper-top {
    align-items: center;
    margin: 0px !important;
    align-self: center;
  }
  .ab-2280-time {
    display: flex;
    margin-right: 8px;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    color: #193354 !important;
  }
  .ab-2280-date {
    display: flex;
    margin-right: 8px;
    line-height: 20px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #193354 !important;
    justify-self: end;
  }
  .ab-2280-leave {
    display: grid !important;
    align-items: baseline;
    flex-wrap: wrap;
    line-height: 20px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #193354 !important;
    grid-template-columns: auto auto;
  }
  .ab-2280-port {
    flex-basis: 100%;
    color: #ff4a0e !important;
    margin-top: 0px !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
  }
  .ab-2280-duration {
    margin: 8px 0 !important;
    font-family: "proxima-soft-medium", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
  }
  .ab-2280-grey {
    display: flex;
    background-color: #fff !important;
    border-radius: 8px !important;
    padding: 8px 8px !important;
    align-items: center;
  }
  .ab-2280-options > div:nth-child(3) {
    display: flex;
    background-image: linear-gradient(
      45deg,
      #d1d6dc 16.67%,
      #e9eaee 0,
      #e9eaee 50%,
      #d1d6dc 0,
      #d1d6dc 66.67%,
      #e9eaee 0,
      #e9eaee
    ) !important;
    background-size: 4.24px 4.24px;
    border-radius: 8px !important;
    padding: 4px 8px !important;
    align-items: center;
  }
  .ab-2280-options > div:nth-child(3) .ab-2280-icon-stack {
    display: grid !important;
    align-items: center;
    margin: 0 !important;
    grid-template-columns: auto 1fr !important;
  }
  .ab-2280-options > div:nth-child(3) .ab-2280-icon-stack span {
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .ab-2280-options > div:nth-child(3) .ab-2280-icon-stack i {
    content: url(https://static.directferries.co.uk/image/ico/dark-blue/upgrade.svg) !important;
    height: 24px !important;
    width: 24px !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: 0px 0px !important;
    margin-right: 8px !important;
  }

  .ab-2280-options > div:nth-child(4) {
    display: flex;
    background-image: linear-gradient(
      45deg,
      #d1d6dc 16.67%,
      #e9eaee 0,
      #e9eaee 50%,
      #d1d6dc 0,
      #d1d6dc 66.67%,
      #e9eaee 0,
      #e9eaee
    ) !important;
    background-size: 4.24px 4.24px;
    border-radius: 8px !important;
    padding: 4px 8px !important;
    align-items: center;
  }
  .ab-2280-options > div:nth-child(4) .ab-2280-icon-stack {
    display: grid !important;
    align-items: center;
    margin: 0 !important;
    grid-template-columns: auto 1fr !important;
  }
  .ab-2280-options > div:nth-child(4) .ab-2280-icon-stack span {
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .ab-2280-options > div:nth-child(4) .ab-2280-icon-stack i {
    content: url(https://static.directferries.co.uk/image/ico/dark-blue/upgrade.svg) !important;
    height: 24px !important;
    width: 24px !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: 0px 0px !important;
    margin-right: 8px !important;
  }

  .ab-2280-icon-stack {
    display: grid !important;
    align-items: center;
    margin: 0 16px 8px 0 !important;
    grid-template-columns: auto 1fr !important;
  }

  .ab-2280-icon-stack span {
    display: inline-block !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    margin-left: 0px !important;
  }
  .ab-2280-inner-bottom span,
  .ab-2280-inner-top span {
    line-height: 20px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    margin-left: 0px;
  }
  .ab-2280-inner-bottom span > span,
  .ab-2280-inner-top span > span {
    line-height: 22px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    margin-left: 0px;
  }
  .box .content.ab-2280-content .summary.ret {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 4px dotted #ede9e1 !important;
    background-color: transparent;
  }
  .ab-2280-out,
  .ab-2280-ret {
    background-color: #fff;
    padding: 8px 16px !important;
    border-radius: 0px !important;
  }
  .ab-2280-bkgdffe4c0 {
    background-image: linear-gradient(
      45deg,
      #dde9d3 16.67%,
      #bdd3a5 0,
      #bdd3a5 50%,
      #dde9d3 0,
      #dde9d3 66.67%,
      #bdd3a5 0,
      #bdd3a5
    ) !important;
    background-size: 4.24px 4.24px;
  }
  .ab-2280-bkgdffe4c0 .ab-2280-icon-stack-outer .ab-2280-icon-stack {
    padding: 0 !important;
    margin: 0 !important;
  }
  .box .content.ab-2280-content .ab-2280-h4 {
    line-height: 20px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #193354 !important;
  }
  .box .content.ab-2280-content .ab-2280-h4 span {
    line-height: 22px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #193354 !important;
  }

  /* ===MESSAGE BANNERS=== */

  .ab_mobRedesign #customerDetailsContainer .info {
    padding-right: 24px;
  }
  #customerDetailsContainer #info .info {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    border: 0px solid #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }
  #customerDetailsContainer .info {
    margin-bottom: 8px !important;
    margin-top: 0px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    border: 0px solid #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }
  #customerDetailsContainer .info.NumbOfPeopleBanner {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    border: 0px solid #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }

  .ab-altHighlight {
    border: 0px solid #fff !important;
    padding: 8px 8px 8px 32px !important;
    background: #fbe7cf !important;
    color: #193354 !important;
    font-size: 14px !important;
    position: relative;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 16px !important;
    margin: 8px !important;
    border-radius: 4px !important;
  }
  .ab-altHighlight:before {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg) !important;
    height: 24px !important;
    width: 24px !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: 0px 0px !important;
    left: 4px !important;
    top: 4px !important;
  }

  /* ===GLOBAL STUFF=== */

  .nQteHead .hdOf .hint2.alternative:hover span {
    visibility: visible;
    opacity: 0.8;
    bottom: 30px;
    left: 50%;
    margin-left: -76px;
    z-index: 999;
  }
  .nQteHead .hdOf .hint2.alternative span {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    position: absolute;
    min-width: 160px !important;
    color: #ffffff;
    background: #0070aa !important;
    text-align: center;
    visibility: hidden;
    border-radius: 8px !important;
    font-size: 16px !important;
    padding: 8px !important;
    opacity: 1 !important;
  }
  .nQteHead .hdOf .hint2.alternative span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #0070aa !important;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
  }

  .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    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;
  }

  /* POPUPS */

  .popUp {
    width: 75%;
    max-width: 640px !important;
    z-index: 90000 !important;
    background-color: white;
    border: 0px solid #c9c9c9 !important;
    padding: 0px !important;
    border-radius: 4px !important;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  }
  .popUp .header {
    background-color: #ede9e1 !important;
    color: #193354 !important;
    border: 0px solid #fff !important;
    padding: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 18px !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  .popUp .content {
    padding: 8px 16px 8px 16px;
    clear: both;
    max-height: 500px !important;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    background: #fff !important;
  }
  .popUp .closeBtn {
    background-position: center -1089px;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    right: -24px !important;
    top: -24px !important;
    cursor: pointer;
    z-index: 100;
    background: url(https://static.directferries.co.uk/image/ico/white/cancel.svg)
      no-repeat left center !important;
    background-repeat: no-repeat;
  }
  .popUpForm {
    width: 80%;
    margin: 16px auto;
  }

  .headerHlp .hlp {
    border-left: 0px solid #fff;
    width: 24px;
    position: relative;
  }
  .headerHlp > div {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 5px;
  }

  /* POPUPS NEW */

  #countrySelect .popUp {
    width: 75%;
    max-width: 640px !important;
    z-index: 10000 !important;
    position: absolute;
    background-color: #193354 !important;
    border: 0px solid #c9c9c9 !important;
    padding: 16px !important;
    border-radius: 4px !important;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  }
  #countrySelect .popUp .header {
    background-color: #ede9e1 !important;
    color: #193354 !important;
    border: 0px solid #fff !important;
    padding: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 18px !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  #countrySelect .popUp .content {
    padding: 8px 16px 8px 16px;
    clear: both;
    max-height: 500px;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    background: transparent !important;
  }
  #countrySelect .popUp .content translation {
    color: #fff !important;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
  }
  #countrySelect .popUp .closeBtn {
    background-position: center -1089px;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 8px !important;
    top: 8px !important;
    cursor: pointer;
    z-index: 100;
    background: url(https://static.directferries.co.uk/image/ico/white/cancel.svg)
      no-repeat left center !important;
    background-repeat: no-repeat;
  }
  #countrySelect .popUpForm {
    width: 80%;
    margin: 16px auto;
  }

  .error {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    margin: 16px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 16px !important;
    display: block;
    background-color: #fad5cf !important;
    border: 0px solid #f10103 !important;
    color: #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/red/error.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 8px !important;
  }
  .tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
  }
  .tooltip.top {
    padding: 8px 0;
    margin-top: -3px;
  }
  .tooltip.bottom {
    padding: 8px 0;
    margin-top: 3px;
  }
  .tooltip-inner {
    max-width: 270px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #193354;
    border-radius: 4px;
  }
  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 6px 6px 0;
    border-top-color: #193354;
  }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -10px;
    border-width: 0 6px 6px;
    border-bottom-color: #193354;
  }

  .opLoader h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
  }
  .opLoader ul li {
    float: left;
    padding: 15px;
  }
  .opLoader ul li div > div {
    display: table-cell;
    height: 80px !important;
    vertical-align: middle;
  }
  .opLoader ul li img {
    max-width: 100%;
  }

  .errorLink {
    background-color: #f10103 !important;
    color: white;
    padding: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 40px;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }

  /* ===END=== */

  /* ===DEALFINDER-SIDE=== */

  #deal_finder_container .mob-dealfinder {
    position: relative;
    align-content: start;
    background-color: #193354 !important;
    font-family: "proxima-soft" !important;
    line-height: 18px;
    border-radius: 8px !important;
    max-width: 100%;
    min-height: 640px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 24px !important;
    padding: 16px !important;
  }
  .mob-dealfinder .deal_finder_wrap {
    flex: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40px auto auto auto auto !important;
    grid-column-gap: 8px !important;
    grid-row-gap: 8px !important;
  }
  #deal_finder_container form.mob-dealfinder {
    margin: 0px !important;
    background-color: #193354 !important;
    grid-template-columns: auto !important;
    padding: 16px !important;
    border-radius: 8px !important;
    display: grid;
    grid-gap: 0px;
    align-self: center;
  }
  .mob-dealfinder .form-control,
  .fsControl {
    display: block;
    width: 100%;
    height: 48px !important;
    line-height: 18px;
    background-color: #fff !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
  }
  .mob-dealfinder .journey_type label,
  .mob-dealfinder .journey_type input {
    margin: 0 8px 0 0;
  }
  .mob-dealfinder .journey_type label.checked {
    background-color: #475c77 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    color: #fff !important;
    border-radius: 8px !important;
  }
  .mob-dealfinder .journey_type label {
    background-color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    color: #fff !important;
    border-radius: 8px !important;
  }
  .mob-dealfinder section.journey_type label:nth-of-type(1),
  .mob-dealfinder section.journey_type label:nth-of-type(2),
  .mob-dealfinder .journey_type label.checked {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 8 !important;
    border-bottom-left-radius: 8 !important;
    border-top: 0px solid #edebe6 !important;
    border-right: 0px solid #edebe6 !important;
    border-bottom: 0px solid #edebe6 !important;
    border-left: 0 !important;
  }
  .mob-dealfinder .journey_timing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 24px 48px !important;
    grid-column-gap: 8px !important;
  }
  .mob-dealfinder .journey_timing.timing_outbound.hide_until_times {
    background-color: #fff;
  }
  .mob-dealfinder .journey_timing .open_ticket {
    font-size: 16px !important;
    line-height: 20px !important;
    align-items: center;
    background-color: #ecf7fd !important;
    color: #193354 !important;
    font-size: 16px !important;
    padding: 8px !important;
    border-radius: 8px !important;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0px;
  }
  .mob-dealfinder .journey_timing .open_ticket .checkbox-label {
    display: inline-block !important;
    padding-top: 0px !important;
    padding-left: 8px !important;
    text-align: left !important;
  }
  .mob-dealfinder .journey_timing .open_ticket.selected {
    background-color: #ecf7fd !important;
    margin: 8px;
    width: auto;
  }
  .mob-dealfinder .journey_timing.timing_outbound #cal_outbound,
  .mob-dealfinder .journey_timing.timing_outbound #time_outbound {
    grid-column: 1;
    background-color: transparent !important;
    border: none !important;
    padding-left: 40px !important;
  }
  .mob-dealfinder .journey_timing.timing_return #cal_return,
  .mob-dealfinder .journey_timing.timing_return #time_return {
    grid-column: 2;
    background-color: transparent !important;
    border: none !important;
    padding-left: 40px !important;
  }
  .mob-dealfinder[data-state="return_open_ticket"]
    .timing_return
    .open_ticket_note_return {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    min-height: 320px !important;
  }
  .mob-dealfinder[data-state="full_open_ticket"]
    .timing_outbound
    .open_ticket_note_full {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    min-height: 320px !important;
  }
  .mob-dealfinder .journey_timing [class^="open_ticket_note"] {
    grid-template-rows: 1fr 1fr;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    grid-column: 1 / 3;
    grid-row: 3;
    opacity: 0;
    animation: fadein 0.3s ease-in-out forwards;
    min-height: 312px !important;
  }
  .mob-dealfinder[data-state="full_open_ticket"]
    .timing_outbound
    .open_ticket_note_full
    span.h4 {
    padding-left: 0;
    font-size: 24px;
    font-weight: 400 !important;
    padding-left: 16px;
    margin: 8px 0;
    padding-top: 96px;
    background-repeat: no-repeat !important;
    background-size: 80px !important;
    background-position: center 12px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/booking.svg) !important;
  }
  .mob-dealfinder[data-state="return_open_ticket"]
    .timing_return
    .open_ticket_note_return
    span.h4 {
    padding-left: 0;
    font-size: 24px;
    font-weight: 400 !important;
    padding-left: 16px;
    margin: 8px 0;
    padding-top: 96px;
    background-repeat: no-repeat !important;
    background-size: 80px !important;
    background-position: center 12px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/booking.svg) !important;
  }
  .mob-dealfinder[data-state="full_open_ticket"]
    .timing_outbound
    .open_ticket_note_full
    p {
    font-size: 16px !important;
    margin: 0 0 10px;
    padding: 8px 24px;
    line-height: 22px;
  }
  .mob-dealfinder[data-state="return_open_ticket"]
    .timing_return
    .open_ticket_note_return
    p {
    font-size: 16px !important;
    margin: 0 0 10px;
    padding: 8px 24px;
    line-height: 22px;
  }
  .mob-dealfinder .error_messages {
    grid-column: span 2;
    background: #fee6e6
      url(https://static.directferries.co.uk/image/ico/red/info.svg) 8px 8px
      no-repeat !important;
    background-size: 24px !important;
    color: #f10103 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding: 8px 16px 8px 40px !important;
    margin-bottom: 8px !important;
    border-radius: 8px !important;
    opacity: 0;
    animation: fadein 0.3s ease-in-out forwards;
    min-height: 40px;
  }
  .mob-dealfinder .error_messages ul li {
    color: #f10103 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .mob-dealfinder input[type="radio"]:checked:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    top: -6px;
    left: -6px;
    position: relative;
    background-color: #193354;
    content: "";
    display: inline-block;
    visibility: hidden;
    border: 4px solid white;
  }
  .mob-dealfinder input[type="radio"]:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    top: -6px;
    left: -6px;
    position: relative;
    background-color: #ede9e1;
    content: "";
    display: inline-block;
    visibility: hidden;
    border: 4px solid white;
  }
  .deal_finder1.one_way[data-state="entering_journey_info"] .journey_timing {
    grid-column-end: 3 !important;
    grid-template-columns: 1fr;
    grid-template-rows: 30px;
  }
  form#deal_finder1[data-state="entering_date_outbound"] .deal_finder_wrap,
  form#deal_finder1[data-state="entering_time_outbound"] .deal_finder_wrap,
  form#deal_finder1[data-state="entering_date_return"] .deal_finder_wrap,
  form#deal_finder1[data-state="entering_time_return"] .deal_finder_wrap,
  form#deal_finder1[data-state="showing_routes_list"] .deal_finder_wrap {
    padding: 8px;
    background: transparent !important;
    border-radius: 4px;
  }
  .mob-dealfinder .journey_route {
    position: relative;
    display: block;
    margin-bottom: 8px !important;
    margin-top: 8px !important;
  }
  .mob-dealfinder .journey_route.diff_trip {
    position: relative;
    display: block;
    margin-bottom: 8px !important;
    margin-top: 0px !important;
  }
  .mob-dealfinder .animate.fadeInUp {
    overflow-y: auto;
    max-height: 484px;
    -ms-overflow-style: none;
  }
  .mob-dealfinder .animate.fadeInUp::-webkit-scrollbar {
    display: none;
  }
  .mob-dealfinder .route_list h5 {
    font-size: 14px;
    color: #fff !important;
    margin: 8px 0;
    font-size: 18px;
    font-weight: 400 !important;
    padding: 16px 0 8px 16px !important;
  }
  #journey_route_parent .route_list h5 {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 20px !important;
    opacity: 1;
    border-bottom: 0px solid #fff !important;
    margin: 0 0 0 8px;
    padding: 16px 0 8px 16px !important;
    background: transparent !important;
  }
  .mob-dealfinder .route_list .routes li {
    background-image: linear-gradient(
      45deg,
      #fff 16.67%,
      #f7f6f2 0,
      #f7f6f2 50%,
      #fff 0,
      #fff 66.67%,
      #f7f6f2 0,
      #f7f6f2
    ) !important;
    background-size: 4.24px 4.24px !important;
    padding: 0 16px;
    min-height: 65px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    cursor: pointer;
    color: #193354;
    margin-bottom: 8px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 8px !important;
  }
  .mob-dealfinder .route_list .routes li i.material-icons {
    background: #ede9e1 !important;
    border-radius: 50% !important;
    padding: 8px !important;
    font-size: 24px !important;
  }
  .mob-dealfinder .route_list .routes li > div .port {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #193354 !important;
    margin-bottom: 2px !important;
  }
  .mob-dealfinder .route_list .routes li > div .location {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #193354 !important;
  }
  .mob-dealfinder .route_list .routes li > div .port mark,
  .mob-dealfinder .route_list .routes li > div .location mark {
    background-color: #e0f1fa;
    color: #193354 !important;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #deal_finder1[data-state="entering_journey_info"]
    .journey_timing.timing_outbound,
  #deal_finder1[data-state="entering_journey_info"]
    .journey_timing.timing_return {
    cursor: pointer;
    background: #fff !important;
    border-radius: 8px !important;
  }
  #deal_finder1[data-state="entering_journey_info"]
    .journey_timing.timing_outbound
    .form-control,
  #deal_finder1[data-state="entering_journey_info"]
    .journey_timing.timing_return
    .form-control {
    display: block;
    width: 100%;
    height: 48px !important;
    line-height: 18px;
    background-color: transparent !important;
    color: #193354 !important;
    background-image: none;
    border: 0px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 40px !important;
  }
  .mob-dealfinder .journey_timing .journey_date.outbound {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/leaving.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 8px !important;
  }
  .mob-dealfinder .journey_timing .journey_date.inbound {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/returning.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 8px !important;
  }
  form#deal_finder1[data-state="entering_date_outbound"] .journey_timing,
  form#deal_finder1[data-state="entering_time_outbound"] .journey_timing,
  form#deal_finder1[data-state="entering_date_return"] .journey_timing,
  form#deal_finder1[data-state="entering_time_return"] .journey_timing {
    background-color: #fff !important;
    padding: 8px !important;
    border-radius: 8px !important;
  }
  form#deal_finder1[data-state="entering_date_outbound"] .deal_finder_wrap,
  form#deal_finder1[data-state="entering_time_outbound"] .deal_finder_wrap,
  form#deal_finder1[data-state="entering_date_return"] .deal_finder_wrap,
  form#deal_finder1[data-state="entering_time_return"] .deal_finder_wrap {
    flex: 100% !important;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40px auto 1fr !important;
    grid-column-gap: 8px !important;
    grid-row-gap: 8px !important;
  }
  .mob-dealfinder
    form#deal_finder1[data-state="entering_date_outbound"]
    .journey_timing,
  form#deal_finder1[data-state="entering_time_outbound"] .journey_timing,
  form#deal_finder1[data-state="entering_date_return"] .journey_timing,
  form#deal_finder1[data-state="entering_time_return"] .journey_timing {
    display: flex !important;
    align-items: center;
    grid-template-rows: 0px 40px auto 40px;
  }

  .mob-dealfinder ul.sep-pax-select {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    justify-self: stretch !important;
    grid-column-gap: 8px !important;
  }
  .mob-dealfinder ul.sep-pax-select li {
    width: 100% !important;
  }

  .mob-dealfinder .journey_info {
    margin-top: 0;
  }
  .mob-dealfinder .journey_info span.h4 {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 20px !important;
    margin-top: 4px !important;
    margin-bottom: 8px !important;
  }
  .mob-dealfinder [data-popup],
  .mob-dealfinder [data-popup].passengers,
  .mob-dealfinder [data-popup].pets,
  .mob-dealfinder [data-popup].vehicle,
  .popup#vehicle_base label.vehicle_type,
  .popup#pets_popup label.pet_counter,
  .popup#currency_popup .journey_currency label,
  .popup.vehicle_detail label {
    padding: 0 8px !important;
    min-height: 48px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    cursor: pointer;
    color: #193354 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    background: #f7f6f2 !important;
  }
  .mob-dealfinder .sep-pax-select [data-popup].passengers {
    padding: 0 8px !important;
    min-height: 48px !important;
    padding-top: 46px !important;
    padding-bottom: 8px !important;
    cursor: pointer;
    color: #193354 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    background: transparent !important;
  }
  .mob-dealfinder ul.sep-pax-select li:nth-child(1) {
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    background-position: center 12px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/passengers.svg) !important;
    margin-bottom: 8px;
    background-color: #fff;
    border-radius: 8px;
    height: inherit;
  }
  .mob-dealfinder ul.sep-pax-select li:nth-child(2) {
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    background-position: center 12px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/child.svg) !important;
    margin-bottom: 8px;
    background-color: #fff;
    border-radius: 8px;
    height: inherit;
  }
  .mob-dealfinder ul.sep-pax-select li a span:nth-child(2) {
    padding: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 22px !important;
    margin-top: 4px;
  }
  i.material-icons.df-dark-blue {
    color: #193354;
    display: block;
    position: absolute;
    right: 8px !important;
  }
  form.mob-dealfinder .journey_info .diff_details {
    background: transparent !important;
    padding-left: 16px;
    grid-row: 4;
    flex-direction: row-reverse;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 10px 10px 10px 50px;
    border-radius: 0;
    margin-bottom: 0px;
    justify-content: space-between;
  }
  .mob-dealfinder .journey_info .diff_details .checkbox-label {
    color: #fff !important;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    padding-top: 2px;
    padding-left: 10px;
    text-align: left;
  }
  .mob-dealfinder .currency {
    margin-bottom: 0 !important;
    display: block !important;
    background-color: #475c77 !important;
    color: #fff !important;
    height: 22px !important;
    padding: 8px !important;
    margin: 0 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    min-height: 32px !important;
  }
  .resDiscount {
    grid-column: span 2;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 8px !important;
    margin-bottom: 8px;
    background: #e0f1fa;
    border-radius: 4px;
    display: flex;
    align-items: center;
  }
  .resDiscount .mat_i {
    font-size: 24px;
    margin-right: 4px;
    color: #193354 !important;
    cursor: help;
  }
  .resDiscount span {
    background: #b5e2f9 !important;
    padding: 4px 8px !important;
    border-radius: 3px;
    margin-right: 2px;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 16px !important;
  }
  #residentCheck[type="checkbox"]:checked,
  #residentCheck[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
  }
  #residentCheck[type="checkbox"]:checked + label.rdName,
  #residentCheck[type="checkbox"]:not(:checked) + label.rdName {
    position: relative;
    padding-right: 26px;
    cursor: pointer;
    color: #193354;
    font-weight: 700;
    line-height: 21px;
    margin-left: auto;
    margin-bottom: 0;
  }
  #residentCheck[type="checkbox"]:checked + label.rdName:before,
  #residentCheck[type="checkbox"]:not(:checked) + label.rdName:before {
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    border: 2px solid #333333;
    border-radius: 3px;
  }
  #residentCheck[type="checkbox"]:checked + label.rdName:after,
  #residentCheck[type="checkbox"]:not(:checked) + label.rdName:after {
    font-family: "Material Icons";
    content: "check";
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 1;
    font-style: normal;
    text-transform: none;
    line-height: 20px;
    font-size: 14px;
    width: 18px;
    height: 17px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    overflow: hidden;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    color: #193354;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .mob-dealfinder .df_submit {
    flex: 1 1 100%;
    height: 48px;
    background-color: #ff4a0e;
    color: #fff;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 8px !important;
    border: none;
    cursor: pointer;
    margin-bottom: 8px;
    grid-column: span 2;
    align-self: end;
    margin-top: 8px;
  }

  /* ===DEALFINDER-SIDE CALENDAR UI=== */

  .mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-cal-month,
  .mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-cal-month,
  .mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-cal-year,
  .mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-cal-year {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  #deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-cal-day-date {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    margin: 4px !important;
    line-height: 30px !important;
    font-size: 16px !important;
    font-weight: 500;
    border: 4px solid transparent !important;
    margin: 0;
    color: #193354 !important;
    background-color: #ede9e1 !important;
    transition: 0.2s;
    transition-timing-function: ease-out;
  }
  #deal_finder_container
    form.mob-dealfinder
    .mbsc-material
    .mbsc-cal-today
    .mbsc-cal-day-date {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    margin: 4px !important;
    line-height: 30px !important;
    font-size: 16px !important;
    font-weight: 500;
    border: 4px solid #ede9e1 !important;
    margin: 0;
    color: #193354 !important;
    background-color: #fff !important;
    transition: 0.2s;
    transition-timing-function: ease-out;
  }
  #deal_finder_container
    form.mob-dealfinder
    .mbsc-material
    .mbsc-cal-day-date:hover {
    color: #fff !important;
    background-color: #193354 !important;
  }
  #deal_finder_container
    form.mob-dealfinder
    .mbsc-material
    .mbsc-cal
    .mbsc-cal-btn {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    line-height: 40px !important;
    font-size: 36px !important;
    border-radius: 100px !important;
    margin: 0px !important;
  }
  #deal_finder_container form.mob-dealfinder .mbsc-cal-days {
    padding: 0 8px;
    border-top: solid 0px #eee !important;
    border-bottom: solid 0px #eee !important;
    padding: 0px 0 !important;
    margin-top: 0;
    width: 100%;
    line-height: 1.875em;
    text-align: center;
  }
  #deal_finder_container
    form.mob-dealfinder
    .mbsc-material
    .mbsc-selected
    .mbsc-cal-day-date {
    font-weight: 700 !important;
    color: white !important;
    background: #ff4a0e !important;
    border: 4px solid #ff4a0e !important;
  }
  .mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-fr-hdr,
  .mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-fr-hdr {
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    color: #193354;
    height: 40px;
    align-items: center;
    text-transform: none;
  }
  .mob-dealfinder .journey_timing .newDatepicker .mbsc-fr-w,
  .mob-dealfinder .journey_timing .newTimepicker .mbsc-fr-w {
    background-color: #fff;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  form#deal_finder1 .mbsc-cal-slide,
  form#deal_finder1 .mbsc-cal-days {
    padding: 0 8px !important;
  }
  .mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-fr-hdr,
  .mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-fr-hdr {
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    color: #193354;
    height: 40px;
    align-items: center;
    text-transform: none;
  }
  .mob-dealfinder .mbsc-material .mbsc-sc-whl-gr {
    padding: 80px 0 !important;
  }
  #deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-sc-whl-l {
    border-top: 0px solid #ccc !important;
    border-bottom: 0px solid #ccc !important;
    background-color: #ede9e1;
    border-radius: 100px;
    color: #193354 !important;
  }
  #deal_finder_container
    form.mob-dealfinder
    .mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 26px !important;
    color: #193354 !important;
    line-height: 36px !important;
  }
  #deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-sc-itm {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    color: #193354 !important;
    line-height: 36px !important;
  }
  .mbsc-material.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
  .mbsc-material .mbsc-sc-itm:focus {
    outline: 0;
    background: rgba(0, 0, 0, 0) !important;
    border-radius: 100px;
    cursor: pointer;
  }

  /* ===DEALFINDER-SIDE TASKS=== */

  .mob-dealfinder .popup {
    background-color: #193354 !important;
    border-radius: 8px;
  }
  .mob-dealfinder .popup::-webkit-scrollbar {
    display: none;
  }
  .mob-dealfinder .popup > * {
    margin-bottom: 0px !important;
  }
  .mob-dealfinder .popup-wrap .popup_head {
    height: 48px;
  }
  .mob-dealfinder .popup-wrap .popup_body {
    border-radius: 8px 8px 0px 0px !important;
    background: #fff !important;
    margin: 0px !important;
    padding: 8px !important;
    position: relative !important;
  }
  .mob-dealfinder .popup .popup_closer {
    right: auto;
    left: 16px;
    background: none;
    top: 4px;
    font-size: 24px;
    height: 24px;
    width: 24px;
    line-height: 1;
    cursor: pointer;
  }
  .mob-dealfinder .popup .popup_closer i {
    color: #fff;
    font-size: 20px;
  }
  .mob-dealfinder .popup h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    text-align: middle;
    width: 100%;
    text-align: center;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 20px !important;
    color: #fff !important;
    margin-bottom: 0px !important;
    margin: 8px 0 16px 0 !important;
  }
  .mob-dealfinder .popup#passengers_popup fieldset .passengers_list {
    padding: 0px !important;
    margin: 0px !important;
  }
  .mob-dealfinder .popup#passengers_popup label.pax_counter,
  .mob-dealfinder .popup#pets_popup .pet_counter {
    min-height: 56px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 40px !important;
    padding-right: 8px !important;
    cursor: auto;
    color: #193354;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    background: #f7f6f2 !important;
    position: relative;
    display: flex;
    align-items: center;
    touch-action: manipulation;
  }
  .mob-dealfinder
    .popup#passengers_popup
    label.pax_counter[for="total-adults"] {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/passengers.svg) !important;
  }
  .mob-dealfinder
    .popup#passengers_popup
    label.pax_counter[for="total-children"] {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/child.svg) !important;
  }
  .mob-dealfinder .popup#pets_popup .pet_counter[for="petType1_outbound"] {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
  }
  .mob-dealfinder .popup#pets_popup .pet_counter[for="petType2_outbound"],
  .mob-dealfinder .popup#pets_popup .pet_counter[for="petType7_outbound"],
  .mob-dealfinder .popup#pets_popup .pet_counter[for="petType8_outbound"] {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
  }
  .mob-dealfinder .popup#pets_popup .pet_counter[for="petType3_outbound"] {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets-assistant.svg) !important;
  }
  .popup#passengers_popup .pax_counter span,
  .popup#pets_popup .pet_counter span {
    cursor: pointer;
    background: transparent !important;
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 0px solid #cccccc !important;
    font-family: "proxima-soft" !important;
    font-size: 28px !important;
    line-height: 28px !important;
    height: 32px !important;
    width: 32px !important;
  }
  .popup#passengers_popup .pax_counter span:hover,
  .popup#pets_popup .pet_counter span:hover {
    cursor: pointer;
    background: #fff !important;
    border-radius: 100px !important;
    height: 32px;
  }
  .mob-dealfinder .popup#passengers_popup .pax_counter output,
  .mob-dealfinder .popup#pets_popup .pet_counter output {
    border-width: 0px 0 !important;
    border: none;
    font-size: 20px !important;
    background-color: #ede9e1 !important;
    border-radius: 100px !important;
    height: 32px !important;
    width: 32px !important;
    margin: 0 8px !important;
  }
  .mob-dealfinder .notes p.pax-note {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #193354 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin: 8px 0 16px 0 !important;
    padding: 0 16px !important;
  }
  .mob-dealfinder .child-age-inputs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin: 8px;
  }
  .mob-dealfinder .child-age-inputs .child-age label.passenger_age_label {
    visibility: hidden;
    margin-bottom: 0px;
    padding: 8px !important;
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .mob-dealfinder
    .child-age-inputs
    .child-age
    label.passenger_age_label
    select {
    width: 100%;
    outline: none;
    padding: 8px;
    border-radius: 8px;
    color: #193354;
    position: absolute;
    border: none;
    background-color: #f7f6f2;
  }
  .mob-dealfinder .popup label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #193354 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin: 0 0 8px;
    padding: 0 8px !important;
  }
  .mob-dealfinder .popup label select {
    padding: 8px;
    padding-right: 40px;
    border-radius: 8px;
    color: #193354;
    border: none;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
  }
  .mob-dealfinder .child-age-inputs .child-age i {
    position: absolute;
    right: 5px;
    top: 8px;
    display: none !important;
  }
  .mob-dealfinder #vehicle_base.popup span {
    top: -16px !important;
    color: #193354;
    font-size: 12px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 8px !important;
    margin: 5px 0 !important;
    position: inherit !important;
    width: 100%;
    text-align: center;
  }
  .mob-dealfinder .popup#vehicle_base label.vehicle_type,
  .mob-dealfinder .popup.vehicle_detail ol li label {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-right: 8px !important;
    cursor: pointer;
    color: #193354 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
    background: #f7f6f2 !important;
    transition-timing-function: ease-out;
    transition: 0.25s;
  }
  .mob-dealfinder #vehicle_base .popup#vehicle_base label.vehicle_type.checked {
    background: #485c78 !important;
    color: #fff !important;
  }
  .mob-dealfinder .popup.vehicle_detail li.chosen label {
    background: #e9eaee !important;
    color: #193354 !important;
  }
  .mob-dealfinder .popup#vehicle_base label.vehicle_type:hover,
  .mob-dealfinder .popup.vehicle_detail ol li label:hover {
    color: #fff !important;
    background: #193354 !important;
  }
  .mob-dealfinder #vehicle_base.popup span {
    top: -12px !important;
    color: #193354;
    font-size: 14px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    padding: 8px !important;
    margin: 8px 0 !important;
    position: inherit !important;
    width: 100%;
    text-align: center;
  }
  .mob-dealfinder .popup#vehicle_base label.vehicle_type:first-child {
    margin-bottom: 24px !important;
    padding-left: 8px;
  }
  .mob-dealfinder .popup#vehicle_base label.vehicle_type.checked,
  .mob-dealfinder .popup#pets_popup label.pet_counter.checked,
  .mob-dealfinder .popup#currency_popup .journey_currency label.checked,
  .mob-dealfinder .popup.vehicle_detail label.checked {
    background: #d1d5dc !important;
    color: #193354 !important;
    padding: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .mob-dealfinder .popup.vehicle_detail .extra_luggage {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    background-color: #fff !important;
    padding: 8px !important;
  }
  .mob-dealfinder .popup.vehicle_detail .caravan_trailer {
    width: 100%;
    background-color: #fff !important;
    padding: 8px !important;
  }
  .mob-dealfinder .popup.vehicle_detail .caravan_trailer label {
    padding: 0 8px !important;
    /* min-height: 48px !important; */
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    cursor: pointer;
    color: #193354 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    background: #f7f6f2 !important;
  }
  .mob-dealfinder .popup.vehicle_detail .caravan_trailer label.checked {
    background: #d1d5dc !important;
    color: #193354 !important;
    padding: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .mob-dealfinder .popup.vehicle_detail .caravan_trailer label.selected {
    background: #d1d5dc !important;
    color: #193354 !important;
    padding: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .mob-dealfinder .popup.vehicle_detail .caravan_trailer label.chosen {
    background: #d1d5dc !important;
    color: #193354 !important;
    padding: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .mob-dealfinder .popup.vehicle_detail .caravan_trailer fieldset {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .mob-dealfinder
    .popup.vehicle_detail
    fieldset
    ol.item_list.caravan_trailer_details_length,
  .mob-dealfinder
    .popup.vehicle_detail
    fieldset
    ol.item_list.caravan_trailer_details_height {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 8px;
  }

  .mob-dealfinder
    .popup.vehicle_detail
    .extra_luggage
    .additional_dimensions
    ol {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 8px;
  }
  /* .mob-dealfinder .popup.vehicle_detail fieldset ol.item_list.additional_dimensions_length, .mob-dealfinder .popup.vehicle_detail fieldset ol.item_list.additional_dimensions_height{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 8px;
} */

  .mob-dealfinder .popup.vehicle_detail .item_hdg,
  .mob-dealfinder .popup.vehicle_detail .extra_luggage span,
  .mob-dealfinder .popup.vehicle_detail .caravan_trailer span {
    display: inline-block;
    color: #193354 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding: 8px 8px !important;
    /* margin-bottom: 16px !important; */
    /* margin-top: 16px; */
  }
  .mob-dealfinder .item_hdg_extra_mgn,
  .item_hdg_top,
  .popup.vehicle_detail .item_hdg,
  h6,
  .popup.vehicle_detail .extra_luggage span,
  .popup.vehicle_detail .caravan_trailer span {
    display: inline-block;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    padding-left: 16px;
    margin-bottom: 8px;
  }
  .mob-dealfinder .popup.vehicle_detail label input[type="text"] {
    padding: 8px;
    vertical-align: middle;
    border: 2px solid #ede9e1 !important;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    width: 100%;
    height: 36px;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    margin: 8px 0 !important;
  }
  .mob-dealfinder .popup.vehicle_detail label input[type="text"]::placeholder {
    color: #193354 !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
  }

  .mob-dealfinder .popup .modal_opener {
    position: relative;
    align-items: center;
    background-color: #fff !important;
    border-radius: 4px !important;
    width: auto !important;
    font-size: 14px;
    padding: 8px 8px 8px 40px !important;
    border: none;
    margin: 8px !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg) !important;
    color: #193354 !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 18px !important;
  }
  .mob-dealfinder .popup footer {
    background: #fff !important;
    padding: 0px 0 !important;
    color: #193354 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
  }
  .mob-dealfinder .popup footer .popup_done {
    height: 48px;
    background-color: #ff4a0e;
    color: #fff;
    font-size: 19px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px !important;
    flex: 1 1 100%;
    border: none;
    margin: 8px;
  }
  .mob-dealfinder .popup > * input[type="radio"]:checked:after {
    width: 16px !important;
    height: 16px !important;
    border-radius: 24px !important;
    top: -3px !important;
    left: -3px !important;
    position: relative;
    background-color: #193354 !important;
    content: "";
    display: inline-block !important;
    visibility: visible !important;
    border: 0px solid white !important;
  }
  .mob-dealfinder .popup > * input[type="radio"]:after {
    width: 16px !important;
    height: 16px !important;
    border-radius: 24px !important;
    top: -3px !important;
    left: -3px !important;
    position: relative;
    background-color: #ede9e1 !important;
    content: "";
    display: inline-block;
    visibility: visible !important;
    border: 0px solid white !important;
  }

  .mob-dealfinder #ageRangePrompt {
    background: #e0f1fa;
    color: #193354 !important;
    margin-bottom: 10px;
    padding: 12px 32px 12px 8px;
    position: relative;
    margin-top: 0px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 16px;
    grid-column: span 2;
    justify-self: start;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .mob-dealfinder #ageRangePrompt i.close-icon {
    position: absolute;
    top: 12px;
    right: 8px;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
  }
  .mob-dealfinder #ageRangePrompt i.age-icon {
    padding-right: 16px;
  }

  /* ===DEALFINDER-SIDE BUTTONS ORANGE=== */

  .mob-dealfinder .other_details .df_submit {
    float: right;
    min-height: 40px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 50% !important;
    border-radius: 8px !important;
  }

  /* ===DEALFINDER-WIDE=== */
  .subNav ul a {
    border-bottom: 0px solid #193354 !important;
    font-family: "proxima-soft" !important;
    font-size: 14px !important;
  }
  .subNav ul .active a {
    border-bottom: 0px solid #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 14px !important;
  }
  .subNav ul .offers a {
    background: #ff4a0e !important;
    margin-right: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }

  .desk-dealfinder {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-column-gap: 24px !important;
    padding: 16px !important;
    background-color: #193354 !important;
    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 !important;
    grid-column-gap: 8px !important;
  }
  #deal_finder1.one_way .timing_outbound {
    grid-column-start: 1 !important;
    grid-column-gap: 24px !important;
  }
  #deal_finder1.desk-dealfinder.one_way .timing_outbound {
    grid-column: span 2 !important;
  }
  #deal_finder1 .party_details.allow_pets {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 8px !important;
  }
  .desk-dealfinder .form-control,
  .fsControl {
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 20px;
    background-color: #fff !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
  }
  #deal_finder1 .disabled {
    cursor: default;
    pointer-events: none;
    background-color: #f7f6f2 !important;
    color: #d3d0ca !important;
  }
  #deal_finder_container input[type="radio"]:checked:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    top: -6px;
    left: -6px;
    position: relative;
    background-color: #193354;
    content: "";
    display: inline-block;
    visibility: hidden !important;
    border: 4px solid white;
  }
  #deal_finder_container input[type="radio"]:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    top: -6px;
    left: -6px;
    position: relative;
    background-color: #ede9e1;
    content: "";
    display: inline-block;
    visibility: hidden !important;
    border: 4px solid white;
  }
  .desk-dealfinder #ageRangePrompt {
    background: #e0f1fa;
    margin-bottom: 10px;
    padding: 8px 40px 8px 16px;
    position: relative;
    margin-top: 0px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 16px;
    grid-column: span 2;
    justify-self: start;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .desk-dealfinder #ageRangePrompt i.close-icon {
    position: absolute;
    top: 12px;
    right: 8px;
    padding: 0;
    font-size: 18px;
    cursor: pointer;
  }
  .desk-dealfinder #ageRangePrompt i.age-icon {
    padding-right: 16px;
  }

  /* ===DEALFINDER-WIDE OFFERS=== */

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

  .carousel,
  .carouselIn,
  .carouselIn > .item img {
    border-radius: 8px;
    height: 100% !important;
  }
  .carouselDots {
    bottom: 0px !important;
    left: 8px !important;
    z-index: 15;
    padding-left: 0;
    text-align: center;
    list-style: disc !important;
    margin: 0px !important;
  }
  .carouselDots li {
    display: inline-block;
    width: 8px !important;
    height: 8px !important;
    text-indent: -999px;
    cursor: pointer;
    border: 0px solid #45b7ed !important;
    border-radius: 8px;
    background: #45b7ed !important;
    margin: 4px !important;
  }

  .carouselDots .active {
    background: #fff !important;
  }
  .carouselIn > .item {
    height: auto !important;
    /* width: 100% !important; */
  }

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

  .carouselCap {
    top: 0px;
    z-index: 10;
    color: #fff;
    text-align: left;
    padding: 8px !important;
    position: absolute;
  }
  .carouselCap span {
    display: table-caption !important;
    color: #fff;
    line-height: 26px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    background: #45b7ed !important;
    margin: 0;
    padding: 8px !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }

  .offerSlider .carouselCap a {
    display: block;
    bottom: 8px !important;
    right: 8px !important;
  }
  .offerSlider .carouselCap .btn {
    float: right;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
  }
  .offerSlider .carouselCap a {
    display: block;
    bottom: 10px;
    right: 10px;
  }

  /* ===DEALFINDER-WIDE CALENDAR=== */

  .ui-widget-content {
    border: 0px solid #aaa !important;
    background: 50% 50% repeat-x #fff;
    color: #000;
    border-radius: 8px !important;
    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-datepicker {
    width: 100%;
    padding: 0 !important;
    z-index: 25;
  }
  .ui-datepicker.ui-datepicker-multi {
    position: absolute !important;
    z-index: 1;
    width: auto !important;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
    padding: 8px;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
    float: left;
  }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
    border: 0px solid #2c7ca9;
    background: 50% 50% repeat-x #fff !important;
    color: #193354 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    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/dark-blue/arrow-left.svg);
    background-size: 24px !important;
    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/dark-blue/arrow-right.svg);
    background-size: 24px !important;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 0.4em;
    width: 100%;
    height: 100% !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-collapse: collapse;
    margin: 0 0 0.4em;
  }
  .ui-datepicker td {
    border: 0;
    padding: 4px !important;
  }
  .ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 12px !important;
    border: 0;
  }
  .ui-state-disabled,
  .ui-widget-content .ui-state-disabled {
    opacity: 1 !important;
    filter: Alpha(Opacity=100) !important;
    background-image: none;
  }
  .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
    border-color: #fff;
    border-radius: 100px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 22px;
    background-color: #f7f6f2 !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px;
    color: #193354;
  }
  .ui-datepicker-calendar a.ui-state-default {
    border-color: #fff;
    border-radius: 100px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 22px !important;
    background-color: #ede9e1 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px;
    color: #193354;
  }
  .ui-datepicker-calendar a.ui-state-default:hover {
    border-color: #fff;
    border-radius: 100px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 22px !important;
    background-color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px;
    color: #fff;
  }
  .ui-datepicker-calendar a.ui-state-active {
    border-color: #ff4a0e !important;
    background-color: #ff4a0e !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #fff !important;
  }
  .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;
  }

  /* ===DEALFINDER-WIDE SEARCH ROUTE=== */

  .desk-dealfinder .route_list {
    position: absolute;
    cursor: pointer;
    padding: 8px !important;
    border: 0px solid #ccc !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    line-height: 20px !important;
    border-radius: 8px !important;
    max-height: 320px !important;
    overflow-y: scroll;
    z-index: 200;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    animation: fadein 0.3s ease-in-out forwards;
  }
  .desk-dealfinder .route_list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px !important;
  }
  .desk-dealfinder .route_list::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    background-color: #d3d0c9 !important;
    border: 2px solid #fff !important;
  }
  .desk-dealfinder .route_list h5 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #45b7ed;
    font-size: 16px !important;
    line-height: 20px !important;
    opacity: 1;
    border-bottom: 4px solid #fff !important;
    margin: 0 0 0 8px;
    padding: 8px 0 !important;
    background: #fff !important;
  }

  .desk-dealfinder .route_list .routes li {
    padding: 8px 8px !important;
    border-top: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    background: #f7f6f2 !important;
    border-radius: 4px !important;
    margin-bottom: 4px !important;
    cursor: pointer;
  }
  .desk-dealfinder .route_list .routes li mark {
    background: #daf0fb !important;
    color: #193354 !important;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .desk-dealfinder .route_list .routes li:hover {
    padding: 8px 8px !important;
    border-top: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    background: #e0f1fa !important;
    border-radius: 4px !important;
    margin-bottom: 4px !important;
  }
  .desk-dealfinder .route_list .routes li .port {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    white-space: nowrap;
  }
  .desk-dealfinder .route_list .routes li .location {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    color: #4a4a4a !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
  #deal_finder_container input[type="radio"]:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #475d77;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 0px solid white;
  }

  #deal_finder_container input[type="radio"]:checked:after {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    top: -5px;
    left: 3px;
    position: relative;
    background-color: #fff;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 0spx solid white;
  }
  .desk-dealfinder .journey_type label,
  .desk-dealfinder .journey_type input {
    margin: 0 8px 0 0;
  }

  /* ===DEALFINDER-WIDE TASKS=== */

  .desk-dealfinder .popup {
    position: absolute;
    z-index: 1;
    background-color: #fff !important;
    cursor: default;
    padding: 16px !important;
    border: 0px solid #cccccc !important;
    border-radius: 8px !important;
    opacity: 0;
    animation: fadein 0.2s ease-in-out forwards !important;
    top: calc(100% + 15px);
    left: -1px;
    right: 0;
    min-width: 450px !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
  .desk-dealfinder .popup select,
  .desk-dealfinder .popup input[type="text"] {
    min-width: 92px !important;
    font-size: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding: 8px !important;
    border: 0px solid #ede9e1 !important;
    border-radius: 8px !important;
    margin: 0 0 0 auto !important;
    background-color: #ede9e1 !important;
    color: #193354 !important;
  }
  .desk-dealfinder .popup label {
    justify-content: space-between !important;
    align-items: center !important;
    color: #193354 !important;
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    margin: 0 0px 8px !important;
    background-color: #f7f6f2 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    cursor: pointer;
  }
  .desk-dealfinder .popup label.long {
    flex-wrap: wrap;
    padding: 0px !important;
  }
  .desk-dealfinder .popup label.long select,
  .desk-dealfinder .popup input[type="text"] {
    min-width: 92px !important;
    font-size: 16px !important;
    line-height: 20px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding: 8px !important;
    border: 2px solid #ede9e1 !important;
    border-radius: 8px !important;
    margin: 0 0 0 auto !important;
    background-color: #f7f6f2 !important;
    color: #193354 !important;
  }
  .desk-dealfinder .popup label .wheelchair {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/wheelchair-accessibility.svg) !important;
    background-size: 24px !important;
    background-position: 4px !important;
    background-repeat: no-repeat !important;
    padding-left: 48px !important;
    height: 24px !important;
    width: 24px !important;
  }
  .desk-dealfinder .popup label [type="checkbox"] {
    border: 1px solid #ede9e1 !important;
    right: 16px !important ;
    position: relative !important;
  }
  .desk-dealfinder .popup h5 {
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    white-space: nowrap;
    padding: 0px 32px 8px 0 !important;
    border-bottom: 0px solid #2c7ca9 !important;
    margin-bottom: 8px !important;
    color: #45b7ed !important;
  }
  .desk-dealfinder .popup h6 {
    font-size: 20px !important;
    line-height: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding: 24px 0px 8px 0 !important;
    border-bottom: 0px solid #eeeae2 !important;
    margin-bottom: 8px !important;
    color: #193354 !important;
    display: block;
  }
  .desk-dealfinder .popup .popup_closer {
    position: absolute;
    top: 8px !important;
    right: 8px !important;
    z-index: 1;
    height: 24px !important;
    width: 24px !important;
    cursor: pointer;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/cancel.svg)
      no-repeat left center !important;
    border: none;
  }
  .desk-dealfinder .popup footer .popup_done {
    float: right !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
    border-radius: 8px !important;
    min-width: 120px !important;
    margin-top: 8px !important;
  }

  .desk-dealfinder #vehicles_popup .popup label.radiolabel {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    margin-right: 8px;
    font-size: 16px !important;
  }
  .desk-dealfinder .popup label.radiolabel input {
    margin: 0px 8px 0 0 !important;
  }
  .desk-dealfinder .popup label.radiolabel {
    display: inline-flex;
    flex-direction: row-reverse;
    margin-right: 8px;
    font-size: 16px !important;
    background-color: #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .desk-dealfinder .popup label.radiolabel input[type="radio"]:checked:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #193354 !important;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 0spx solid white;
  }
  .desk-dealfinder .popup label.radiolabel input[type="radio"]:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #ede9e1 !important;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 0px solid white;
  }
  .desk-dealfinder .popup label.pet_counter output {
    width: 32px !important;
    height: 32px !important;
    border-width: 0px 0 !important;
    background-color: #ede9e1 !important;
    border-radius: 32px !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px;
  }
  .desk-dealfinder .popup label.pet_counter span,
  .desk-dealfinder .popup label.pet_counter output {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    border: 0px solid #ede9e1 !important;
  }
  .desk-dealfinder .popup label.pet_counter span.inactive {
    background-color: transparent !important;
    opacity: 0.4 !important;
    color: #193354 !important;
    pointer-events: none;
    cursor: default;
  }
  .desk-dealfinder .popup label.pet_counter span.increment {
    border-radius: 8px;
    font-size: 24px !important;
  }

  /* ===DEALFINDER-WIDE BUTTONS ORANGE=== */

  #deal_finder1 .other_details .df_submit {
    float: right;
    min-height: 40px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 50% !important;
    border-radius: 8px !important;
  }
  #deal_finder1 .other_details .currency.disabled {
    background-color: transparent !important;
    border: none;
  }
  #countryData .btn,
  .fsDone {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #ff4a0e !important;
    background-color: #ede9e1 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 0px 16px 0px 16px;
    font-size: 14px !important;
  }

  /* ===END=== */

  /* ===GLOBAL=== */

  #Home,
  #FerryOperatorMain,
  #FerryOperatorInd,
  #RouteMain,
  #RouteInd,
  #DestinationMain,
  #DestinationInd,
  #ContinentMain,
  #ContinentInd,
  #FerryOffersMain,
  #NewsArticle,
  #PortInd,
  #CountryToCountryInd,
  #FerryToPortInd,
  #ShipMain,
  #ShipInd,
  #CustomerService,
  #Faq,
  #AboutUs,
  #FerryOffersInd {
    font-family: "proxima-soft", sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px;
    background: #fff !important;
    background-size: 4.24px 4.24px !important;
  }
  body {
    font-family: "proxima-soft-light", sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 20px;
    background-image: linear-gradient(
      45deg,
      #ede9e1 16.67%,
      #f7f6f2 0,
      #f7f6f2 50%,
      #ede9e1 0,
      #ede9e1 66.67%,
      #f7f6f2 0,
      #f7f6f2
    ) !important;
    background-size: 4.24px 4.24px !important;
  }
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .dests a,
  .hreview .summary,
  a.boldLink,
  b,
  footer .signUp .inputGrpBox,
  label,
  strong {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }

  .btn,
  .fsDone {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-position: right 50% !important;
    background-size: 24px !important;
    background-color: #ff4a0e;
  }

  #pnlOuter {
    display: grid !important;
    grid-template-rows: auto;
  }

  /* .cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #45b7ed;
    color: #193354;
    font-family: "proxima-soft-bold" !important;
    padding: 16px;
    font-size: 18px;
    padding: 24px !important;
  }
  .cc-banner.cc-bottom a {
    background-color: #45b7ed;
    color: #fff;
  }
  .cc-banner.cc-bottom .cc-link {
    opacity: 1;
    display: inline-block;
    padding: 0.2em;
  }
  .cc-banner.cc-bottom .cc-btn {
    display: block;
    padding: 0.4em 0.8em;
    font-size: 0.9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    border-radius: 8px;
    background-color: #193354 !important;
    color: #fff !important;
  } */

  .box .content {
  }

  #header {
    background: #fff !important;
  }
  #Home #header .topBar {
    display: none !important;
  }
  #header .logoBar {
    min-height: 64px !important;
    margin: 8px !important;
  }
  .logoBar img.logo {
    height: 48px !important;
    margin-left: 0px !important;
    max-width: 264px !important;
  }
  .logoBar img.logo {
    content: url("https://static.directferries.co.uk/image/dflogo-mobile.svg");
    width: 100% !important;
    height: auto !important;
  }
  #lang b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .logoBar .rSer .formPopup {
    background-image: none;
    padding-top: 0;
    margin-top: 3px;
    border-top: 1px solid #eee;
    border-radius: 8px !important;
    width: 480px;
  }

  /* ===HEADER SUB-NAV=== */

  .desk-menu-outer {
    display: block;
    border-bottom: 0px solid rgba(255, 255, 255, 0.2) !important;
    padding: 16px !important;
    background-color: rgba(25, 51, 84, 0.1);
  }
  .desk-menu li a {
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  .desk-menu li.active {
    margin-left: 16px !important;
  }
  .desk-menu li.active a h1 {
    margin-left: 0px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #fff !important;
  }
  .desk-menu li.active a.ab-seo-title-wrapper {
    /* margin-left: 16px; */
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #fff !important;
  }

  /* ===HEAD-LINE=== */

  .headline-outer {
    float: right;
    width: calc(100% - 400px);
    margin: 48px 0 28px !important;
  }
  .headline-outer div.box {
    background-color: transparent !important;
    margin-bottom: 0px !important;
    margin: 0;
    border: none !important;
    border-radius: 8px !important;
  }
  .headline-outer .box .header {
    background-color: transparent !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 72px !important;
    line-height: 68px;
    padding: 8px 16px !important;
  }

  /* ===OFFERS=== */
  .carousel-outer {
    float: right;
    width: calc(100% - 400px);
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0));
  }
  #offerSlider,
  .carouselCap {
    max-width: inherit !important;
    max-height: inherit !important;
  }
  .offerSlider {
    max-width: inherit !important;
    max-height: inherit !important;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  .offerSlider img {
    width: 100%;
    border-radius: 6px;
    object-position: 50% 50%;
    object-fit: cover;
    height: 214px;
  }

  #divOuterSlider .carousel,
  .carouselIn,
  .carouselIn > .item img {
    border-radius: 8px;
    height: 320px !important;
  }

  #divOuterSlider .carouselDots {
    bottom: 8px !important;
    left: 16px !important;
    z-index: 15;
    padding-left: 0;
    text-align: center;
    list-style: disc !important;
    margin: 0px !important;
  }
  #divOuterSlider .carouselDots li {
    display: inline-block;
    width: 8px !important;
    height: 8px !important;
    text-indent: -999px;
    cursor: pointer;
    border: 0px solid #45b7ed !important;
    border-radius: 8px;
    background: #45b7ed !important;
    margin: 4px !important;
  }
  #divOuterSlider .carouselDots .active {
    background: #fff !important;
  }

  #divOuterSlider .carouselCap {
    top: 0px;
    z-index: 10;
    color: #fff;
    text-align: left;
    padding: 16px !important;
    position: absolute;
    min-height: auto !important;
    margin-bottom: 0 !important;
  }
  #divOuterSlider .carouselCap span {
    display: block !important;
    color: #fff;
    line-height: 34px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 32px !important;
    background: #45b7ed !important;
    margin: 0;
    padding: 16px !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    width: 320px;
  }
  #divOuterSlider .carouselCap span.h4 {
    margin: 0 !important;
    display: block;
  }
  #divOuterSlider #offerSlider .carouselCap a {
    display: block;
    bottom: 8px !important;
    right: 8px !important;
  }
  #offerSlider .carouselCap .btn {
    float: right;
    min-width: 160px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 8px 24px 8px 16px !important;
    margin: 16px !important;
    border-radius: 8px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
  }

  /* ===RECENT SEARCHES=== */

  .rSerNo {
    padding: 0 0 8px 0;
    display: block;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    white-space: nowrap;
    padding: 8px !important;
  }

  .logoBar .fs .titleInner,
  .rSer .titleInner {
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    white-space: nowrap;
    padding: 8px !important;
    border-bottom: 0px solid #2c7ca9 !important;
    margin-bottom: 8px !important;
    color: #45b7ed !important;
  }
  .logoBar .formCon {
    background: #fff !important;
    border: 0px solid #c9c9c9 !important;
    border-top: none;
    border-radius: 0px !important;
    padding: 8px !important;
    box-shadow: none !important;
  }
  .logoBar .formCon .ulTbl {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .logoBar .formCon .ulTbl li {
    display: grid !important;
    grid-template-columns: 3fr 1fr !important;
    background-color: #f7f6f2 !important;
    margin: 0px !important;
    padding: 0 0 0 8px !important;
    margin-bottom: 8px !important;
  }
  .rSerCon .rSerRem a {
    font-family: "proxima-soft" !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #193354 !important;
    position: relative;
    padding: 4px 0px 4px 0px !important;
    background-color: #ede9e1 !important;
    text-align: center !important;
    border-radius: 4px !important;
  }
  .formCon .ulTbl .rSerPri {
    position: relative;
    padding: 4px 16px 4px 8px !important;
  }
  .rSerPri span {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    display: block;
    color: #ff4a0e !important;
  }
  .rSerPri span.rSerVal {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    display: block;
    color: #193354 !important;
  }
  .rSer .btn {
    float: right;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    background-color: #ff4a0e !important;
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
    color: #fff !important;
  }

  .logoBar .formCon .ulTbl li .rSerRou {
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-top: 4px !important;
  }
  .rSer .ulTbl li div {
    border-bottom: 0px solid #45b7ed !important;
    vertical-align: top;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .header {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    color: #fff;
  }

  .fsWrap {
    background: #193354 !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    height: auto !important;
  }
  .subNav ul .active a,
  .subNav ul .active a:hover,
  .subNav ul .active span {
    background: #193354 !important;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .subNav ul .active a {
    border-bottom: 1px solid #193354 !important;
  }
  .subNav h1 {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #fff !important;
  }
  .subNav .mMenu span,
  .subNav ul li a {
    border-bottom: 1px solid #193354 !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    display: block;
  }
  select {
    -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;
  }
  .conNav .cur > a,
  .conNav .lang > a,
  .conNav .rSer > a {
    background-image: url("https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg") !important;
    background-position: calc(100% - 0px) 50% !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    padding-right: 24px !important;
  }
  .conNav .lang .dropdown {
    right: -18px;
    width: 656px !important;
    background-color: #f7f6f2 !important;
    border: none;
    margin-top: 16px !important;
    border-top: 0px solid #eee;
    border-radius: 8px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    padding: 8px !important;
  }
  .conNav .lang ul li {
    float: left;
    width: calc(25% - 4px) !important ;
    padding: 8px 0 8px 8px !important;
    background-color: #fff !important;
    border-bottom: 0px solid #ecf7fd !important;
    border-left: 0px solid #ecf7fd !important;
    border-radius: 8px;
    margin: 2px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .conNav .lang ul li:hover {
    background-color: #e0f1fa !important;
  }
  .conNav .lang ul li a:hover {
    background-color: transparent !important;
  }
  .conNav .lang ul li a {
    padding: 4px 0px 4px 26px !important;
    line-height: 12px !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .logoBar .rSer {
    padding: 2px 8px 0px 0px !important;
  }

  .conNav .faq,
  .conNav .trvAl,
  .conNav .myAcnt {
    background-position: 0 !important;
    padding-right: 12px !important;
    padding-left: 26px !important;
    background-size: 24px !important;
  }
  .conNav .faq {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/help.svg) !important;
  }
  .conNav .myAcnt {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/user.svg) !important;
  }
  .conNav .trvAl {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/error.svg) !important;
  }

  .conNav li a {
    font-family: "proxima-soft" !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #193354 !important;
    position: relative;
    padding: 4px 0px 4px 0px !important;
  }

  /* ===CONTENT=== */

  #Home .banner {
    background-size: cover !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 16px !important;
    background-position-y: 50% !important;
  }
  .banner {
    background: url(https://static.directferries.co.uk/images/desktop-background.jpg)
      no-repeat center center;
    background-size: cover;
    margin-bottom: 16px;
  }
  #DestinationInd .banner {
    background: url(https://static.directferries.co.uk/images/desktop-background.jpg)
      no-repeat center center !important;
    background-size: cover;
    margin-bottom: 16px;
  }
  .noBanner {
    margin-bottom: 0px !important;
  }
  .df-1772-brexit-outer {
    display: block;
    margin: 16px 0 0 0 !important;
    justify-self: center;
  }
  .df-1772-brexit-inner {
    border-radius: 8px !important;
    padding: 16px 16px 16px 16px !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    align-items: center !important;
    margin: 0 !important;
    background: #0070aa !important;
    display: block !important;
  }
  .ab2549-bpo-content {
    margin: 0px !important;
    justify-self: center;
  }

  .con.hCon {
    display: table;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff !important;
    border-radius: 8px !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .con.hCon .whyUseDF h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    color: #193354 !important;
    margin-top: 8px !important;
    margin-bottom: 32px !important;
    padding-left: 55px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
  }
  .whyUseDF {
    padding: 16px !important;
  }

  .whyUseDF b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
  }
  .whyUseDF p,
  .whyUseDFMobile p {
    background: url(https://static.directferries.co.uk/image/ico/light-blue/check.svg)
      no-repeat left 0px center !important;
    padding-left: 52px !important;
    margin-left: 4px !important;
    background-size: 32px !important;
    margin-right: 40px;
    font-size: 20px !important;
    margin-bottom: 32px !important;
    min-height: 48px;
  }
  .hOpBox h2,
  .hPorBox h2,
  .hPriBox h2,
  .hRouBox h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    color: #193354 !important;
    margin-top: 8px !important;
    margin-bottom: 24px !important;
  }

  #countrySelect .mapTbl ul li,
  .tblR,
  #countrySelect .ulTbl li {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr !important;
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    margin: 8px 0px 8px 0px !important;
    padding: 0px 8px 0px 16px !important;
  }
  #countryData .btn,
  #countryData .fsDone {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #ff4a0e !important;
    background-color: #ede9e1 !important;
    background-image: none !important;
    background-position: right 50% !important;
    padding: 0px 4px 0px 4px;
    font-size: 14px !important;
    min-width: 144px !important;
  }
  .hPriBox .smlLnk {
    padding-top: 8px;
  }
  .hPriBox .smlLnk translation {
    font-size: 14px;
    line-height: 20px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    /* color: #193354 !important; */
  }

  .mapTbl ul li div,
  .ulTbl li div:first-child {
    font-size: 16px;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354 !important;
  }
  .mapTbl ul li div,
  .ulTbl li div {
    font-size: 14px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    white-space: nowrap;
  }

  .opLogos .ovly {
    height: 56px !important;
    position: relative;
    display: block;
    background: #fff;
    margin: 0 8px 16px !important;
  }
  .opLogos .ovlyTxt {
    background-color: #193354 !important;
    opacity: 1 !important;
    position: absolute;
    height: 50px;
    float: left;
    width: 100%;
    border-radius: 4px;
    display: none;
  }
  .opLogos span {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    height: inherit;
    line-height: 1.2;
    cursor: pointer;
    padding: 4px !important;
  }
  .hCon .colH {
    display: table-cell;
    float: none;
    padding-bottom: 16px !important;
    vertical-align: top !important;
  }
  .ab2549-seo-content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 100% !important;
    background-size: cover !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    padding-top: 0px !important;
    padding-bottom: 0 !important;
    background-position-y: 50% !important;
    display: grid;
  }
  .ab-con--wrapper {
    display: grid !important;
    max-width: 1400px !important;
    margin: 0 !important;
    padding: 16px !important;
    grid-template-columns: 1fr 1fr;
    grid-template-columns: 1;
    grid-column-gap: 24px;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .ab-con--content {
    padding: 16px 24px !important;
  }
  .ab-con {
    display: grid !important;
    width: 100% !important;
    border-left: 0px solid #ccc !important;
    border-right: 0px solid #ccc !important;
    border-bottom: 0px solid #ccc !important;
    position: relative;
    padding-bottom: 0px !important;
    vertical-align: top;
    background: #daf0fb !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  .ab-con--wrapper > article .one {
    width: 50% !important;
  }
  .ab-con--wrapper > article .three {
    width: 50% !important;
  }
  .ab-con--compare .tab-content,
  .ab-con--destinations .tab-content {
    display: grid !important;
  }
  .ab-con--content h2 {
    font-size: 24px !important;
  }
  .ab-con--compare .ab-con--hero,
  .ab-con--destinations .ab-con--hero {
    background: url(https://static.directferries.co.uk/image/compare-prices-bg.jpg)
      no-repeat right top;
    border-top: 8px solid #ea5b28;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    height: 192px !important;
  }

  .ab-con--bottom {
    position: inherit !important;
    bottom: 0px !important;
    left: 0px !important;
    align-self: end;
  }
  .ab-con--bottom .findCheapDeals,
  .ab-con--bottom .seeAllDestinations {
    min-width: 160px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 8px 24px 8px 16px !important;
    margin: 16px !important;
    border-radius: 8px !important;
    background-color: #193354 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
  }
  .onBoard .btn {
    min-width: 160px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 8px 16px 8px 16px !important;
    margin: 16px !important;
    border-radius: 8px !important;
    color: #193354 !important;
    background-color: #daf0fb !important;
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
    margin-left: 0px !important;
  }

  .ab-con--hero {
    height: 240px !important;
    background: #ccc;
    width: 100%;
    margin: 0px;
  }

  .ulTbl .btn {
    float: right;
    margin-left: 5px;
    min-width: 88px !important;
    line-height: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 3px !important;
  }

  .hOpBox,
  .hPorBox,
  .hPriBox,
  .hRouBox {
    background: transparent !important;
    margin-bottom: 16px;
    border-left: 0px solid #fff !important;
    border-right: 0px solid #fff !important;
    padding: 16px 16px 16px 16px;
    border-radius: 8px !important;
  }

  .box {
    background-color: transparent !important;
    margin-bottom: 0px !important;
    margin: 0 0 8px 0;
    border: none !important;
    border-radius: 8px !important;
  }

  Ser {
    background: #fff !important;
    margin: 0px !important;
    padding: 8px !important;
    border-radius: 8px 8px 0px 0px !important;
  }
  .rSerFs {
    background: #fff;
    border-top: 0px solid #f7f6f2 !important;
    border-bottom: 4px solid #f7f6f2 !important;
    margin: 0px !important;
    padding: 8px 16px 8px 16px !important;
    display: none;
  }

  .form-control,
  .fsControl {
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 18px;
    background-color: #f7f6f2 !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
  }

  #dealP .form-control,
  .fsControl {
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 18px !important;
    background-color: #f7f6f2 !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .fs #cal_out,
  .fs #cal_ret {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: calc(100% - 8px) 50% !important;
    background-repeat: no-repeat !important;
  }
  .fs * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 8px !important;
    align-self: center;
  }
  .fs label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px !important;
    line-height: 26px;
  }
  .frm > div > div {
    display: table-cell;
    padding: 0 16px 8px 0 !important;
    vertical-align: middle !important;
  }
  .ab2549-onboard-content {
    padding: 16px !important;
  }
  .ab2549-onboard-content .accomm h3,
  .onBoard h3,
  .social h3 {
    margin-bottom: 0;
    padding: 16px 0 16px 48px;
    color: #193354 !important;
    font-size: 24px !important;
    line-height: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    margin-bottom: 16px !important;
  }
  .ab2549-onboard-content .onBoard h3 {
    padding-left: 55px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
  }
  .ab2549-onboard-content .social h3 {
    padding-left: 55px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/alert.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
  }

  #divOnboardImg img {
    margin-top: 8px !important;
    margin-bottom: 4px !important;
    padding: 0px !important;
    width: 320px;
    border-radius: 8px !important;
  }
  .social {
    padding-left: 24px !important;
    border-left: 0px solid #45b7ed !important;
  }
  .social ul {
    margin-top: 24px !important;
  }
  .social ul li {
    float: left;
    margin-right: 16px !important;
    margin-bottom: 8px !important;
    width: 56px !important;
  }
  .social ul li a {
    display: block;
    text-align: center;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding-top: 36px !important;
  }

  .popRouteDiv h3 {
    font-size: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    margin: 16px;
  }
  .homepage-routes {
    border: 0px solid #ccc !important;
    padding: 8px 0px 24px 0px !important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
  }
  .homepage-routes li {
    border-right: 0px solid #ede9e1 !important;
    padding: 8px 8px 8px 8px !important;
    background-color: #f7f6f2 !important;
    border-radius: 4px;
    margin: 4px;
    text-align: center;
  }
  .homepage-routes li a {
    font-size: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    text-decoration: none;
  }
  .homepage-routes :hover {
    border-right: 0px solid #ede9e1 !important;
    background-color: #e0f1fa !important;
    border-radius: 4px;
    margin: 4px;
    text-align: center;
  }

  footer .signUp {
    background: #193354 !important;
    padding: 16px 16px !important;
    border-radius: 8px;
    margin: 16px !important;
    margin-top: 16px !important;
  }
  footer .signUp form {
    display: grid;
  }
  footer .signUp form .inputGrp {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 2fr 2fr 1fr;
  }

  footer > div {
    border-top: 0px solid #f7f6f2 !important;
    text-align: center;
    padding: 16px 0 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 0px 0px 8px 8px !important;
    background-size: 4.24px 4.24px !important;
    margin-bottom: 40px;
  }
  footer .signUp .inputGrpBox {
    color: #fff !important;
    font-size: 22px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    width: 100%;
    /* grid-column: 1 / span 2; */
    white-space: normal;
    align-self: center;
    margin: 0;
    text-align: left;
  }
  footer .signUp .inputGrpBox:last-child {
    width: 100%;
    /* grid-column: 2; */
  }
  footer .signUp .inputGrp .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    /* min-width: 280px; */
    /* grid-column: 1; */
    align-self: center;
  }
  footer .signUp .inputGrpBox .btn {
    background-image: none;
    padding: 8px 16px;
    font-size: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    /* min-width: 280px; */
    width: 100%;
  }
  footer {
    background: transparent !important;
    padding: 0px 0 !important;
    color: #193354 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
  }
  footer .accordion {
    text-align: center;
    clear: both;
    padding: 16px !important;
  }
  footer .accordion h4 {
    color: #193354 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    cursor: pointer;
    background-position: right -951px;
    display: inline-block;
    margin-bottom: 0;
    padding: 8px 24px 8px 0 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 50% !important;
  }
  footer .copy {
    color: #193354 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
  }
  footer a {
    color: #193354 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  footer .cards {
    text-align: center;
    padding: 24px 16px !important;
  }
  .cards i {
    background-image: none !important;
    background-repeat: no-repeat;
    display: inline-block;
    height: 38px;
    width: 64px;
    margin: 4px !important;
    padding: 4px !important;
    border-radius: 4px;
    background-position: 0px 0;
    background-size: 64px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  footer .cards .american_express {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/AmericanExpress-card-dark.svg) !important;
  }
  footer .cards .maestro {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Maestro-card-light.svg) !important;
  }
  footer .cards .mastercard {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/MasterCard-card-light.svg) !important;
  }
  footer .cards .paypal {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Paypal-card-light.svg) !important;
  }
  footer .cards .visa {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Visa-card-light.svg) !important;
  }
  footer .cards .visa_electron {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Visa-card-electron-light.svg) !important;
  }
  footer .cards .sofort {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/sofort-card-light.svg) !important;
  }
  footer .cards .postepay {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Postepay-card-light.svg) !important;
  }
  footer .cards .ideal {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Ideal-card-light.svg) !important;
  }
  footer .cards .apple_pay {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Apple-card-light.svg) !important;
  }
  footer .cards .google_pay {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/GooglePay-card-light.svg) !important;
  }

  /* ===LANDING-ROUTE PORT FINDER=== */

  #RouteMain {
    background-color: #fff;
  }
  #RouteMain #pnlMain {
    padding-top: 32px !important;
  }
  #RouteMain .intTxt {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }
  #RouteMain .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 64px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/port.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #RouteMain .intTxt p {
    color: #193354 !important;
    margin-bottom: 16px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    padding-right: 64px;
  }
  #RouteMain .form-select.portMapCtr {
    display: block !important;
    padding-top: 40px;
  }
  #RouteMain .rptPtLst h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 24px !important;
    margin-top: 8px !important;
    margin-bottom: 32px !important;
  }
  #RouteMain .tabPane .rtTbl {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  #RouteMain .tabCon > .active {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 16px 16px 32px 16px !important;
    background-color: #ede9e1 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    margin: 0px !important;
    color: #193354 !important;
    position: relative;
    top: 0px;
  }
  #RouteMain .tabs {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
  }
  #RouteMain .tabs li:first-child {
    border: none;
  }
  #RouteMain .tabs li.active {
    background: #ede9e1 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0px !important;
  }
  #RouteMain .tabs li.active a {
    display: block;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/selected.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #RouteMain .tabs li a {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 16px 24px 16px 40px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/unselected.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #RouteMain .tabs li {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    border-left: 0px solid #ccc !important;
    background: #f7f6f2 !important;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    margin: 0px !important;
    width: 100% !important;
    justify-self: stretch;
  }
  #RouteMain .rtTbl > li {
    margin-bottom: 16px !important;
    margin: 8px !important;
    padding-bottom: 8px !important;
    border-bottom: 0px solid #45b7ed;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #RouteMain .rtTbl ul {
    display: grid;
    width: 100%;
    grid-template-columns: 4fr 3fr 3fr;
    margin-top: 8px !important;
  }
  #RouteMain .rtTbl ul > li.sa {
    padding: 8px 24px 8px 32px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #RouteMain .rtTbl ul > li.du {
    padding: 8px 24px 8px 32px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #RouteMain .rtTbl ul > li.lk .btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #ff4a0e !important;
    background-color: #ede9e1 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 0px 16px 0px 16px;
    font-size: 14px !important;
  }
  #RouteMain .rtTbl ul > li:first-child {
    width: 100% !important;
  }
  #RouteMain .rtTbl > li a {
    background-color: transparent;
    color: #0070aa;
    text-decoration: none;
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #RouteMain .portLst > ul > li,
  .smPortLst > ul > li {
    margin-bottom: 16px !important;
    /* margin: 8px !important; */
    padding-bottom: 12px !important;
    border-bottom: 0px solid #45b7ed;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    display: grid;
    grid-template-columns: 2fr 6fr;
  }
  #RouteMain .portLst > ul > li > a,
  .smPortLst > ul > li > a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    margin-bottom: 4px;
    display: inline-block;
  }
  #RouteMain .portLst > ul > li > ul > li {
    width: 25%;
    padding: 8px 24px 8px 32px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/port.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 20px !important;
  }
  #RouteMain .portLst > ul > li > ul > li a {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #193354 !important;
  }
  #RouteMain .portLst > ul > li > a > img,
  .smPortLst > ul > li > a > img {
    margin-right: 16px !important;
    margin-top: 0px !important;
    border: solid 0px #e6e6e6 !important;
    width: 32px !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #RouteMain .ab-route-banner.ab-route-banner--england {
    background: url(https://static.directferries.co.uk/image/ab/banners/england.jpg)
      no-repeat 0px -180px;
  }
  #RouteMain .ab-route-banner .con.noBanner {
    position: relative;
  }
  #RouteMain .ab-route-banner .countryHeader {
    position: relative;
    opacity: 1;
    font-size: 80px;
    color: #fff;
    left: 8%;
    top: 0%;
    -webkit-mask-image: linear-gradient(
      -75deg,
      rgba(0, 0, 0, 0.6) 30%,
      #000 50%,
      rgba(0, 0, 0, 0.6) 70%
    );
    -webkit-mask-size: 200%;
    animation: shine 2s infinite ease-in;
    text-transform: uppercase;
    line-height: 120px;
  }
  #RouteMain .ab-route-banner span.ab-route-banner--subheader {
    font-size: 28px;
    color: #fff;
    letter-spacing: normal !important;
    font-weight: 700 !important;
    left: 8%;
    position: relative;
    text-transform: uppercase;
    line-height: 24px;
    top: 20%;
  }

  /* ===LANDING-OPERATORS=== */

  #FerryOperatorMain {
    background-color: #fff;
  }

  .Breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .Breadcrumbs a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }

  #FerryOperatorMain #pnlMain {
    padding-top: 32px !important;
  }
  #FerryOperatorMain .intTxt {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }
  #FerryOperatorMain .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 64px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #FerryOperatorMain .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    padding-right: 64px;
  }

  #FerryOperatorMain .opList h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 24px !important;
    margin-top: 8px !important;
    margin-bottom: 32px !important;
  }

  #FerryOperatorMain .opList ul {
    margin: 0;
    background-color: #ede9e1 !important;
    border-radius: 8px;
    padding: 24px;
    border-top: 0px solid #e6e6e6;
  }
  #FerryOperatorMain .opList .rtTbl {
    margin: 0;
    background-color: #fff !important;
    border-radius: 8px;
    padding: 8px;
  }
  #FerryOperatorMain .opList > ul > li {
    border-bottom: 0px solid #45b7ed;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    grid-template-rows: auto;
  }
  #FerryOperatorMain .opList > ul > li > div {
    vertical-align: middle;
    align-self: center;
    padding: 16px;
  }
  #FerryOperatorMain .opList > ul > li > .opMore {
    padding: 16px;
    grid-column: 1 / span 2;
    margin-left: 0px;
  }
  #FerryOperatorMain .opList > ul > li > div:first-child a {
    width: 160px !important;
    margin-right: 0px !important;
  }
  #FerryOperatorMain .opList > ul > li > div img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  #FerryOperatorMain .opList .rtTbl > li {
    margin: 0;
    background-color: #e0f1fa !important;
    border-radius: 8px;
    padding: 8px;
    border-bottom: 0px solid #e6e6e6;
    margin-bottom: 8px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #FerryOperatorMain .opList .rtTbl > li a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 22px !important;
    padding-left: 16px;
    align-self: center;
  }
  #FerryOperatorMain .opList .rtTbl > li ul {
    margin: 0;
    background-color: transparent !important;
    border-radius: 8px;
    padding: 8px;
    display: grid;
    grid-template-columns: auto 1fr auto;
  }
  #FerryOperatorMain .opList .rtTbl > li ul .sa {
    padding: 8px 24px 8px 32px;
    width: 200px !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #FerryOperatorMain .opList .rtTbl > li ul .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #FerryOperatorMain .opList .rtTbl > li ul .lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
  }
  #FerryOperatorMain .opList .rtTbl > li ul .lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }

  #FerryOperatorMain .opList .det h4 {
    color: #193354 !important;
    margin-top: 0px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 28px !important;
  }
  #FerryOperatorMain .opList .det p {
    margin: 0;
    font-size: 18px !important;
    line-height: 22px !important;
  }
  #FerryOperatorMain .opList .det .ex {
    display: inline-block;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: #0070a0;
    cursor: pointer;
    border-radius: 4px !important;
    background-color: #ede9e1 !important;
    background-image: none;
    background-position: right 50% !important;
    padding: 8px !important;
    margin-right: 8px !important;
    margin-top: 16px !important;
  }
  #FerryOperatorMain .opList h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    margin-top: 40px !important;
    margin-bottom: 32px !important;
  }

  /* ===LANDING-COUNTRIES=== */

  #DestinationMain {
    background-color: #fff;
  }
  #DestinationMain .Breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #DestinationMain .Breadcrumbs a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  #DestinationMain #pnlMain {
    padding-top: 32px !important;
  }
  #DestinationMain .intTxt {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }
  #DestinationMain .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 64px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/language.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #DestinationMain .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    padding-right: 64px;
  }
  #DestinationMain .intTxt > div:first-child {
    display: block;
  }
  #DestinationMain .intTxt img {
    display: block;
    margin: 0 auto 18px;
    border-radius: 8px;
    content: url(https://static.directferries.co.uk/images/compass.jpg);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #DestinationMain .dests ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    grid-column-gap: 24px;
  }
  #DestinationMain .dests li {
    width: 100%;
    margin-bottom: 14px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #f7f6f2 !important;
    justify-self: stretch;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #DestinationMain .dests .divTbl {
    border: 0px solid #e6e6e6;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 4fr;
  }
  #DestinationMain .dests .img {
    width: auto !important;
    padding-right: 0px !important;
  }
  #DestinationMain .dests img {
    height: auto;
    width: 120px;
    display: block;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  #DestinationMain .dests .det {
    padding: 16px;
    position: relative;
    grid-template-rows: auto auto auto;
  }
  #DestinationMain .dests .det a:first-child {
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 8px !important;
  }
  #DestinationMain .dests .det p {
    text-decoration: none;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    color: #193354 !important;
    margin-top: 8px !important;
  }
  #DestinationMain .dests .det .btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #ff4a0e !important;
    background-color: #ede9e1 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 8px 4px 8px;
    font-size: 14px !important;
    position: relative;
    align-self: end;
    width: 50%;
    float: right;
  }

  /* ===LANDING-COUNTRIES TO COUTRIES=== */

  #CountryToCountryInd {
    background-color: #fff;
  }
  #CountryToCountryInd .Breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #CountryToCountryInd .Breadcrumbs a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  #CountryToCountryInd #pnlMain {
    padding-top: 32px !important;
  }
  #CountryToCountryInd .intTxt {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }
  #CountryToCountryInd .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 64px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/language.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #CountryToCountryInd .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    padding-right: 64px;
  }

  #CountryToCountryInd .intTxt img {
    display: block;
    margin: 0 auto 18px;
    border-radius: 8px;
    /* content: url(https://static.directferries.co.uk/images/compass.jpg); */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #CountryToCountryInd .rouGrpOps {
    width: 100%;
    border-bottom: 0px solid #64b6e6;
    margin: 0px 0 8px;
    padding: 0;
  }
  #CountryToCountryInd .rouGrp > div {
    padding: 16px 0 16px;
  }
  #CountryToCountryInd .rouGrp > div a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-size: 18px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #CountryToCountryInd .rouGrpOps > li {
    display: grid;
    grid-template-columns: auto 1fr;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    transition: ease-out 0.2s;
    background: #e0f1fa !important;
    padding: 16px !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #CountryToCountryInd .rouGrpOps > li > div {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0px;
    padding: 0px;
    align-self: center;
  }
  #CountryToCountryInd .rouGrpOps > li > div:first-child {
    width: 160px;
    padding: 0px;
    margin-bottom: 0px;
  }
  #CountryToCountryInd .rouGrpOps > li > div:first-child a {
    background: #fff;
    width: 120px;
    height: 55px;
    padding: 0;
    border-radius: 5px;
    display: table-cell;
    vertical-align: middle;
  }
  #CountryToCountryInd .rouGrpOps > li > div:first-child img {
    max-height: 56px;
    width: 100%;
  }
  #CountryToCountryInd .rouGrpOps > li > div > ul {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: 1fr auto;
  }
  #CountryToCountryInd .rouGrpOps > li > div > ul > li {
    align-self: center;
  }
  #CountryToCountryInd .rouGrpOps > li > div > ul > li a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-size: 20px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #CountryToCountryInd .rouGrpOps > li .lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
  }
  #CountryToCountryInd .rouGrpOps > li .lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }

  /* ===LANDING-OPERATOR PAGE=== */

  #FerryOperatorInd .banner {
    background: url(https://static.directferries.co.uk/images/desktop-homepage-background.jpg)
      no-repeat center center !important;
    background-size: cover !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 16px !important;
    background-position-y: 50% !important;
  }
  #FerryOperatorInd .intTxt {
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 40px;
    padding-bottom: 8px;
    width: 100%;
  }
  #FerryOperatorInd .intTxt .rowH {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-areas: "logo opDescription";
  }
  #FerryOperatorInd .intTxt .rowH > div:nth-child(1) {
    grid-area: logo;
    width: 100%;
    place-self: start;
    justify-self: center;
    padding: 0px !important;
    margin: 0px !important;
  }
  #FerryOperatorInd .intTxt .rowH > div:nth-child(2) {
    grid-area: opDescription;
    width: 100%;
  }
  #FerryOperatorInd .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 44px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    /* background: url(https://static.directferries.co.uk/image/ico/light-blue/shopping.svg) no-repeat left 0px center !important; */
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #FerryOperatorInd .intTxt p.opReview {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    padding-right: 64px;
  }

  #FerryOperatorInd .intTxt img {
    display: block;
    margin: auto;
    max-width: 100%;
    padding: 24px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-top: 24px;
  }
  #FerryOperatorInd #divRoutes.opRoutes {
    background: #fff !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 24px !important;
  }

  #FerryOperatorInd #divRoutes.opRoutes h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 16px !important;
  }
  #FerryOperatorInd #divRoutes.opRoutes li {
    background-color: #f7f6f2 !important;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 8px;
  }
  #FerryOperatorInd #divRoutes.opRoutes li h5 {
    display: block;
    font-weight: 700;
    color: #193354;
    font-size: 18px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    cursor: pointer;
    background-color: transparent;
    background-position: 98% -1488px;
    margin-bottom: 0;
    padding: 0;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl {
    display: grid;
    grid-row-gap: 16px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0px !important;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li {
    display: grid;
    grid-template-columns: auto 8px auto;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    grid-template-rows: auto auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding: 16px 16px 0px 16px !important;
    background-color: #e0f1fa !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin-top: 16px;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li a {
    background-color: transparent;
    font-size: 20px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #0070aa !important;
    text-decoration: none;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li a:nth-child(1) {
    grid-column: 1;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li a:nth-child(1):after {
    grid-column: 2;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li a:nth-child(2) {
    grid-column: 3;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li > ul {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr auto;
    grid-row: 3 / span 2;
    grid-column: 1 / span 3;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li > ul .sa {
    padding: 8px 24px 8px 32px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    width: 100% !important;
    align-self: center;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li > ul .du {
    padding: 8px 24px 8px 32px;
    width: 100% !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li > ul .lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li > ul .lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain > div {
    margin-bottom: 40px;
    display: grid;
    padding: 16px;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #45b7ed !important;
    margin-top: 8px;
    margin-bottom: 24px;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl {
    display: grid;
    grid-row-gap: 8px;
    width: 100% !important;
    margin: 0;
    padding: 0;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl li {
    display: grid !important;
    grid-template-columns: 3fr auto !important;
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    margin: 0px !important;
    padding: 16px !important;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl li > div {
    border-top: 0px solid #45b7ed;
    border-bottom: none;
    padding: 0 !important;
    vertical-align: middle !important;
    height: fit-content !important;
    margin-bottom: 0px;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl li .summary {
    margin: 0px !important;
    padding: 0 !important;
    text-transform: capitalize;
    line-height: 22px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    white-space: normal;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl li .more {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
  }
  #FerryOperatorInd .oBox {
    background: #ff4a0e !important;
    padding: 16px;
    border-radius: 8px;
    margin: 16px;
  }
  #FerryOperatorInd .oBox .ulTbl a {
    white-space: normal !important;
  }
  #FerryOperatorInd .oBox .btn {
    float: right;
    margin-left: 5px;
    min-width: 88px !important;
    line-height: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 4px !important;
    background-color: #fff !important;
    color: #193354;
    font-size: 12px;
  }
  #FerryOperatorInd #divAlternatives {
    display: grid;
    grid-column-gap: 16px;
    background-color: #daf0fb !important;
    border-radius: 8px;
    padding: 8px 16px 8px 16px;
    margin: 16px;
  }
  #FerryOperatorInd #divAlternatives h4 {
    padding: 16px 24px 16px 0;
    border-bottom: 0px solid #45b7ed;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354;
    font-size: 18px;
  }
  #FerryOperatorInd #divAlternatives .ulTbl {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-row-gap: 8px;
  }
  #FerryOperatorInd #divAlternatives .ulTbl > li {
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  #FerryOperatorInd #divAlternatives .ulTbl > li div:first-child {
    padding: 8px;
  }
  #FerryOperatorInd #divAlternatives .ulTbl > li div:first-child a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px;
  }
  #FerryOperatorInd #divAlternatives .ulTbl > li .altImg {
    width: 160px;
    align-self: center;
    margin-top: 16px;
    place-self: center;
  }

  #FerryOperatorInd #divPorts {
    margin: 16px;
  }
  #FerryOperatorInd #divPorts h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 16px !important;
  }
  #FerryOperatorInd .tabs {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
  }
  #FerryOperatorInd .tabs li:first-child {
    border: none;
  }
  #FerryOperatorInd .tabs li {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    border-left: 0px solid #ccc !important;
    background: #f7f6f2 !important;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    margin: 0px !important;
    width: 100% !important;
    justify-self: stretch;
  }
  #FerryOperatorInd .tabs li.active {
    background: #ede9e1 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0px !important;
  }
  #FerryOperatorInd .tabs li a {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 16px 24px 16px 40px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/unselected.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #FerryOperatorInd .tabs li.active a {
    display: block;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/selected.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #FerryOperatorInd .tabCon > .active {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 16px 16px 16px 16px !important;
    background-color: #ede9e1 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    margin: 0px !important;
    color: #193354 !important;
    position: relative;
    top: 0px;
  }
  #FerryOperatorInd .smPortLst {
    padding-top: 8px;
  }
  #FerryOperatorInd .smPortLst ul {
    display: grid;
    grid-row-gap: 8px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0px !important;
  }
  #FerryOperatorInd .smPortLst ul > li {
    border-bottom: 0px solid #45b7ed;
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 3fr 2fr;
  }
  #FerryOperatorInd .smPortLst ul > li a {
    display: grid;
    grid-template-columns: auto 1fr;
    align-self: center;
  }
  #FerryOperatorInd .smPortLst ul > li > ul {
    border-bottom: 0px solid #45b7ed;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    display: grid;
  }
  #FerryOperatorInd .smPortLst ul > li > ul > li {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/port.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    padding: 4px 8px 4px 32px;
    font-size: 16px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  #FerryOperatorInd #divOpShips.opShips {
    margin-top: 24px;
  }
  #FerryOperatorInd .opShips .ovlyS {
    position: relative;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #FerryOperatorInd .opShips .ovlyS .rImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  #FerryOperatorInd .opShips .ovlyTxt {
    background-color: #0070a0;
    opacity: 1;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 8px;
  }

  /* ===LANDING-ROUTE=== */

  #RouteInd {
    background-color: #fff;
  }
  #RouteInd .Breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #RouteInd .Breadcrumbs a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  #RouteInd .banner {
    background-size: cover !important;
    background-position: 50% !important;
    margin-bottom: 16px !important;
  }
  #RouteInd .ab-route-banner {
    padding: 24px 24px 24px 24px !important;
    position: relative;
    height: auto;
    margin-bottom: 15px;
    background-position: top center;
    display: grid;
    grid-template-rows: 60px 120px 1fr;
    background-size: cover !important;
  }
  #RouteInd .ab-route-banner .countryHeader {
    position: initial;
    opacity: 1 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px;
    line-height: 80px;
    color: #fff;
    width: 100%;
    text-align: center;
    -webkit-mask-image: none !important;
    -webkit-mask-size: 100% !important;
    animation: none !important;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  #RouteInd .ab-route-banner span.ab-route-banner--subheader {
    position: initial;
    opacity: 1 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 80px;
    line-height: 80px;
    color: #fff;
    width: 100%;
    text-align: center;
    -webkit-mask-image: non !important;
    -webkit-mask-size: 100% !important;
    animation: none !important;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  #RouteInd .abError {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    background-color: #fad5cf !important;
    border: 0px solid #f10103 !important;
    color: #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    background: url(https://static.directferries.co.uk/image/sw-2.png) no-repeat
      8px 16px #fad5cf;
    padding-left: 42px;
    color: #f00305 !important;
    font-size: 16px !important;
    background-image: url(https://static.directferries.co.uk/image/sw-2-animated.gif) !important;
  }
  #RouteInd .abError span {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    line-height: 20px !important;
    display: inline-block;
    margin-top: 2px !important;
  }
  #RouteInd .whyUseDF h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    color: #193354 !important;
    margin-top: 8px !important;
    margin-bottom: 32px !important;
    padding-left: 54px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
  }
  #divRouteAlternatives .ulTbl li {
    align-self: center;
    background-color: transparent !important;
  }
  #divRouteAlternatives .ulTbl li div {
    font-size: 16px;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354 !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    margin: 8px 0px 8px 0px !important;
    padding: 0px 8px 0px 16px !important;
  }
  #divRouteAlternatives .ulTbl li div:first-child {
    font-size: 18px !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354 !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    margin: 8px 0px 8px 0px !important;
    padding: 4px 8px 4px 16px !important;
  }

  #divRouteAlternatives .alts > div > ul > li > div,
  .alts > ul > li > div {
    border-bottom: 0px solid #45b7ed !important;
    border-top: 0px solid #45b7ed !important;
    margin: 8px 0px 8px 0px !important;
    padding: 0px 8px 0px 16px !important;
    padding-left: 55px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/return.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #RouteInd .newRoute .routeCol {
    background: #fff !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 40px !important;
  }
  #RouteInd .newRoute .routeCol .opRoutes {
    background: #e0f1fa !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 40px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #RouteInd .newRoute .routeCol .opRoutes .opTbl > li {
    display: grid;
    grid-template-columns: 1fr 5fr;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    transition: ease-out 0.2s;
  }
  #RouteInd .newRoute .routeCol .opRoutes .opTbl > li:hover {
    background-color: #fff !important;
    border-radius: 8px;
  }
  #RouteInd .opTbl > li > div {
    display: table-cell;
    vertical-align: middle !important;
    margin-bottom: 0px !important;
    border-bottom: 0px solid #45b7ed !important;
    height: auto !important;
    padding: 8px !important;
  }
  #RouteInd .newRoute .opTbl > li > div:first-child {
    padding: 0 !important;
  }
  #RouteInd .opTbl {
    display: grid;
    grid-row-gap: 8px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #RouteInd .opTbl > li > div > ul {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: 1fr auto;
  }
  #RouteInd .opTbl > li > div > ul > li {
    display: table-cell;
    vertical-align: middle;
    align-self: center;
  }
  #RouteInd .newRoute .opTbl > li > div {
    border-top: 0px solid #45b7ed !important;
    border-bottom: none;
    height: auto !important;
    align-self: center;
  }
  #RouteInd .newRoute .routeCol .opRoutes h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 16px !important;
  }
  #RouteInd .newRoute .routeCol .opRoutes .opTbl .sa {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
  }
  #RouteInd .newRoute .routeCol .opRoutes .opTbl .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
  }
  #RouteInd .newRoute .routeCol .opRoutes .opTbl > li > div > ul > li.lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
  }

  #RouteInd .newRoute .routeCol .opRoutes .opTbl > li > div > ul > li.lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }

  #RouteInd .newRoute .routeCol > div > div > div.reviewSum {
    margin-bottom: 40px;
    display: grid;
  }
  #RouteInd .newRoute .routeCol > div > div > div.reviewSum h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #45b7ed !important;
    margin-top: 8px;
    margin-bottom: 24px;
  }
  #RouteInd .newRoute .routeCol > div > div > div.reviewSum .ulTbl {
    display: grid;
    grid-row-gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #RouteInd .newRoute .routeCol > div > div > div.reviewSum .ulTbl li {
    display: grid !important;
    grid-template-columns: 3fr auto !important;
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    margin: 0px !important;
    padding: 16px !important;
  }
  #RouteInd .newRoute .hreview > div {
    border-top: 0px solid #45b7ed;
    border-bottom: none;
    padding: 0 !important;
    vertical-align: middle !important;
  }
  #RouteInd .newRoute .hreview .stars {
    justify-self: end;
  }

  #RouteInd .newRoute .hreview .summary {
    margin: 0px !important;
    padding: 0 !important;
    text-transform: capitalize;
    line-height: 22px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    white-space: normal;
  }
  #RouteInd .newRoute .hreview .more {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
  }
  #RouteInd .newRoute .intTxt {
    border-bottom: none;
    margin-bottom: 0 !important;
  }
  #RouteInd .newRoute .intTxt h1 {
    line-height: 32px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 32px !important;
    margin-bottom: 24px !important;
  }
  #RouteInd .newRoute .intTxt p {
    line-height: 28px;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 20px !important;
  }
  #RouteInd .newRoute .intTxt a {
    line-height: 28px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
  }

  #RouteInd .opShips .ovlyS {
    position: relative;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #RouteInd .opShips .ovlyS .rImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  #RouteInd .opShips .ovlyTxt {
    background-color: #0070a0;
    opacity: 1;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 8px;
  }
  #RouteInd .opShips .ovlyS .tbl > span {
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
  }

  /* ===LANDING-PORT=== */

  #PortInd .intTxt {
    display: grid;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 40px;
    width: 100%;
  }
  #PortInd .intTxt h1 {
    line-height: 32px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 32px !important;
    margin-bottom: 24px !important;
    margin-top: 24px !important;
  }
  #PortInd .intTxt p {
    line-height: 28px;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 20px !important;
  }
  #PortInd #divServices {
    background: #fff !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 24px !important;
  }
  #PortInd #divServices h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 16px !important;
  }
  #PortInd .rouGrpOps {
    display: grid;
    grid-row-gap: 16px;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    margin: 8px 0 16px;
    padding: 0 0 8px;
  }
  #PortInd .rouGrp > div {
    padding: 8px;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 18px !important;
  }
  #PortInd .rouGrpOps > li {
    display: grid;
    grid-template-columns: auto 1fr;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    grid-template-rows: auto auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding: 8px !important;
    background-color: #e0f1fa !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #PortInd .rouGrpOps > li > div:first-child {
    width: 140px;
    padding: 0px 16px 0px 0px;
  }
  #PortInd .rouGrpOps > li > div:first-child a {
    background: #fff;
    width: 100%;
    height: 56px;
    padding: 0;
    border-radius: 8px;
    display: grid;
    vertical-align: middle;
    align-self: center;
  }
  #PortInd .rouGrpOps > li > div:first-child a img {
    max-height: 56px;
    place-self: center;
  }
  #PortInd .rouGrpOps > li > div {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: 1fr auto;
  }
  #PortInd .rouGrpOps > li > div > ul {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: 1fr auto;
  }
  #PortInd .rouGrpOps > li > div > ul > li {
    display: grid;
    vertical-align: middle;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li .sa {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #PortInd .rouGrpOps > li .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #PortInd .rouGrpOps > li > div > ul > li:nth-child(2) {
    display: grid;
    vertical-align: middle;
    grid-template-columns: 1fr;
  }
  #PortInd .rouGrpOps > li > div > ul > li:nth-child(2) .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 0px 16px 0px 16px;
    font-size: 14px !important;
    line-height: 46px;
    margin: 16px 0 16px 0;
  }
  #PortInd .txt {
    background: #fff !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 24px !important;
  }
  #PortInd #divPortDir {
    background: #fff !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 24px !important;
  }
  #PortInd #divPortAdd {
    background: #fff !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 24px !important;
  }

  /* ===LANDING-CONTINENT=== */

  #ContinentInd #pnlMain {
    padding-top: 32px !important;
  }
  #ContinentInd .intTxt {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 24px;
    width: 100%;
  }
  #ContinentInd .intTxt img {
    display: block;
    margin: 0 auto 18px;
    border-radius: 8px;
    /* content: url(https://static.directferries.co.uk/images/compass.jpg); */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #ContinentInd .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 64px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/language.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #ContinentInd .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    padding-right: 64px;
  }
  #ContinentInd .ctSum > ul {
    border-bottom: 0px solid #45b7ed;
    padding-bottom: 40px;
    margin-bottom: 8px;
  }
  #ContinentInd .ctSum > ul a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
  }

  /* ===LANDING-DESTINATION=== */

  #DestinationInd {
    background-color: #fff;
  }
  #DestinationInd .Breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #DestinationInd .Breadcrumbs a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  #DestinationInd .banner {
    background-size: cover !important;
    background-position: 50% !important;
    margin-bottom: 15px !important;
  }
  #DestinationInd .ab-route-banner {
    padding: 24px 24px 24px 24px !important;
    position: relative;
    height: 560px;
    margin-bottom: 15px;
    background-position: top center;
    display: grid;
    grid-template-rows: 60px 120px 1fr;
    background-size: cover !important;
  }
  #DestinationInd .ab-route-banner .countryHeader {
    position: initial;
    opacity: 1 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px;
    line-height: 80px;
    color: #fff;
    width: 100%;
    text-align: center;
    -webkit-mask-image: none !important;
    -webkit-mask-size: 100% !important;
    animation: none !important;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  #DestinationInd .ab-route-banner span.ab-route-banner--subheader {
    position: initial;
    opacity: 1 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 80px;
    line-height: 80px;
    color: #fff;
    width: 100%;
    text-align: center;
    -webkit-mask-image: non !important;
    -webkit-mask-size: 100% !important;
    animation: none !important;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  #DestinationInd .abError {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    background-color: #fad5cf !important;
    border: 0px solid #f10103 !important;
    color: #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    background: url(https://static.directferries.co.uk/image/sw-2.png) no-repeat
      8px 16px #fad5cf;
    padding-left: 42px;
    color: #f00305 !important;
    font-size: 16px !important;
    background-image: url(https://static.directferries.co.uk/image/sw-2-animated.gif) !important;
  }
  #DestinationInd .abError span {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    line-height: 20px !important;
    display: inline-block;
    margin-top: 2px !important;
  }
  #DestinationInd .whyUseDF h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    color: #193354 !important;
    margin-top: 8px !important;
    margin-bottom: 32px !important;
    padding-left: 54px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
  }
  #DestinationInd .newCountry .countryCol .opRoutes {
    display: grid;
    background: #e0f1fa !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-top: 24px;
    margin-bottom: 40px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #DestinationInd .newCountry .countryCol .opRoutes h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 24px !important;
  }
  #DestinationInd .opTbl {
    display: grid;
    grid-row-gap: 8px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #DestinationInd .opTbl > li {
    display: grid;
    grid-template-columns: 1fr 5fr;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    transition: ease-out 0.2s;
  }
  #DestinationInd .opTbl > li:hover {
    background-color: #fff;
    border-radius: 8px;
  }

  #DestinationInd .newCountry .opTbl > li > div {
    border-top: 0px solid #45b7ed !important;
    align-self: center;
    display: grid !important;
    vertical-align: middle !important;
    margin-bottom: 0px !important;
    border-bottom: 0px solid #45b7ed !important;
    height: auto !important;
    padding: 8px !important;
  }
  #DestinationInd .newCountry .opTbl > li > div:first-child a {
    display: grid !important;
  }
  #DestinationInd .newCountry .opTbl > li > div:first-child img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    place-self: center;
  }
  #DestinationInd .opTbl ul {
    display: grid !important;
    /* width: 100%; */
    margin: 0;
    padding: 0;
    grid-template-columns: 1fr auto;
  }
  #DestinationInd .opTbl > li > div {
    display: table;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center;
    height: 100% !important;
  }
  #DestinationInd .opTbl > li > div > ul > li:first-child {
    vertical-align: middle;
    align-self: center;
    display: grid !important;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #DestinationInd .newCountry .opTbl .sa {
    padding: 8px 24px 8px 32px;
    width: 200px !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
  }
  #DestinationInd .newCountry .opTbl .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
  }
  #DestinationInd .newCountry .opTbl .lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
  }
  #DestinationInd .newCountry .opTbl .lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }
  /* REVIEWS */
  #DestinationInd .countryCol > div > div > div.reviewSum {
    margin-bottom: 40px;
    display: grid;
  }
  #DestinationInd .countryCol > div > div > div.reviewSum h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #45b7ed !important;
    margin-top: 8px;
    margin-bottom: 24px;
  }
  #DestinationInd .countryCol > div > div > div.reviewSum .ulTbl {
    display: grid;
    grid-row-gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #DestinationInd .countryCol > div > div > div.reviewSum .ulTbl li {
    display: grid !important;
    grid-template-columns: 3fr auto !important;
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    margin: 0px !important;
    padding: 16px !important;
  }
  #DestinationInd .hreview > div {
    border-top: 0px solid #45b7ed;
    border-bottom: none;
    padding: 0 !important;
    vertical-align: middle !important;
    height: fit-content !important;
  }
  #DestinationInd .hreview .summary {
    margin: 0px !important;
    padding: 0 !important;
    text-transform: capitalize;
    line-height: 22px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    white-space: normal;
  }
  #DestinationInd .hreview .more {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
  }
  /* REVIEWS END */

  #DestinationInd .oBox {
    background: #ff4a0e !important;
    padding: 16px;
    border-radius: 8px;
  }
  #DestinationInd .oBox .ulTbl a {
    white-space: normal !important;
  }

  #DestinationInd .oBox .ulTbl .btn {
    float: right;
    margin-left: 5px;
    min-width: 88px !important;
    line-height: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 4px !important;
    background-color: #fff !important;
    color: #193354;
    font-size: 12px;
  }

  #DestinationInd .newCountry .countryOnboard {
    background: #e0f1fa;
    padding: 16px;
    border-radius: 8px;
  }
  #DestinationInd .newCountry .countryOnboard .rImg,
  .tblOp img,
  .bImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }

  #DestinationInd .newCountry .countryOnboard h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
  }
  #DestinationInd .newCountry .countryOnboard .btn {
    background-color: #193354 !important;
  }

  #DestinationInd .tabs {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
  }
  #DestinationInd .tabs li:first-child {
    border: none;
  }
  #DestinationInd .tabs li.active {
    background: #ede9e1 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0px !important;
  }
  #DestinationInd .tabs li.active a {
    display: block;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/selected.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #DestinationInd .tabs li a {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 16px 24px 16px 40px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/unselected.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #DestinationInd .tabs li {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    border-left: 0px solid #ccc !important;
    background: #f7f6f2 !important;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    margin: 0px !important;
    width: 100% !important;
    justify-self: stretch;
  }
  #DestinationInd .tabPane .rtTbl {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  #DestinationInd .tabCon > .active {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 16px 16px 32px 16px !important;
    background-color: #ede9e1 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    margin: 0px !important;
    color: #193354 !important;
    position: relative;
    top: 0px;
  }
  .c2cTbl > li {
    display: grid !important;
    width: 100%;
    border-bottom: 2px solid #e6e6e6;
    padding: 10px 0;
  }
  .c2cTbl > li > div {
    display: grid !important;
    width: 100%;
    grid-row-gap: 8px;
  }
  #DestinationInd .c2cTbl > li > div > div {
    display: table;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #DestinationInd .c2cTbl > li > div:first-child {
    width: 100%;
  }
  #DestinationInd .c2cTbl > li > div > a {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .c2cTbl .op {
    width: 200px;
    align-self: center;
  }
  #DestinationInd .newCountry .c2cTbl .sa {
    padding: 8px 24px 8px 32px;
    width: 200px !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #DestinationInd .newCountry .c2cTbl .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #DestinationInd .newCountry .c2cTbl .lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
  }
  #DestinationInd .newCountry .c2cTbl .lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #ff4a0e !important;
    background-color: #f7f6f2 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }

  #DestinationInd .c2cTbl > li > div > div > ul:first-child {
    border-top: 0px solid #e6e6e6;
    padding-top: 5px;
  }
  #DestinationInd .c2cTbl > li > div > div > ul {
    display: grid;
    border-bottom: 0px solid #e6e6e6;
    padding-bottom: 0px;
    margin-bottom: 0px;
    grid-template-columns: 1fr 2fr 2fr 1fr;
  }
  #DestinationInd .rtSum .accordion h4 {
    cursor: pointer;
    border-top: 0px solid #45b7ed !important;
    margin: 0;
    padding: 16px 24px 16px 0px;
  }
  .rtSum .accordion {
    border-bottom: 0px solid #45b7ed !important;
  }

  /* ===LANDING-SHIPS=== */
  #ShipMain .intTxt {
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 24px;
    width: 100%;
  }
  #ShipMain .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 64px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #ShipMain .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    padding-right: 64px;
  }
  #ShipMain .opShips .ovlyS {
    position: relative;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #ShipMain .opShips .ovlyS .rImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  #ShipMain .opShips .ovlyTxt {
    background-color: #0070a0;
    opacity: 1;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 8px;
  }
  #ShipMain .opShips .ovlyOp {
    background-color: #193354;
    opacity: 1;
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #ShipMain .shpLks p {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 0px solid #45b7ed;
  }

  /* ===LANDING-SHIP PAGE=== */
  #ShipInd #reviewIntroHeader {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto;
  }
  #ShipInd #reviewIntroHeader > div:nth-child(1) {
    width: 100%;
    grid-column: 1;
    grid-row: 1;
  }
  #ShipInd #reviewIntroHeader > div:nth-child(2) {
    width: 100%;
    grid-column: 2;
    grid-row: 1;
  }
  #ShipInd .intTxt img {
    display: block;
    margin: 0 auto 18px;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    margin-top: 24px;
  }
  #ShipInd .intTxt {
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 24px;
    width: 100%;
  }
  #ShipInd .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 64px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 64px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #ShipInd .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    padding-right: 64px;
  }
  #ShipInd .opShips .ovlyS {
    position: relative;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #ShipInd .opShips .ovlyS .rImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  #ShipInd .opShips .ovlyTxt {
    background-color: #0070a0;
    opacity: 1;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 8px;
  }
  #ShipInd .opShips .ovlyOp {
    background-color: #193354;
    opacity: 1;
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #ShipInd .shpLks p {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 0px solid #45b7ed;
  }
  #ShipInd .shpOv {
    padding: 0px;
  }
  #ShipInd .shpOv h2 {
    font-size: 20px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-bottom: 8px;
  }
  #ShipInd .shpOv #divReviewsOverview {
    font-size: 20px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-bottom: 24px;
    background-color: #f7f6f2 !important;
    padding: 16px;
    display: grid;
    border-radius: 8px;
  }
  #ShipInd .shpOv .stars {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #45b7ed;
    padding-right: 30px;
    margin: 0 auto;
  }
  #ShipInd .shpOv #divReviewsOverview .divTblM {
    padding: 0 !important;
    margin: 0 !important;
  }
  #ShipInd .shpOv #divReviewsOverview .divTblM div:first-child {
    font-size: 48px;
    font-weight: 700;
    color: #45b7ed;
  }
  #ShipInd .shpOv .shpRec {
    font-weight: 700;
    color: #45b7ed;
    font-size: 18px;
    margin-bottom: 16px;
    display: block;
    margin-top: 8px;
  }
  #ShipInd .shpOv ul {
    margin: 0;
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
  #ShipInd .shpOv ul li {
    border-bottom: 0px solid #64b6e6;
    width: 100%;
    float: left;
    position: relative;
    padding: 8px 64px 8px 16px;
    background-color: #ecebe6;
    border-radius: 4px;
    font-size: 16px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
  }
  #ShipInd .shpOv ul li span {
    position: absolute;
    right: 20px;
    font-size: 18px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354 !important;
  }

  #ShipInd .reviewSum {
    padding-top: 16px;
  }
  #ShipInd .reviewSum .ulTbl {
    display: grid !important;
    width: 100%;
    margin: 0;
    padding-top: 16px;
    grid-row-gap: 16px;
  }
  #ShipInd .reviewSum .ulTbl li {
    display: grid !important;
    grid-template-columns: 3fr auto !important;
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    margin: 0px !important;
    padding: 16px !important;
  }
  #ShipInd .reviewSum .ulTbl li > div {
    border-top: 0px solid #45b7ed;
    border-bottom: none;
    padding: 0 !important;
    vertical-align: middle !important;
    margin-bottom: -1px;
  }
  #ShipInd .reviewSum .ulTbl li > div .summary {
    margin: 0px !important;
    padding: 0 !important;
    text-transform: capitalize;
    line-height: 22px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    white-space: normal;
  }
  #ShipInd .reviewSum .ulTbl li > div p {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
    margin-right: 24px;
  }
  #ShipInd .reviewSum .ulTbl li > div .more {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
  }

  /* ===LANDING-OFFERS=== */

  #FerryOffersMain {
    background-color: #fff !important;
  }
  #FerryOffersMain #header {
    background: #fff !important;
    padding-bottom: 16px !important;
  }
  #FerryOffersMain .banner {
    background-color: #45b7ed !important;
    background: none !important;
    background-size: cover !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 16px !important;
    background-position-y: 50% !important;
  }
  #FerryOffersMain #pnlOuter .con .row.content {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      " description side"
      "articles side"
      "articles side";
  }
  #FerryOffersMain #pnlOuter .con .row.content > div:nth-child(1) {
    grid-area: description;
    width: 100% !important;
    grid-column: 1 / span 2;
  }
  #FerryOffersMain #pnlOuter .con .row.content > div:nth-child(2) {
    grid-area: side;
    width: 100% !important;
    grid-row: 2;
  }
  #FerryOffersMain #pnlOuter .con .row.content > div:nth-child(3) {
    grid-area: articles;
    width: 100% !important;
  }
  #FerryOffersMain .intTxt {
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }

  #FerryOffersMain .intTxt img {
    display: block;
    margin: 0 auto 18px;
    border-radius: 8px;
    content: url(https://static.directferries.co.uk/images/sale-banner.jpg);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #FerryOffersMain .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 44px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    /* background: url(https://static.directferries.co.uk/image/ico/light-blue/shopping.svg) no-repeat left 0px center !important; */
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #FerryOffersMain .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    padding-right: 64px;
  }

  #FerryOffersMain .nsLst {
    border-bottom: 0px solid #45b7ed;
    padding: 16px;
    margin-bottom: 16px !important;
    background-color: #ffece7;
    background-image: linear-gradient(
      45deg,
      #ffece7 16.67%,
      #ffdbcf 0,
      #ffdbcf 50%,
      #ffece7 0,
      #ffece7 66.67%,
      #ffdbcf 0,
      #ffdbcf
    ) !important;
    background-size: 4.24px 4.24px !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  #FerryOffersMain .nsLst:hover {
    border-bottom: 0px solid #45b7ed;
    padding: 16px;
    margin-bottom: 16px !important;
    background-color: #e9eaee;
    background-image: none !important;
    background-size: 4.24px 4.24px !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s ease;
  }
  #FerryOffersMain .nsLst h3 a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    color: #193354 !important;
  }
  #FerryOffersMain .nsLst:hover h3 a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    color: #ff4a0e !important;
  }
  #FerryOffersMain .article .nsInt,
  .nsLst .nsInt {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #193354 !important;
    margin-top: 0px !important;
  }
  #FerryOffersMain .nsLst > div > div {
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #193354 !important;
    margin-top: 16px !important;
  }
  #FerryOffersMain .nsLst > div > div b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #193354 !important;
    margin-top: 16px !important;
  }
  #FerryOffersMain .nsLst > div > div b a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #ff4a0e !important;
    margin-top: 16px !important;
  }
  /* ===LANDING-OFFER PAGE=== */

  #NewsArticle {
    background-color: #fff !important;
  }
  #NewsArticle #header {
    background: #fff !important;
    padding-bottom: 16px !important;
  }
  #NewsArticle .article {
    border-bottom: 0px solid #64b6e6;
    padding-bottom: 8px;
    margin-bottom: 32px !important;
  }
  #NewsArticle .article h1 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 48px !important;
    line-height: 52px !important;
    color: #193354 !important;
    margin-top: 0px !important;
  }
  #NewsArticle .banner {
    background-color: #45b7ed !important;
    background: none !important;
    background-size: cover !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 16px !important;
    background-position-y: 50% !important;
  }
  #NewsArticle #pnlOuter .con .row.content {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      " description side"
      "articles side"
      "articles side";
  }
  #NewsArticle #pnlOuter .con .row.content > div:nth-child(1) {
    grid-area: side;
    width: 100% !important;
    grid-column: 2;
  }
  #NewsArticle #pnlOuter .con .row.content > div:nth-child(2) {
    grid-area: description;
    width: 100% !important;
    grid-row: 2;
    grid-column: 1;
  }
  #NewsArticle #pnlOuter .con .row.content > div:nth-child(3) {
    grid-area: articles;
    width: 100% !important;
  }
  #NewsArticle .intTxt {
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }

  #NewsArticle .intTxt img {
    display: block;
    margin: 0 auto 18px;
    border-radius: 8px;
    content: url(https://static.directferries.co.uk/images/sale-banner.jpg);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #NewsArticle .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 44px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    /* background: url(https://static.directferries.co.uk/image/ico/light-blue/shopping.svg) no-repeat left 0px center !important; */
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #NewsArticle .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    padding-right: 64px;
  }

  #NewsArticle .nsLst {
    border-bottom: 0px solid #45b7ed;
    padding: 16px;
    margin-bottom: 16px !important;
    background-color: #ffece7;
    background-image: linear-gradient(
      45deg,
      #ffece7 16.67%,
      #ffdbcf 0,
      #ffdbcf 50%,
      #ffece7 0,
      #ffece7 66.67%,
      #ffdbcf 0,
      #ffdbcf
    ) !important;
    background-size: 4.24px 4.24px !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  #NewsArticle .nsLst:hover {
    border-bottom: 0px solid #45b7ed;
    padding: 16px;
    margin-bottom: 16px !important;
    background-color: #e9eaee;
    background-image: none !important;
    background-size: 4.24px 4.24px !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s ease;
  }
  #NewsArticle .nsLst h3 a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    color: #193354 !important;
  }
  #NewsArticle .nsLst:hover h3 a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    color: #ff4a0e !important;
  }
  #NewsArticle .article .nsInt {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #193354 !important;
    margin-top: 8px !important;
  }
  #NewsArticle .article img {
    border-radius: 8px;
    /* box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); */
    margin-bottom: 40px;
    margin-top: 24px;
    object-position: 50% 50%;
    object-fit: cover;
    height: 320px;
  }
  #NewsArticle .article p {
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    color: #193354 !important;
    margin-top: 8px !important;
  }
  #NewsArticle .article #dfArticle_divBookNow {
    margin-top: 24px;
    margin-bottom: 16px;
  }
  #NewsArticle .article #dfArticle_divBookNow .btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-position: right 50% !important;
    background-size: 24px !important;
    background-color: #ff4a0e !important;
    height: 40px;
    width: 240px;
    margin-left: auto;
    font-size: 20px;
    line-height: 34px;
  }
  #NewsArticle .shIcns {
    text-align: right;
  }
  #NewsArticle .shIcns img {
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0px;
    margin-top: 0px;
    height: unset;
  }

  #NewsArticle .shIcns a.gooShare {
    display: none;
  }

  #NewsArticle .nsLst > div > div {
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #193354 !important;
    margin-top: 16px !important;
  }
  #NewsArticle .nsLst > div > div b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #193354 !important;
    margin-top: 16px !important;
  }
  #NewsArticle .nsLst > div > div b a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #ff4a0e !important;
    margin-top: 16px !important;
  }

  /* ===END=== */
}

@media screen and (max-width: 768px) and (min-width: 280px) {
  /* CONFIRMATION PAGE */
  .be_confirmation div.box {
    background-color: #fff !important;
    margin-bottom: 16px !important;
    margin: 0px 0px 8px 0px;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  .be_confirmation .box .content {
    padding: 24px 16px !important;
    display: grid;
    grid-gap: 16px;
    grid-template-areas:
      "confirm"
      "debitSum"
      "info"
      "ref"
      "ref"
      "itinerary"
      "itinerary"
      "itineraryother"
      "hotelUpsell";
  }
  .be_confirmation .ticketHead {
    background-color: #0070a0 !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 8px 16px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .be_confirmation .ticketHead > div {
    display: table-cell;
    padding: 0px !important;
    text-align: left;
  }
  .be_confirmation .box .content p {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 22px;
    grid-area: confirm;
    margin: 0 0 24px 0;
  }
  .be_confirmation .box .content .hotelUpsell {
    grid-area: hotelUpsell;
  }
  .hotelUpsell > div:first-child {
    background-color: #b4def5;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .hotelUpsell > div:nth-child(2) {
    background-color: #b4def5;
    text-align: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  #searchboxInc {
    font: 12px/1.5 Arial, Helvetica, sans-serif;
    color: #193354 !important;
    width: 316px;
  }
  #searchboxInc form#frm {
    background: #b4def5;
  }
  .be_confirmation .box .content .info {
    margin-bottom: 10px;
    padding: 16px;
    font-family: "proxima-soft-bold" !important;
    font-size: 16px !important;
    line-height: 20px;
    background-color: #fdefd8;
    border: 0px solid #fdefd8;
    border-radius: 8px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/processing.svg)
      #fdefd8 no-repeat left 8px center !important;
    padding-left: 40px !important;
    background-size: 24px !important;
    grid-area: info;
  }
  .be_confirmation .box .content .ref {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-gap: 8px;
    width: auto;
    /* min-width: 400px; */
    margin-bottom: 0px;
    background-color: #e0f1fa;
    border-radius: 8px;
    padding: 16px;
  }
  .be_confirmation .box .content .ref > div:first-child {
    text-align: left;
    font-family: "proxima-soft", sans-serif !important;
    font-size: 16px !important;
    line-height: 20px;
    margin-right: 24px;
  }
  .be_confirmation .box .content .ref > div {
    text-align: left;
    font-family: "proxima-soft-bold", sans-serif !important;
    font-size: 20px !important;
    line-height: 20px;
  }
  .be_confirmation .box .content div.ref:first-child {
    display: grid;
    width: 100%;
    margin-bottom: 8px;
    grid-area: ref1;
  }
  .be_confirmation .box .content div.ref:nth-child(2) {
    display: grid;
    width: 100%;
    margin-bottom: 8px;
    grid-area: ref2;
  }
  .be_confirmation .box .content .debitSum {
    display: grid;
    /* width: 100%; */
    border: none;
    padding: 8px;
    grid-area: debitSum;
    margin-bottom: 16px;
    /* margin-top: 16px; */
    background-color: #feede5;
    border-radius: 8px;
  }
  .be_confirmation .box .content .debitSum .route {
    color: #ff4a0e;
    font-family: "proxima-soft-bold", sans-serif !important;
    font-size: 24px !important;
    line-height: 28px;
    padding: 8px;
    border: 0px solid #e7e7e7;
    border-radius: 8px;
  }
  .be_confirmation .box .content .debitSum > div.split {
    border: 0px solid #fff;
    width: 16px;
  }
  .be_confirmation .box .content .debitSum .debit {
    width: 240px;
    display: table-cell;
    border: 0px solid #fff;
  }
  .be_confirmation .box .content .debitSum .debit > div:first-child {
    color: #fff;
    background-color: #0070a0;
    border: 2px solid #fff;
    border-bottom: none;
  }
  .be_confirmation .box .content .debitSum .debit > div.debitHd {
    font-family: "proxima-soft-light", sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    color: #193354;
    background-color: transparent;
    padding: 0 8px;
    display: block;
    text-align: left;
    border: 0px solid #fff;
  }
  .be_confirmation .box .content .debitSum .debit > div.debitPr {
    font-family: "proxima-soft-bold", sans-serif !important;
    font-size: 20px;
    font-weight: 700;
    color: #ff4a0e;
    background-color: #fff;
    padding: 8px;
    display: block;
    text-align: left;
    background-color: transparent;
    border-radius: 8px;
  }
  .be_confirmation .box .content .itinerary {
    display: grid;
  }
  .be_confirmation .box .content .itinerary.other {
    display: grid;
    margin-bottom: 40px;
  }
  .be_confirmation .box .content .itinerary.other .headerTbl {
    background-color: #ede9e1;
    border-radius: 8px;
    color: #193354;
    font-family: "proxima-soft-light", sans-serif !important;
    font-size: 16px !important;
    line-height: 20px;
    padding: 8px;
  }
  .be_confirmation .box .content .itinerary .out {
    padding-left: 40px !important;
    padding-right: 8px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    border-radius: 4px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/leaving.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 4px !important;
    background-color: #0070aa !important;
    margin-top: 8px !important;
    padding: 8px;
    white-space: normal;
  }
  .be_confirmation .box .content .itinerary .headerTbl > div {
    display: block;
  }
  .be_confirmation .box .content .itinerary .ret {
    padding-left: 40px !important;
    padding-right: 8px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    border-radius: 4px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/returning.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 4px !important;
    background-color: #0070aa !important;
    margin-top: 8px !important;
    padding: 8px;
  }
  .be_confirmation .box .content .itinerary .itinTbl {
    display: grid;
    width: 100%;
    margin-bottom: 24px;
    margin-top: 8px;
    padding: 0 8px;
    grid-template-columns: 1fr auto;
    text-align: left;
  }
  .be_confirmation .box .content .itinerary .itinTbl > div > div {
    display: grid;
    grid-gap: 8px;
    width: 100%;
  }
  .be_confirmation .box .content .itinerary .itinTbl > div > div > div {
    display: grid;
    grid-template-rows: auto 1fr;
    font-size: 16px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-medium" !important;
    text-align: left;
  }
  .be_confirmation
    .box
    .content
    .itinerary
    .itinTbl
    > div
    > div
    > div
    > div:first-child {
    display: grid;
    font-size: 16px !important;
    line-height: 18px !important;
    font-family: "proxima-soft" !important;
    text-align: left;
  }
  .be_confirmation .box .content .itinerary .itinTbl > div > div > div > div {
    display: grid;
    font-size: 16px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    text-align: left;
  }

  /* CONFIRMATION PAGE END */

  /* ===CRUMB TITLE COMPLETE=== */

  .con .crumbs {
    padding: 0px 0px 8px 0px !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
    /* grid-column-gap: 16px; */
    margin-bottom: 0px;
  }
  .crumbs li {
    background-color: #0e4877 !important;
    display: inline-block !important;
    padding: 8px 8px 8px 8px !important;
    color: #fff !important;
    position: relative !important;
    margin-right: -8px !important;
    width: 100%;
    font-size: 16px;
    font-family: "proxima-soft-bold", sans-serif;
  }
  .crumbs li:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .crumbs li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .crumbs .current i {
    background: url() no-repeat -35px center !important;
  }
  .crumbs .current i:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 14px solid transparent !important;
    border-bottom: 14px solid transparent !important;
    border-left: 8px solid #bfe2f6 !important;
    top: 0px;
    right: -8px;
    z-index: 1;
  }
  .crumbs .current {
    background-color: #bfe2f6 !important;
    display: inline-block !important;
    padding: 8px 8px 8px 8px !important;
    color: hsl(207, 79%, 18%) !important;
    position: relative !important;
    margin-right: -8px !important;
    font-family: "proxima-soft-bold", sans-serif;
  }
  .crumbs .notcurrent.complete2 i {
    background: url() no-repeat -35px center !important;
  }
  .crumbs .notcurrent i {
    background: url() no-repeat -35px center !important;
  }
  .crumbs .notcurrent i:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent !important;
    border-bottom: 4px solid transparent !important;
    border-left: 8px solid #ffffff !important;
    top: 10px;
    right: -8px;
    z-index: 1;
  }
  .crumbs .notcurrent.complete1,
  .crumbs .notcurrent.complete2,
  .crumbs .notcurrent.complete3,
  .crumbs .notcurrent.complete4,
  .crumbs .notcurrent.complete5 {
    background-color: #125e9b !important;
    display: inline-block !important;
    padding: 8px 8px 8px 8px !important;
    color: #ffffff !important;
    position: relative !important;
    margin-right: -8px !important;
  }
  .crumbs .notcurrent.complete1 i,
  .crumbs .notcurrent.complete2 i,
  .crumbs .notcurrent.complete3 i,
  .crumbs .notcurrent.complete4 i,
  .crumbs .notcurrent.complete5 i {
    background: url() no-repeat -35px center !important;
  }
  .crumbs .notcurrent.complete1 i:after,
  .crumbs .notcurrent.complete2 i:after,
  .crumbs .notcurrent.complete3 i:after,
  .crumbs .notcurrent.complete4 i:after,
  .crumbs .notcurrent.complete5 i:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 14px solid transparent !important;
    border-bottom: 14px solid transparent !important;
    border-left: 8px solid #125e9b !important;
    top: 0px;
    right: -8px;
    z-index: 1;
  }

  /* ===CRUMB TITLE=== */

  .con .crumbTitle {
    padding: 0px 0px 8px 0px !important;
    position: absolute !important;
    top: 14px !important;
    left: 69px !important;
    display: none !important;
  }
  .crumbTitle span {
    background-color: #45b7ed !important;
    display: inline-block !important;
    padding: 4px 8px 4px 8px !important;
    color: #fff !important;
    position: relative !important;
    margin-right: -8px !important;
    display: none;
  }
  .crumbTitle span:first-child {
    display: none !important;
  }
  .crumbTitle span:last-child {
    background-color: #45b7ed !important;
    display: inline-block !important;
    padding: 4px !important;
    color: #fff !important;
    position: relative !important;
    font-family: "proxima-soft-bold", sans-serif;
    min-width: 160px;
    text-align: center;
    border-radius: 0px 0px 0px 4px;
  }
  .crumbTitle span:last-child:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 14px solid transparent !important;
    border-bottom: 14px solid transparent !important;
    border-left: 12px solid #45b7ed !important;
    top: 0;
    right: -12px;
  }
  /* CRUMB END */

  #sortBybar {
    margin-bottom: 24px !important;
  }
  .con {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 100% !important;
  }

  .covid-19-inner p.covid-19-flex {
    display: flex;
    align-items: center;
    background: #0070aa !important;
    padding: 16px;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    height: auto;
  }

  #frmData {
    background-color: transparent !important;
    padding: 0px 0 !important;
  }
  /* #frmData .con .row{
        display: grid;
        grid-template-rows: 1fr auto;
        grid-gap: 0px !important;
        padding-top: 16px;
    } */

  .typePrice .grnBtn {
    font-size: 18px !important;
    line-height: 20px !important;
    height: 40px !important;
    padding: 8px 24px 8px 8px !important;
    background-position: right -1333px;
  }

  /* ===CONTACT US=== */

  #ContactUs .fsWrap {
    background-color: #fff !important;
  }
  #ContactUs .fsWrap select {
    -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;
    height: 40px;
    padding: 0 10px;
  }
  .googleS {
    display: none !important;
  }
  .intTxt {
    border-top: none;
    margin-top: 16px;
  }

  #CustomerService .fsWrap {
    background-color: #fff !important;
  }

  /* ===GLOBAL=== */

  body {
    font-family: "proxima-soft-light", sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 20px;
    background: #193354 !important;
    background-size: 4.24px 4.24px;
  }
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  text {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #header .logoBar img.logo {
    width: 212px;
    height: auto;
  }
  .logoBar {
    min-height: 56px !important;
    /* height: 56px !important; */
  }
  .con .row .sm12.logoBar > a {
    content: url(https://static.directferries.co.uk/image/dflogo-mobile-inverted.svg);
    background-size: auto !important;
    height: 20px;
    align-self: center;
  }

  .logoBar img.logo {
    max-width: 212px !important;
    height: 24px !important;
    margin-left: 0px !important;
    max-width: auto !important;
    content: url(https://static.directferries.co.uk/image/dflogo-mobile-inverted.svg);
    width: 100% !important;
    height: auto !important;
  }
  .logoBar img.headOpLogo {
    float: right !important;
    padding: 8px !important;
    background-color: #fff !important;
    border-radius: 8px !important;
    max-width: 96px !important;
    display: none !important;
  }
  .logoBar .headOpLogo {
    float: right !important;
    width: auto !important;
    margin: 0px;
  }
  .logoBar .rSer {
    padding: 2px 16px 0px 0px !important ;
  }
  .box {
    background-color: transparent !important;
    margin-bottom: 0px !important;
    margin: 0 0 8px 0;
    border: none !important;
    border-radius: 8px !important;
  }
  footer > div {
    border-top: 0px solid #f7f6f2 !important;
    text-align: center;
    padding: 16px 0 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 0px 0px 8px 8px !important;
    background-size: 4.24px 4.24px !important;
    margin-bottom: 32px;
    color: #fff !important;
  }
  footer .signUp {
    background: #193354 !important;
    padding: 16px 8px !important;
    border-radius: 8px;
    margin: 16px !important;
  }
  footer {
    background: transparent !important;
    padding: 0px 0 !important;
  }

  /* ===MOBILE MENU DROPDOWN=== */
  nav.subNav ul li {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px !important;
  }
  nav.subNav ul li span {
    font-size: 14px !important;
  }
  nav.subNav .mShow {
    display: grid;
    width: 100%;
  }
  nav.subNav .mShow a {
    background-color: #64b6e6;
    color: #fff;
    font-size: 16px;
    display: block;
    padding: 8px 16px;
    border-radius: 0px !important;
    min-height: 40px;
  }

  /* ===BUTTONS GLOBAL=== */

  .rSer .rsBtn i {
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 3px !important;
    float: right;
    width: 24px !important;
    height: 24px !important;
  }
  .df-search-btn {
    font-weight: normal !important;
    display: inline-block !important;
    padding: 8px 8px !important;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
    border: 0px solid #3fa9f5 !important;
    color: #000;
    font-size: 12px !important;
    line-height: normal !important;
    margin: 4px !important;
    background-color: #edebe6 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .df-search-btn:hover {
    background-color: #45b7ed !important;
    color: #fff;
    text-decoration: none;
  }
  .form-group.btnCen,
  .frmGrp {
    padding: 16px !important;
    background-color: transparent !important;
  }
  #customerDetailsContainer .form-group.btnCen,
  .frmGrp {
    padding: 16px !important;
    display: block !important;
  }
  .content-accom .form-group.btnCen,
  .frmGrp {
    display: block !important;
    padding: 16px 0px 16px 0px !important;
    position: fixed;
    background-color: #193354 !important;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 99;
    bottom: 0;
    border-top: 0px solid #193354 !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .AB_button_div {
    border-bottom: 0px solid #e7e7e7 !important;
    padding-bottom: 16px !important;
    margin-bottom: 8px !important;
  }
  .btnCen .btn {
    display: block;
    margin: 0 auto;
    min-width: 92%;
    min-height: 40px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 32px !important;
    background-position: right 50% !important;
    border-radius: 8px !important;
  }

  /* ===FORMS GLOBAL=== */
  .fs.sayt .formPopup {
    z-index: 100;
    background-image: none;
    padding-top: 0px !important;
    border-radius: 8px !important;
    width: auto;
    background: #f7f6f2 !important;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    position: absolute;
    left: 16px !important;
    margin-right: 16px;
    margin-top: -36px;
  }

  .fs.sayt .popupTitle {
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    padding: 0px !important;
    background: #fff !important;
    color: #45b7ed !important;
    border-left: 0px solid #c9c9c9 !important;
    border-right: 0px solid #c9c9c9 !important;
  }
  .fs.sayt .popupClose {
    position: absolute;
    top: 8px !important;
    right: 8px !important;
    z-index: 1;
    height: 24px !important;
    width: 24px !important;
    cursor: pointer;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/cancel.svg)
      no-repeat left center !important;
    border: none;
  }
  .fs.sayt .formPopup .formCon {
    display: grid;
    padding: 16px !important;
    background-color: #fff !important;
  }
  .fs.sayt .formPopup .formCon a.fsTLnk {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    /* color: #193354 !important; */
    padding: 16px 8px !important;
  }

  .fs.sayt .formPopup .formCon table .tbody .tr {
    display: grid;
  }
  .fs.sayt table .txt-group {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    color: #193354 !important;
    line-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .fs.sayt .petLbl {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    color: #193354 !important;
  }
  .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 !important;
  }
  .fs.sayt .petGrp label {
    border-left: none;
    border-right: none;
    text-align: center;
    position: relative;
    float: left;
    width: 40px !important;
    display: table-cell;
    background-color: #ede9e1 !important;
    color: #193354 !important;
    background-image: none;
    border: 0px solid #d3d0c9 !important;
    font-size: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-radius: 100px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
    line-height: 26px;
    height: 40px;
    margin: 0 8px 0 8px;
  }
  .fs.sayt .petGrp .btn-default {
    text-align: center;
    text-decoration: none;
    position: relative;
    padding: 8px 8px;
    line-height: 24px;
    height: 40px;
    border-radius: 100px !important;
    width: 40px;
    font-size: 24px;
    background-image: none !important;
    margin: 0px !important;
    background-color: transparent;
    text-decoration: none;
    position: relative;
    border-color: transparent;
    color: #333;
    font-size: 32px !important;
    font-family: "proxima-soft-medium", sans-serif !important;
    font-weight: 300 !important;
  }
  /* .fs.sayt .petGrp .btn-default:hover {
        background-color: #fff;
    } */
  .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: 24px;
    background-image: none !important;
    align-self: center;
    color: #d3d0c9;
    font-size: 32px !important;
    font-family: "proxima-soft-medium", sans-serif !important;
    font-weight: 300 !important;
  }
  .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 !important;
    border-bottom: 0px solid #0070a0 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .fs.sayt .titleInner .fsCopy {
    margin-top: 8px;
    margin-bottom: -24px;
  }
  .fs.sayt .titleInner .fsCopy label {
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0px 0 0 24px;
    color: #0070a0;
    font-size: 14px;
  }
  .fs.sayt .fsDone,
  #btnSearch {
    min-height: 40px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #fff !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 32px !important;
    background-position: right 50% !important;
    border-radius: 8px !important;
    float: right;
    min-width: 160px !important;
    max-width: 160px !important;
  }

  .formPopup {
    background: none !important;
    position: absolute;
    z-index: 100;
    padding-top: 0px !important;
    display: none;
    min-width: 150px !important;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  }
  .formCon {
    background: #f7f6f2 !important;
    border: 0px solid #c9c9c9 !important;
    border-top: none;
    border-radius: 4px !important;
    padding: 8px 24px 8px !important;
  }
  .form-group,
  .frmGrp {
    margin-bottom: 0px !important;
  }
  .form-control,
  .fsControl {
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 18px;
    background-color: #f7f6f2 !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
  }
  .fs {
    line-height: 1 !important;
  }
  .fs #cal_out,
  .fs #cal_ret {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right !important;
    background-repeat: no-repeat !important;
  }
  .fs * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 8px !important;
  }
  .fs label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px !important;
    line-height: 26px;
  }
  .frm > div {
    margin-bottom: 4px !important;
  }
  .frm > div > div {
    display: contents !important;
    padding: 0 16px 8px 0 !important;
    vertical-align: middle !important;
  }
  .frm > div > div label {
    line-height: 20px;
    margin: 0 0 0px 0 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354;
    font-size: 16px !important;
  }
  .frm > div > div label span {
    margin-bottom: 4px !important;
  }
  .checkRadio.lft {
    padding-left: 24px !important;
    padding-right: 8px !important;
    font-family: "proxima-soft-bold", sans-serif !important;
  }
  .checkRadio.lft input {
    left: 0;
    cursor: pointer;
  }
  .abEmailOptIn .checkRadio.lft {
    font-size: 12px !important;
    color: #193354 !important;
    font-family: "proxima-soft-medium", sans-serif !important;
    font-size: 14px !important;
    line-height: 16px;
    margin-top: 16px;
  }

  select {
    -webkit-appearance: none;
    background-image: url("https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg") !important;
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
    background-size: 22px;
  }
  input[type="radio"]: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;
  }

  input[type="radio"]:checked:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    top: -6px;
    left: -6px;
    position: relative;
    background-color: #193354;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 4px solid white;
  }

  /* ===CALENDAR=== */

  .ui-widget-content {
    border: 0px solid #aaa !important;
    background: 50% 50% repeat-x #fff;
    color: #000;
    border-radius: 8px !important;
    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-datepicker {
    width: 100%;
    padding: 16px !important;
    z-index: 25;
  }
  .ui-datepicker.ui-datepicker-multi {
    position: absolute !important;
    z-index: 1;
    width: auto !important;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
    padding: 8px;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
    float: left;
  }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
    border: 0px solid #2c7ca9;
    background: 50% 50% repeat-x #fff !important;
    color: #193354 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    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/dark-blue/arrow-left.svg);
    background-size: 24px !important;
    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/dark-blue/arrow-right.svg);
    background-size: 24px !important;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 0.4em;
    width: 100%;
    height: 100% !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-collapse: collapse;
    margin: 0 0 0.4em;
  }
  .ui-datepicker table {
    width: 100%;
    height: 100% !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-collapse: collapse;
    margin: 0 0 0.4em;
  }
  .ui-datepicker td {
    border: 0;
    padding: 4px !important;
  }
  .ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 12px !important;
    border: 0;
  }
  .ui-datepicker-calendar a.ui-state-default {
    border-color: #fff;
    border-radius: 100px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 16px !important;
    background-color: #ede9e1 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .ui-datepicker-calendar a.ui-state-default:hover {
    border-color: #fff;
    border-radius: 100px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 26px;
    background-color: #d3d0c9 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .ui-datepicker-calendar a.ui-state-active {
    border-color: #ff4a0e !important;
    background-color: #ff4a0e !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #fff !important;
  }
  .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;
  }

  /* ===SEARCH ROUTE=== */

  .ui-autocomplete {
    position: absolute;
    width: auto !important;
    right: 16px !important;
    left: 16px !important;
    cursor: pointer;
    padding: 0px;
    border: 0px solid #ccc;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    line-height: 20px !important;
    border-radius: 8px;
    max-height: 280px !important;
    overflow-y: scroll;
    z-index: 200;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
  .ui-autocomplete .ui-state-disabled {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #45b7ed;
    font-size: 14px !important;
    line-height: 20px !important;
    opacity: 1;
    border-bottom: 4px solid #fff;
    margin: 0 0 0 8px;
    padding: 8px 0;
    background: #fff !important;
  }
  .ui-autocomplete li {
    padding: 8px 8px;
    margin: 8px 8px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #f7f6f2 !important;
    border-radius: 4px !important;
  }
  .ui-autocomplete.ui-widget-content .ui-state-focus {
    padding: 8px 8px;
    margin: 8px 8px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #e0f1fa !important;
    border-radius: 4px !important;
  }
  .ui-autocomplete mark {
    background: #daf0fb !important;
    color: #193354 !important;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .ui-autocomplete .ui-menu-item .location {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    color: #4a4a4a;
    font-size: 14px !important;
    line-height: 20px !important;
    display: none;
  }
  .ui-autocomplete::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px !important;
  }
  .ui-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    background-color: #d3d0c9 !important;
    border: 2px solid #fff !important;
  }

  /* ===TOP BOX SEARCH RESULTS=== */

  .rSer {
    display: none !important;
    background: #fff !important;
    margin: 0px !important;
    padding: 8px !important;
    border-radius: 8px 8px 0px 0px !important;
  }
  .rSer .rsMap {
    width: 100% !important;
    display: none;
  }

  #sortBybar {
    display: grid !important;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-template-areas:
      "search search"
      "options options";
    padding: 8px;
  }

  /* ===TOP BOX SEARCH RESULTS=== */

  #lnkChangeSearchAccessibility {
    grid-area: search;
    align-self: center;
    background-color: #45b7ed !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }

  .orderBy {
    background: #e0f1fa !important;
    margin: 0px !important;
    border: 0px solid #fff !important;
    border-top: 0px solid #f7f6f2 !important;
    padding: 4px !important;
    border-radius: 8px !important;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
    line-height: 12px !important;
    grid-area: options;
    align-self: center;
  }
  .orderBy > div {
    display: grid;
    grid-template-columns: auto 1fr;
    align-self: center;
  }
  .orderBy .sortBy {
    border-right: 0px solid #fff !important;
    text-align: left;
    padding-top: 8px !important;
    width: 100% !important;
    float: left !important;
    white-space: nowrap;
    align-self: start;
  }
  #pnlSortBy span {
    padding: 8px 8px !important;
    display: block !important;
    cursor: pointer !important;
    position: relative !important;
    background-image: none !important;
    background-color: #e0f1fa !important;
    border-radius: 4px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .orderBy a {
    padding: 16px 8px 8px 8px !important;
    background-color: transparent;
    color: #193354 !important;
    text-decoration: none;
    cursor: pointer;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .orderBy .sortOps {
    width: 100% !important;
    float: right !important;
    border-left: 0px solid #fff !important;
    padding-left: 5px !important;
    align-self: center;
  }
  .orderBy .sortOps .formPopup {
    background: none !important;
    position: inherit;
    z-index: 100;
    padding-top: 0px !important;
    min-width: 150px !important;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  }
  .orderBy .sortOps .formPopup .formCon {
    background: #f7f6f2 !important;
    border: 0px solid #c9c9c9 !important;
    border-top: none;
    border-radius: 4px !important;
    padding: 8px !important;
    box-shadow: none !important;
    display: grid;
    grid-template-rows: auto;
    grid-row-gap: 16px;
  }

  /* ===INFO BANNER PRICE RISE=== */

  .prices-rise-msg-div {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 16px !important;
    display: block;
    background-color: #fad5cf !important;
    border: 0px solid #f10103 !important;
    color: #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    background: url(https://static.directferries.co.uk/image/sw-2.png) no-repeat
      8px 13px #fad5cf;
    padding-left: 42px;
    color: #f00305 !important;
    font-size: 16px !important;
    background-image: url(https://static.directferries.co.uk/image/sw-2-animated.gif) !important;
  }
  .prices-rise-msg-div .ab2549-urgency-title {
    display: none;
  }
  .prices-rise-msg-div span {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #f00305 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    display: inline-block;
  }
  #noResultsFoundDiv.info {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    padding: 16px 16px 16px 8px !important;
    font-size: 18px !important;
    display: block;
    background-color: #e0f1fa !important;
    border: 0px solid #f10103 !important;
    color: #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 64px !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/booking.svg)
      no-repeat rgb(224, 241, 250) !important;
    padding-left: 42px;
    background-size: 32px !important;
    background-position: 16px !important;
  }
  #noResultsFoundDiv.info span:first-child {
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354;
  }
  #noResultsFoundDiv.info span {
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
  }

  /* ===TICKET SPONSORED MOBILE=== */

  #divQuotesContainer .sponsored-sailing {
    border: 2px solid #45b7ed !important;
    margin-top: 16px !important;
    margin-bottom: 32px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
  }
  #divQuotesContainer .sponsored {
    background: transparent !important;
    display: inline;
    color: #e0f1fa;
    padding: 8px 48px 8px 8px;
    position: absolute;
    top: -32px !important;
    left: -2px;
    background: linear-gradient(225deg, #fff 50%, transparent 50%), #4caf50;
    background-size: 75px 30px;
    background-repeat: no-repeat;
    background-position: right top;
    border-top-left-radius: 8px;
    font-size: 14px !important;
  }
  #divQuotesContainer .sponsored:after {
    transform: skew(35deg);
    -ms-transform: skew(35deg);
    -webkit-transform: skew(35deg);
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    background: transparent !important;
    width: 24px;
    height: 100%;
  }

  .nQteHead {
    border-bottom: 4px dotted #f7f6f2;
    padding: 8px 16px !important;
  }

  /* ===TICKET=== */

  .quote_item.ab-1210-mb-30 {
    margin: 0 0 16px 0 !important;
    border: 0px solid #c9c9c9 !important;
    background: #fff;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: scale(0.995) !important;
  }
  .ticketHead > div,
  .mobTicketHead > div {
    display: table-cell;
    padding: 0px 0px 8px 0px !important;
    text-align: right;
  }
  .ab-1210-head-outer {
    height: auto !important;
    background-color: transparent !important;
    border-bottom: 0px solid #f7f6f2 !important;
    padding: 8px 8px 0 8px !important;
    margin-bottom: 10px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    display: block;
    color: #193354 !important;
    white-space: nowrap;
    padding-right: 8px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .ab-1210-logo-space:first-of-type {
    margin-left: 0;
    margin-bottom: 8px !important;
    margin-top: 4px !important;
  }
  .ab-1210-logo-space {
    margin-left: 0;
    width: 120px !important;
  }
  .ab-1210-right .price .abPseudo {
    float: right;
    margin-bottom: 4px !important;
  }
  .ab-1210-right .price span {
    display: block;
    float: right;
    text-align: right;
    font-size: 14px !important;
    line-height: 16px !important;
    padding: 2px 4px 2px 4px !important;
    border-radius: 4px;
    background-color: #dbf0fb !important;
    color: #193354 !important;
    clear: both;
  }
  .ab-1210-right .price .abPseudo {
    float: right;
    margin-bottom: 8px !important;
    font-size: 26px !important;
  }
  .price .hilite {
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #fff;
    margin: 0 0 0px 8px;
  }
  .price .hilite.red {
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #fff;
    margin: 0 0 4px 8px;
    background-color: #f10103 !important;
  }
  .price .hilite.green {
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #fff;
    margin: 0 0 4px 8px;
    background-color: #58911f !important;
  }
  .mpopquote .ab-1210-ticket-padding-fix {
    padding: 8px 8px 8px 8px !important;
    border-top: 4px dotted #f7f6f2 !important;
    border-bottom: 4px dotted #f7f6f2 !important;
  }
  .mpopquote .out.ab-1210-outer {
    margin-bottom: 8px !important;
    overflow: hidden;
    display: block !important;
  }
  .mpopquote .ret.ab-1210-outer {
    margin-bottom: 8px !important;
    overflow: hidden;
    display: block !important;
    border-top: 2px solid #f7f6f2 !important;
    padding-top: 8px !important;
  }
  .leg > div.ret {
    margin-top: 8px !important;
  }
  .mpopquote .ab-1210-col-1 {
    width: calc(100% / 1.5 / 4);
    width: 37.5%;
    padding: 8px 8px !important;
    float: left;
    vertical-align: middle !important;
  }
  .mpopquote .ab-1210-col-1.ab-1210-pt-5 {
    width: calc(100% / 4);
    width: 25%;
    padding: 8px 0px !important;
    float: left;
    vertical-align: middle !important;
  }
  .ab-1210-pt-5 {
    padding-top: 8px !important;
  }
  .ab-1210-txt-right {
    text-align: right;
  }
  .mpopquote .leg .dep,
  .leg .arr,
  .leg .dep b,
  .leg .arr b {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;

    line-height: 16px;
    vertical-align: middle;
    font-size: 16px !important;
    color: #193354 !important;
    display: inline;
  }
  .mpopquote .ab-1210-time {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    font-size: 18px;
    line-height: 24px !important;
    color: #193354 !important;
    padding-top: 2px;
    width: 100%;
  }
  .mpopquote .ab-1210-date {
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
    display: block;
    line-height: 16px;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #193354 !important;
    width: 100%;
    font-size: 14px !important;
  }
  .mpopquote .hilite.alternative {
    background-color: #fbe7cf !important;
    border: 0px solid #ffae40 !important;
    text-align: center;
    color: #193354 !important;
    cursor: help;
    margin-left: 0;
    display: inline-block;
    padding: 4px 8px 4px 8px !important;
    font-size: 16px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    white-space: nowrap;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .mpopquote .ab-1210-duration {
    width: 100% !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    text-align: center;
    font-size: 14px !important;
    line-height: 10px !important;
    top: 4px !important;
    vertical-align: bottom !important;
    position: relative !important;
    color: #193354 !important;
  }
  .mpopquote .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;
  }
  .mpopquote .ab-1210-0070a0 {
    font-family: "proxima-soft" !important;
    font-size: 12px !important;
    display: block;
    line-height: 12px !important;
    margin-bottom: 4px;
    margin-top: 0px;
    color: #026fa9 !important;
  }
  .mpopquote .abMpqBookedTimes {
    padding: 16px !important;
    margin-bottom: 0px !important;
  }
  .mpopquote .abMpqBookedTimes span {
    color: #f80404 !important;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
    line-height: 16px;
  }
  .mpopquote .abMpqBookedTimes span .BookingCountSpan {
    color: #f80404 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 16px;
  }
  .mpopquote .ab-1210-flex {
    display: flex;
  }
  .mpopquote .ab-1210-mar-r-10 {
    margin-right: 8px !important;
  }
  .quote_item .abPseudoBtn.ab-1210-continue {
    display: block;
    padding: 0 4px;
    height: 40px !important;
    line-height: 36px !important;
    background-image: none !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    background-color: #ff4a0d;
    color: #fff;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
  }
  .quote_item .ab-1210-continue span {
    line-height: 36px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    color: #fff;
  }
  .quote_item .ab-1210-more-info {
    width: 100%;
    padding: 0 2px;
    border: 0px solid #193354 !important;
    display: block;
    border-radius: 8px;
    height: 40px !important;
    line-height: 36px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #193354 !important;
    background-image: linear-gradient(
      45deg,
      #ede9e1 16.67%,
      #f7f6f2 0,
      #f7f6f2 50%,
      #ede9e1 0,
      #ede9e1 66.67%,
      #f7f6f2 0,
      #f7f6f2
    ) !important;
    background-size: 4.24px 4.24px;
  }
  .quote_item .ab-1210-more-info i {
    padding-left: 3px;
    display: none !important;
  }
  .quote_item .ab-1210-tab-element {
    width: calc(100% - 2px);
    position: absolute;
    display: block !important;
    background: #fff;
    bottom: 40px !important;
    left: 1px;
    height: 5px;
    z-index: 999;
  }
  #ab-1210-hs-target {
    display: none;
    background: none;
    margin: 0 0 8px !important;
  }
  .quote_item .ab-1210-tabs {
    border: 0px solid #53a8e1 !important;
    border-radius: 8px Important;
    padding: 20px 10px 10px;
    background-image: linear-gradient(
      45deg,
      #f7f6f2 16.67%,
      #fff 0,
      #fff 50%,
      #f7f6f2 0,
      #f7f6f2 66.67%,
      #fff 0,
      #fff
    ) !important;
    background-size: 4.24px 4.24px;
    margin-top: 8px;
  }
  .quote_item .ab-1210-tabs b {
    padding: 8px 0 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    text-decoration: none;
    color: #193354 !important;
    font-size: 16px !important;
  }
  .quote_item .ab-1210-more-info-margin-bottom {
    margin-bottom: 8px !important;
    font-family: "proxima-soft" !important;
    text-decoration: none;
    color: #193354 !important;
    font-size: 16px !important;
  }
  .quote_item .ab-1210-more-info-margin-bottom a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .quote_item .ab1210-info {
    padding: 8px !important;
    margin-top: 16px !important;
    background-color: #e0f1fa;
    border: 0px solid #b4def5;
    margin-bottom: 0px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    text-decoration: none;
    color: #193354 !important;
    font-size: 16px !important;
    margin: 8px;
    border-radius: 8px;
  }

  /* ===CUSTOMIZATON=== */

  .content-ticType,
  .content-accom {
    padding: 8px 8px 8px 8px !important;
    background-color: #fff !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .ticType > .operator > div {
    border: 0px solid #e7e7e7 !important;
    border-left: none;
  }
  .ticType,
  h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
  }
  .boxTypes .ticLst p {
    margin-top: 24px !important;
    margin-bottom: 0;
    line-height: 22px !important;
  }
  .ticType > .operator h1 {
    color: #193354 !important;
    margin: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
  }
  .boxTypes {
    margin: 0 16px !important;
  }
  .boxTypes > div:first-child {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-areas:
      "standard1"
      "ugrade2"
      "ugrade3";
  }
  .boxTypes b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 16px !important;
  }
  .boxTypes .type1 {
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
    grid-area: standard1;
  }
  .boxTypes .type2 {
    background-color: #ebf2e5 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
    grid-area: ugrade2;
  }
  .boxTypes .type3 {
    background-color: #dfead6 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 16px !important;
    grid-area: ugrade3;
  }
  .boxTypes .ticLst ul li {
    background: url(https://static.directferries.co.uk/image/ico/green/check.svg)
      no-repeat left center !important;
    padding-left: 40px !important;
    margin-top: 16px !important;
    background-size: 24px !important;
  }
  .boxTypes .typePrice {
    padding: 16px 0 !important;
    border-top: 0px dashed #fff !important;
  }
  .boxTypes .typePrice a#btnSubmitTickType1 {
    float: right;
    background-color: #193354;
  }
  .boxTypes .typePrice h2 {
    margin: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 18px;
  }
  .content-accom > .accom {
    border-bottom: 0px solid #e7e7e7 !important;
  }
  .euKitTitle h3 {
    background-color: #0070a0;
    color: #fff;
    padding: 8px 8px !important;
    margin: 0;
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    margin: 8px 0;
    border-radius: 8px;
  }
  .euKitTitle p {
    margin: 0;
    margin: 8px !important;
    text-align: center;
    font-size: 16px !important;
  }
  .euKitTitle .euKitDesc p {
    margin: 0;
    padding-left: 45px;
    margin: 8px !important;
    text-align: center;
    font-size: 18px !important;
    padding: 0;
  }

  .euKitTitle .euKitDesc {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/travel-kit.svg)
      center no-repeat !important;
    padding: 16px 24px !important;
    background-color: #feefd8 !important;
    background-position: 16px 50% !important;
    background-size: 40px !important;
    border-radius: 8px !important;
    border: 0px solid #4caf50 !important;
    margin-bottom: 16px !important;
  }
  #euroKitContents .accomTbl > div > div {
    vertical-align: middle;
    border-top: 0px solid transparent !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
    display: inline-grid !important;
  }
  .accom #euroKitContents .accomTbl > div > div img {
    max-width: 100% !important;
    border: 0px solid #ef7d56 !important;
    border-radius: 8px 8px 0 0 !important;
  }
  #euroKitContents .accomTbl > div > div.addKitRel,
  #euroKitContents .accomTbl > div > div.desc {
    width: 80%;
    padding: 0px 24px !important;
  }
  #euroKitContents .accomTbl > div > div.addKitRel .addKit {
    width: auto !important;
    float: right;
    text-align: center;
    padding: 4px;
    background: #ff4a0e !important;
    float: right;
    text-align: center;
    border-radius: 8px !important;
    cursor: pointer;
    border-bottom: #ff4a0e !important;
    margin: 8px !important;
  }
  #euroKitContents .accomTbl > div > div.addKitRel .addKit .btn {
    font-size: 14px;
    margin: 0 auto !important;
    float: none !important;
    line-height: 23px;
    height: 40px;
    padding: 0 28px 0 20px;
    background-image: none;
    padding: 0;
    background-color: transparent;
    background-image: none !important;
    background-position: right 50% !important;
    background-size: 24px !important;
  }

  #euroKitContents .accomTbl > div > div.addKitRel .addKit {
    margin: 10px 10%;
    cursor: pointer;
    padding: 4px;
    height: 58px !important;
    background: #ff4a0e !important;
    float: right;
    text-align: center;
    border-radius: 8px !important;
    cursor: pointer;
    border-bottom: #ff4a0e !important;
  }
  #euroKitContents .accomTbl > div > div.addKitRel .addKit.kit_selected {
    margin: 10px 10%;
    cursor: pointer;
    padding: 4px;
    height: 58px !important;
    background: #193354 !important;
    float: right;
    text-align: center;
    border-radius: 8px !important;
    cursor: pointer;
    border-bottom: #ff4a0e !important;
  }
  #euroKitContents .accomTbl > div > div.addKitRel .addKit.notClickable {
    margin: 10px 10%;
    cursor: pointer;
    padding: 4px;
    height: 58px !important;
    background: #d3d0c9 !important;
    float: right;
    text-align: center;
    border-radius: 8px !important;
    cursor: pointer;
    border-bottom: #ff4a0e !important;
  }
  #euroKitContents .accomTbl > div > div.addKitRel .addKit .btn {
    font-size: 14px;
    margin: 0 auto !important;
    float: none !important;
    line-height: 23px;
    height: 40px;
    padding: 0 28px 0 20px;
    background-image: none;
    padding: 0;
    background-color: transparent;
    background-image: none !important;
    background-position: right 50% !important;
    background-size: 24px !important;
  }
  #euroKitContents .addKit .from {
    background: transparent !important;
    font-size: 18px !important;
    margin: -8px 0 1px !important;
    display: block !important;
    color: #ffffff !important;
  }
  #euroKitContents .addKit > div {
    color: #fff;
    padding-left: 8px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-bottom: 2px;
    padding: 0 2px;
    margin: -4px 0 2px;
  }

  #ab-great-choice {
    background: #dde9d3 !important;
    border: 0px solid #74c274 !important;
    padding: 8px !important;
    margin-bottom: 8px !important;
    position: relative;
    border-radius: 8px !important;
  }
  #ab-great-choice .ab-great-choice--message {
    margin: 0px;
    color: #58911f !important;
    font-size: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #ab-great-choice .ab-great-choice--icon {
    float: left;
    padding-right: 8px !important;
  }
  div.box {
    background-color: #fff !important;
    margin-bottom: 16px !important;
    margin: 0px 0px 8px 0;
    border: none !important;
    border-radius: 8px !important;
  }
  .box .header {
    background-color: #0070aa !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 16px 16px !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .priceSum,
  .accomSum {
    display: table;
    width: 100%;
    border: 0px solid #e7e7e7 !important;
  }
  .priceSum > div,
  .accomSum > div {
    display: table-cell;
    vertical-align: middle;
    padding: 8px 8px !important;
  }
  .priceSum h1,
  .priceSum h2,
  .priceSum h4 {
    color: #193354 !important;
    margin-right: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    text-align: center !important;
  }
  .accomHd.out {
    padding-left: 40px !important;
    padding-right: 8px !important;
    font-size: 16px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    border-radius: 4px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/leaving.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 4px !important;
    background-color: #0070aa !important;
    margin-top: 0px !important;
  }
  .accomHd.ret {
    padding-left: 40px !important;
    padding-right: 8px !important;
    font-size: 16px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    border-radius: 4px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/returning.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 4px !important;
    background-color: #0070aa !important;
    margin-top: 40px !important;
  }
  .priceSum,
  .accomSum {
    display: table;
    width: 100%;
    border: 0px solid #e7e7e7 !important;
  }
  .priceSum > div,
  .accomSum > div {
    display: table-cell;
    vertical-align: middle;
    padding: 16px 8px !important;
  }
  .priceSum h1,
  .priceSum h4 {
    color: #ff4a0e !important;
    margin-right: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    text-align: left !important;
  }
  .priceSum h2 {
    color: #ff4a0e !important;
    margin-right: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    text-align: right !important;
  }
  .accomSum h4 {
    color: #0070aa;
    margin-right: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .accom {
    margin-top: 8px !important;
  }
  .accom .content,
  .meals .content {
    padding: 0 0px !important;
  }
  #selectAccomOut .content p {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 0 0 8px 40px !important;
  }
  #selectAccomOut .content p span {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    padding: 8px 0 !important;
  }
  #selectAccomRet .content p {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 0 0 8px 40px !important;
  }
  #selectAccomRet .content p span {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    padding: 8px 0 !important;
  }
  .accomTbl {
    display: table;
    width: 100%;
    margin: 4px 0;
    margin-bottom: 8px;
    font-size: 16px !important;
    line-height: 22px !important;
    font-family: "proxima-soft" !important;
    border-spacing: 0px 8px !important;
  }
  .mealTbl {
    display: grid;
    width: 100%;
    margin: 4px 0;
    margin-bottom: 8px;
    font-size: 16px !important;
    line-height: 22px !important;
    font-family: "proxima-soft" !important;
    border-spacing: 0px 8px !important;
  }

  .mealTbl .select {
    text-align: center;
    width: auto;
    display: grid;
    padding: 4px 16px !important;
  }
  .mealTbl .select .accom_js {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    align-self: center;
    grid-template-rows: auto;
  }
  .mealTbl .select .accom_js .checkRadio.lft {
    padding-left: 23px;
    padding-right: 24px;
    align-self: center;
    max-width: 120px;
    grid-row: 1;
    justify-self: start;
  }
  .mealTbl .select .accom_js .form-control {
    align-self: center;
    grid-row: 2;
    grid-column: span 2;
    margin-bottom: 8px;
  }
  .mealTbl .select > div {
    display: grid;
    grid-template-rows: auto auto;
    grid-row-gap: 8px;
  }
  .mealTbl label {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 24px !important;
    padding-right: 8px !important;
  }

  .accom#selectAccomOut .accomTbl > div,
  .accom#selectAccomRet .accomTbl > div {
    display: inline-grid !important;
    margin-bottom: 16px;
  }
  .accomTbl > div {
    display: table-row;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
  }
  .accomTbl > div {
    padding: 0px !important;
    margin: 8px 0px !important;
    width: 100% !important;
    background-color: #ede9e1 !important;
    border-radius: 8px !important;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: scale(0.9995) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  .accomTbl > div > div {
    vertical-align: middle;
    border-top: 0px solid transparent !important;
    padding: 4px 0;
    display: inline-grid !important;
  }

  .accomTbl .desc {
    border-right: 0px solid #e7e7e7 !important;
    padding: 4px 4px 4px 0 !important;
    background-color: transparent !important;
  }
  .accomMainDesc {
    font-size: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .accomMainDesc b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
  }
  .accomTbl .desc {
    border-right: 0px solid #e7e7e7 !important;
    padding: 8px 16px 8px 16px !important;
  }
  .accomTbl i {
    font-style: italic;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    margin-top: 4px;
  }
  .accomTbl .peeps {
    display: table-cell !important;
    width: auto !important;
    border-right: 0px solid #e7e7e7 !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    background-color: #193354 !important;
  }
  .accomTbl .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;
  }
  .accom#selectAccomOut .accomTbl .desc,
  .accom#selectAccomRet .accomTbl .desc {
    width: 100% !important;
    padding: 16px !important;
    background-color: #edebe6;
    border-radius: 8px !important;
  }
  .accomTbl .select {
    padding-left: 4px;
    padding-right: 16px;
    padding-top: 0px !important;
    padding-bottom: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    background-color: transparent !important;
    width: auto !important;
  }
  .accom#selectAccomOut .accomTbl .select,
  .accom#selectAccomRet .accomTbl .select {
    padding: 8px !important;
    margin-left: 0px !important;
    display: flex;
    align-items: center;
    background-color: #edebe6;
    border-radius: 8px !important;
  }
  .accomTbl .select select,
  .mealTbl .select select {
    padding: 8px 8px 8px 8px !important;
    height: 40px !important;
    border: 0px solid #e7e7e7 !important;
    background-color: #fff !important;
    color: #193354 !important;
    min-width: 120px !important;
  }
  .meals .out {
    padding-left: 32px !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/meal.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 12px !important;
  }
  .meals .ret {
    padding-left: 32px !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/meal.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 8px 12px !important;
  }
  .meals .headerTbl {
    background-color: #e0f1fa;
    color: #193354;
    padding: 8px 8px 8px 40px !important;
    margin: 0;
  }
  .mealTbl .desc {
    border-right: 0px solid #e7e7e7 !important;
    padding: 9px 8px 8px 8px !important;
    align-self: center;
  }
  .mealTbl .desc:before {
    display: none;
  }
  .mealTbl .desc span {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px;
  }
  .mealTbl .desc span i {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px;
    clear: both;
    display: block;
  }
  .mealTbl > div {
    display: grid;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    grid-template-rows: 1fr auto;
    background-color: #f7f6f2 !important;
    min-height: auto;
  }
  .mealTbl > div > div {
    display: table-cell;
    vertical-align: middle;
    background-color: transparent !important;
    border-top: 0px solid #f7f6f2 !important;
    border-bottom: 0px solid #f7f6f2 !important;
    padding: 4px 8px !important;
    align-self: center;
  }

  /* ===CHECKOUT=== */

  .summaryBox .content {
    padding: 8px !important;
    background-color: #fff !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .box.summaryBox {
    margin: 0px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .box.summaryBox .header {
    background-color: #ff4a0e !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 14px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .summaryBox img {
    vertical-align: middle;
    border: none;
    width: 112px !important;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 8px !important;
  }
  .summaryBox .summary.deets b {
    margin: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    color: #ff4a0e !important;
  }
  .summaryBox .summary.deets p:first-child {
    margin: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 16px !important;
    color: #ff4a0e !important;
  }
  .summaryBox .summary.deets p {
    margin-top: 8px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    color: #193354 !important;
  }
  .summaryBox .out i {
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/leaving.svg);
    height: 24px !important;
    width: 24px !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: 0px 2px !important;
  }
  .summaryBox .ret i {
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/returning.svg);
    height: 24px !important;
    width: 24px !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: 0px 2px !important;
  }
  .summary {
    padding-left: 16px !important;
    padding-right: 16px !important;
    position: relative;
  }
  .summary.ret {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 2px solid #ede9e1 !important;
  }
  .summary.deets {
    margin-top: 8px;
    border-top: 0px solid #ede9e1 !important;
  }
  .summary.price {
    padding-left: 0;
    margin-top: 16px;
    padding: 18px;
    border-top: 1px dotted #ea5b28;
  }
  .summary h4 {
    color: #ff4a0e;
    padding-left: 8px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .summaryBox .content p {
    font-size: 16px !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-bottom: 4px !important;
  }
  .summary b {
    display: block;
    margin-top: 0px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .summaryBox .info b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 16px !important;
  }
  .summaryBox .content b {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;

    font-size: 14px !important;
  }
  .summaryBox .desc b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 24px !important;
  }
  .accomTbl .desc b {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;

    font-size: 16px !important;
  }
  .accomTbl .desc b span {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 20px !important;
  }
  .accomTbl .desc .kitDesc {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 20px !important;
  }
  #euroKitContents .euKitUl {
    margin-top: 16px !important;
  }
  #euroKitContents .kitDesc li:before {
    font-family: "Font Awesome Solid";
    content: "\f00c";
    font-size: 11px;
    position: absolute;
    padding-right: 10px;
    left: -4px !important;
    color: #45b7ed !important;
    top: 1px;
  }
  #euroKitContents .kitDesc li {
    width: 50%;
    float: left;
    padding-left: 16px;
    position: relative;
    font-size: 12px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    line-height: 18px;
    margin-bottom: 12px;
  }
  .summary.price .tbl > div {
    text-align: right;
    color: #ff4a0e;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }
  .summary .mobSum span {
    text-align: right;
    color: #193354;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 36px !important;
  }

  .custDetails > div.box {
    background-color: #fff !important;
    margin-bottom: 24px !important;
    margin: 0px 0px 8px 0px;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  .custDetails {
    padding: 0px !important;
  }
  .custDetails .frm > div > div.frmBox,
  .custDetails .frm > div > div.frmBox {
    width: 100% !important;
  }
  .passDeets h3 {
    margin-top: 16px !important;
    font-size: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .custDetails .box .content {
    padding: 16px !important;
  }
  .custDetails .box .header {
    background-color: #193354 !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 8px 16px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .custDetails .headerHlp,
  .headerHlp {
    display: table;
    width: 100%;
    background-color: #0070aa;
    color: #fff;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 8px 8px !important;
    border: 0px solid #fff !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .custDetails .form-group.btnCen,
  .frmGrp {
    padding: 24px !important;
    background-color: transparent !important;
  }
  .price #divMealsOffersMobile.hilite.green {
    display: inline-block;
    color: #193354;
    background-color: #dce9d2 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    white-space: nowrap;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border: 0px solid #dce9d2 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg) !important;
    background-size: 16px !important;
    background-position: 4px 5px !important;
    background-repeat: no-repeat !important;
    padding-left: 24px !important;
  }

  .flex-wrapper {
    padding: 8px !important;
  }
  .ab-fc-chart--row .ab-fc-chart--standard.greyed {
    color: #193354 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  #dfPaymentType_divOuter,
  #paymentCard {
    background-color: #fff !important;
    margin-bottom: 8px !important;
    margin: 0px 0px 8px 0px;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-right: opx !important;
  }
  #dfPaymentType_divOuter .content {
    padding: 16px !important;
    margin-bottom: 0px;
    display: grid;
    grid-row-gap: 8px;
  }
  .box .content {
    padding: 16px !important;
  }

  #dfPaymentType_divOuter .content #dfPaymentType_divCreditCard {
    display: grid;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divCreditCard .form-group {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divCreditCard .logos {
    margin-bottom: 0px !important;
  }

  #dfPaymentType_divOuter .content #dfPaymentType_divPaypal {
    display: grid;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divPaypal .form-group {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divPaypal .logos {
    margin-bottom: 0px !important;
  }

  #dfPaymentType_divOuter .content #dfPaymentType_divGooglePay {
    display: grid;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divGooglePay .form-group {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divGooglePay .logos {
    margin-bottom: 0px !important;
  }

  #dfPaymentType_divOuter .content #dfPaymentType_divApplePay {
    display: grid;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divApplePay .form-group {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divApplePay .logos {
    margin-bottom: 0px !important;
  }

  #dfPaymentType_divOuter .content #dfPaymentType_divRedeem {
    display: grid;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divRedeem .form-group {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter .content #dfPaymentType_divRedeem .logos {
    margin-bottom: 0px !important;
  }
  #dfPaymentType_divOuter
    .content
    #dfPaymentType_divRedeem
    input#dfPaymentType_txtVoucherBookingID {
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 18px;
    background-color: #f7f6f2 !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 18px !important;
    font-family: "source-code-pro-bold" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
  }

  .paymentSelect .content > div {
    border-top: 0px solid #e7e7e7 !important;
    padding-top: 8px !important;
    margin-bottom: 16px !important;
  }
  .paymentSelect label {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    padding-bottom: 16px !important;
  }
  #paymentCard .frm > div > div.frmBox,
  .frm > div > div.frmBox {
    width: 100% !important;
    padding: 0 0px 8px 0 !important;
  }
  #paymentCard .frm > div {
    margin-bottom: 16px;
  }
  #paymentCard .frm > div > div label {
    margin: 0 0 0px 0 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354;
    font-size: 16px !important;
  }
  .payment .month {
    float: left;
    width: 100% !important;
    margin-bottom: 8px !important;
  }
  .payment .year {
    float: right;
    width: 100% !important;
  }
  .btnLnk .btn {
    display: block;
    margin: 0 auto;
    min-width: 85%;
    min-height: 40px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    /* background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important; */
    background-image: none;
    background-repeat: no-repeat;
    background-size: 32px !important;
    background-position: right 50% !important;
    border-radius: 8px !important;
    margin-bottom: 24px !important;
    margin-top: 16px !important;
  }
  form#frmData .row .sm35.md3 .box.summaryBox.mHide {
    display: block;
  }
  form#frmData .row .sm35.md3 .box.summaryBox.mHide > div:first-child {
    background-color: #ff4a0e !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 8px 16px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .summary.priceDet {
    display: grid !important;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    grid-template-columns: auto auto !important;
  }
  .summary.priceDet > div:nth-child(1) {
    display: grid;
    vertical-align: middle;
    text-align: left;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #4a4a4a;
    font-size: 14px !important;
    margin-top: 4px !important;
  }
  .summary.priceDet > div:nth-child(2) {
    display: grid;
    vertical-align: middle;
    text-align: right;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #4a4a4a;
    font-size: 16px !important;
    margin-top: 4px !important;
  }

  /* ===FREE CANCELLATION=== */

  .ab-FCC-countdown {
    padding: 12px 12px 12px 40px !important;
    background: #dde9d3 !important;
    color: #1c3541 !important;
    position: relative;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
    font-size: 18px !important;
    display: block;
    border: 0px solid #f10103 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }

  .ab-fc-chart--row .ab-fc-chart--feature h3 {
    position: absolute;
    bottom: 32px !important;
    padding: 0px !important;
    background: none;
    display: block !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354 !important;
    font-size: 24px !important;
  }
  .ab-fc-chart--row .ab-fc-chart--feature {
    display: table-cell;
    padding: 16px !important;
    position: relative;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .ab-fc-chart--row .fcRadiosNo.ab-fc-chart--no,
  .ab-fc-chart--row .ab-fc-chart--standard {
    display: table-cell;
    border-left: 1px solid #dcdcdc;
    padding: 16px !important;
    text-align: center;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .ab-fc-chart--row .fcRadiosYes.ab-fc-chart--yes,
  .ab-fc-chart--row .ab-fc-chart--fc {
    width: 27.5%;
    display: table-cell;
    border-left: 1px solid #dcdcdc;
    padding: 16px 8px 16px 8px !important;
    text-align: center;
    position: relative;
    border-right: 2px solid #589120 !important;
    border-left: 2px solid #589120 !important;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .ab-fc-chart--fc-top {
    border-top: 2px solid #589120 !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    position: relative;
    background: #dde9d3 !important;
  }
  .ab-fc-chart--row .fcRadiosYes.ab-fc-chart--yes {
    border-bottom: 2px solid #589120 !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    background: #eef4ea !important;
  }
  .ab-fc-chart--green {
    background: #eef4ea !important;
  }
  .ab-fc-chart--row .ab-fc-chart--fc .ab-fc-chart--tag {
    position: absolute;
    top: -12px !important;
    left: 8px !important;
    background: #589120 !important;
    padding: 4px 8px !important;
    color: #fff;
    font-size: 14px !important;
    border-radius: 4px !important;
  }
  .ab-fc-chart--fc-top::before {
    border-width: 1.5em;
    border-right-color: #589120 !important;
    border-top-color: #589120 !important;
  }
  .ab-fc-chart--row .ab-fc-chart--fc-top .ab-fc-chart--ticket svg {
    position: absolute;
    top: 6px !important;
    right: 4px !important;
    width: 20px !important;
    fill: #ffffff !important;
  }
  form .fcRadios.ab-fc-chart {
    padding: 8px;
    display: grid;
    grid-template-areas:
      "content"
      "error";
  }
  form .ab-fc-chart .fcRadiosWarningTxt {
    display: none;
    background: #fff0c7 !important;
    width: 100%;
    padding: 8px !important;
    margin: 10px 0px;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
    margin-top: 24px !important;
  }
  form .ab-fc-chart .fcRadiosWarningTxt img {
    vertical-align: middle;
    border: none;
    width: 24px !important;
  }
  form .box.fcRadios.ab-fc-chart .fcRadiosWarningTxt .ab-warning-description b {
    font-size: 16px !important;
  }
  form .box.fcRadios.ab-fc-chart .fcRadiosWarningTxt .ab-warning-description p {
    font-size: 14px !important;
  }

  form .fcRadios.ab-fc-chart .flex-wrapper {
    grid-area: content;
  }
  form .fcRadios.ab-fc-chart .error {
    grid-area: error;
  }

  .error {
    margin-bottom: 16px !important;
    margin-top: 0px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 16px !important;
    display: block;
    background-color: #fad5cf !important;
    border: 0px solid #f10103 !important;
    color: #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/red/error.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 8px !important;
  }

  /* ===BOOKING SUMMARY=== */

  #bookSummary {
    bottom: 0px !important;
    width: 100% !important;
    left: 0 !important;
    border: none;
  }
  .custDetails > div.box {
    background-color: #fff !important;
    /* margin-bottom: 8px !important; */
    margin: 0px 0px 16px 0px !important;
    border: none !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }

  #bookSummary.summaryBox.dHide .header {
    border: 0 !important;
    border-bottom: 0px solid #0070aa;
    align-items: center;
    padding: 16px 8px !important;
    background-color: #ff4a0e !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
  }
  .custDetails .box .header {
    background-color: #0070aa !important;
    color: #fff !important;
    border: 0px solid #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 16px 8px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: " icon info price ";
  }
  .custDetails .box .header i {
    grid-area: icon;
    content: url(https://static.directferries.co.uk/image/ico/white/more.svg) !important;
    background-repeat: no-repeat;
    width: 24px;
    padding: 0px !important;
    margin: 5px;
  }
  #bookSummary.summaryBox.dHide .header .head-route {
    flex-grow: 2;
    grid-area: info;
    padding: 8px 24px 8px 8px;
  }
  #bookSummary.summaryBox.dHide .header span:first-of-type {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
  }
  #bookSummary.summaryBox.dHide .header span {
    font-family: "proxima-soft-medium" !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    display: block;
  }
  #bookSummary.summaryBox.dHide .header .head-price {
    flex-grow: 2;
    grid-area: price;
    background-color: #00000014;
    padding: 8px;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
  }

  #bookSummary.summaryBox.dHide .content {
    background: transparent;
    /* overflow: scroll; */
    /* max-height: 64vh !important; */
    padding: 8px 16px !important;
    margin-bottom: 16px;
    display: grid;
    grid-template-rows: auto;
  }
  #bookSummary.summaryBox.dHide .content .summary {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 8px !important;
    position: relative;
    display: grid;
    grid-template-rows: auto;
  }
  #bookSummary.summaryBox.dHide .content .summary .tbl {
    display: grid;
    grid-template-columns: 1fr auto;
    width: 100%;
  }

  .tbl {
  }

  .tbl {
  }
  #bookSummary .summary.ret {
    margin-top: 16px;
    padding-top: 8px;
    border-top: 4px dotted #ede9e1 !important;
  }
  #bookSummary .dark-sand {
    padding: 0px !important;
    background: #fff !important;
    display: grid;
    grid-template-columns: 32px 1fr;
  }
  #bookSummary b.mobSum {
    padding: 0px !important;
    margin: 0px !important;
    display: grid;
    grid-template-columns: auto 1fr;
  }
  #bookSummary b.mobSum span {
    grid-column: 2;
    grid-row: 1;
    padding: 0 8px;
  }
  #bookSummary .mobHide .sand {
    padding: 8px !important;
    background: #f7f6f2;
    display: flex;
    margin: 8px 0 !important;
    border-radius: 8px !important;
  }
  #bookSummary .summary.out .dark-sand .icn {
    display: flex;
    align-items: center;
    content: url(https://static.directferries.co.uk/image/ico/light-blue/leaving.svg) !important;
    background-repeat: no-repeat;
    width: 24px;
    padding: 0px !important;
  }
  #bookSummary .summary.ret .dark-sand .icn {
    display: flex;
    align-items: center;
    content: url(https://static.directferries.co.uk/image/ico/light-blue/returning.svg) !important;
    background-repeat: no-repeat;
    width: 24px;
    padding: 0px !important;
  }
  #bookSummary .summary .tbl h4 {
    margin-bottom: 8px;
    text-transform: none !important;
    color: #ff4a0e !important;
    padding-left: 0px !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #bookSummary .summary.deets {
    padding: 8px;
    margin-top: 0;
    background: #ffffff !important;
  }
  .summaryBox .summary.deets p:first-child {
    margin: 8px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 16px !important;
    color: #ff4a0e !important;
    margin-top: 0px !important;
  }
  .summaryBox .summary.deets p {
    margin: 8px 0px !important;
    font-size: 18px !important;
    color: #193354 !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-bottom: 4px !important;
  }
  .summaryBox .summary.deets p:nth-child(2) {
    background-image: linear-gradient(
      45deg,
      #dde9d3 16.67%,
      #bdd3a5 0,
      #bdd3a5 50%,
      #dde9d3 0,
      #dde9d3 66.67%,
      #bdd3a5 0,
      #bdd3a5
    ) !important;
    background-size: 4.24px 4.24px;
    border-radius: 8px !important;
    padding: 8px 8px !important;
  }
  #bookSummary .summary.price {
    margin-top: initial;
    padding-top: initial;
    background: #ffffff !important;
    padding: 8px;
    border-top: none;
    border-radius: 8px;
  }
  #bookSummary .summary.price .tbl > div {
    color: #193354 !important;
    font-size: 16px !important;
    margin-bottom: 0px !important;
  }
  #bookSummary .summary.price .tbl > div b {
    margin-top: 0px !important;
  }
  #bookSummary .summary.price .tbl > div b span {
    font-size: 20px !important;
    padding-right: 0px !important;
  }
  #bookSummary .summary.price .tbl {
    display: grid;
    width: 100%;
    grid-template-columns: auto auto;
    padding: 0px;
  }
  #divMealsOffersBookingInfo,
  #divMealsOffersBookingInfoTitleMobile {
    display: inline-block;
    color: #193354;
    background-color: #dce9d2 !important;
    padding: 4px 8px 4px 8px !important;
    font-size: 16px !important;
    border-radius: 4px !important;
    white-space: nowrap;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border: 0px solid #dce9d2 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg) !important;
    background-size: 16px !important;
    background-position: 4px 6px !important;
    background-repeat: no-repeat !important;
    padding-left: 24px !important;
    width: fit-content;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
    margin-left: 0px !important;
  }

  /* ===BOOKING SUMMARY AB=== */

  .box .content.ab-2280-content {
    padding: 0px !important;
  }
  .ab-2280-out,
  .ab-2280-ret {
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
    display: grid !important;
  }
  .ab-2280-out .ab-2280-direction-outer,
  .ab-2280-ret .ab-2280-direction-outer {
    display: grid !important;
    align-items: center;
    margin: 0px !important;
    align-self: center;
    grid-template-columns: auto 1fr auto;
  }
  .ab-2280-details-outer {
    display: flex;
    padding-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 16px !important;
  }
  .ab-2280-details-outer .ab-2280-details-outer-left {
    display: flex;
    flex-direction: column;
    margin: 0 8px 0px 0px !important;
    background-image: url(https://static.directferries.co.uk/image/ab/ab-2280/ab-2280-dotted-03.png);
    background-repeat: repeat-y;
    background-position-x: 36% !important;
  }
  .ab-2280-details-outer .ab-2280-details-outer-right {
    margin-top: 0px !important;
    width: 100% !important;
  }
  .ab-2280-out .ab-2280-flipper-top,
  .ab-2280-ret .ab-2280-flipper-top {
    align-items: center;
    margin: 0px !important;
    align-self: center;
  }
  .ab-2280-time {
    display: flex;
    margin-right: 8px;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    color: #193354 !important;
  }
  .ab-2280-date {
    display: flex;
    margin-right: 8px;
    line-height: 20px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #193354 !important;
    justify-self: end;
  }
  .ab-2280-leave {
    display: grid !important;
    align-items: baseline;
    flex-wrap: wrap;
    line-height: 20px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #193354 !important;
    grid-template-columns: auto auto;
  }
  .ab-2280-port {
    flex-basis: 100%;
    color: #ff4a0e !important;
    margin-top: 0px !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
  }
  .ab-2280-duration {
    margin: 8px 0 !important;
    font-family: "proxima-soft-medium", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
  }
  .ab-2280-grey {
    display: flex;
    background-color: #fff !important;
    border-radius: 8px !important;
    padding: 8px 8px !important;
    align-items: center;
  }
  .ab-2280-options > div:nth-child(3) {
    display: flex;
    background-image: linear-gradient(
      45deg,
      #d1d6dc 16.67%,
      #e9eaee 0,
      #e9eaee 50%,
      #d1d6dc 0,
      #d1d6dc 66.67%,
      #e9eaee 0,
      #e9eaee
    ) !important;
    background-size: 4.24px 4.24px;
    border-radius: 8px !important;
    padding: 4px 8px !important;
    align-items: center;
  }
  .ab-2280-options > div:nth-child(3) .ab-2280-icon-stack {
    display: grid !important;
    align-items: center;
    margin: 0 !important;
    grid-template-columns: auto 1fr !important;
  }
  .ab-2280-options > div:nth-child(3) .ab-2280-icon-stack span {
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .ab-2280-options > div:nth-child(3) .ab-2280-icon-stack i {
    content: url(https://static.directferries.co.uk/image/ico/dark-blue/upgrade.svg) !important;
    height: 24px !important;
    width: 24px !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: 0px 0px !important;
    margin-right: 8px !important;
  }

  .ab-2280-options > div:nth-child(4) {
    display: flex;
    background-image: linear-gradient(
      45deg,
      #d1d6dc 16.67%,
      #e9eaee 0,
      #e9eaee 50%,
      #d1d6dc 0,
      #d1d6dc 66.67%,
      #e9eaee 0,
      #e9eaee
    ) !important;
    background-size: 4.24px 4.24px;
    border-radius: 8px !important;
    padding: 4px 8px !important;
    align-items: center;
  }
  .ab-2280-options > div:nth-child(4) .ab-2280-icon-stack {
    display: grid !important;
    align-items: center;
    margin: 0 !important;
    grid-template-columns: auto 1fr !important;
  }
  .ab-2280-options > div:nth-child(4) .ab-2280-icon-stack span {
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .ab-2280-options > div:nth-child(4) .ab-2280-icon-stack i {
    content: url(https://static.directferries.co.uk/image/ico/dark-blue/upgrade.svg) !important;
    height: 24px !important;
    width: 24px !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: 0px 0px !important;
    margin-right: 8px !important;
  }

  .ab-2280-icon-stack {
    display: grid !important;
    align-items: center;
    margin: 0 16px 8px 0 !important;
    grid-template-columns: auto 1fr !important;
  }

  .ab-2280-icon-stack span {
    display: inline-block !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    margin-left: 0px !important;
  }
  .ab-2280-inner-bottom span,
  .ab-2280-inner-top span {
    line-height: 20px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    margin-left: 0px;
  }
  .ab-2280-inner-bottom span > span,
  .ab-2280-inner-top span > span {
    line-height: 22px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    margin-left: 0px;
  }
  .box .content.ab-2280-content .summary.ret {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 4px dotted #ede9e1 !important;
    background-color: transparent;
  }
  .ab-2280-out,
  .ab-2280-ret {
    background-color: #fff;
    padding: 8px 16px !important;
    border-radius: 0px !important;
  }
  .ab-2280-bkgdffe4c0 {
    background-image: linear-gradient(
      45deg,
      #dde9d3 16.67%,
      #bdd3a5 0,
      #bdd3a5 50%,
      #dde9d3 0,
      #dde9d3 66.67%,
      #bdd3a5 0,
      #bdd3a5
    ) !important;
    background-size: 4.24px 4.24px;
  }
  .ab-2280-bkgdffe4c0 .ab-2280-icon-stack-outer .ab-2280-icon-stack {
    padding: 0 !important;
    margin: 0 !important;
  }
  .box .content.ab-2280-content .ab-2280-h4 {
    line-height: 20px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #193354 !important;
  }
  .box .content.ab-2280-content .ab-2280-h4 span {
    line-height: 22px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #193354 !important;
  }

  /* ===MESSAGE BANNERS=== */

  .info {
    background-color: #e0f1fa;
    border: 0px solid #b4def5;
    margin-bottom: 8px !important;
    margin-top: 0px !important;
    padding: 8px 8px 8px 8px !important;
    display: block;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    padding-left: 16px !important;
  }
  .info a {
    text-decoration: none;
  }
  .popUp#emailQuote {
    width: 75%;
    max-width: 600px;
    z-index: 10000 !important;
    position: absolute;
    background-color: white;
    border: 0px solid #c9c9c9;
    padding: 8px;
  }

  .ab_mobRedesign #customerDetailsContainer .info {
    padding-right: 24px;
  }
  .ab_mobRedesign #customerDetailsContainer .info span:nth-child(1) {
    display: none;
  }
  .ab_mobRedesign #customerDetailsContainer .info br {
    display: none;
  }
  #customerDetailsContainer #info .info {
    margin-bottom: 8px !important;
    margin-top: 0px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    border: 0px solid #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }
  #customerDetailsContainer .info.prices-rise-msg1-div {
    margin-bottom: 16px !important;
    margin-top: 0px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    border: 0px solid #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }
  #customerDetailsContainer .info {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    border: 0px solid #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 8px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }
  #customerDetailsContainer .info.NumbOfPeopleBanner {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    border: 0px solid #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }
  .ab_mobRedesign #customerDetailsContainer .info.NumbOfPeopleBanner br {
    display: block !important;
  }

  .ab-FCC-countdown {
    background: #d5f5e0;
    color: #1c3541;
    position: relative;
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    border: 0px solid #f10103 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }
  .ab-price-decrease-wobble {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-animation-name: ab-price-decrease-wobble;
    animation-name: ab-price-decrease-wobble;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
  .ab-price-decrease {
    width: 100%;
    border-left: 5px solid #aad460;
    background: url(/image/ab/circle-tick.svg) no-repeat 10px center;
    background-color: #85b038;
    color: #fff;
    padding: 10px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    margin-bottom: 10px;
  }
  #customerDetailsContainer #termsAndConditions.info {
    margin-bottom: 8px !important;
    margin-top: 0px !important;
    padding: 8px 8px 8px 8px !important;
    display: block;
    border: 0px solid #f10103 !important;
    padding-left: 8px !important;
    border-radius: 8px !important;
    background-color: transparent;
    color: #fff;
    font-family: "proxima-soft-mediu", sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 20px !important;
  }
  #customerDetailsContainer #termsAndConditions.info a {
    color: #fff;
    font-family: "proxima-soft-bold", sans-serif !important;
    font-size: 16px !important;
  }
  .abEmailOptIn {
    padding: 16px !important;
    background-color: transparent;
    border-radius: 8px;
    color: #fff;
  }
  .abEmailOptIn p {
    font-size: 14px !important;
    margin: 0px;
  }
  .abEmailOptIn label.checkRadio.lft {
    font-size: 12px !important;
    color: #fff !important;
    font-family: "proxima-soft-medium", sans-serif !important;
    font-size: 14px !important;
    line-height: 16px;
    margin-top: 16px;
  }
  #emailSection .abEmailOptIn {
    padding: 8px !important;
    background-color: transparent;
    border-radius: 8px;
    color: #193354;
    font-size: 16px !important;
  }
  #emailSection .abEmailOptIn p {
    font-size: 14px;
    margin: 0px;
  }
  #emailSection .abEmailOptIn label.checkRadio.lft {
    color: #193354 !important;
    font-family: "proxima-soft-medium", sans-serif !important;
    font-size: 14px !important;
    line-height: 16px;
    margin-top: 16px;
  }

  /* ===END=== */

  /* ===START=== */

  #deal_finder1 .ab2284.mini form#deal_finder1 {
    margin: 0% 8px 10% 8px !important;
  }

  /* ===DEALFINDER-MOBILE=== */

  .ABDivSubRow .subNav ul li.active {
    display: none !important;
  }

  #deal_finder_container .mob-dealfinder {
    position: relative;
    align-content: start;
    background-color: #193354 !important;
    font-family: "proxima-soft" !important;
    line-height: 18px;
    border-radius: 0px !important;
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 24px !important;
    padding: 16px !important;
    border-radius: 8px !important;
  }
  .mob-dealfinder .deal_finder_wrap {
    flex: 100%;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40px auto auto !important;
    grid-column-gap: 8px !important;
    grid-row-gap: 8px !important;
  }
  #deal_finder_container form.mob-dealfinder {
    margin: 0px !important;
    background-color: #193354 !important;
    grid-template-columns: auto !important;
    align-self: center;
  }
  .mob-dealfinder .form-control,
  .fsControl {
    display: block;
    width: 100%;
    height: 48px !important;
    line-height: 18px;
    background-color: #fff !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
  }
  .mob-dealfinder .journey_type label,
  .mob-dealfinder .journey_type input {
    margin: 0 8px 0 0;
  }
  .mob-dealfinder .journey_type label.checked {
    background-color: #475c77 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    color: #fff !important;
    border-radius: 8px !important;
  }
  .mob-dealfinder .journey_type label {
    background-color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    color: #fff !important;
    border-radius: 8px !important;
  }
  .mob-dealfinder section.journey_type label:nth-of-type(1),
  .mob-dealfinder section.journey_type label:nth-of-type(2),
  .mob-dealfinder .journey_type label.checked {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 8 !important;
    border-bottom-left-radius: 8 !important;
    border-top: 0px solid #edebe6 !important;
    border-right: 0px solid #edebe6 !important;
    border-bottom: 0px solid #edebe6 !important;
    border-left: 0 !important;
  }
  .mob-dealfinder .journey_timing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 24px 48px !important;
    grid-column-gap: 8px !important;
  }
  .mob-dealfinder .journey_timing.timing_outbound.hide_until_times {
    background-color: #fff;
  }
  .mob-dealfinder .journey_timing .open_ticket {
    font-size: 16px !important;
    line-height: 20px !important;
    align-items: center;
    background-color: #ecf7fd !important;
    color: #193354 !important;
    font-size: 16px !important;
    padding: 8px !important;
    border-radius: 8px !important;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0px;
  }
  .mob-dealfinder .journey_timing .open_ticket .checkbox-label {
    display: inline-block !important;
    padding-top: 0px !important;
    padding-left: 8px !important;
    text-align: left !important;
  }
  .mob-dealfinder .journey_timing .open_ticket.selected {
    background-color: #ecf7fd !important;
    margin: 8px;
    width: auto;
  }
  .mob-dealfinder .journey_timing.timing_outbound #cal_outbound,
  .mob-dealfinder .journey_timing.timing_outbound #time_outbound {
    grid-column: 1;
    background-color: transparent !important;
    border: none !important;
    padding-left: 40px !important;
  }
  .mob-dealfinder .journey_timing.timing_return #cal_return,
  .mob-dealfinder .journey_timing.timing_return #time_return {
    grid-column: 2;
    background-color: transparent !important;
    border: none !important;
    padding-left: 40px !important;
  }
  .mob-dealfinder[data-state="return_open_ticket"]
    .timing_return
    .open_ticket_note_return {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    min-height: 320px !important;
  }
  .mob-dealfinder[data-state="full_open_ticket"]
    .timing_outbound
    .open_ticket_note_full {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    min-height: 320px !important;
  }
  .mob-dealfinder .journey_timing [class^="open_ticket_note"] {
    grid-template-rows: 1fr 1fr;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    grid-column: 1 / 3;
    grid-row: 3;
    opacity: 0;
    animation: fadein 0.3s ease-in-out forwards;
    min-height: 312px !important;
  }
  .mob-dealfinder[data-state="full_open_ticket"]
    .timing_outbound
    .open_ticket_note_full
    span.h4 {
    padding-left: 0;
    font-size: 24px;
    font-weight: 400 !important;
    padding-left: 16px;
    margin: 8px 0;
    padding-top: 96px;
    background-repeat: no-repeat !important;
    background-size: 80px !important;
    background-position: center 12px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/booking.svg) !important;
  }
  .mob-dealfinder[data-state="return_open_ticket"]
    .timing_return
    .open_ticket_note_return
    span.h4 {
    padding-left: 0;
    font-size: 24px;
    font-weight: 400 !important;
    padding-left: 16px;
    margin: 8px 0;
    padding-top: 96px;
    background-repeat: no-repeat !important;
    background-size: 80px !important;
    background-position: center 12px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/booking.svg) !important;
  }
  .mob-dealfinder[data-state="full_open_ticket"]
    .timing_outbound
    .open_ticket_note_full
    p {
    font-size: 16px !important;
    margin: 0 0 10px;
    padding: 8px 24px;
    line-height: 22px;
  }
  .mob-dealfinder[data-state="return_open_ticket"]
    .timing_return
    .open_ticket_note_return
    p {
    font-size: 16px !important;
    margin: 0 0 10px;
    padding: 8px 24px;
    line-height: 22px;
  }
  .mob-dealfinder .error_messages {
    grid-column: span 2;
    background: #fee6e6
      url(https://static.directferries.co.uk/image/ico/red/info.svg) 8px 8px
      no-repeat !important;
    background-size: 24px !important;
    color: #f10103 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding: 8px 16px 8px 40px !important;
    margin-bottom: 8px !important;
    border-radius: 8px !important;
    opacity: 0;
    animation: fadein 0.3s ease-in-out forwards;
    min-height: 40px;
  }
  .mob-dealfinder .error_messages li {
    font-size: 16px !important;
    line-height: 16px !important;
    padding: 4px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .mob-dealfinder .error_messages ul li {
    color: #f10103 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    vertical-align: middle;
  }

  .mob-dealfinder input[type="radio"]:checked:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    top: -6px;
    left: -6px;
    position: relative;
    background-color: #193354;
    content: "";
    display: inline-block;
    visibility: hidden;
    border: 4px solid white;
  }
  .mob-dealfinder input[type="radio"]:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    top: -6px;
    left: -6px;
    position: relative;
    background-color: #ede9e1;
    content: "";
    display: inline-block;
    visibility: hidden;
    border: 4px solid white;
  }
  .deal_finder1.one_way[data-state="entering_journey_info"] .journey_timing {
    grid-column-end: 3 !important;
    grid-template-columns: 1fr;
    grid-template-rows: 30px;
  }
  form#deal_finder1[data-state="entering_date_outbound"] .deal_finder_wrap,
  form#deal_finder1[data-state="entering_time_outbound"] .deal_finder_wrap,
  form#deal_finder1[data-state="entering_date_return"] .deal_finder_wrap,
  form#deal_finder1[data-state="entering_time_return"] .deal_finder_wrap,
  form#deal_finder1[data-state="showing_routes_list"] .deal_finder_wrap {
    padding: 0px !important;
    background: transparent !important;
    border-radius: 4px;
  }
  .mob-dealfinder .journey_route {
    position: relative;
    display: block;
    margin-bottom: 8px !important;
    margin-top: 8px !important;
  }
  .mob-dealfinder .journey_route.diff_trip {
    position: relative;
    display: block;
    margin-bottom: 8px !important;
    margin-top: 0px !important;
  }
  .mob-dealfinder .animate.fadeInUp {
    overflow-y: auto;
    /* max-height: 400px; */
    -ms-overflow-style: none;
  }
  .mob-dealfinder .animate.fadeInUp::-webkit-scrollbar {
    display: none;
  }
  .mob-dealfinder .route_list h5 {
    font-size: 14px;
    color: #fff !important;
    margin: 8px 0;
    font-size: 18px;
    font-weight: 400 !important;
    padding: 16px 0 8px 16px !important;
  }
  #journey_route_parent .route_list h5 {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 20px !important;
    opacity: 1;
    border-bottom: 0px solid #fff !important;
    margin: 0 0 0 8px;
    padding: 8px 0;
    background: transparent !important;
  }
  .mob-dealfinder .route_list .routes li {
    background-image: linear-gradient(
      45deg,
      #fff 16.67%,
      #f7f6f2 0,
      #f7f6f2 50%,
      #fff 0,
      #fff 66.67%,
      #f7f6f2 0,
      #f7f6f2
    ) !important;
    background-size: 4.24px 4.24px !important;
    padding: 0 16px;
    min-height: 56px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    cursor: pointer;
    color: #193354;
    margin-bottom: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 8px !important;
  }
  .mob-dealfinder .route_list .routes li i.material-icons {
    background: #ede9e1 !important;
    border-radius: 50% !important;
    padding: 4px !important;
    font-size: 24px !important;
  }
  .mob-dealfinder .route_list .routes li > div .port {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #193354 !important;
    margin-bottom: 2px !important;
  }

  .mob-dealfinder .route_list .routes li > div .location {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #193354 !important;
  }
  .mob-dealfinder .route_list .routes li > div .port mark,
  .mob-dealfinder .route_list .routes li > div .location mark {
    background-color: #e0f1fa;
    color: #193354 !important;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #deal_finder1 .mob-dealfinder .journey_timing {
    grid-row: 3;
    grid-column: 1 / 3;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40px 40px auto 40px;
    align-content: start;
    border-radius: 8px !important;
    flex-direction: column;
  }
  .mob-dealfinder[data-state="entering_journey_info"]
    .journey_timing.timing_outbound,
  .mob-dealfinder[data-state="entering_journey_info"]
    .journey_timing.timing_return {
    cursor: pointer;
    background: #fff !important;
    border-radius: 8px !important;
  }

  .mob-dealfinder[data-state="entering_journey_info"]
    .journey_timing.timing_outbound
    .form-control,
  .mob-dealfinder[data-state="entering_journey_info"]
    .journey_timing.timing_return
    .form-control {
    display: block;
    width: 100%;
    height: 48px !important;
    line-height: 18px;
    background-color: transparent !important;
    color: #193354 !important;
    background-image: none;
    border: 0px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 36px !important;
  }

  .mob-dealfinder .journey_timing .journey_date.outbound {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/leaving.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 8px !important;
  }
  .mob-dealfinder .journey_timing .journey_date.inbound {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/returning.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 8px !important;
  }

  form.mob-dealfinder[data-state="entering_date_outbound"] .journey_timing,
  form.mob-dealfinder[data-state="entering_time_outbound"] .journey_timing,
  form.mob-dealfinder[data-state="entering_date_return"] .journey_timing,
  form.mob-dealfinder[data-state="entering_time_return"] .journey_timing {
    background-color: #fff !important;
    padding: 8px !important;
    border-radius: 8px !important;
  }
  form.mob-dealfinder[data-state="entering_date_outbound"] .deal_finder_wrap,
  form.mob-dealfinder[data-state="entering_time_outbound"] .deal_finder_wrap,
  form.mob-dealfinder[data-state="entering_date_return"] .deal_finder_wrap,
  form.mob-dealfinder[data-state="entering_time_return"] .deal_finder_wrap {
    flex: 100% !important;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 40px auto 1fr !important;
    grid-column-gap: 8px !important;
    grid-row-gap: 8px !important;
  }
  .mob-dealfinder
    form.mob-dealfinder[data-state="entering_date_outbound"]
    .journey_timing,
  form.mob-dealfinder[data-state="entering_time_outbound"] .journey_timing,
  form.mob-dealfinder[data-state="entering_date_return"] .journey_timing,
  form.mob-dealfinder[data-state="entering_time_return"] .journey_timing {
    display: flex !important;
    align-items: center;
    grid-template-rows: 0px 40px auto 40px;
  }
  ul.sep-pax-select {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    justify-self: stretch !important;
    grid-column-gap: 8px !important;
  }
  ul.sep-pax-select li {
    width: 100% !important;
  }
  .trip_outbound {
    display: grid;
    grid-template-rows: auto;
    grid-row-gap: 8px !important;
    grid-template-columns: auto;
  }
  .trip_outbound ul {
    display: grid;
    grid-column: 1 / span 2;
  }
  #deal_finder1 .journey_info .trip_return.diff_trip {
    margin-top: 8px;
    display: grid;
    grid-gap: 8px;
  }
  .trip_return.diff_trip ul {
    display: grid;
    grid-column: 1 / span 2;
  }
  .ab2284 ul.sep-pax-select {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    justify-self: stretch !important;
    grid-column-gap: 8px !important;
    grid-column: 1 / span 2;
  }
  .ab2284 ul.sep-pax-select li {
    width: 100% !important;
    margin: 0px !important;
  }
  .mob-dealfinder .journey_info {
    margin-top: 0;
  }
  .mob-dealfinder .journey_info span.h4 {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 20px !important;
    margin-top: 4px !important;
    margin-bottom: 8px !important;
  }
  .ab2284 .journey_info.hide_until_summary > span.h4 {
    display: block !important;
  }
  /* .ab2284 .journey_info span.h4 {
    display: block !important;
} */
  [data-popup],
  [data-popup].passengers,
  [data-popup].pets,
  [data-popup].vehicle,
  .popup#vehicle_base label.vehicle_type,
  .popup#pets_popup label.pet_counter,
  .popup#currency_popup .journey_currency label,
  .popup.vehicle_detail label {
    padding: 0 8px !important;
    min-height: 48px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    cursor: pointer;
    color: #193354 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    background: #f7f6f2 !important;
  }
  .mob-dealfinder .sep-pax-select [data-popup].passengers {
    padding: 0 8px !important;
    min-height: 48px !important;
    padding-top: 46px !important;
    padding-bottom: 8px !important;
    cursor: pointer;
    color: #193354 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    background: transparent !important;
  }
  .ab2284 #deal_finder1 [data-popup].passengers i {
    padding-bottom: 4px;
    display: none;
  }
  .mob-dealfinder ul.sep-pax-select li:nth-child(1) {
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    background-position: center 12px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/passengers.svg) !important;
    margin-bottom: 8px;
    background-color: #fff;
    border-radius: 8px;
    height: inherit;
  }

  .mob-dealfinder ul.sep-pax-select li:nth-child(2) {
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    background-position: center 12px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/child.svg) !important;
    margin-bottom: 8px;
    background-color: #fff;
    border-radius: 8px;
    height: inherit;
  }
  .ab2284 .mob-dealfinder ul.sep-pax-select li:nth-child(3) {
    background-repeat: no-repeat !important;
    background-size: 32px !important;
    background-position: center 12px !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
    margin-bottom: 8px;
    background-color: #fff;
    border-radius: 8px;
    height: inherit;
  }

  .ab2284 ul.sep-pax-select li a span:nth-child(2) {
    padding: 0;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin-top: 4px;
  }
  ul.sep-pax-select li a span:nth-child(2) {
    padding: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 22px !important;
    margin-top: 4px;
  }

  i.material-icons.df-dark-blue {
    color: #193354;
    display: block;
    position: absolute;
    right: 8px !important;
  }
  ul.sep-pax-select li a span {
    padding: 0;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin-top: 4px;
  }
  ul.sep-pax-select li a span#sep_pax_adults_count,
  ul.sep-pax-select li a span#sep_pax_children_count,
  ul.sep-pax-select li a span#sep_pax_pets_count {
    padding: 0;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 22px !important;
    margin-top: 4px;
  }

  form.mob-dealfinder .journey_info .diff_details {
    background: transparent !important;
    padding-left: 16px;
    grid-row: 4;
    flex-direction: row-reverse;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 8px !important;
    border-radius: 0;
    margin-bottom: 0px;
    justify-content: space-between;
  }
  .mob-dealfinder .journey_info .diff_details .checkbox-label {
    color: #fff !important;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    padding-top: 2px;
    padding-left: 10px;
    text-align: left;
  }
  .mob-dealfinder .currency {
    background-color: #475c77 !important;
    color: #fff !important;
    padding: 8px !important;
    margin: 0 !important;
    display: block !important;
    min-height: 32px !important;
  }
  .mob-dealfinder .df_submit {
    flex: 1 1 100%;
    height: 48px;
    background-color: #ff4a0e;
    color: #fff;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 8px !important;
    border: none;
    cursor: pointer;
    margin-bottom: 0px !important;
    grid-column: span 2;
    align-self: end;
    margin-top: 8px;
  }
  .mob-dealfinder #ageRangePrompt {
    background: #e0f1fa;
    color: #193354 !important;
    margin-bottom: 10px;
    padding: 12px 32px 12px 8px;
    position: relative;
    margin-top: 0px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 16px;
    grid-column: span 2;
    justify-self: start;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .mob-dealfinder #ageRangePrompt i.close-icon {
    position: absolute;
    top: 12px;
    right: 8px;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
  }
  .mob-dealfinder #ageRangePrompt i.age-icon {
    padding-right: 16px;
  }

  /* ===CALENDAR UI=== */
  .mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-cal-month,
  .mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-cal-month,
  .mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-cal-year,
  .mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-cal-year {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  #deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-cal-day-date {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    margin: 4px !important;
    line-height: 26px !important;
    font-size: 16px !important;
    font-weight: 500;
    border: 4px solid transparent !important;
    margin: 0;
    color: #193354 !important;
    background-color: #ede9e1 !important;
    transition: 0.2s;
    transition-timing-function: ease-out;
  }
  #deal_finder_container
    form.mob-dealfinder
    .mbsc-material
    .mbsc-cal-day-date:active {
    color: #fff !important;
    background-color: #193354 !important;
  }
  #deal_finder_container
    form.mob-dealfinder
    .mbsc-material
    .mbsc-cal
    .mbsc-cal-btn {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    line-height: 40px !important;
    font-size: 36px !important;
    border-radius: 100px !important;
    margin: 0px !important;
  }
  form#deal_finder1 .mbsc-cal-slide,
  form#deal_finder1 .mbsc-cal-days {
    padding: 0 0px !important;
  }
  #deal_finder_container form.mob-dealfinder .mbsc-cal-days {
    padding: 0 8px;
    border-top: solid 0px #eee !important;
    border-bottom: solid 0px #eee !important;
    padding: 0px 0 !important;
    margin-top: 0;
    width: 100%;
    line-height: 1.875em;
    text-align: center;
  }
  #deal_finder_container
    form.mob-dealfinder
    .mbsc-material
    .mbsc-selected
    .mbsc-cal-day-date {
    font-weight: 700 !important;
    color: white !important;
    background: #ff4a0e !important;
    border: 4px solid #ff4a0e !important;
  }
  .mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-fr-hdr,
  .mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-fr-hdr {
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    color: #193354;
    height: 40px;
    align-items: center;
    text-transform: none;
  }
  .mob-dealfinder .journey_timing .newDatepicker .mbsc-fr-w,
  .mob-dealfinder .journey_timing .newTimepicker .mbsc-fr-w {
    background-color: #fff;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .mob-dealfinder .journey_timing .newDatepicker.mbsc-material .mbsc-fr-hdr,
  .mob-dealfinder .journey_timing .newTimepicker.mbsc-material .mbsc-fr-hdr {
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    color: #193354;
    height: 40px;
    align-items: center;
    text-transform: none;
  }
  .mbsc-material .mbsc-sc-whl-gr {
    padding: 80px 0 !important;
  }
  #deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-sc-whl-l {
    border-top: 0px solid #ccc !important;
    border-bottom: 0px solid #ccc !important;
    background-color: #ede9e1;
    border-radius: 100px;
    color: #193354 !important;
  }
  #deal_finder_container
    form.mob-dealfinder
    .mbsc-sc-itm.mbsc-btn-e.mbsc-sc-itm-sel {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 26px !important;
    color: #193354 !important;
    line-height: 36px !important;
  }
  #deal_finder_container form.mob-dealfinder .mbsc-material .mbsc-sc-itm {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    color: #193354 !important;
    line-height: 36px !important;
  }
  .mbsc-material.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
  .mbsc-material .mbsc-sc-itm:focus {
    outline: 0;
    background: rgba(0, 0, 0, 0) !important;
    border-radius: 100px;
    cursor: pointer;
  }

  /* ===SEARCH ROUTE=== */

  .ABDivSubRow .fsWrap {
    background: transparent !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }

  /* ===TASKS=== */

  .popup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10 !important;
    height: 100%;
    opacity: 0;
    animation: fadein 0.3s ease-in-out forwards;
    display: flex;
    flex-direction: column;
    background-color: #193354 !important;
    color: #333333;
    padding: 0px !important;
  }
  .popup > * {
    margin-bottom: 0px !important;
    height: 90% !important;
  }
  .popup-wrap .popup_head {
    padding-bottom: 48px !important;
    height: 0px !important;
  }
  .popup-wrap .popup_body {
    border-radius: 8px !important;
    background: #fff !important;
    margin: 8px !important;
    padding: 8px !important;
    position: relative !important;
  }
  .popup .popup_closer {
    right: auto;
    left: 16px;
    background: none;
    top: 12px;
    font-size: 24px;
    height: 24px;
    width: 24px;
    line-height: 1;
    cursor: pointer;
  }
  .popup .popup_closer i {
    color: #fff !important;
    font-size: 20px;
  }
  .popup h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    text-align: middle;
    width: 100%;
    text-align: center;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 20px !important;
    color: #fff !important;
    margin-bottom: 0px !important;
    /* margin: 16px 0 16px 0 !important; */
  }
  .popup#passengers_popup fieldset .passengers_list {
    padding: 0px !important;
    margin: 0px !important;
  }
  .popup#passengers_popup label.pax_counter,
  .popup#pets_popup label.pet_counter {
    min-height: 56px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 40px !important;
    padding-right: 8px !important;
    cursor: auto;
    color: #193354;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    background: #f7f6f2 !important;
    position: relative;
    display: flex;
    align-items: center;
    touch-action: manipulation;
  }
  .popup#passengers_popup label.pax_counter[for="total-adults"] {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/passengers.svg) !important;
  }
  .popup#passengers_popup label.pax_counter[for="total-children"] {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/child.svg) !important;
  }
  .popup#pets_popup .pet_counter[for="petType1_outbound"] {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
  }
  .popup#pets_popup .pet_counter[for="petType2_outbound"],
  .popup#pets_popup .pet_counter[for="petType7_outbound"],
  .popup#pets_popup .pet_counter[for="petType8_outbound"] {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets.svg) !important;
  }
  .popup#pets_popup .pet_counter[for="petType3_outbound"] {
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/pets-assistant.svg) !important;
  }
  .popup#passengers_popup .pax_counter span,
  .popup#pets_popup .pet_counter span {
    cursor: pointer;
    background: transparent !important;
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 0px solid #cccccc !important;
    font-family: "proxima-soft" !important;
    font-size: 28px !important;
    line-height: 28px !important;
    height: 32px !important;
    width: 32px !important;
  }
  .popup#passengers_popup .pax_counter span:hover,
  .popup#pets_popup .pet_counter span:hover {
    cursor: pointer;
    background: #f7f6f2 !important;
    border-radius: 100px !important;
    height: 32px;
  }
  .popup#passengers_popup .pax_counter output,
  .popup#pets_popup .pet_counter output {
    border-width: 0px 0 !important;
    border: none;
    font-size: 20px !important;
    background-color: #ede9e1;
    border-radius: 100px;
    height: 32px !important;
    width: 32px !important;
    margin: 0 8px !important;
  }
  .notes p.pax-note {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #193354 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin: 8px 0 16px 0;
    padding: 0 16px !important;
  }
  .child-age-inputs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin: 8px;
  }
  .child-age-inputs .child-age label.passenger_age_label {
    visibility: hidden;
    margin-bottom: 8px;
    padding: 8px !important;
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .child-age-inputs .child-age label.passenger_age_label select {
    width: 100%;
    outline: none !important;
    padding: 8px !important;
    border-radius: 8px !important;
    color: #193354 !important;
    position: absolute !important;
    border: none !important;
    background-color: #f7f6f2 !important;
  }
  .popup label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #193354 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin: 0 0 8px;
    padding: 0 8px !important;
  }
  .popup label select {
    padding: 8px;
    padding-right: 40px;
    border-radius: 8px;
    color: #193354;
    border: none;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
  }
  .child-age-inputs .child-age i {
    position: absolute;
    right: 5px;
    top: 8px;
    display: none !important;
  }

  #vehicle_base.popup span {
    top: -16px !important;
    color: #193354;
    font-size: 12px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 8px !important;
    margin: 5px 0 !important;
    position: inherit !important;
    width: 100%;
    text-align: center;
  }
  .popup#vehicle_base label.vehicle_type,
  .popup.vehicle_detail ol li label {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-right: 8px !important;
    cursor: pointer;
    color: #193354 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
    background: #f7f6f2 !important;
    transition-timing-function: ease-out;
    transition: 0.25s;
    height: auto;
  }
  .popup#vehicle_base label.vehicle_type.checked,
  .popup#pets_popup label.pet_counter.checked,
  .popup#currency_popup .journey_currency label.checked,
  .popup.vehicle_detail label.checked {
    background: #e9eaee !important;
    color: #193354 !important;
    padding: 8px !important;
  }
  .popup#vehicle_base label.vehicle_type.chosen,
  .popup#pets_popup label.pet_counter.chosen,
  .popup#currency_popup .journey_currency label.chosen,
  .popup.vehicle_detail label.chosen {
    background: #e9eaee !important;
    color: #193354 !important;
    padding: 8px !important;
  }
  .popup#vehicle_base label.vehicle_type:hover,
  .popup.vehicle_detail ol li label:hover {
    color: #fff !important;
    background: #193354 !important;
  }
  #vehicle_base.popup span {
    top: -12px !important;
    color: #193354;
    font-size: 14px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    padding: 8px !important;
    margin: 8px 0 !important;
    position: inherit !important;
    width: 100%;
    text-align: center;
  }
  .popup#vehicle_base label.vehicle_type:first-child {
    margin-bottom: 24px !important;
    padding-left: 8px;
  }

  .popup.vehicle_detail .extra_luggage {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    background-color: #fff !important;
    padding: 0px !important;
  }
  .popup.vehicle_detail .caravan_trailer {
    width: 100%;
    background-color: #fff !important;
    padding: 0px !important;
  }

  .popup.vehicle_detail .caravan_trailer label {
    padding: 8px 8px 8px 8px !important;
    /* min-height: 48px !important; */
    /* padding-top: 8px !important; */
    /* padding-bottom: 8px !important; */
    cursor: pointer;
    color: #193354 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    background: #f7f6f2 !important;
  }
  .popup.vehicle_detail .caravan_trailer label.checked {
    background: #d1d5dc !important;
    color: #193354 !important;
    padding: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .popup.vehicle_detail .caravan_trailer label.selected {
    background: #d1d5dc !important;
    color: #193354 !important;
    padding: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .popup.vehicle_detail .caravan_trailer label.chosen {
    background: #d1d5dc !important;
    color: #193354 !important;
    padding: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .popup.vehicle_detail .caravan_trailer fieldset {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .popup.vehicle_detail fieldset ol.item_list.caravan_trailer_details_length,
  .popup.vehicle_detail fieldset ol.item_list.caravan_trailer_details_height {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-column-gap: 8px !important;
  }

  .popup.vehicle_detail .extra_luggage .additional_dimensions ol {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-column-gap: 8px !important;
  }
  /* .popup.vehicle_detail fieldset ol.item_list.additional_dimensions_length, .popup.vehicle_detail fieldset ol.item_list.additional_dimensions_height{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 8px;
} */

  .popup.vehicle_detail .item_hdg,
  .popup.vehicle_detail .extra_luggage span,
  .popup.vehicle_detail .caravan_trailer span {
    display: inline-block;
    color: #193354 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-left: 16px !important;
    margin-top: 16px !important;
    padding: 8px 8px !important;
  }
  .item_hdg_extra_mgn,
  .item_hdg_top,
  .popup.vehicle_detail .item_hdg,
  h6,
  .popup.vehicle_detail .extra_luggage span,
  .popup.vehicle_detail .caravan_trailer span {
    display: inline-block;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 18px !important;
    padding-left: 16px;
    margin-bottom: 8px;
  }
  .popup.vehicle_detail label input[type="text"] {
    padding: 8px;
    vertical-align: middle;
    border: 2px solid #ede9e1 !important;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    width: 100%;
    height: 36px;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    margin: 8px 0 !important;
  }
  .popup.vehicle_detail label input[type="text"]::placeholder {
    color: #193354 !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
  }
  .popup .modal_opener {
    position: relative;
    align-items: center;
    background-color: #fff !important;
    border-radius: 4px !important;
    width: auto !important;
    font-size: 14px;
    padding: 8px 8px 8px 40px !important;
    border: none;
    margin: 8px !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: left 8px bottom 50% !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/info.svg) !important;
    color: #193354 !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 18px !important;
  }
  .popup footer {
    background: #fff !important;
    padding: 0px 0 !important;
    color: #193354 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
  }
  .popup footer .popup_done {
    height: 48px;
    background-color: #ff4a0e;
    color: #fff;
    font-size: 19px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px !important;
    flex: 1 1 100%;
    border: none;
    margin: 8px;
  }

  .popup > * input[type="radio"]:checked:after {
    width: 16px !important;
    height: 16px !important;
    border-radius: 24px !important;
    top: -3px !important;
    left: -3px !important;
    position: relative;
    background-color: #193354 !important;
    content: "";
    display: inline-block !important;
    visibility: visible !important;
    border: 0px solid white !important;
  }
  .popup > * input[type="radio"]:after {
    width: 16px !important;
    height: 16px !important;
    border-radius: 24px !important;
    top: -3px !important;
    left: -3px !important;
    position: relative;
    background-color: #ede9e1 !important;
    content: "";
    display: inline-block;
    visibility: visible !important;
    border: 0px solid white !important;
  }

  /* ===DEALFINDER-WIDE=== */

  .desk-dealfinder {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 24px !important;
    padding: 16px !important;
  }
  .desk-dealfinder .journey_timing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 24px 48px !important;
    grid-column-gap: 8px !important;
  }
  .desk-dealfinder .form-control,
  .fsControl {
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 18px;
    background-color: #fff !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
  }
  #deal_finder_container input[type="radio"]:checked:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    top: -6px;
    left: -6px;
    position: relative;
    background-color: #193354;
    content: "";
    display: inline-block;
    visibility: hidden !important;
    border: 4px solid white;
  }
  #deal_finder_container input[type="radio"]:after {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    top: -6px;
    left: -6px;
    position: relative;
    background-color: #ede9e1;
    content: "";
    display: inline-block;
    visibility: hidden !important;
    border: 4px solid white;
  }

  /* ===DEALFINDER-WIDE OFFERS=== */

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

  .carousel,
  .carouselIn,
  .carouselIn > .item img {
    border-radius: 8px;
    height: 100% !important;
  }

  .carouselDots {
    bottom: 0px !important;
    left: 8px !important;
    z-index: 15;
    padding-left: 0;
    text-align: center;
    list-style: disc !important;
    margin: 0px !important;
  }
  .carouselDots li {
    display: inline-block;
    width: 8px !important;
    height: 8px !important;
    text-indent: -999px;
    cursor: pointer;
    border: 0px solid #45b7ed !important;
    border-radius: 8px;
    background: #45b7ed !important;
    margin: 4px !important;
  }

  .carouselDots .active {
    background: #fff !important;
  }
  .carouselIn > .item {
    height: inherit !important;
    width: 100% !important;
  }

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

  .carouselCap {
    top: 0px;
    z-index: 10;
    color: #fff;
    text-align: left;
    padding: 8px !important;
    position: absolute;
  }
  .carouselCap span {
    display: table-caption !important;
    color: #fff;
    line-height: 26px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    background: #45b7ed !important;
    margin: 0;
    padding: 8px !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }

  .offerSlider .carouselCap a {
    display: block;
    bottom: 8px !important;
    right: 8px !important;
  }
  .offerSlider .carouselCap .btn {
    float: right;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
  }
  .offerSlider .carouselCap a {
    display: block;
    bottom: 10px;
    right: 10px;
  }

  /* ===DEALFINDER-WIDE CALENDAR=== */

  .ui-widget-content {
    border: 0px solid #aaa !important;
    background: 50% 50% repeat-x #fff;
    color: #000;
    border-radius: 8px !important;
    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-datepicker {
    width: 100%;
    padding: 0 !important;
    z-index: 25;
  }
  .ui-datepicker.ui-datepicker-multi {
    position: absolute !important;
    z-index: 1;
    width: auto !important;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
    padding: 8px;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
    float: left;
  }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
    border: 0px solid #2c7ca9;
    background: 50% 50% repeat-x #fff !important;
    color: #193354 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    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/dark-blue/arrow-left.svg);
    background-size: 24px !important;
    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/dark-blue/arrow-right.svg);
    background-size: 24px !important;
    background-repeat: no-repeat;
    background-position: center;
  }
  .ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 0.4em;
    width: 100%;
    height: 100% !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-collapse: collapse;
    margin: 0 0 0.4em;
  }
  .ui-datepicker td {
    border: 0;
    padding: 4px !important;
  }
  .ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 12px !important;
    border: 0;
  }
  .ui-state-disabled,
  .ui-widget-content .ui-state-disabled {
    opacity: 1 !important;
    filter: Alpha(Opacity=100) !important;
    background-image: none;
  }
  .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
    border-color: #fff;
    border-radius: 100px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 22px;
    background-color: #f7f6f2 !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px;
    color: #193354;
  }
  .ui-datepicker-calendar a.ui-state-default {
    border-color: #fff;
    border-radius: 100px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 22px;
    background-color: #ede9e1 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px;
    color: #193354;
  }
  .ui-datepicker-calendar a.ui-state-default:hover {
    border-color: #fff;
    border-radius: 100px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 22px;
    background-color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px;
    color: #fff;
  }
  .ui-datepicker-calendar a.ui-state-active {
    border-color: #ff4a0e !important;
    background-color: #ff4a0e !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #fff !important;
  }
  .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;
  }

  /* ===DEALFINDER-WIDE SEARCH ROUTE=== */

  .desk-dealfinder .route_list {
    position: absolute;
    cursor: pointer;
    padding: 8px !important;
    border: 0px solid #ccc !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    line-height: 20px !important;
    border-radius: 8px !important;
    max-height: 320px !important;
    overflow-y: scroll;
    z-index: 200;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    animation: fadein 0.3s ease-in-out forwards;
  }
  .desk-dealfinder .route_list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px !important;
  }
  .desk-dealfinder .route_list::-webkit-scrollbar-thumb {
    border-radius: 8px !important;
    background-color: #d3d0c9 !important;
    border: 2px solid #fff !important;
  }
  .desk-dealfinder .route_list h5 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #45b7ed;
    font-size: 16px !important;
    line-height: 20px !important;
    opacity: 1;
    border-bottom: 4px solid #fff !important;
    margin: 0 0 0 8px;
    padding: 8px 0 !important;
    background: #fff !important;
  }

  .desk-dealfinder .route_list .routes li {
    padding: 8px 8px !important;
    border-top: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    background: #f7f6f2 !important;
    border-radius: 4px !important;
    margin-bottom: 4px !important;
    cursor: pointer;
  }
  .desk-dealfinder .route_list .routes li mark {
    background: #daf0fb !important;
    color: #193354 !important;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .desk-dealfinder .route_list .routes li:hover {
    padding: 8px 8px !important;
    border-top: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    background: #e0f1fa !important;
    border-radius: 4px !important;
    margin-bottom: 4px !important;
  }
  .desk-dealfinder .route_list .routes li .port {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    white-space: nowrap;
  }
  .desk-dealfinder .route_list .routes li .location {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    color: #4a4a4a !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
  #deal_finder_container input[type="radio"]:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #475d77;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 0px solid white;
  }

  #deal_finder_container input[type="radio"]:checked:after {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    top: -5px;
    left: 3px;
    position: relative;
    background-color: #fff;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 0spx solid white;
  }
  .desk-dealfinder .journey_type label,
  .desk-dealfinder .journey_type input {
    margin: 0 8px 0 0;
  }

  /* ===DEALFINDER-WIDE TASKS=== */

  .desk-dealfinder .popup {
    position: absolute;
    z-index: 4 !important;
    background-color: #fff !important;
    cursor: default;
    padding: 16px !important;
    border: 0px solid #cccccc !important;
    border-radius: 8px !important;
    opacity: 0;
    animation: fadein 0.2s ease-in-out forwards !important;
    top: calc(100% + 15px);
    left: -1px;
    right: 0;
    min-width: 450px !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
  .desk-dealfinder .popup select,
  .desk-dealfinder .popup input[type="text"] {
    min-width: 92px !important;
    font-size: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding: 8px !important;
    border: 0px solid #ede9e1 !important;
    border-radius: 8px !important;
    margin: 0 0 0 auto !important;
    background-color: #fff !important;
  }
  .desk-dealfinder .popup label {
    justify-content: space-between !important;
    align-items: center !important;
    color: #193354 !important;
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    margin: 0 0px 8px !important;
    background-color: #ede9e1 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    cursor: pointer;
  }
  .desk-dealfinder .popup label.long {
    flex-wrap: wrap;
    padding: 0px !important;
  }
  .desk-dealfinder .popup label.long select,
  .desk-dealfinder .popup input[type="text"] {
    min-width: 92px !important;
    font-size: 16px !important;
    line-height: 20px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding: 8px !important;
    border: 2px solid #ede9e1 !important;
    border-radius: 8px !important;
    margin: 0 0 0 auto !important;
    background-color: #f7f6f2 !important;
    color: #193354 !important;
  }
  .desk-dealfinder .popup label .wheelchair {
    background-image: url(https://static.directferries.co.uk/image/ico/light-blue/wheelchair-accessibility.svg) !important;
    background-size: 24px !important;
    background-position: 4px !important;
    background-repeat: no-repeat !important;
    padding-left: 48px !important;
    height: 24px !important;
    width: 24px !important;
  }
  .desk-dealfinder .popup label [type="checkbox"] {
    border: 1px solid #ede9e1 !important;
    right: 16px !important ;
    position: relative !important;
  }
  .desk-dealfinder .popup h5 {
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    white-space: nowrap;
    padding: 0px 32px 8px 0 !important;
    border-bottom: 0px solid #2c7ca9 !important;
    margin-bottom: 8px !important;
    color: #45b7ed !important;
  }
  .desk-dealfinder .popup h6 {
    font-size: 20px !important;
    line-height: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding: 24px 0px 8px 0 !important;
    border-bottom: 0px solid #eeeae2 !important;
    margin-bottom: 8px !important;
    color: #193354 !important;
  }
  .desk-dealfinder .popup .popup_closer {
    position: absolute;
    top: 8px !important;
    right: 8px !important;
    z-index: 1;
    height: 24px !important;
    width: 24px !important;
    cursor: pointer;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/cancel.svg)
      no-repeat left center !important;
    border: none;
  }
  .desk-dealfinder .popup footer .popup_done {
    float: right !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
    border-radius: 8px !important;
    min-width: 120px !important;
    margin-top: 8px !important;
  }

  .desk-dealfinder #vehicles_popup .popup label.radiolabel {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    margin-right: 8px;
    font-size: 16px !important;
  }
  .desk-dealfinder .popup label.radiolabel input {
    margin: 0px 8px 0 0 !important;
  }
  .desk-dealfinder .popup label.radiolabel {
    display: inline-flex;
    flex-direction: row-reverse;
    margin-right: 8px;
    font-size: 16px !important;
    background-color: #fff !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  .desk-dealfinder .popup label.radiolabel input[type="radio"]:checked:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #193354 !important;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 0spx solid white;
  }
  .desk-dealfinder .popup label.radiolabel input[type="radio"]:after {
    width: 16px;
    height: 16px;
    border-radius: 16px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #ede9e1 !important;
    content: "";
    display: inline-block;
    visibility: visible;
    border: 0px solid white;
  }
  .desk-dealfinder .popup label.pet_counter output {
    width: 32px !important;
    height: 32px !important;
    border-width: 0px 0 !important;
    background-color: #fff !important;
    border-radius: 32px !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .desk-dealfinder .popup label.pet_counter span,
  .desk-dealfinder .popup label.pet_counter output {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    border: 0px solid #ede9e1 !important;
  }
  .desk-dealfinder .popup label.pet_counter span.inactive {
    background-color: transparent !important;
    opacity: 0.4 !important;
    color: #193354 !important;
    pointer-events: none;
    cursor: default;
  }
  .desk-dealfinder .popup label.pet_counter span.increment {
    border-radius: 8px;
    font-size: 24px !important;
  }

  /* ===DEALFINDER-WIDE BUTTONS ORANGE=== */

  .desk-dealfinder .other_details .df_submit {
    float: right;
    min-height: 40px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 8px 24px 8px 16px !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 50% !important;
    border-radius: 8px !important;
  }
  #countryData .btn,
  .fsDone {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #ff4a0e !important;
    background-color: #ede9e1 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 0px 16px 0px 16px;
    font-size: 14px !important;
  }

  /* ===END=== */

  #Home,
  #FerryOperatorMain,
  #FerryOperatorInd,
  #RouteMain,
  #RouteInd,
  #DestinationMain,
  #DestinationInd,
  #ContinentMain,
  #ContinentInd,
  #FerryOffersMain,
  #NewsArticle,
  #PortInd,
  #CountryToCountryInd,
  #FerryToPortInd,
  #ShipMain,
  #ShipInd,
  #CustomerService,
  #Faq,
  #AboutUs,
  #FerryOffersInd {
    font-family: "proxima-soft-light", sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 20px;
    background: #fff !important;
    background-size: 4.24px 4.24px !important;
  }
  body {
    font-family: "proxima-soft-light", sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 20px;
    background: #193354 !important;
    background-size: 4.24px 4.24px !important;
  }

  .btn,
  .fsDone {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-position: right 50% !important;
    background-size: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background-color: #ff4a0e;
    /* min-height: 40px; */
  }

  /* ===MOB MENU=== */
  #ab-mobile-sidenav.sidenav {
    height: 100%;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    background-color: #fff !important;
    overflow-x: hidden;
    padding-top: 56px !important;
    transition: 0.2s;
    /* width: 90% !important; */
  }
  #ab-mobile-sidenav.sidenav .closebtn {
    position: absolute;
    top: 16px !important;
    left: 10px;
    font-size: 40px;
    padding: 0;
  }
  #ab-mobile-sidenav.sidenav ul.navPages {
    background-color: #fff;
  }

  #ab-mobile-sidenav #recentSearches .header {
    background-color: #fff !important;
    color: #193354;
    font-size: 16px !important;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    position: relative;
  }
  #ab-mobile-sidenav #recentSearches .content {
    background-color: #fff;
    width: 100%;
  }
  #ab-mobile-sidenav #recentSearches .content .ulTbl {
    display: grid !important;
    margin: 0px !important;
    padding: 12px 8px 8px 8px !important;
    margin-bottom: 8px !important;
    grid-row-gap: 8px;
  }
  #ab-mobile-sidenav #recentSearches .content .ulTbl li {
    margin: 0 !important;
    padding: 0 !important;
  }
  #ab-mobile-sidenav #recentSearches .content .ulTbl ul.recentContMob li {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    background-color: #f7f6f2 !important;
    margin: 0px !important;
    padding: 0 0 0 8px !important;
    margin-bottom: 8px !important;
    width: 70%;
  }
  #ab-mobile-sidenav .nav-header {
    padding: 10px 14px 10px 40px;
    position: relative;
  }
  #ab-mobile-sidenav #travelType .header {
    background-color: #45b7ed;
    color: white;
    font-size: 16px !important;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
  }
  #ab-mobile-sidenav .rSerMcon {
    background: transparent !important;
    width: 100%;
  }

  #ab-mobile-sidenav .rSerMcon .ulTbl li:first-child div {
    border-top: 0px solid #ede9e1 !important;
    border-bottom: none !important;
    padding: 8px !important;
  }
  #ab-mobile-sidenav .rSerMcon .ulTbl li div {
    border-top: 0px solid #ede9e1 !important;
    border-bottom: none !important;
    padding: 8px !important;
  }
  #ab-mobile-sidenav .rSerMcon .rSerTer {
    border-top: 2px solid #ede9e1 !important;
    border-bottom: 2px solid #ede9e1 !important;
  }
  span.openNav {
    float: right;
    font-size: 20px !important;
    color: #ffffff;
  }

  /* ===RECENT SEARCHES=== */

  .logoBar .fs .titleInner,
  .rSer .titleInner {
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    white-space: nowrap;
    padding: 8px !important;
    border-bottom: 0px solid #2c7ca9 !important;
    margin-bottom: 8px !important;
    color: #45b7ed !important;
  }

  .ulTbl li {
    display: grid !important;
    grid-template-columns: 1fr !important;
    background-color: #f7f6f2 !important;
    margin: 0px !important;
    padding: 0 0 0 8px !important;
    margin-bottom: 8px !important;
  }
  .rSerCon .rSerRem a {
    font-family: "proxima-soft" !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #193354 !important;
    position: relative;
    padding: 4px 0px 4px 0px !important;
    background-color: #ede9e1 !important;
    text-align: center !important;
    border-radius: 4px !important;
  }
  .ulTbl .rSerPri {
    position: relative;
    padding: 4px 16px 4px 8px !important;
    width: 100%;
  }
  .rSerPri span {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    display: block;
    color: #ff4a0e !important;
  }
  .rSerPri span.rSerVal {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    display: block;
    color: #193354 !important;
  }
  .rSer .btn {
    float: right;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    background-color: #ff4a0e !important;
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
    color: #fff !important;
  }
  .ulTbl li .rSerRou {
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-top: 4px !important;
  }
  .rSer .ulTbl li div {
    border-bottom: 0px solid #45b7ed !important;
    vertical-align: top;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }

  /* ===GLOBAL=== */

  #header {
    background: transparent !important;
  }
  #header .logoBar {
    min-height: 56px !important;
    background: #ffffff !important;
  }
  #header .con .row .sm12.logoBar > a {
    content: url(https://static.directferries.co.uk/image/dflogo-mobile.svg);
    background-size: auto !important;
    height: 20px;
  }
  #lang b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }

  .ab2284.mini .mob-df-title {
    display: block;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    width: auto !important;
    padding: 16px 16px !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .ab2284.mini .mob-df-header {
    border-bottom: 0px solid rgba(255, 255, 255, 0.2) !important;
    padding: 8px !important;
    background-color: rgba(25, 51, 84, 0.1);
    display: block;
  }
  .ab2284.mini .mob-df-header h1 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  .ab2284.mini .mob-df-title span {
    color: #fff;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 2rem;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  .banner {
    background: url(https://static.directferries.co.uk/images/desktop-homepage-background.jpg)
      no-repeat center center !important;
    background-size: cover !important;
    margin-bottom: 16px;
  }
  .banner > .con {
    padding: 0px !important;
  }

  .header {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 40px !important;
    color: #fff;
  }

  .fsWrap {
    background: #193354 !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .subNav ul .active a,
  .subNav ul .active a:hover,
  .subNav ul .active span {
    background: #193354 !important;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .subNav ul .active a {
    border-bottom: 1px solid #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 14px !important;
  }
  .subNav h1 {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #fff !important;
  }
  .subNav .mMenu span,
  .subNav ul li a {
    border-bottom: 1px solid #82c2e7 !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    display: block;
  }
  select {
    -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;
  }
  .conNav .faq,
  .conNav .trvAl,
  .conNav .myAcnt {
    background-position: 0 !important;
    padding-right: 16px !important;
    padding-left: 28px !important;
    background-size: 24px !important;
  }
  .conNav .faq {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/help.svg) !important;
  }
  .conNav .myAcnt {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/user.svg) !important;
  }
  .conNav .trvAl {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/error.svg) !important;
  }

  .conNav li a {
    font-family: "proxima-soft" !important;
    font-weight: 400 !important;
    font-size: 14px;
    color: #193354 !important;
  }

  .df-1772-brexit-inner {
    border-radius: 8px !important;
    padding: 16px 16px 16px 16px !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    align-items: center !important;
    margin: 0 0 8px 0 !important;
    background: #0070aa !important;
  }
  .con.hCon {
    display: table;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-bottom: 30px;
    background-color: #fff !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .hCon .colH {
    display: block !important;
    float: none;
    padding-bottom: 16px !important;
  }
  .ab-con--wrapper {
    display: table;
    border-spacing: 0px !important;
    min-height: 80px !important;
    margin: -16px auto 16px auto !important;
  }
  .ab-con--wrapper .one label {
    background: #ff4a0e !important;
  }
  .ab-con--wrapper .two label {
    background: #e3f2fd;
  }
  .ab-con--wrapper .three label {
    background: #0070aa !important;
  }

  .ab-con--wrapper .tab label {
    position: relative;
    display: block;
    font-weight: 700 !important;
    cursor: pointer;
    margin-bottom: 0;
    color: #fff;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    padding: 16px !important;
  }
  .ab-con--wrapper .tab input[type="checkbox"] + label::after {
    content: "+";
  }
  .ab-con--wrapper .tab label::after {
    position: absolute;
    right: 0;
    top: -6px !important;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    font-size: 22px;
  }
  .ab-con--wrapper .ab-con {
    display: table !important;
    width: 100%;
    border-left: 0px solid #ccc !important;
    border-right: 0px solid #ccc !important;
    border-bottom: 0px solid #ccc !important;
    position: relative;
    padding-bottom: 0px;
    margin-bottom: 0px;
    vertical-align: top;
    background: #fff !important;
    border-radius: 0px !important;
  }
  .ab-con--content h2 {
    font-size: 24px !important;
  }
  .ab-con--compare .ab-con--hero {
    background: url(https://static.directferries.co.uk/image/compare-prices-bg.jpg)
      no-repeat right top;
    border-top: 0px solid #ff4a0e !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    height: 160px !important;
  }
  .ab-con--destinations .ab-con--hero {
    background: url(https://static.directferries.co.uk/image/cheap-ferry-tickets-bg.jpg)
      no-repeat 20% top;
    border-top: 0px solid #45b7ed !important;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    height: 160px !important;
  }

  .ab-con--hero {
    height: 240px !important;
    background: #ccc;
    width: 100%;
    margin: 0px;
  }

  .ab-con--content {
    padding: 16px 24px !important;
    border: 0px solid #ddd !important;
  }
  .ab-con--wrapper .ab-con {
    display: grid !important;
    width: 100% !important;
    border-left: 0px solid #ccc !important;
    border-right: 0px solid #ccc !important;
    border-bottom: 0px solid #ccc !important;
    position: relative;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: top;
    background: #daf0fb !important;
  }
  .ab-con--wrapper > article .one {
    width: 50% !important;
  }
  .ab-con--wrapper > article .three {
    width: 50% !important;
  }
  .ab-con--compare .tab-content,
  .ab-con--destinations .tab-content {
    display: grid !important;
  }
  .ab-con--content h2 {
    font-size: 24px !important;
  }
  .ab-con--compare .ab-con--hero,
  .ab-con--destinations .ab-con--hero {
    background: url(https://static.directferries.co.uk/image/compare-prices-bg.jpg)
      no-repeat right top;
    border-top: 8px solid #ea5b28;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    height: 192px !important;
  }

  .ab-con--bottom {
    position: inherit !important;
    bottom: 0px !important;
    left: 0px !important;
    align-self: end;
  }
  .ab-con--bottom .findCheapDeals,
  .ab-con--bottom .seeAllDestinations {
    min-width: 160px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 19px !important;
    padding: 16px 24px 16px 16px !important;
    margin: 16px !important;
    border-radius: 8px !important;
    background-color: #193354 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
    width: auto !important;
  }
  .onBoard .btn {
    min-width: 160px !important;
    line-height: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 16px 16px 16px 16px !important;
    margin: 16px !important;
    border-radius: 8px !important;
    color: #193354 !important;
    background-color: #daf0fb !important;
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    background-position: right 50% !important;
    margin-left: 0px !important;
    width: 100%;
  }

  .whyUseDF {
    padding: 16px !important;
  }
  .whyUseDF h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    color: #193354 !important;
    margin-top: 8px !important;
    margin-bottom: 32px !important;
    padding-left: 55px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
  }
  .whyUseDF b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 16px !important;
  }
  .whyUseDF p,
  .whyUseDFMobile p {
    background: url(https://static.directferries.co.uk/image/ico/light-blue/check.svg)
      no-repeat left 0px center !important;
    padding-left: 52px !important;
    margin-left: 4px !important;
    background-size: 32px !important;
    margin-right: 40px;
    font-size: 20px !important;
    margin-bottom: 24px !important;
    min-height: 32px;
  }
  .hOpBox .opLogos {
    /* margin-left: -3px; */
    /* margin-right: -3px; */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .hOpBox .opLogos:before {
    content: normal !important;
  }
  .opLogos .xs2,
  .opLogos .sm4 {
    width: 100% !important;
    max-width: 120px;
  }

  .ulTbl .btn {
    float: right;
    margin-left: 5px;
    min-width: 88px !important;
    line-height: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 3px !important;
  }
  .ulTbl,
  .carouselCap .btn {
    float: right;
    margin-left: 5px;
    min-width: 88px !important;
    line-height: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 3px !important;
  }
  #countryData .btn,
  .fsDone {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #ff4a0e !important;
    background-color: #ede9e1 !important;
    background-image: none !important;
    background-position: right 50% !important;
    padding: 0px 4px 0px 4px;
    font-size: 14px !important;
    min-width: 160px !important;
  }

  .hOpBox,
  .hPorBox,
  .hPriBox,
  .hRouBox {
    background: transparent !important;
    margin-bottom: 16px;
    border-left: 0px solid #fff !important;
    border-right: 0px solid #fff !important;
    padding: 16px 16px 16px 16px;
    border-radius: 8px !important;
  }
  #countrySelect .mapTbl ul li,
  .tblR,
  .ulTbl li {
    display: grid !important;
    border-radius: 8px !important;
    margin: 8px 0px 8px 0px !important;
    padding: 0px 8px 0px 16px !important;
  }
  .mapTbl ul li div,
  .ulTbl li div:first-child {
    font-size: 18px;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354 !important;
  }
  .mapTbl ul li div,
  .ulTbl li div {
    font-size: 14px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    white-space: nowrap;
  }

  .box {
    background-color: transparent !important;
    margin-bottom: 0px !important;
    margin: 0 0 8px 0;
    border: none !important;
    border-radius: 8px !important;
  }

  .Ser {
    background: #fff !important;
    margin: 0px !important;
    padding: 8px !important;
    border-radius: 8px 8px 0px 0px !important;
  }
  .rSerFs {
    background: #fff;
    border-top: 0px solid #f7f6f2 !important;
    border-bottom: 4px solid #f7f6f2 !important;
    margin: 0px !important;
    padding: 16px 16px 8px 16px !important;
    display: none;
    border-radius: 8px 8px 0px 0px;
  }
  #divNewFareSearch .btn {
    background-color: #ea5b28;
    line-height: 36px;
    height: 40px;
    font-size: 19px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    width: auto;
  }
  .form-control,
  .fsControl {
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 18px;
    background-color: #f7f6f2 !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
  }

  #dealP .form-control,
  .fsControl {
    display: block;
    width: 100%;
    height: 40px !important;
    line-height: 22px !important;
    background-color: #f7f6f2 !important;
    color: #193354 !important;
    background-image: none;
    border: 2px solid #d3d0c9 !important;
    font-size: 16px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    text-decoration: none;
    padding: 8px 8px 8px 8px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .fs #cal_out,
  .fs #cal_ret {
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: calc(100% - 8px) 50% !important;
    background-repeat: no-repeat !important;
  }
  .fs * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 8px !important;
  }
  .fs tbody {
    align-self: center;
  }
  .fs tbody tr {
    align-self: center;
    display: grid;
    grid-template-columns: 2fr 1fr;
    background-color: #f7f6f2;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 8px;
  }
  .fs tbody tr td {
    align-self: center;
    padding: 0px !important;
    width: 100% !important;
  }
  .fs tbody tr td .form-group {
    align-self: center;
    padding: 0px !important;
  }
  .fs tbody tr td .form-group .form-control {
    background-color: #ede9e1 !important;
    border: none !important;
    margin-right: 8px !important;
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .fs tbody tr td .form-group .select {
    align-self: center;
    padding: 0px !important;
    width: 100% !important;
  }
  .fs label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px !important;
    line-height: 26px;
    font-size: 14px;
  }
  .frm > div > div {
    display: table !important;
    padding: 0 16px 8px 0px !important;
    vertical-align: middle !important;
    margin: 0 0 0px 0 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354;
    font-size: 16px !important;
  }
  .ab2549-onboard-content {
    padding: 16px !important;
  }
  .ab2549-onboard-content .accomm h3,
  .onBoard h3,
  .social h3 {
    margin-bottom: 0;
    padding: 16px 0 16px 48px;
    color: #193354 !important;
    font-size: 24px !important;
    line-heigh: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    margin-bottom: 16px !important;
  }
  .ab2549-onboard-content .onBoard h3 {
    padding-left: 55px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
  }
  .ab2549-onboard-content .social h3 {
    padding-left: 55px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/alert.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
  }

  #divOnboardImg img {
    margin-top: 8px !important;
    margin-bottom: 4px !important;
    padding: 0px !important;
    border-radius: 8px !important;
    max-width: 100%;
  }
  .social {
    padding-left: 24px !important;
    border-left: 0px solid #45b7ed !important;
  }
  .social ul {
    margin-top: 24px !important;
  }
  .social ul li {
    float: left;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    width: 56px !important;
  }
  .social ul li a {
    display: block;
    text-align: center;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding-top: 36px !important;
  }
  .popRouteDiv {
    margin-bottom: 10px;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .popRouteDiv h3 {
    font-size: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    margin: 16px;
  }
  .homepage-routes {
    border: 0px solid #ccc !important;
    padding: 8px 0px 24px 0px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr !important;
    float: inherit !important;
  }
  .homepage-routes li {
    border-right: 0px solid #ede9e1 !important;
    padding: 8px 8px 8px 8px !important;
    background-color: #f7f6f2 !important;
    border-radius: 4px;
    margin: 4px 16px !important;
    text-align: center;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    display: inline-block;
    border-right: 0px solid #ede9e1 !important;
    padding: 8px 8px 8px 8px !important;
    width: auto !important;
    justify-self: stretch;
  }
  .homepage-routes li a {
    font-size: 18px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
    text-decoration: none;
  }
  .homepage-routes :hover {
    border-right: 0px solid #ede9e1 !important;
    padding: 8px 8px 8px 8px !important;
    background-color: #e0f1fa !important;
    border-radius: 4px;
    margin: 4px;
    text-align: center;
  }

  footer .signUp {
    background: #193354 !important;
    padding: 16px 16px !important;
    border-radius: 8px;
    margin: 16px !important;
  }
  footer > div {
    border-top: 0px solid #f7f6f2 !important;
    text-align: center;
    padding: 16px 0 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    border-radius: 0px 0px 8px 8px !important;
    background-size: 4.24px 4.24px !important;
    margin-bottom: 120px;
    display: grid;
    grid-template-rows: auto auto auto;
    background-color: transparent;
  }
  footer .signUp .inputGrpBox {
    color: #fff !important;
    font-size: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 28px;
    margin-bottom: 16px !important;
  }
  footer .signUp .inputGrpBox .btn {
    background-image: none;
    padding: 8px 16px;
    font-size: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    width: 100%;
    border-radius: 8px;
  }
  footer {
    background: transparent !important;
    padding: 0px 0 !important;
    color: #193354 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
  }
  footer .accordion {
    text-align: center;
    clear: both;
    padding: 16px 16px !important;
  }
  footer .accordion h4 {
    color: #193354 !important;
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    cursor: pointer;
    background-position: right -951px;
    display: inline-block;
    margin-bottom: 8px !important;
    padding: 8px 24px 8px 0 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/dropdown.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 50% !important;
  }
  footer .accordion .sm3 a {
    padding: 8px 0 !important;
    color: #193354 !important;
    font-size: 18px !important;
    font-family: "proxima-soft" !important;
  }
  footer .copy {
    color: #193354 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
  }
  footer a {
    color: #193354 !important;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  footer .cards {
    text-align: center;
    padding: 24px 16px !important;
  }
  .cards i {
    background-image: none !important;
    background-repeat: no-repeat;
    display: inline-block;
    height: 38px;
    width: 64px;
    margin: 4px !important;
    padding: 4px !important;
    border-radius: 4px;
    background-position: 0px 0;
    background-size: 64px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  footer .cards .american_express {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/AmericanExpress-card-dark.svg) !important;
  }
  footer .cards .maestro {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Maestro-card-light.svg) !important;
  }
  footer .cards .mastercard {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/MasterCard-card-light.svg) !important;
  }
  footer .cards .paypal {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Paypal-card-light.svg) !important;
  }
  footer .cards .visa {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Visa-card-light.svg) !important;
  }
  footer .cards .visa_electron {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Visa-card-electron-light.svg) !important;
  }
  footer .cards .sofort {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/sofort-card-light.svg) !important;
  }
  footer .cards .postepay {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Postepay-card-light.svg) !important;
  }
  footer .cards .ideal {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Ideal-card-light.svg) !important;
  }
  footer .cards .apple_pay {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/Apple-card-light.svg) !important;
  }
  footer .cards .google_pay {
    background-image: url(https://static.directferries.co.uk/image/payment-icons-master/GooglePay-card-light.svg) !important;
  }

  /* POPUPS */

  .popUp {
    width: 75%;
    max-width: 640px !important;
    z-index: 90000 !important;
    background-color: white;
    border: 0px solid #c9c9c9 !important;
    padding: 0px !important;
    border-radius: 4px !important;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  }
  .popUp .header {
    background-color: #ede9e1 !important;
    color: #193354 !important;
    border: 0px solid #fff !important;
    padding: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;

    font-size: 18px !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  .popUp .content {
    padding: 8px 16px 8px 16px;
    clear: both;
    max-height: 500px !important;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    background: #fff !important;
  }
  .popUp .closeBtn {
    background-position: center -1089px;
    height: 24px !important;
    width: 24px !important;
    position: absolute;
    right: -24px !important;
    top: -24px !important;
    cursor: pointer;
    z-index: 100;
    background: url(https://static.directferries.co.uk/image/ico/white/cancel.svg)
      no-repeat left center !important;
    background-repeat: no-repeat;
  }
  .popUpForm {
    width: 80%;
    margin: 16px auto;
  }
  .headerHlp .hlp {
    border-left: 0px solid #fff;
    width: 24px;
    position: relative;
  }
  .headerHlp > div {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 5px;
  }

  /* ===LANDING-ROUTE PORT FINDER=== */

  #RouteMain #pnlMain {
    padding-top: 16px !important;
  }
  #RouteMain .intTxt {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }
  #RouteMain .intTxt h1 {
    color: #193354 !important;
    margin-top: 8px !important;
    margin-bottom: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    background: none !important;
    background-repeat: no-repeat;
    background-size: 32px !important;
  }
  #RouteMain .intTxt p {
    color: #193354 !important;
    margin-bottom: 16px !important;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  #RouteMain .rptPtLst h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 24px !important;
    margin-top: 8px !important;
    margin-bottom: 32px !important;
  }
  #RouteMain .tabPane .rtTbl {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-row-gap: 16px;
  }
  #RouteMain .tabCon > .active {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 16px 16px 32px 16px !important;
    background-color: #ede9e1 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    margin: 0px !important;
    color: #193354 !important;
    position: relative;
    top: 0px;
  }
  #RouteMain .tabs {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 8px;
  }
  #RouteMain .tabs li:first-child {
    border: none;
  }
  #RouteMain .tabs li.active {
    background: #ede9e1 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0px !important;
  }
  #RouteMain .tabs li.active a {
    display: block;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background: none !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #RouteMain .tabs li a {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 0px;
    background: none !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #RouteMain .tabs li {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    border-left: 0px solid #ccc !important;
    background: #f7f6f2 !important;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    margin: 0px !important;
    width: 100% !important;
    justify-self: stretch;
  }
  #RouteMain .rtTbl > li {
    margin-bottom: 16px !important;
    margin: 0px !important;
    padding-bottom: 8px !important;
    border-bottom: 0px solid #45b7ed;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #RouteMain .rtTbl ul {
    display: grid;
    width: 100%;
    grid-template-rows: 1fr 1fr 1fr;
    margin-top: 8px !important;
  }
  #RouteMain .rtTbl ul > li.sa {
    padding: 8px 24px 8px 32px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #RouteMain .rtTbl ul > li.du {
    padding: 8px 24px 8px 32px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #RouteMain .rtTbl ul > li.lk .btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #ff4a0e !important;
    background-color: #ede9e1 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 8px 16px 8px 16px;
    font-size: 14px !important;
    float: none;
    width: 100%;
  }
  #RouteMain .rtTbl ul > li:first-child {
    width: 100% !important;
  }
  #RouteMain .rtTbl > li a {
    background-color: transparent;
    color: #0070aa;
    text-decoration: none;
    font-size: 18px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }

  #RouteMain .portLst > ul > li,
  .smPortLst > ul > li {
    margin-bottom: 16px !important;
    /* margin: 8px !important; */
    padding-bottom: 12px !important;
    border-bottom: 0px solid #45b7ed;
    background-color: #fff;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    display: grid;
    grid-template-rows: auto 1fr;
  }
  #RouteMain .portLst > ul > li > a,
  .smPortLst > ul > li > a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    margin-bottom: 4px;
    display: inline-block;
  }
  #RouteMain .portLst > ul > li > ul,
  .smPortLst > ul > li > ul {
    margin-left: 0px;
    display: grid;
    width: 100%;
    margin-top: 8px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-column: 1 / span 1;
  }
  #RouteMain .portLst > ul > li > ul > li {
    width: 100%;
    padding: 12px 24px 12px 32px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/port.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 20px !important;
  }
  #RouteMain .portLst > ul > li > ul > li a {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #193354 !important;
  }
  #RouteMain .portLst > ul > li > a > img,
  .smPortLst > ul > li > a > img {
    margin-right: 16px !important;
    margin-top: 0px !important;
    border: solid 0px #e6e6e6 !important;
    width: 32px !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #RouteMain .ab-route-banner.ab-route-banner--england {
    background: url(https://static.directferries.co.uk/image/ab/banners/england.jpg)
      no-repeat 0px -180px;
  }
  #RouteMain .ab-route-banner .con.noBanner {
    position: relative;
  }
  #RouteMain .ab-route-banner .countryHeader {
    position: relative;
    opacity: 1;
    font-size: 80px;
    color: #fff;
    left: 8%;
    top: 0%;
    -webkit-mask-image: linear-gradient(
      -75deg,
      rgba(0, 0, 0, 0.6) 30%,
      #000 50%,
      rgba(0, 0, 0, 0.6) 70%
    );
    -webkit-mask-size: 200%;
    animation: shine 2s infinite ease-in;
    text-transform: uppercase;
    line-height: 120px;
  }
  #RouteMain .ab-route-banner span.ab-route-banner--subheader {
    font-size: 28px;
    color: #fff;
    letter-spacing: normal !important;
    font-weight: 700 !important;
    left: 8%;
    position: relative;
    text-transform: uppercase;
    line-height: 24px;
    top: 20%;
  }

  /* ===LANDING-OPERATORS=== */

  .Breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    margin-bottom: 16px;
  }
  .Breadcrumbs a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }

  #FerryOperatorMain #pnlMain {
    padding-top: 32px !important;
  }
  #FerryOperatorMain .intTxt {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }
  #FerryOperatorMain .intTxt h1 {
    color: #193354 !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    background: none !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #FerryOperatorMain .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    padding-right: 0px;
  }

  #FerryOperatorMain .opList h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 24px !important;
    margin-top: 8px !important;
    margin-bottom: 32px !important;
  }
  #FerryOperatorMain .opList ul {
    margin: 0;
    background-color: #ede9e1 !important;
    border-radius: 8px;
    padding: 16px;
    border-top: 0px solid #e6e6e6;
  }
  #FerryOperatorMain .opList .rtTbl {
    margin: 0;
    background-color: #fff !important;
    border-radius: 8px;
    padding: 8px;
  }
  #FerryOperatorMain .opList > ul > li {
    border-bottom: 0px solid #45b7ed;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 16px;
    display: grid;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    grid-template-rows: auto;
    grid-template-columns: auto;
  }
  #FerryOperatorMain .opList > ul > li > div {
    vertical-align: middle;
    align-self: center;
    padding: 16px;
  }
  #FerryOperatorMain .opList > ul > li > .opMore {
    padding: 8px;
    grid-column: 1;
    margin-left: 0px;
  }
  #FerryOperatorMain .opList > ul > li > div:first-child a {
    width: 160px !important;
    margin-right: 0px !important;
  }
  #FerryOperatorMain .opList > ul > li > div img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  #FerryOperatorMain .opList .rtTbl > li {
    margin: 0;
    background-color: #e0f1fa !important;
    border-radius: 8px;
    padding: 8px;
    border-bottom: 0px solid #e6e6e6;
    margin-bottom: 8px;
    display: grid;
    grid-template-rows: auto auto 1fr;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #FerryOperatorMain .opList .rtTbl > li a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 16px 16px 0px 16px;
    align-self: center;
  }
  #FerryOperatorMain .opList .rtTbl > li ul {
    margin: 0;
    background-color: transparent !important;
    border-radius: 8px;
    padding: 0px;
    display: grid;
    grid-template-rows: auto 1fr auto;
  }
  #FerryOperatorMain .opList .rtTbl > li ul .sa {
    padding: 8px 24px 8px 32px;
    width: 200px !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #FerryOperatorMain .opList .rtTbl > li ul .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #FerryOperatorMain .opList .rtTbl > li ul .lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
  }
  #FerryOperatorMain .opList .rtTbl > li ul .lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }

  #FerryOperatorMain .opList .det h4 {
    color: #193354 !important;
    margin-top: 0px !important;
    margin-bottom: 8px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 28px !important;
  }
  #FerryOperatorMain .opList .det p {
    margin: 0;
    font-size: 18px !important;
    line-height: 22px !important;
  }
  #FerryOperatorMain .opList .det .ex {
    display: inline-block;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: #0070a0;
    cursor: pointer;
    border-radius: 4px !important;
    background-color: #ede9e1 !important;
    background-image: none;
    background-position: right 50% !important;
    padding: 8px !important;
    margin-right: 8px !important;
    margin-top: 16px !important;
  }
  #FerryOperatorMain .opList h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    margin-top: 40px !important;
    margin-bottom: 32px !important;
  }

  /* ===LANDING-COUNTRIES=== */

  #DestinationMain #pnlMain {
    padding-top: 0 !important;
  }
  #DestinationMain .intTxt {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }
  #DestinationMain .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    background: noner !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #DestinationMain .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  #DestinationMain .intTxt img {
    display: none !important;
    margin: 0 auto 18px;
    border-radius: 8px;
    content: url(https://static.directferries.co.uk/images/compass.jpg);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    display: block;
    max-width: 100%;
    height: auto;
  }
  #DestinationMain .dests ul {
    display: grid;
    grid-column-gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
  #DestinationMain .dests li {
    width: 100%;
    margin-bottom: 14px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #f7f6f2 !important;
    justify-self: stretch;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #DestinationMain .dests .divTbl {
    border: 0px solid #e6e6e6;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 4fr;
  }
  #DestinationMain .dests .img {
    width: auto !important;
    padding-right: 0px !important;
  }
  #DestinationMain .dests img {
    height: auto;
    width: 120px;
    display: block;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  #DestinationMain .dests .det {
    padding: 8px;
    position: relative;
    grid-template-rows: auto auto auto;
  }
  #DestinationMain .dests .det a:first-child {
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }
  #DestinationMain .dests .det p {
    text-decoration: none;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    color: #193354 !important;
    margin-top: 8px !important;
    margin-bottom: 24px;
  }
  #DestinationMain .dests .det .btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #ff4a0e !important;
    background-color: #ede9e1 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 8px 4px 8px;
    font-size: 14px !important;
    position: relative;
    align-self: end;
    width: 50%;
    float: right;
  }

  /* ===LANDING-DESTINATION=== */

  #DestinationInd {
    background-color: #fff;
  }
  #DestinationInd .Breadcrumbs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #DestinationInd .Breadcrumbs a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 16px !important;
  }
  #DestinationInd .banner {
    background-size: cover !important;
    background-position: 50% !important;
    margin-bottom: 15px !important;
  }
  #DestinationInd .ab-route-banner {
    padding: 24px 24px 24px 24px !important;
    position: relative;
    height: 560px;
    margin-bottom: 15px;
    background-position: top center;
    display: grid;
    grid-template-rows: 60px 120px 1fr;
    background-size: cover !important;
  }
  #DestinationInd .ab-route-banner .countryHeader {
    position: initial;
    opacity: 1 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px;
    line-height: 80px;
    color: #fff;
    width: 100%;
    text-align: center;
    -webkit-mask-image: none !important;
    -webkit-mask-size: 100% !important;
    animation: none !important;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  #DestinationInd .ab-route-banner span.ab-route-banner--subheader {
    position: initial;
    opacity: 1 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 80px;
    line-height: 80px;
    color: #fff;
    width: 100%;
    text-align: center;
    -webkit-mask-image: non !important;
    -webkit-mask-size: 100% !important;
    animation: none !important;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  #DestinationInd .abError {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    background-color: #fad5cf !important;
    border: 0px solid #f10103 !important;
    color: #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    background: url(https://static.directferries.co.uk/image/sw-2.png) no-repeat
      8px 16px #fad5cf;
    padding-left: 42px;
    color: #f00305 !important;
    font-size: 16px !important;
    background-image: url(https://static.directferries.co.uk/image/sw-2-animated.gif) !important;
  }
  #DestinationInd .abError span {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    line-height: 20px !important;
    display: inline-block;
    margin-top: 2px !important;
  }
  #DestinationInd .whyUseDF h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    color: #193354 !important;
    margin-top: 8px !important;
    margin-bottom: 32px !important;
    padding-left: 54px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
  }
  #DestinationInd .newCountry .countryCol .opRoutes {
    display: grid;
    background: #e0f1fa !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-top: 24px;
    margin-bottom: 40px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #DestinationInd .newCountry .countryCol .opRoutes h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 24px !important;
  }
  #DestinationInd .opTbl {
    display: grid;
    grid-row-gap: 8px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #DestinationInd .opTbl > li {
    display: grid;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    transition: ease-out 0.2s;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #DestinationInd .opTbl > li:hover {
    background-color: #fff;
    border-radius: 8px;
  }

  #DestinationInd .newCountry .opTbl > li > div {
    border-top: 0px solid #45b7ed !important;
    border-bottom: none;
    height: auto !important;
    align-self: center;
    display: grid !important;
    vertical-align: middle !important;
    margin-bottom: 0px !important;
    border-bottom: 0px solid #45b7ed !important;
    height: auto !important;
    padding: 8px !important;
  }
  #DestinationInd .newCountry .opTbl > li > div:first-child a {
    display: grid !important;
  }
  #DestinationInd .newCountry .opTbl > li > div:first-child img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    place-self: center;
  }
  #DestinationInd .opTbl ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-template-rows: auto;
  }
  #DestinationInd .opTbl > li > div {
    display: table;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center;
    height: 100% !important;
  }
  #DestinationInd .opTbl > li > div > ul > li:first-child {
    display: grid !important;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-template-rows: auto;
  }
  #DestinationInd .newCountry .opTbl .sa {
    padding: 8px 24px 8px 32px;
    width: 200px !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
  }
  #DestinationInd .newCountry .opTbl .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
  }
  #DestinationInd .newCountry .opTbl .lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
  }
  #DestinationInd .newCountry .opTbl .lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }

  #DestinationInd .countryCol > div > div > div.reviewSum {
    margin-bottom: 40px;
    display: grid;
  }
  #DestinationInd .countryCol > div > div > div.reviewSum h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #45b7ed !important;
    margin-top: 8px;
    margin-bottom: 24px;
  }
  #DestinationInd .countryCol > div > div > div.reviewSum .ulTbl {
    display: grid;
    grid-row-gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #DestinationInd .countryCol > div > div > div.reviewSum .ulTbl li {
    display: grid !important;
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    margin: 0px !important;
    padding: 16px !important;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  }
  #DestinationInd .hreview > div {
    border-top: 0px solid #45b7ed;
    border-bottom: none;
    padding: 0 !important;
    vertical-align: middle !important;
    height: fit-content !important;
  }
  #DestinationInd .hreview .stars {
    justify-self: end;
  }
  #DestinationInd .hreview .summary {
    margin: 0px !important;
    padding: 0 !important;
    text-transform: capitalize;
    line-height: 22px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    white-space: normal;
  }
  #DestinationInd .hreview .more {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
  }

  #DestinationInd .oBox {
    background: #ff4a0e !important;
    padding: 16px;
    border-radius: 8px;
    margin: 0 0 40px 0;
  }
  #DestinationInd .oBox > div {
    /* height: 200px; */
  }
  #DestinationInd .oBox > div ul {
    position: relative;
    float: none;
    margin: 0;
  }
  #DestinationInd .oBox > div ul li {
    background-color: transparent !important;
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    margin: 8px 0px 8px 0px !important;
    padding: 0 !important;
  }
  #DestinationInd .oBox .ulTbl a {
    white-space: normal !important;
  }
  #DestinationInd .oBox .btn {
    float: right;
    margin-left: 5px;
    min-width: 88px !important;
    line-height: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 4px !important;
    background-color: #fff !important;
    color: #193354;
    font-size: 12px;
  }

  #DestinationInd .newCountry .countryOnboard {
    background: #e0f1fa;
    padding: 16px;
    border-radius: 8px;
  }
  #DestinationInd .newCountry .countryOnboard .rImg,
  .tblOp img,
  .bImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }

  #DestinationInd .newCountry .countryOnboard h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
  }
  #DestinationInd .newCountry .countryOnboard .btn {
    background-color: #193354 !important;
  }

  #DestinationInd .tabs {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
  }
  #DestinationInd .tabs li:first-child {
    border: none;
  }
  #DestinationInd .tabs li.active {
    background: #ede9e1 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0px !important;
  }
  #DestinationInd .tabs li.active a {
    display: block;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/selected.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #DestinationInd .tabs li a {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 16px 24px 16px 40px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/unselected.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #DestinationInd .tabs li {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    border-left: 0px solid #ccc !important;
    background: #f7f6f2 !important;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    margin: 0px !important;
    width: 100% !important;
    justify-self: stretch;
  }
  #DestinationInd .tabPane .rtTbl {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  #DestinationInd .tabCon > .active {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 16px 16px 32px 16px !important;
    background-color: #ede9e1 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    margin: 0px !important;
    color: #193354 !important;
    position: relative;
    top: 0px;
  }
  .c2cTbl > li {
    display: grid !important;
    width: 100%;
    border-bottom: 2px solid #e6e6e6;
    padding: 10px 0;
  }
  .c2cTbl > li > div {
    display: grid !important;
    width: 100%;
    grid-row-gap: 8px;
  }
  #DestinationInd .c2cTbl > li > div > div {
    display: table;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #DestinationInd .c2cTbl > li > div:first-child {
    width: 100%;
  }
  #DestinationInd .c2cTbl > li > div > a {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  .c2cTbl .op {
    width: 200px;
    align-self: center;
  }
  #DestinationInd .newCountry .c2cTbl .sa {
    padding: 8px 24px 8px 32px;
    width: 200px !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #DestinationInd .newCountry .c2cTbl .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #DestinationInd .newCountry .c2cTbl .lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
  }
  #DestinationInd .newCountry .c2cTbl .lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #ff4a0e !important;
    background-color: #f7f6f2 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }

  #DestinationInd .c2cTbl > li > div > div > ul:first-child {
    border-top: 0px solid #e6e6e6;
    padding-top: 5px;
  }
  #DestinationInd .c2cTbl > li > div > div > ul {
    display: grid;
    border-bottom: 0px solid #e6e6e6;
    padding-bottom: 0px;
    margin-bottom: 0px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #DestinationInd .rtSum .accordion h4 {
    cursor: pointer;
    border-top: 0px solid #45b7ed !important;
    margin: 0;
    padding: 16px 24px 16px 0px;
  }
  .rtSum .accordion {
    border-bottom: 0px solid #45b7ed !important;
  }

  /* ===LANDING-COUNTRIES TO COUTRIES=== */

  #CountryToCountryInd #pnlMain {
    padding-top: 0 !important;
  }
  #CountryToCountryInd .intTxt {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }
  #CountryToCountryInd .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    background: noner !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #CountryToCountryInd .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  #CountryToCountryInd .intTxt img {
    display: none !important;
    margin: 0 auto 18px;
    border-radius: 8px;
    content: url(https://static.directferries.co.uk/images/compass.jpg);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    display: block;
    max-width: 100%;
    height: auto;
  }
  #CountryToCountryInd .rouGrpOps {
    width: 100%;
    border-bottom: 0px solid #64b6e6;
    margin: 0px 0 8px;
    padding: 0 0 8px;
  }
  #CountryToCountryInd .rouGrpOps > li {
    display: grid;
    grid-template-columns: 1fr 5fr;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    transition: ease-out 0.2s;
    background: #e0f1fa !important;
    padding: 8px !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #CountryToCountryInd .rouGrpOps {
    width: 100%;
    border-bottom: 0px solid #64b6e6;
    margin: 0px 0 8px;
    padding: 0;
  }
  #CountryToCountryInd .rouGrp > div {
    padding: 16px 0 16px;
  }
  #CountryToCountryInd .rouGrp > div a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-size: 18px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #CountryToCountryInd .rouGrpOps > li {
    display: grid;
    grid-template-rows: auto;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    background: #e0f1fa !important;
    padding: 16px !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    grid-row-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #CountryToCountryInd .rouGrpOps > li > div {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0px;
    padding: 0px;
    align-self: center;
    grid-row: 2;
  }
  #CountryToCountryInd .rouGrpOps > li > div:first-child {
    width: 160px;
    padding: 0px;
    margin-bottom: 0px;
    grid-row: 1;
  }
  #CountryToCountryInd .rouGrpOps > li > div:first-child a {
    background: #fff;
    width: 120px;
    height: 55px;
    padding: 0;
    border-radius: 5px;
    display: table-cell;
    vertical-align: middle;
  }
  #CountryToCountryInd .rouGrpOps > li > div:first-child img {
    max-height: 56px;
    width: 100%;
  }
  #CountryToCountryInd .rouGrpOps > li > div > ul {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-rows: 1fr auto;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #CountryToCountryInd .rouGrpOps > li > div > ul > li {
    align-self: center;
  }
  #CountryToCountryInd .rouGrpOps > li > div > ul > li a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-size: 20px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #CountryToCountryInd .rouGrpOps > li .lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
  }
  #CountryToCountryInd .rouGrpOps > li .lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }

  /* ===LANDING-OPERATOR PAGE=== */

  #FerryOperatorInd .intTxt {
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 40px;
    padding-bottom: 8px;
    width: 100%;
  }
  #FerryOperatorInd .intTxt .rowH {
    display: grid;
    grid-template-rows: auto 3fr;
    grid-template-areas:
      "logo"
      "opDescription";
    grid-template-columns: 1fr;
  }
  #FerryOperatorInd .intTxt .rowH > div:nth-child(1) {
    grid-area: logo;
    width: 100%;
    place-self: start;
    justify-self: center;
    padding: 0px !important;
    margin: 0px !important;
  }
  #FerryOperatorInd .intTxt .rowH > div:nth-child(2) {
    grid-area: opDescription;
    width: 100%;
  }
  #FerryOperatorInd .intTxt h1 {
    color: #193354 !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    /* background: url(https://static.directferries.co.uk/image/ico/light-blue/shopping.svg) no-repeat left 0px center !important; */
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #FerryOperatorInd .intTxt p.opReview {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    padding-right: 0px;
  }

  #FerryOperatorInd .intTxt img {
    display: block;
    margin: auto;
    max-width: 100%;
    padding: 24px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin-top: 8px;
  }

  #FerryOperatorInd #divRoutes.opRoutes h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 16px !important;
  }
  #FerryOperatorInd #divRoutes.opRoutes li {
    background-color: #f7f6f2 !important;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 0px;
  }
  #FerryOperatorInd #divRoutes.opRoutes li h5 {
    display: block;
    font-weight: 700;
    color: #193354;
    font-size: 18px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    cursor: pointer;
    background-color: transparent;
    background-position: 98% -1488px;
    margin-bottom: 0;
    padding: 0;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl {
    display: grid;
    grid-row-gap: 16px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0px !important;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    grid-template-rows: auto auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding: 16px 16px 0px 16px !important;
    background-color: #e0f1fa !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin-top: 16px;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li a {
    background-color: transparent;
    font-size: 20px !important;
    line-height: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #0070aa !important;
    text-decoration: none;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li a:nth-child(1) {
    grid-column: 1;
    margin-bottom: 8px;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li a:nth-child(1):after {
    grid-column: 2;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li a:nth-child(2) {
    grid-column: 3;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li > ul {
    display: grid;
    width: 100%;
    grid-row: 3 / span 2;
    grid-column: 1 / span 3;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li > ul .sa {
    padding: 8px 24px 8px 32px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    width: 100% !important;
    align-self: center;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li > ul .du {
    padding: 8px 24px 8px 32px;
    width: 100% !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li > ul .lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 16px 0 !important;
    padding: 0 !important;
    align-self: center;
    grid-column: 1 / span 2;
  }
  #FerryOperatorInd #divRoutes.opRoutes .rtTbl > li > ul .lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain > div {
    margin-bottom: 40px;
    display: grid;
    padding: 0px;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #45b7ed !important;
    margin-top: 8px;
    margin-bottom: 24px;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl {
    display: grid;
    grid-row-gap: 8px;
    width: 100% !important;
    margin: 0;
    padding: 0;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl li {
    display: grid !important;
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    margin: 0px !important;
    padding: 16px !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl li > div:nth-child(1) {
    border-top: 0px solid #45b7ed;
    border-bottom: none;
    padding: 0 !important;
    vertical-align: middle !important;
    height: fit-content !important;
    margin-bottom: 0px;
    justify-self: start;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl li > div {
    border-top: 0px solid #45b7ed;
    border-bottom: none;
    padding: 0 !important;
    vertical-align: middle !important;
    height: fit-content !important;
    margin-bottom: 0px;
    justify-self: end;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl li .summary {
    margin: 0px !important;
    padding: 0 !important;
    text-transform: capitalize;
    line-height: 22px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    white-space: normal;
  }
  #FerryOperatorInd #shipReviews_divReviewsMain .ulTbl li .more {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
  }
  #FerryOperatorInd .oBox {
    background: #ff4a0e !important;
    padding: 16px;
    border-radius: 8px;
    margin: 0;
  }
  #FerryOperatorInd .oBox > div {
    /* height: 200px; */
  }
  #FerryOperatorInd .oBox > div ul {
    position: relative;
    float: none;
    margin: 0;
  }
  #FerryOperatorInd .oBox > div ul li {
    background-color: transparent !important;
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    margin: 8px 0px 8px 0px !important;
    padding: 0 !important;
  }
  #FerryOperatorInd .oBox .ulTbl a {
    white-space: normal !important;
  }
  #FerryOperatorInd .oBox .btn {
    float: right;
    margin-left: 5px;
    min-width: 88px !important;
    line-height: 28px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background-image: url(https://static.directferries.co.uk/image/ico/dark-blue/arrow-right.svg) !important;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 4px !important;
    background-color: #fff !important;
    color: #193354;
    font-size: 12px;
  }
  #FerryOperatorInd #divAlternatives {
    display: grid;
    grid-column-gap: 16px;
    background-color: #daf0fb !important;
    border-radius: 8px;
    padding: 8px 16px 8px 16px;
    margin: 0;
  }
  #FerryOperatorInd #divAlternatives h4 {
    padding: 16px 24px 16px 0;
    border-bottom: 0px solid #45b7ed;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354;
    font-size: 18px;
    flex-flow: wrap;
  }
  #FerryOperatorInd #divAlternatives .ulTbl {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-row-gap: 8px;
  }
  #FerryOperatorInd #divAlternatives .ulTbl > li {
    background-color: #fff !important;
    border-radius: 8px;
    display: grid !important;
    grid-template-rows: 0fr auto !important;
    grid-template-columns: auto !important;
    margin: 8px 0px 8px 0px !important;
    padding: 0 !important;
  }
  #FerryOperatorInd #divAlternatives .ulTbl > li div:first-child {
    padding: 8px;
    grid-row: 2;
  }
  #FerryOperatorInd #divAlternatives .ulTbl > li div:first-child a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px;
    white-space: normal;
  }
  #FerryOperatorInd #divAlternatives .ulTbl > li .altImg {
    width: 160px;
    align-self: center;
    margin-top: 16px;
  }
  #FerryOperatorInd #divPorts {
    margin: 0;
  }
  #FerryOperatorInd #divPorts h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 16px !important;
  }
  #FerryOperatorInd .tabs {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
  }
  #FerryOperatorInd .tabs li:first-child {
    border: none;
  }
  #FerryOperatorInd .tabs li {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    border-left: 0px solid #ccc !important;
    background: #f7f6f2 !important;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    margin: 0px !important;
    width: 100% !important;
    justify-self: stretch;
  }
  #FerryOperatorInd .tabs li.active {
    background: #ede9e1 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin: 0px !important;
  }
  #FerryOperatorInd .tabs li a {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 8px 0;
    background: none;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #FerryOperatorInd .tabs li.active a {
    display: block;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    background: none;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #FerryOperatorInd .tabCon > .active {
    display: block;
    font-size: 14px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    padding: 16px 16px 16px 16px !important;
    background-color: #ede9e1 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    margin: 0px !important;
    color: #193354 !important;
    position: relative;
    top: 0px;
  }
  #FerryOperatorInd .smPortLst {
    padding-top: 8px;
  }
  #FerryOperatorInd .smPortLst ul {
    display: grid;
    grid-row-gap: 8px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0px !important;
  }
  #FerryOperatorInd .smPortLst ul > li {
    border-bottom: 0px solid #45b7ed;
    background-color: #fff;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 3fr 2fr;
  }
  #FerryOperatorInd .smPortLst ul > li a {
    display: grid;
    grid-template-columns: auto 1fr;
    align-self: center;
    font-size: 18px;
    padding: 8px 0;
  }
  #FerryOperatorInd .smPortLst ul > li > ul {
    border-bottom: 0px solid #45b7ed;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    display: grid;
  }
  #FerryOperatorInd .smPortLst ul > li > ul > li {
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/port.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    padding: 4px 8px 4px 32px;
    font-size: 16px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
  }
  #FerryOperatorInd #divOpShips.opShips {
    margin-top: 32px;
    margin-bottom: 32px !important;
  }
  #FerryOperatorInd #divOpShips.opShips h2 {
    margin-bottom: 16px !important;
  }
  #FerryOperatorInd #divOpShips.opShips > div {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-row-gap: 16px;
  }
  #FerryOperatorInd #divOpShips.opShips > div > div {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #FerryOperatorInd .opShips .ovlyS {
    position: relative;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #FerryOperatorInd .opShips .ovlyS .rImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  #FerryOperatorInd .opShips .ovlyTxt {
    background-color: #0070a0;
    opacity: 1;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 8px;
  }

  /* ===LANDING-ROUTE=== */

  #RouteInd .banner {
    background-size: cover !important;
    background-position: 50% !important;
    margin-bottom: 16px !important;
  }
  #RouteInd .ab-route-banner {
    padding: 0px !important;
    position: relative;
    height: auto;
    margin-bottom: 15px;
    background-position: top center;
    display: grid;
    grid-template-rows: auto auto auto;
    background-size: cover !important;
  }
  #RouteInd .ab-route-banner .countryHeader {
    position: initial;
    opacity: 1 !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    width: 100%;
    text-align: center;
    -webkit-mask-image: none !important;
    -webkit-mask-size: 100% !important;
    animation: none !important;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: block;
    padding: 8px 8px 8px 8px;
  }
  #RouteInd .ab-route-banner span.ab-route-banner--subheader {
    position: initial;
    opacity: 1 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    width: 100%;
    text-align: center;
    -webkit-mask-image: non !important;
    -webkit-mask-size: 100% !important;
    animation: none !important;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: block;
    padding: 0px 8px 16px 8px;
  }

  #RouteInd .abError {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 18px !important;
    display: block;
    background-color: #fad5cf !important;
    border: 0px solid #f10103 !important;
    color: #f10103 !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    line-height: 20px !important;
    padding-left: 48px !important;
    border-radius: 8px !important;
    background: url(https://static.directferries.co.uk/image/sw-2.png) no-repeat
      8px 16px #fad5cf;
    padding-left: 42px;
    color: #f00305 !important;
    font-size: 16px !important;
    background-image: url(https://static.directferries.co.uk/image/sw-2-animated.gif) !important;
  }
  #RouteInd .abError span {
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354;
    font-size: 16px !important;
    line-height: 20px !important;
    display: inline-block;
    margin-top: 2px !important;
  }
  #RouteInd .whyUseDF h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    color: #193354 !important;
    margin-top: 8px !important;
    margin-bottom: 32px !important;
    padding-left: 54px;
    background: url(https://static.directferries.co.uk/image/ico/light-blue/ship.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
  }
  #divRouteAlternatives .ulTbl li {
    align-self: center;
    background-color: transparent !important;
    white-space: normal;
    grid-template-columns: auto !important;
  }
  #divRouteAlternatives .ulTbl li div {
    font-size: 16px;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354 !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    margin: 8px 0px 8px 0px !important;
    padding: 0px 8px 0px 16px !important;
  }
  #divRouteAlternatives .ulTbl li div:first-child {
    font-size: 18px !important;
    line-height: 20px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354 !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    margin: 8px 0px 8px 0px !important;
    padding: 4px 8px 4px 16px !important;
    white-space: normal;
  }

  #divRouteAlternatives .alts > div > ul > li > div,
  .alts > ul > li > div {
    border-bottom: 0px solid #45b7ed !important;
    border-top: 0px solid #45b7ed !important;
    margin: 8px 0px 8px 0px !important;
    padding: 0px 8px 0px 16px !important;
    padding-left: 55px;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/return.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
  }
  #RouteInd .newRoute .routeCol {
    background: #fff !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
  }
  #RouteInd .newRoute .routeCol .opRoutes {
    background: #e0f1fa !important;
    padding: 16px !important;
    border-radius: 8px !important;
    margin-bottom: 40px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #RouteInd .newRoute .routeCol .opRoutes .opTbl > li {
    display: grid;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    transition: ease-out 0.2s;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #RouteInd .opTbl > li > div {
    display: table-cell;
    vertical-align: middle !important;
    margin-bottom: 0px !important;
    border-bottom: 0px solid #45b7ed !important;
    height: auto !important;
    padding: 0px !important;
    margin-top: 8px;
  }
  #RouteInd .newRoute .opTbl > li > div:first-child {
    padding: 0 !important;
  }
  #RouteInd .opTbl {
    display: grid;
    grid-row-gap: 8px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #RouteInd .opTbl > li > div > ul {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-template-rows: auto;
  }
  #RouteInd .opTbl > li > div > ul > li {
    display: grid !important;
    vertical-align: middle;
    align-self: center;
    grid-row: auto;
    grid-template-rows: auto;
  }
  #RouteInd .newRoute .opTbl > li > div {
    border-top: 0px solid #45b7ed !important;
    border-bottom: none;
    height: auto !important;
    align-self: center;
  }
  #RouteInd .newRoute .routeCol .opRoutes h2 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
    margin-bottom: 16px !important;
  }
  #RouteInd .newRoute .routeCol .opRoutes .opTbl .sa {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    display: block;
  }
  #RouteInd .newRoute .routeCol .opRoutes .opTbl .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    display: block;
  }
  #RouteInd .newRoute .routeCol .opRoutes .opTbl > li > div > ul > li.lk {
    display: grid !important;
    width: 100% !important;
    margin: 16px 0 0px 0 !important;
    padding: 0 !important;
    align-self: center;
  }

  #RouteInd .newRoute .routeCol .opRoutes .opTbl > li > div > ul > li.lk .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 4px 16px 4px 16px;
    font-size: 14px !important;
  }
  #RouteInd .newRoute .routeCol > div > div > div.reviewSum {
    margin-bottom: 40px;
    display: grid;
  }
  #RouteInd .newRoute .routeCol > div > div > div.reviewSum h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    color: #45b7ed !important;
    margin-top: 8px;
    margin-bottom: 24px;
  }
  #RouteInd .newRoute .routeCol > div > div > div.reviewSum .ulTbl {
    display: grid;
    grid-row-gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #RouteInd .newRoute .routeCol > div > div > div.reviewSum .ulTbl li {
    display: grid !important;
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    margin: 0px !important;
    padding: 16px !important;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  }
  #RouteInd .newRoute .hreview > div {
    border-top: 0px solid #45b7ed;
    border-bottom: none;
    padding: 0 !important;
    vertical-align: middle !important;
  }
  #RouteInd .newRoute .hreview .summary {
    margin: 0px !important;
    padding: 0 !important;
    text-transform: capitalize;
    line-height: 22px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    white-space: normal;
  }
  #RouteInd .newRoute .hreview .more {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
  }
  #RouteInd .newRoute .intTxt {
    border-bottom: none;
    margin-bottom: 0 !important;
  }
  #RouteInd .newRoute .intTxt h1 {
    line-height: 32px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    margin-bottom: 24px !important;
  }
  #RouteInd .newRoute .intTxt p {
    line-height: 24px;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 18px !important;
  }
  #RouteInd .newRoute .intTxt a {
    line-height: 28px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 20px !important;
  }
  #RouteInd #divOpShips.opShips > div {
    /* grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); */
    display: grid;
  }
  #RouteInd #divOpShips.opShips > div > div {
    width: 100%;
  }
  #RouteInd .opShips .ovlyS {
    position: relative;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #RouteInd .opShips .ovlyS .rImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  #RouteInd .opShips .ovlyTxt {
    background-color: #0070a0;
    opacity: 1;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 8px;
  }
  #RouteInd .opShips .ovlyS .tbl > span {
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
  }

  /* ===LANDING-PORT=== */

  #PortInd .intTxt {
    display: grid;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 40px;
    width: 100%;
  }
  #PortInd .intTxt h1 {
    line-height: 26px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 24px !important;
    margin-top: 24px !important;
  }
  #PortInd .intTxt p {
    line-height: 22px;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 18px !important;
  }
  #PortInd #divServices {
    background: #fff !important;
    padding: 0px !important;
    border-radius: 8px !important;
    margin-bottom: 24px !important;
  }
  #PortInd #divServices h3 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 16px !important;
  }
  #PortInd .rouGrpOps {
    display: grid;
    grid-row-gap: 16px;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    margin: 8px 0 16px;
    padding: 0 0 8px;
  }
  #PortInd .rouGrp > div {
    padding: 8px;
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 18px !important;
  }
  #PortInd .rouGrpOps > li {
    display: grid;
    width: 100%;
    border-bottom: 0px solid #45b7ed;
    grid-template-rows: auto auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding: 8px !important;
    background-color: #e0f1fa !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li > div:first-child {
    max-width: 140px;
    /* padding: 0px 0px 0px 0px; */
    width: 100%;
  }
  #PortInd .rouGrpOps > li > div:first-child a {
    background: #fff;
    width: 100%;
    height: 56px;
    padding: 0;
    border-radius: 8px;
    display: grid;
    vertical-align: middle;
    align-self: center;
  }
  #PortInd .rouGrpOps > li > div:first-child a img {
    max-height: 56px;
    place-self: center;
  }
  #PortInd .rouGrpOps > li > div {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li > div > ul {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li > div > ul > li {
    display: grid;
    vertical-align: middle;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li .sa {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
    margin-top: 8px;
  }
  #PortInd .rouGrpOps > li .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #PortInd .rouGrpOps > li > div > ul > li:nth-child(2) {
    display: grid;
    vertical-align: middle;
    grid-template-columns: 1fr;
  }
  #PortInd .rouGrpOps > li > div > ul > li:nth-child(2) .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 0px 16px 0px 16px;
    font-size: 14px !important;
    line-height: 36px;
    margin: 16px 0 8px 0;
  }
  #PortInd .rouGrpOps > li > div:first-child a {
    background: #fff;
    width: 100%;
    height: 56px;
    padding: 0;
    border-radius: 8px;
    display: grid;
    vertical-align: middle;
    align-self: center;
  }
  #PortInd .rouGrpOps > li > div:first-child a img {
    max-height: 56px;
    place-self: center;
  }
  #PortInd .rouGrpOps > li > div {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li > div > ul {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li > div > ul > li {
    display: grid;
    vertical-align: middle;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li .sa {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
    margin-top: 8px;
  }
  #PortInd .rouGrpOps > li .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #PortInd .rouGrpOps > li > div > ul > li:nth-child(2) {
    display: grid;
    vertical-align: middle;
    grid-template-columns: 1fr;
  }
  #PortInd .rouGrpOps > li > div > ul > li:nth-child(2) .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 0px 16px 0px 16px;
    font-size: 14px !important;
    line-height: 36px;
    margin: 16px 0 8px 0;
  }
  #PortInd .rouGrpOps > li > div:first-child a {
    background: #fff;
    width: 100%;
    height: 56px;
    padding: 0;
    border-radius: 8px;
    display: grid;
    vertical-align: middle;
    align-self: center;
  }
  #PortInd .rouGrpOps > li > div:first-child a img {
    max-height: 56px;
    place-self: center;
  }
  #PortInd .rouGrpOps > li > div {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li > div > ul {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li > div > ul > li {
    display: grid;
    vertical-align: middle;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
  #PortInd .rouGrpOps > li .sa {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/calendar-day.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
    margin-top: 8px;
  }
  #PortInd .rouGrpOps > li .du {
    padding: 8px 24px 8px 32px;
    width: auto !important;
    background: url(https://static.directferries.co.uk/image/ico/dark-blue/duration.svg)
      no-repeat left 0px center !important;
    background-repeat: no-repeat;
    background-size: 24px !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    align-self: center;
  }
  #PortInd .rouGrpOps > li > div > ul > li:nth-child(2) {
    display: grid;
    vertical-align: middle;
    grid-template-columns: 1fr;
  }
  #PortInd .rouGrpOps > li > div > ul > li:nth-child(2) .btn {
    display: inline-block !important;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer !important;
    border: 0px solid transparent;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    color: #fff !important;
    background-color: #ff4a0e !important;
    background-image: url(https://static.directferries.co.uk/image/ico/orange/arrow-right.svg) !important;
    background-position: right 50% !important;
    padding: 0px 16px 0px 16px;
    font-size: 14px !important;
    line-height: 36px;
    margin: 16px 0 8px 0;
  }
  /* ===LANDING-CONTINENT=== */

  #ContinentInd #pnlMain {
    padding-top: 32px !important;
  }
  #ContinentInd .intTxt {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 24px;
    width: 100%;
  }
  #ContinentInd .intTxt img {
    display: block;
    margin: 0 auto 18px;
    border-radius: 8px;
    /* content: url(https://static.directferries.co.uk/images/compass.jpg); */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #ContinentInd .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    background: none !important;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #ContinentInd .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  #ContinentInd .ctSum > ul {
    border-bottom: 0px solid #45b7ed;
    padding-bottom: 40px;
    margin-bottom: 8px;
  }
  #ContinentInd .ctSum ul > li {
    width: 100%;
    float: left;
    background-image: none;
    padding: 8px 0 8px 0;
    line-height: 20px;
  }
  #ContinentInd .ctSum > ul a {
    background-color: transparent;
    color: #0070a0;
    text-decoration: none;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
  }

  /* ===LANDING-SHIPS=== */
  #ShipMain .intTxt {
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 24px;
    width: 100%;
  }
  #ShipMain .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    background: none;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #ShipMain .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  #ShipMain .opShips .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  }
  #ShipMain .opShips .row > div {
    width: 100% !important;
  }
  #ShipMain .opShips .ovlyS {
    position: relative;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #ShipMain .opShips .ovlyS .rImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  #ShipMain .opShips .ovlyTxt {
    background-color: #0070a0;
    opacity: 1;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 8px;
  }
  #ShipMain .opShips .ovlyOp {
    background-color: #193354;
    opacity: 1;
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #ShipMain .shpLks p {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 0px solid #45b7ed;
  }

  /* ===LANDING-SHIP PAGE=== */
  #ShipInd #reviewIntroHeader {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    grid-template-rows: auto;
  }
  #ShipInd #reviewIntroHeader > div:nth-child(1) {
    width: 100%;
    grid-column: 1 / span 4;
    grid-row: 1;
  }
  #ShipInd #reviewIntroHeader > div:nth-child(2) {
    width: 100%;
    grid-column: 1 / span 4;
    grid-row: 2;
    display: grid;
  }
  #ShipInd .intTxt img {
    display: block;
    margin: 0 auto 18px;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    margin-top: 24px;
  }
  #ShipInd .intTxt {
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 24px;
    width: 100%;
  }
  #ShipInd .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    background: none;
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #ShipInd .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    padding-right: 0px;
  }
  #ShipInd .opShips .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  }
  #ShipInd .opShips .row img {
    width: 100% !important;
  }
  #ShipInd .opShips .ovlyS {
    position: relative;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  #ShipInd .opShips .ovlyS .rImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  #ShipInd .opShips .ovlyTxt {
    background-color: #0070a0;
    opacity: 1;
    position: absolute;
    float: left;
    width: 100%;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 8px;
  }
  #ShipInd .opShips .ovlyOp {
    background-color: #193354;
    opacity: 1;
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 4px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
  }
  #ShipInd .shpLks p {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 0px solid #45b7ed;
  }
  #ShipInd .shpOv {
    padding: 0px;
  }
  #ShipInd .shpOv h2 {
    font-size: 20px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-bottom: 8px;
  }
  #ShipInd .shpOv #divReviewsOverview {
    font-size: 20px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    padding-bottom: 24px;
    background-color: #f7f6f2 !important;
    padding: 16px;
    display: grid;
    border-radius: 8px;
  }
  #ShipInd .shpOv .stars {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #45b7ed;
    padding-right: 30px;
    margin: 0 auto;
  }
  #ShipInd .shpOv #divReviewsOverview .divTblM {
    padding: 0 !important;
    margin: 0 !important;
  }
  #ShipInd .shpOv #divReviewsOverview .divTblM div:first-child {
    font-size: 48px;
    font-weight: 700;
    color: #45b7ed;
  }
  #ShipInd .shpOv .shpRec {
    font-weight: 700;
    color: #45b7ed;
    font-size: 18px;
    margin-bottom: 16px;
    display: block;
    margin-top: 8px;
  }
  #ShipInd .shpOv ul {
    margin: 0;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
  #ShipInd .shpOv ul li {
    border-bottom: 0px solid #64b6e6;
    width: 100%;
    float: left;
    position: relative;
    padding: 8px 64px 8px 16px;
    background-color: #ecebe6;
    border-radius: 4px;
    font-size: 16px;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #193354 !important;
  }
  #ShipInd .shpOv ul li span {
    position: absolute;
    right: 20px;
    font-size: 18px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    color: #193354 !important;
  }

  #ShipInd .reviewSum {
    padding-top: 16px;
  }
  #ShipInd .reviewSum .ulTbl {
    display: grid !important;
    width: 100%;
    margin: 0;
    padding-top: 16px;
    grid-row-gap: 16px;
  }
  #ShipInd .reviewSum .ulTbl li {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    background-color: #f7f6f2 !important;
    border-radius: 8px !important;
    margin: 0px !important;
    padding: 16px !important;
  }
  #ShipInd .reviewSum .ulTbl li > div {
    border-top: 0px solid #45b7ed;
    border-bottom: none;
    padding: 0 !important;
    vertical-align: middle !important;
    margin-bottom: -1px;
  }
  #ShipInd .reviewSum .ulTbl li > div .summary {
    margin: 0px !important;
    padding: 0 !important;
    text-transform: capitalize;
    line-height: 22px;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    white-space: normal;
  }
  #ShipInd .reviewSum .ulTbl li > div p {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
    margin-right: 24px;
  }
  #ShipInd .reviewSum .ulTbl li > div .more {
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: normal;
    font-family: "proxima-soft" !important;
    font-size: 16px !important;
  }

  /* ===LANDING-OFFERS=== */

  #FerryOffersMain {
    background-color: #fff !important;
  }
  #FerryOffersMain #header {
    background: #fff !important;
    padding-bottom: 16px !important;
  }
  #FerryOffersMain .banner {
    background-color: #45b7ed !important;
    background: none !important;
    background-size: cover !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    /* padding-bottom: 16px !important; */
    background-position-y: 50% !important;
  }
  #FerryOffersMain #pnlOuter .con .row.content {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas:
      " description"
      "articles"
      "side";
  }
  #FerryOffersMain #pnlOuter .con .row.content > div:nth-child(1) {
    grid-area: description;
    width: 100% !important;
    grid-column: 1;
  }
  #FerryOffersMain #pnlOuter .con .row.content > div:nth-child(2) {
    grid-area: side;
    width: 100% !important;
    grid-row: 3;
    margin-top: 16px;
  }
  #FerryOffersMain #pnlOuter .con .row.content > div:nth-child(3) {
    grid-area: articles;
    width: 100% !important;
  }
  #FerryOffersMain .intTxt {
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }

  #FerryOffersMain .intTxt img {
    display: block;
    margin: 0 auto 18px;
    border-radius: 8px;
    content: url(https://static.directferries.co.uk/images/sale-banner.jpg);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #FerryOffersMain .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 28px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    /* background: url(https://static.directferries.co.uk/image/ico/light-blue/shopping.svg) no-repeat left 0px center !important; */
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #FerryOffersMain .intTxt p {
    color: #193354 !important;
    margin-bottom: 16px !important;
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    border: 0px solid #e7e7e7 !important;
    padding-left: 0px;
    padding-right: 0px;
  }

  #FerryOffersMain .nsLst {
    border-bottom: 0px solid #45b7ed;
    padding: 16px;
    margin-bottom: 16px !important;
    background-color: #ffece7;
    background-image: linear-gradient(
      45deg,
      #ffece7 16.67%,
      #ffdbcf 0,
      #ffdbcf 50%,
      #ffece7 0,
      #ffece7 66.67%,
      #ffdbcf 0,
      #ffdbcf
    ) !important;
    background-size: 4.24px 4.24px !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: grid;
    width: 100% !important;
  }
  /* #FerryOffersMain .nsLst:hover {
    border-bottom: 0px solid #45b7ed;
    padding: 16px;
    margin-bottom: 16px!important;
    background-color: #e9eaee;
    background-image: none !important;
    background-size: 4.24px 4.24px !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s ease;
} */
  #FerryOffersMain .nsLst h3 a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    color: #193354 !important;
  }
  #FerryOffersMain .nsLst:hover h3 a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    color: #ff4a0e !important;
  }
  #FerryOffersMain .article .nsInt,
  .nsLst .nsInt {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #193354 !important;
    margin-top: 0px !important;
  }
  #FerryOffersMain .nsLst > div:nth-child(2) a {
    width: 100%;
    min-height: 40px;
    line-height: 30px;
  }
  #FerryOffersMain .nsLst > div > div {
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #193354 !important;
    margin-top: 16px !important;
  }
  #FerryOffersMain .nsLst > div > div b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #193354 !important;
    margin-top: 16px !important;
  }
  #FerryOffersMain .nsLst > div > div b a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #ff4a0e !important;
    margin-top: 16px !important;
  }
  /* ===LANDING-OFFER PAGE=== */

  #NewsArticle {
    background-color: #fff !important;
  }
  #NewsArticle #header {
    background: #fff !important;
    padding-bottom: 16px !important;
  }
  #NewsArticle .article {
    border-bottom: 0px solid #64b6e6;
    padding-bottom: 8px;
    margin-bottom: 56px !important;
  }
  #NewsArticle .article h1 {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 36px !important;
    color: #193354 !important;
    margin-top: 0px !important;
  }
  #NewsArticle .banner {
    background-color: #45b7ed !important;
    background: none !important;
    background-size: cover !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background-position-y: 50% !important;
  }
  #NewsArticle #pnlOuter .con .row.content {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas:
      " description"
      "side";
  }
  #NewsArticle #pnlOuter .con .row.content > div:nth-child(1) {
    grid-area: side;
    width: 100% !important;
    grid-row: 2;
    columns: 1;
  }
  #NewsArticle #pnlOuter .con .row.content > div:nth-child(2) {
    grid-area: description;
    width: 100% !important;
    grid-row: 1;
    grid-column: 1;
    display: grid;
  }
  #NewsArticle #pnlOuter .con .row.content > div:nth-child(2) > div {
    display: grid;
  }
  #NewsArticle #pnlOuter .con .row.content > div:nth-child(3) {
    grid-area: articles;
    width: 100% !important;
  }
  #NewsArticle .intTxt {
    border-bottom: 0px solid #45b7ed;
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
  }

  #NewsArticle .intTxt img {
    display: block;
    margin: 0 auto 18px;
    border-radius: 8px;
    content: url(https://static.directferries.co.uk/images/sale-banner.jpg);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  #NewsArticle .intTxt h1 {
    color: #193354 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 40px !important;
    line-height: 44px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    /* background: url(https://static.directferries.co.uk/image/ico/light-blue/shopping.svg) no-repeat left 0px center !important; */
    background-repeat: no-repeat;
    background-size: 56px !important;
  }
  #NewsArticle .intTxt p {
    color: #193354 !important;
    margin-bottom: 32px !important;
    font-family: "proxima-soft" !important;
    font-size: 20px !important;
    line-height: 24px !important;
    border: 0px solid #e7e7e7 !important;
    /* padding-left: 64px; */
    padding-right: 64px;
  }

  #NewsArticle .nsLst {
    border-bottom: 0px solid #45b7ed;
    padding: 16px;
    margin-bottom: 16px !important;
    background-color: #ffece7;
    background-image: linear-gradient(
      45deg,
      #ffece7 16.67%,
      #ffdbcf 0,
      #ffdbcf 50%,
      #ffece7 0,
      #ffece7 66.67%,
      #ffdbcf 0,
      #ffdbcf
    ) !important;
    background-size: 4.24px 4.24px !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: grid;
    width: 100% !important;
  }
  /* #NewsArticle .nsLst:hover {
    border-bottom: 0px solid #45b7ed;
    padding: 16px;
    margin-bottom: 16px!important;
    background-color: #e9eaee;
    background-image: none !important;
    background-size: 4.24px 4.24px !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s ease;
} */
  #NewsArticle .nsLst h3 a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    color: #193354 !important;
  }
  #NewsArticle .nsLst:hover h3 a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 26px !important;
    color: #ff4a0e !important;
  }
  #NewsArticle .article .nsInt {
    font-family: "proxima-soft-light" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #193354 !important;
    margin-top: 8px !important;
  }
  #NewsArticle .nsLst > div:nth-child(2) a {
    width: 100%;
    min-height: 40px;
    line-height: 30px;
  }
  #NewsArticle .article img {
    border-radius: 8px;
    /* box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); */
    margin-bottom: 24px;
    margin-top: 24px;
    object-position: 50% 50%;
    object-fit: cover;
    height: 320px;
  }
  #NewsArticle .article p {
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #193354 !important;
    margin-top: 8px !important;
  }
  #NewsArticle .article #dfArticle_divBookNow {
    margin-top: 24px;
    margin-bottom: 16px;
  }
  #NewsArticle .article #dfArticle_divBookNow .btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 8px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-image: url(https://static.directferries.co.uk/image/ico/white/arrow-right.svg) !important;
    background-position: right 50% !important;
    background-size: 24px !important;
    background-color: #ff4a0e !important;
    height: 40px;
    width: 100%;
    margin-left: auto;
    font-size: 20px;
    line-height: 34px;
  }
  #NewsArticle .shIcns {
    text-align: left;
  }
  #NewsArticle .shIcns img {
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0px;
    margin-top: 0px;
    height: unset;
  }

  #NewsArticle .shIcns a.gooShare {
    display: none;
  }

  #NewsArticle .nsLst > div > div {
    font-family: "proxima-soft" !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #193354 !important;
    margin-top: 16px !important;
  }
  #NewsArticle .nsLst > div > div b {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #193354 !important;
    margin-top: 16px !important;
  }
  #NewsArticle .nsLst > div > div b a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #ff4a0e !important;
    margin-top: 16px !important;
  }
  #NewsArticle .zrounded {
    margin-top: 32px !important;
    margin-bottom: 32px;
  }

  #NewsArticle .zrounded > div a {
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;

    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #ff4a0e !important;
    padding: 16px;
    border-radius: 8px;
    background-color: #f7f6f2;
  }

  .modal_backdrop {
    z-index: 10 !important;
  }

  /* ===END=== */
}