@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-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-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-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-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-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");
    }
    
    /* @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;
    }

@media screen and (min-width: 1481px) and (max-width: 8000px) {
	.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;
        }
    }
    
    @media screen and (max-width: 8000px) and (min-width: 768px) {	
    .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;
    }

    /* ===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: 32px;
    }
    .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 .25s ease-in-out !important;
        border-radius: 8px;
    }
    #mask {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9000;
        background-color: #fff !important;
        filter: alpha(opacity=50);
        opacity: 1 !important;
        transition: opacity .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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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: .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 .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 .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 .4em;
    }
    .ui-datepicker td {
        border: 0;
        padding: 4px !important;
    }
    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        color: #193354 !important;
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
        color: #fff !important;
    }
    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
    
               border: 0px solid #f10103 !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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        font-weight: 700 !important;
    }
    .nTkt .time1 {
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
        font-size: 24px !important;
    }
    .boxTypes b {
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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;
    }
    .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-smoothing: antialiased;
        font-weight: 700 !important;
        font-size: 20px !important;
        line-height: 18px;
    }
    #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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        z-index: 10000;
        left: -24px !important;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(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(.25,.8,.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-smoothing: antialiased;
        font-weight: 700 !important;
        font-size: 20px !important;
           }
    .desc span b {
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        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: 640px;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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: 0px !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: 9999 !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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
    
        font-size: 16px !important;
    }
    .summaryBox .info b {
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
    
        font-size: 24px !important;
    }
    form .accomTbl .desc b {
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
    }
    
    
    .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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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.30), 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-smoothing: antialiased;
        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.30), 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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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: 598px !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;
}
.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
}
#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 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !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: 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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
}
.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;
}
.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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 .2s;
    transition: all .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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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.00) !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-smoothing: antialiased;
        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] {
    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-smoothing: antialiased;
        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 !important;
}
.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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: .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 .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 .4em;
}
.ui-datepicker td {
    border: 0;
    padding: 4px !important;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
    color: #fff !important;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
}
.cc-link {
    opacity: 1;
    display: inline-block;
    padding: .2em;
}
.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    border-radius: 8px;
    background-color: #193354 !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-smoothing: antialiased;
        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 a h1 {
    margin-left: 16px;
    font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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;
    display: none;
}
.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-smoothing: antialiased;
    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));
    display: none;
}
#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: 100% !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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
    margin: 0 auto;
    float: none !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(.25,.8,.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(.25,.8,.25,1);
}
.con.hCon .whyUseDF h3 {
    font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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: 0px !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-smoothing: antialiased;
    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-smoothing: antialiased;
    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-smoothing: antialiased;
    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;
}



/* ===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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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,.6) 30%, #000 50%, rgba(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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
    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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
}


#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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
}
#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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
}
#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;
}



#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-smoothing: antialiased;
        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-smoothing: antialiased;
        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: 767px) and (min-width: 280px){
    /* ===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: 32px;
    }
    .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-smoothing: antialiased;
        font-weight: 700 !important;
    }
    text {
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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: .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 .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 .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 .4em;
    }
    .ui-datepicker td {
        border: 0;
        padding: 4px !important;
    }
    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        color: #193354 !important;
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
        color: #fff !important;
    }
    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .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-smoothing: antialiased;
        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-smoothing: antialiased;
        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=== */
    
    #topBoxSearchResults {
        display: none !important;
    }
    
    .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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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=== */
    
    .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(.25,.8,.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: 28px !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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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:
    
        "ugrade2"
        "ugrade3"
        "standard1"
        ;
    }
    .boxTypes b {
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
        font-size: 16px !important;
    }
    .summaryBox .info b {
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
    
        font-size: 20px !important;
    }
    .accomTbl .desc .kitDesc {
        font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
    }
    
    .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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
    }
    
    /* ===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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
}
.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
}
#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-smoothing: antialiased;
        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: fit-content;
}

.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;
}
.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;
}

.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
    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-smoothing: antialiased;
        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-smoothing: antialiased;
        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.00) !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: 1;
    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-smoothing: antialiased;
        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] {
    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-smoothing: antialiased;
        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 !important;
}

.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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: .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 .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 .4em;
}
.ui-datepicker td {
    border: 0;
    padding: 4px !important;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    color: #193354 !important;
    font-family: "proxima-soft-bold" !important;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
    color: #fff !important;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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: #193354 !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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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 .35s;
    -o-transition: all .35s;
    transition: all .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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
    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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
    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-smoothing: antialiased;
        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-smoothing: antialiased;
        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: 0px !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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
}

 /* 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.30), 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-smoothing: antialiased;
    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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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,.6) 30%, #000 50%, rgba(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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
    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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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(.25,.8,.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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        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;
}
#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;
}



#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-smoothing: antialiased;
        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-smoothing: antialiased;
        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-smoothing: antialiased;
        font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #ff4a0e !important;
    padding:16px;
    border-radius: 8px;
    background-color: #f7f6f2;
}


/* ===END=== */

}




/* GLOBAL */
nav {
  display: none !important;
}

.mob-df-header {
  display: none !important;
}

.row .ABDivSubRow .fsWrap {
  background: none !important;
}

@media screen and (min-width: 280px) and (max-width: 80000px) {
  /* media query start */

  #Home.AppStyle::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
  }
  #Home.AppStyle {
    font-family: "proxima-soft-light", sans-serif !important;
    background: #193354 !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
  }
  #Home.AppStyle #header .logoBar {
    display: none !important;
  }
  #Home.AppStyle .covid-19-inner {
    display: none !important;
  }
  #Home.AppStyle .con.hCon {
    display: none !important;
  }
  #Home.AppStyle .ab2549-seo-content {
    display: none !important;
  }
  #Home.AppStyle .abMobBookNow {
    display: none !important;
  }

  #Home.AppStyle footer {
    display: none !important;
  }
  #Home.AppStyle .banner {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    background: none !important;
    background-color: #193354 !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
  }

  #Home.AppStyle
    #divNewFareSearch
    #deal_finder_container
    .ab2284.mini
    form#deal_finder1,
  #Home.AppStyle form#deal_finder1 .deal_finder_container .mob-dealfinder {
    margin: 0 !important;
  }
  #Home.AppStyle .banner > .con {
    padding: 0px !important;
    background-color: #193354 !important;
    height: 100%;
    margin: 0px !important;
    margin: 0 auto !important;
  }

  #Home.AppStyle .cc-color-override--1562064748.cc-window {
    display: none !important;
  }
  #Home.AppStyle #pnlOuter #header .banner .ABDivSubRow .fsWrap .sm12 {
    padding: 0;
    height: 100%;
  }
  #Home.AppStyle #pnlOuter #header .banner .ABDivSubRow,
  #Home.AppStyle #pnlOuter #header .banner .fsWrap .AB176FS {
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
  }

  /* DEALFINDER CONTAINER*/
  #Home.AppStyle #deal_finder_container {
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
  }
  #Home.AppStyle #deal_finder_container .mob-df-header,
  #Home.AppStyle #deal_finder_container .mob-df-header,
  #Home.AppStyle #deal_finder_container .mob-df-title {
    display: none !important;
  }

  /* DF_FORM */
  #Home.AppStyle #deal_finder_container #deal_finder1 {
    height: 100vh !important;
    border-radius: 0px !important;
    margin: 0px !important;
    display: grid;
    grid-gap: 16px;
    grid-template-rows: 1fr;
      width: 100%;
      max-width: 768px;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="showing_routes_list"] {
    grid-gap: 16px;
    grid-template-rows: 1fr;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="return_open_ticket"] {
    grid-gap: 16px;
    grid-template-rows: 32px 1fr;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="showing_routes_list"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="entering_search_term"] {
    grid-gap: 16px;
    grid-template-rows: 1fr;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="entering_search_term"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="return_open_ticket"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="entering_journey_info"] {
    grid-gap: 0px;
    grid-template-rows: 1fr;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1.different_journeys[data-state="entering_journey_info"] {
    grid-gap: 0px;
    grid-template-rows: 1fr;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="entering_journey_info"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto auto auto auto auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1.invalid[data-state="entering_journey_info"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto auto auto auto auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="entering_date_outbound"],
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="entering_date_return"],
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="entering_time_outbound"],
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="entering_time_return"] {
    grid-template-rows: auto;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="initial_blank"] {
    height: 100% !important;
    display: grid;
    grid-gap: 16px !important;
    grid-template-rows: auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="initial_blank"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder1[data-state="entering_date_outbound"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto auto auto auto auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder1[data-state="entering_time_outbound"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto auto auto auto auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder1[data-state="entering_date_return"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto auto auto auto auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder1[data-state="entering_time_return"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto auto auto auto auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder1[data-state="return_open_ticket"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto auto auto auto auto 1fr !important;
  }

  /* BUTTON */
  #Home.AppStyle .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-smoothing: antialiased;
    font-weight: 700 !important;
    border-radius: 8px !important;
    padding: 8px !important;
    border: none;
    cursor: pointer;
    margin-bottom: 8px !important;
    grid-column: span 2;
    align-self: end;
    margin-top: 0;
  }

  /* JOURNEY TYPE */
  #Home.AppStyle .ab2284 form#deal_finder1 .journey_type label {
    font-size: 16px !important;
    height: 40px;
  }
  #deal_finder1[data-state="entering_search_term"] .journey_type {
    display: none;
  }

  /* ROUTE LIST SEARCH */
  #Home.AppStyle #deal_finder1[data-state="showing_routes_list"] {
    height: 100%;
    display: grid;
    grid-gap: 16px !important;
    grid-template-rows: auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder1[data-state="showing_routes_list"]
    .deal_finder_wrap {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto 1fr !important;
  }
  #Home.AppStyle
    #deal_finder1[data-state="showing_routes_list"]
    .deal_finder_wrap
    .journey_type {
    display: none;
  }
  #Home.AppStyle #deal_finder1 .deal_finder_wrap .journey_route {
    margin: 0px !important;
    height: 100%;
    display: grid;
  }
  #Home.AppStyle
    #deal_finder1.different_journeys
    .deal_finder_wrap
    .journey_route#journey_route_parent {
    display: grid;
    grid-row: 2;
  }
  #Home.AppStyle
    #deal_finder1.different_journeys[data-state="entering_search_term"]
    .deal_finder_wrap
    .journey_route.diff_trip {
    display: grid;
    grid-row: 1;
  }
  #Home.AppStyle
    #deal_finder1.different_journeys[data-state="entering_search_term"]
    .deal_finder_wrap
    .journey_route#journey_route_parent {
    display: grid;
    grid-row: 2;
    grid-template-rows: 56px 1fr;
  }
  #Home.AppStyle
    #deal_finder1.different_journeys[data-state="entering_search_term"]
    .deal_finder_wrap
    .journey_route#journey_route_parent {
    display: grid;
    grid-row: 2;
    grid-template-rows: 56px 1fr;
  }
  #Home.AppStyle
    #deal_finder1.different_journeys[data-state="entering_search_term"]
    .deal_finder_wrap
    .journey_route#journey_route_parent
    #route_outbound,
  #Home.AppStyle
    #deal_finder1.different_journeys[data-state="showing_routes_list"]
    .deal_finder_wrap
    .journey_route#journey_route_parent
    #route_outbound {
    display: block;
  }
  #Home.AppStyle
    #deal_finder1.different_journeys[data-state="entering_search_term"]
    .deal_finder_wrap
    .journey_route.diff_trip
    #route_return,
  #Home.AppStyle
    #deal_finder1.different_journeys[data-state="showing_routes_list"]
    .deal_finder_wrap
    .journey_route.diff_trip
    #route_return {
    display: none;
  }
  #Home.AppStyle
    #deal_finder1.different_journeys.showing_return_list[data-state="entering_search_term"]
    .deal_finder_wrap
    .journey_route#journey_route_parent
    #route_outbound,
  #Home.AppStyle
    #deal_finder1.different_journeys.showing_return_list[data-state="showing_routes_list"]
    .deal_finder_wrap
    .journey_route#journey_route_parent
    #route_outbound {
    display: none;
  }
  #Home.AppStyle
    #deal_finder1.different_journeys.showing_return_list[data-state="entering_search_term"]
    .deal_finder_wrap
    .journey_route.diff_trip
    #route_return,
  #Home.AppStyle
    #deal_finder1.different_journeys.showing_return_list[data-state="showing_routes_list"]
    .deal_finder_wrap
    .journey_route.diff_trip
    #route_return {
    display: block;
  }
  #Home.AppStyle
    #deal_finder1
    .deal_finder_wrap
    .journey_route
    .animate.fadeInUp {
    overflow-y: auto;
    max-height: 100%;
    -ms-overflow-style: none;
  }
  #Home.AppStyle
    #deal_finder1
    .deal_finder_wrap
    .journey_route
    .animate.fadeInUp:empty {
    display: none !important;
  }
  #Home.AppStyle #deal_finder1 .deal_finder_wrap .journey_route .route_list {
    margin: 0px !important;
    height: 100%;
    display: grid;
    grid-template-rows: 64px auto;
  }
  #Home.AppStyle #deal_finder1 .deal_finder_wrap .journey_route .route_list ul {
    margin: 0px !important;
    height: fit-content;
    display: grid;
    grid-gap: 8px;
  }
  #Home.AppStyle
    #deal_finder1
    .deal_finder_wrap
    .journey_route
    .route_list
    ul
    li {
    margin: 0px !important;
    height: fit-content;
  }

  #Home.AppStyle #deal_finder1 #ageRangePrompt {
    margin: 0px;
  }

  /* CALENDAR */
  #Home.AppStyle #deal_finder1 .journey_timing.timing_outbound #cal_outbound,
  #Home.AppStyle #deal_finder1 .journey_timing.timing_return #cal_return {
    font-family: "proxima-soft-bold", sans-serif !important;
    font-size: 16px !important;
    line-height: 20px;
  }
  #Home.AppStyle #deal_finder1 .journey_timing.timing_outbound #time_outbound,
  #Home.AppStyle #deal_finder1 .journey_timing.timing_returnd #time_return {
    font-family: "proxima-soft-medium", sans-serif !important;
    font-size: 16px !important;
    line-height: 20px;
  }
  #Home.AppStyle #deal_finder1 .journey_timing .newDatepicker,
  #Home.AppStyle #deal_finder1 .journey_timing .newTimepicker {
    height: 380px;
  }
  #Home.AppStyle #deal_finder1 .journey_timing .open_ticket,
  #Home.AppStyle #deal_finder1 .journey_timing [class^="open_ticket_note"] {
    height: auto;
  }
  #Home.AppStyle
    #deal_finder1[data-state="return_open_ticket"]
    .timing_return
    .open_ticket_note_return
    p {
    height: 100%;
  }
  #Home.AppStyle .datePickerControls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0px;
  }
  #Home.AppStyle .datePickerControls span:nth-child(1) {
    justify-self: start;
    align-self: center;
  }
  #Home.AppStyle .datePickerControls span:nth-child(2) {
    justify-self: end;
    align-self: center;
  }
  #Home.AppStyle .datePickerControls span:nth-child(1) i {
    font-size: 32px;
  }
  #Home.AppStyle .datePickerControls span:nth-child(2) i {
    font-size: 24px;
  }
  #Home.AppStyle #deal_finder1 .journey_timing {
    grid-row: 3;
    border-radius: 8px !important;
  }
  #Home.AppStyle #deal_finder1.different_journeys .journey_timing {
    grid-row: 4;
    border-radius: 8px !important;
  }
  #Home.AppStyle
    #deal_finder1[data-state="return_open_ticket"]
    .journey_timing {
    grid-row: 1;
    border-radius: 8px !important;
  }
  #Home.AppStyle
    #deal_finder1[data-state="entering_date_outbound"]
    .journey_type,
  #Home.AppStyle #deal_finder1[data-state="entering_date_return"] .journey_type,
  #Home.AppStyle
    #deal_finder1[data-state="entering_time_outbound"]
    .journey_type,
  #Home.AppStyle #deal_finder1[data-state="entering_time_return"] .journey_type,
  #Home.AppStyle #deal_finder1[data-state="return_open_ticket"] .journey_type {
    display: none;
  }
  #Home.AppStyle
    #deal_finder1[data-state="entering_date_outbound"]
    .journey_route,
  #Home.AppStyle
    #deal_finder1[data-state="entering_date_return"]
    .journey_route,
  #Home.AppStyle
    #deal_finder1[data-state="entering_time_outbound"]
    .journey_route,
  #Home.AppStyle
    #deal_finder1[data-state="entering_time_return"]
    .journey_route,
  #Home.AppStyle #deal_finder1[data-state="return_open_ticket"] .journey_route {
    display: none;
  }
  #Home.AppStyle
    #deal_finder1[data-state="entering_journey_info"]
    .journey_timing {
    border-radius: 8px !important;
    height: 100%;
    padding: 0px !important;
  }
  #Home.AppStyle
    #deal_finder1[data-state="entering_date_outbound"]
    .journey_timing,
  #Home.AppStyle
    #deal_finder1[data-state="entering_date_return"]
    .journey_timing,
  #Home.AppStyle
    #deal_finder1[data-state="entering_time_outbound"]
    .journey_timing,
  #Home.AppStyle
    #deal_finder1[data-state="entering_time_return"]
    .journey_timing {
    border-radius: 8px !important;
    height: 100%;
    padding: 16px !important;
    grid-row: 1;
  }

  /* POPUP GENERAL */
  #Home.AppStyle .popup {
    background-color: #193354 !important;
    color: #333333;
    padding: 0px !important;
  }
  #Home.AppStyle .popup.popup_slider {
    opacity: 1;
    animation: slideup 0.3s ease-in-out forwards;
    z-index: 1;
  }
  #Home.AppStyle .popup-wrap {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr !important;
    margin-bottom: 0px !important;
    height: fit-content !important;
  }
  #Home.AppStyle .popup-wrap .popup_head {
    padding-bottom: 48px !important;
    height: 48px !important;
  }
  #Home.AppStyle .popup-wrap .popup_head 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: 22px !important;
    color: #fff !important;
    margin-bottom: 0px !important;
    /* margin: 16px 0 16px 0 !important; */
  }
  #Home.AppStyle .popup-wrap .popup_body {
    border-radius: 8px !important;
    background: #fff !important;
    margin: 0px 16px !important;
    padding: 16px !important;
    position: relative !important;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr !important;
  }
  #Home.AppStyle .item_hdg_top {
    margin-top: 8px;
    margin-bottom: 16px;
}
  #Home.AppStyle .popup .popup_closer {
    right: auto;
    left: 16px;
    background: none;
    top: 16px;
    font-size: 24px;
    height: 24px;
    width: 24px;
    line-height: 1;
    cursor: pointer;
  }
  #Home.AppStyle .popup .popup_closer i {
    color: #ffffff !important;
  }
  #Home.AppStyle .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: #d3d0c9 !important;
    content: "";
    display: inline-block;
    visibility: visible !important;
    border: 0px solid white !important;
  }
  #Home.AppStyle .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;
  }
  /* JOURNEY INFO */
  #Home.AppStyle
    #deal_finder_container
    #deal_finder1[data-state="entering_journey_info"]
    .deal_finder_wrap
    .journey_info {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 8px !important;
    grid-template-rows: auto auto auto auto 1fr !important;
  }

  #Home.AppStyle
    #deal_finder_container
    #deal_finder1.different_journeys[data-state="entering_journey_info"]
    .deal_finder_wrap
    .journey_info {
    height: 100%;
    display: grid;
    grid-column-gap: 8px !important;
    grid-row-gap: 16px !important;
    grid-template-rows: auto auto auto auto 1fr !important;
  }
  #Home.AppStyle #deal_finder1 .journey_info .trip_return.diff_trip {
    margin-top: 0px;
    display: grid;
    grid-gap: 8px;
    grid-template-rows: auto auto auto;
  }
  #Home.AppStyle #deal_finder1 .journey_info .trip_return.diff_trip ul {
    margin-top: 0px;
    display: grid !important;
    /* grid-gap: 8px; */
  }
  #Home.AppStyle .ab2284 .journey_info.hide_until_summary span.h4 {
    display: block !important;
    font-family: "proxima-soft-medium" !important;
    font-weight: 500 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 20px !important;
    margin-top: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  #Home.AppStyle
    .ab2284
    .journey_info.hide_until_summary
    .trip_outbound
    span.h4 {
    display: none !important;
  }
  #Home.AppStyle
    .ab2284
    .journey_info.trip_return.diff_trip
    .trip_outbound
    span.h4 {
    display: block !important;
  }
  #Home.AppStyle
    .ab2284
    .journey_info.hide_until_summary
    .trip_return.diff_trip
    span.h4 {
    display: block !important;
  }
  #Home.AppStyle
    .ab2284
    .journey_info.trip_return.diff_trip
    .trip_outbound
    span.h4 {
    display: none !important;
  }

  #Home.AppStyle #deal_finder1 [data-popup].passengers.trip_return,
  #Home.AppStyle #deal_finder1 [data-popup].pets,
  #Home.AppStyle #deal_finder1 [data-popup].vehicle {
    /* background-color: #ffffff !important; */
  }
  #Home.AppStyle
    .ab2284
    #deal_finder1
    .trip_return.diff_trip
    [data-popup].passengers
    i {
    padding-bottom: 4px;
    display: none;
  }
  #Home.AppStyle [data-popup],
  #Home.AppStyle [data-popup].passengers,
  #Home.AppStyle [data-popup].pets,
  #Home.AppStyle [data-popup].vehicle,
  #Home.AppStyle .popup#vehicle_base label.vehicle_type,
  #Home.AppStyle .popup#pets_popup label.pet_counter,
  #Home.AppStyle .popup#currency_popup .journey_currency label,
  #Home.AppStyle .popup.vehicle_detail label {
    margin-bottom: 0px !important;
  }

  /* PASSENGERS */
  #Home.AppStyle #passengers_popup.popup-wrap {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr !important;
    margin-bottom: 0px !important;
    height: fit-content !important;
  }
  #Home.AppStyle #passengers_popup.popup-wrap .popup_body {
    border-radius: 8px !important;
    background: #fff !important;
    margin: 0px 16px !important;
    padding: 8px !important;
    position: relative !important;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
  }

  /* PETS */
  #Home.AppStyle #pets_popup.popup-wrap {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr !important;
    margin-bottom: 0px !important;
    height: fit-content !important;
  }
  #Home.AppStyle #pets_popup.popup-wrap .popup_body {
    border-radius: 8px !important;
    background: #fff !important;
    margin: 0px 16px !important;
    padding: 8px !important;
    position: relative !important;
    display: grid;
    grid-gap: 8px;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
  }
  #Home.AppStyle #pets_popup.popup-wrap .popup_body .pet_counter {
    grid-column: 1 / span 3;
    margin: 0 !important;
  }

  #Home.AppStyle .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;
  }
  #Home.AppStyle
    .popup#pets_popup
    .pet_counter.checked[for="petType1_outbound"] {
    background: #f7f6f2 !important;
    color: #193354 !important;
    padding: 8px !important;
    box-shadow: 0 0 0 0px #193354;
    font-family: "proxima-soft-bold" !important;
    padding-left: 40px !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/light-blue/pets.svg) !important;
  }
  #Home.AppStyle .popup#pets_popup .pet_counter[for="petType2_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;
  }
  #Home.AppStyle
    .popup#pets_popup
    .pet_counter.checked[for="petType2_outbound"] {
    background: #f7f6f2 !important;
    color: #193354 !important;
    padding: 8px !important;
    box-shadow: 0 0 0 0px #193354;
    font-family: "proxima-soft-bold" !important;
    padding-left: 40px !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/light-blue/pets.svg) !important;
  }
  #Home.AppStyle .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;
  }
  #Home.AppStyle
    .popup#pets_popup
    .pet_counter.checked[for="petType3_outbound"] {
    background: #f7f6f2 !important;
    color: #193354 !important;
    padding: 8px !important;
    box-shadow: 0 0 0 0px #193354;
    font-family: "proxima-soft-bold" !important;
    padding-left: 40px !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/light-blue/pets-assistant.svg) !important;
  }
  #Home.AppStyle .popup label.long[for="residentDiscounts_return"], #Home.AppStyle .popup label.long[for="residentDiscounts_outbound"],#Home.AppStyle .popup label.long.checked[for="residentDiscounts_return"], #Home.AppStyle .popup label.long.checked[for="residentDiscounts_outbound"] {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 8px !important;
    min-height: fit-content !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    cursor: pointer;
    color: #193354;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    font-size: 16px !important;
    background: #edebe6;
    grid-column: 1 / span 3;
}
#Home.AppStyle .popup label.long[for="residentDiscounts_return"] select, #Home.AppStyle .popup label.long[for="residentDiscounts_outbound"] 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-smoothing: antialiased;
  font-weight: 700 !important;
  font-size: 18px !important;
}

  /* VEHICLE */
  #Home.AppStyle #vehicle_base.popup-wrap {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr !important;
    margin-bottom: 0px !important;
    height: fit-content !important;
  }
  #Home.AppStyle #vehicle_base.popup-wrap .popup_body {
    border-radius: 8px !important;
    background: #fff !important;
    margin: 0px 16px !important;
    padding: 16px !important;
    position: relative !important;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr !important;
  }
  #Home.AppStyle .vehicle_detail .popup-wrap .popup_body {
    border-radius: 8px !important;
    background: #fff !important;
    margin: 0px 16px 16px 16px !important;
    padding: 16px !important;
    position: relative !important;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr !important;
  }
  #Home.AppStyle #vehicle_base.popup span {
    top: 0px !important;
    color: #193354;
    font-size: 16px !important;
    font-family: "proxima-soft-bold" !important;
    padding: 0px !important;
    margin: 0px 0 !important;
    position: inherit !important;
    width: 100%;
    text-align: left;
  }
  #Home.AppStyle .popup#vehicle_base label.vehicle_type,
  #Home.AppStyle .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: 0px !important;
    font-family: "proxima-soft-medium" !important;
    font-size: 16px !important;
    line-height: 20px !important;
    background: #f7f6f2 !important;
    transition-timing-function: ease-out;
    transition: 0.25s;
    height: auto;
    grid-column: 1 / span 3;
  }
  #Home.AppStyle .popup#vehicle_base label.vehicle_type.checked,
  #Home.AppStyle .popup.vehicle_detail label.checked {
    background: #ede9e1 !important;
    color: #193354 !important;
    padding: 8px !important;
    box-shadow: 0 0 0 0px #193354;
    /* border: solid #193354; */
    font-family: "proxima-soft-bold" !important;
  }

  #Home.AppStyle .popup footer .popup_done {
    height: 48px;
    background-color: #ff4a0e;
    color: #fff;
    font-size: 19px;
    cursor: pointer;
    padding: 8px;
    flex: 1 1 100%;
    border: none;
    margin: 0px;
  }

  #Home.AppStyle .popup fieldset {
    padding: 0;
    border: none;
    margin-left: 0;
    margin-right: 0;
    display: grid !important;
    /* grid-row-gap: 16px; */
    grid-row-gap: 0px;
    grid-column: 1 / span 3;
  }
  #Home.AppStyle .popup.vehicle_detail ol {
    padding: 0;
    margin: 0;
    display: grid !important;
    grid-gap: 16px;
    grid-column: 1 / span 2;
    grid-template-columns: 1fr;
  }
  #Home.AppStyle .popup.vehicle_detail ol.custom_vehicle_length,
  #Home.AppStyle .popup.vehicle_detail ol.custom_vehicle_height {
    padding: 0;
    margin: 0;
    display: grid !important;
    grid-gap: 8px;
    grid-column: 1;
    grid-template-columns: 1fr 1fr 1fr;
  }
  #Home.AppStyle .item_hdg_extra_mgn {
    margin-top: 24px;
    display: inline-block;
    font-size: 14px;
    padding-left: 16px;
    font-weight: normal;
    margin-bottom: 16px;
  }
  #Home.AppStyle .popup.vehicle_detail .item_hdg,
  #Home.AppStyle .popup.vehicle_detail .extra_luggage span,
  #Home.AppStyle .popup.vehicle_detail .caravan_trailer span {
    display: inline-block;
    color: #193354 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-family: "proxima-soft-bold" !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased;
    font-weight: 700 !important;
    padding-left: 16px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    padding-bottom: 16px !important;
    padding-top: 24px !important;
    grid-column: 1 / span 2;
  }

  #Home.AppStyle .popup.vehicle_detail .custom_vehicle_length label,
  #Home.AppStyle .popup.vehicle_detail .vehicle_make label,
  #Home.AppStyle .popup.vehicle_detail label {
    height: fit-content;
    margin: 0px !important;
    padding-top: 7px !important;
    padding-bottom: 8px !important;
    min-height: 32px !important;
    border: solid #ede9e1;
  }
  #Home.AppStyle .popup.vehicle_detail .extra_luggage {
    display: grid;
    margin: 0;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
    grid-column: 1 / span 3;
  }
  #Home.AppStyle .popup.vehicle_detail .extra_luggage_yes {
    display: grid;
    margin: 0;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
  }
  #Home.AppStyle .popup.vehicle_detail .caravan_trailer {
    width: 100%;
    display: grid !important;
    margin: 0px !important;
    grid-template-columns: 1fr auto;
    grid-column-gap: 16px;
    grid-row-gap: 8px !important;
    margin-bottom: 16px !important;
    grid-column: 1 / span 3;
  }
  #Home.AppStyle .popup.vehicle_detail .extra_luggage .additional_dimensions {
    margin-top: 8px;
    grid-column: 1 / span 2;
    display: grid;
    grid-gap: 8px;
  }

  #Home.AppStyle .additional_dimensions_length.checked li.chosen,
  #Home.AppStyle .additional_dimensions_height.checked li.chosen {
    list-style-type: none;
    grid-column: 1 / span 3;
    margin-bottom: 0px !important;
  }
  #Home.AppStyle .additional_dimensions_length li.chosen,
  #Home.AppStyle .additional_dimensions_height li.chosen,
  #Home.AppStyle .caravan_trailer_details_length li.chosen,
  #Home.AppStyle .caravan_trailer_details_height li.chosen {
    list-style-type: none;
    grid-column: 1 / span 3;
    margin-top: 8px;
  }
  #Home.AppStyle ol.custom_vehicle_length li.chosen,
  #Home.AppStyle ol.custom_vehicle_height li.chosen {
    list-style-type: none;
    grid-column: 1 / span 3;
    margin-bottom: 8px !important;
    margin-top: 8px;
  }
  #Home.AppStyle .popup.vehicle_detail .caravan_trailer fieldset {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  #Home.AppStyle .popup.vehicle_detail label input[type="text"] {
    padding: 8px;
    vertical-align: middle;
    border: 0px solid #cccccc !important;
    font-family: "proxima-soft" !important;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    height: 40px;
    line-height: 18px;
    color: #333;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    margin: 0px !important;
  }
  #Home.AppStyle .popup label.long {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: solid #d3d0cb !important;
    padding: 0 0px !important;
    min-height: fit-content !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    cursor: pointer;
    color: #193354;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    margin-top: 8px !important;
    font-size: 16px !important;
    background: #edebe6;
  }
  #Home.AppStyle .popup label.long.checked {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: solid #45b7ed !important;
    padding: 0 0px !important;
    min-height: fit-content !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    cursor: pointer;
    color: #193354;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
    font-size: 16px !important;
    background: #edebe6;
  }

  #Home.AppStyle #deal_finder1[data-state="entering_journey_info"] .currency {
    background-color: #475c77 !important;
    color: #fff !important;
    padding: 8px !important;
    margin: 0 !important;
    display: block !important;
    height: 40px !important;
    grid-row: auto;
  }
  /* VEHICLE END */
  #Home.AppStyle .popup.popup_slider footer {
    display: grid !important;
    grid-column: 1 / span 3;
  }
  #Home.AppStyle .popup .error_messages {
    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-smoothing: antialiased;
    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;
    grid-column: 1 / span 3;
  }
  #Home.AppStyle .popup .error_messages li {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    font-family: "proxima-soft-bold" !important;
  }

  /* CURRENCY */
  #Home.AppStyle .popup#currency_popup .popup_body {
    border-radius: 8px !important;
    background: #fff !important;
    margin: 0px 16px !important;
    padding: 16px !important;
    position: relative !important;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr !important;
  }
  #Home.AppStyle .popup#currency_popup .popup_body section {
    grid-column: 1 / span 3;
  }
  #Home.AppStyle .popup#currency_popup .popup_body section ol.item_list.journey_currency {
    display: grid;
    grid-gap: 8px;
  }
  #Home.AppStyle .popup#currency_popup .journey_currency label.checked {
    background: #ede9e1 !important;
    color: #193354 !important;
    padding: 8px !important;
    box-shadow: 0 0 0 0px #193354;
    font-family: "proxima-soft-bold" !important;
  }

  /* DISCOUNT */
  #Home.AppStyle .resDiscount {
    grid-column: span 2;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 8px;
    margin-bottom: 8px;
    background: #e0f1fa;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: fit-content;
}
#Home.AppStyle .resDiscount span {
  background: #64b6e64f;
  padding: 4px 8px;
  border-radius: 3px;
  margin-right: 2px;
  color: #193354;
  font-family: "proxima-soft-bold" !important;
  line-height: 18px;
}
#Home.AppStyle .resDiscount .mat_i {
  font-size: 24px;
  margin-right: 4px;
  color: #193354;
}


  /* ERROR MESSAGE */
  #Home.AppStyle #deal_finder1 .error_messages {
    grid-column: span 2;
    grid-row: 5;
    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-smoothing: antialiased;
    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;
  }
  #Home.AppStyle #deal_finder1.invalid .error_messages {
    grid-row: auto;
  }


  /* CUSTOMER SERVICE */
  #CustomerService.AppStyle #header {
    display: none !important;
}

  /* media query */
}