.iframe-main {
    width: 100%;
    margin: auto;
    background: #fff;
    padding: 40px;
}

@media screen and (max-width: 480px) {
    .iframe_style {
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        border: none;
        display: block;
        max-width: 100%;
        min-height: 315px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .iframe_style {
        width: 100%;
        height: 480px;
        text-align: center;
    }
}

@media screen and (min-width: 1025px)and (max-width: 1920px) {
    .iframe_style {
        width: 100%;
        height: 480px;
        text-align: center;
    }
}

@font-face {
    font-family: latobold;
    font-display: auto;
    src: url(../fonts/lato-bold.woff2) format('woff2'),url(../fonts/lato-bold.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latolight;
    font-display: auto;
    src: url(../fonts/lato-light.woff2) format('woff2'),url(../fonts/lato-light.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: latoregular;
    font-display: auto;
    src: url(../fonts/lato-regular.woff2) format('woff2'),url(../fonts/lato-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal
}

body, fieldset, figure, form, h1, h2, h3, h4, h5, h6, html, label, li, p, ul {
    margin: 0;
    padding: 0;
    outline: 0;
    font-weight: 400;
    border: 0;
}

* {
    box-sizing: border-box;
}

strong.strong-h1,
h2.strong-h2,
.ur-experience h2,
.ur-experience .urexperience-title {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 40px;
    color: #003;
    margin: 0;
    padding: 27px 0;
    outline: 0;
    font-weight: 400;
    border: 0;
    display: block;
    text-align: center;
}

    strong.strong-h1::after,
    h2.strong-h2::after,
    .ur-experience h2::after,
    .ur-experience .urexperience-title::after {
        background: #003;
        width: 65px;
        height: 2px;
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        margin: 47px auto 0 auto;
    }

    .ur-experience h2::after,
    .ur-experience .urexperience-title::after {
        background: #fff;
    }

img {
    border: 0 none;
    max-width: 100%;
    height: auto;
    display: inline-block;
}

a {
    text-decoration: none;
    border: 0;
    outline: 0 !important;
}

.column.column--operator img {
    position: absolute;
    margin: -38px 45px;
}

ul {
    list-style: none;
}

select {
    -webkit-appearance: none;
    border-radius: 0;
}

a,
button,
input,
select,
textarea {
    outline: 0 !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
}

    a.active,
    a:focus,
    a:hover,
    span:focus {
        text-decoration: none;
        outline: 0;
    }

input {
    border-radius: 0;
    box-shadow: none;
}

textarea {
    border-radius: 0;
    box-shadow: none;
}

.pad-left {
    padding-left: 0 !important;
}

.pad-right {
    padding-right: 0 !important;
}

.dropdown-menu,
.modal-content {
    border-radius: 2px;
}

.top-header-left strong,
:root {
    font-size: 16px;
}

body {
    font-family: Lato, latoregular, sans-serif;
    font-weight: 400;
    font-size: 16px !important;
    -ms-overflow-style: scrollbar;
}

h1 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 40px;
    color: #003;
}

h2 {
    color: #006c75;
    font-size: 24px;
    line-height: 36px;
}

h3 {
    color: #006c75;
    font-size: 20px;
    line-height: 28px;
}

h4 {
    color: #006c75;
    font-size: 18px;
    line-height: 34px;
}

h5 {
    color: #006c75;
    font-size: 16px;
    line-height: 34px;
}

h6 {
    color: #006c75;
    font-size: 14px;
    line-height: 34px;
}

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

.top-header {
    float: left;
    width: 100%;
    padding: 25px 0;
}

.top-header-left p a {
    font-weight: 700;
    color: #003;
    text-decoration: underline;
    font-family: Lato, latobold, sans-serif;
}

.top-header-left {
    font-weight: lighter;
    padding-top: 5px;
    color: #666;
    font-size: 14px;
    font-family: Lato, latolight, sans-serif;
}

.banner button,
.btn-opt a,
.column--btnn button,
.general-info .opt-btn,
.hull-station-map-section .column.submit button,
.inner-newletter button,
.inner-ticket-alert a,
.innerpage-find-train-section button,
.journeyCheck .column--other a,
.live-trains-inner a,
.notification-form-inner button,
.our-services-btn a,
.our-tickets-offers-desktop .btn-secondary,
.search-another-station button,
.ticket-offers-inner button,
.top-header-right button,
.view-all-btn a,
.book-now-btn button {
    background: 0;
    border: 2px #003 solid;
    padding: 12px 55px;
    font-size: 16px;
    text-transform: uppercase;
    color: #003;
    line-height: 18px;
    font-weight: 700;
    font-family: Lato, latobold, sans-serif;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    transition-property: color;
    transition-duration: 0.3s;
}

    .banner button::before,
    .btn-opt a::before,
    .column--btnn button::before,
    .general-info .opt-btn::before,
    .hull-station-map-section .column.submit button::before,
    .inner-newletter button::before,
    .inner-ticket-alert a::before,
    .innerpage-find-train-section button::before,
    .journeyCheck .column--other a::before,
    .live-trains-inner a::before,
    .notification-form-inner button::before,
    .our-services-btn a::before,
    .our-tickets-offers-desktop .btn-secondary::before,
    .search-another-station button::before,
    .ticket-offers-inner button::before,
    .top-header-right button::before,
    .view-all-btn a::before,
    .book-now-btn button::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #003;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
    }

    .banner button:hover::before,
    .btn-opt a:hover::before,
    .column--btnn button:hover::before,
    .general-info .opt-btn:hover::before,
    .hull-station-map-section .column.submit button:hover::before,
    .inner-newletter button:hover::before,
    .inner-ticket-alert a:hover::before,
    .innerpage-find-train-section button:hover::before,
    .journeyCheck .column--other a:hover::before,
    .live-trains-inner a:hover::before,
    .notification-form-inner button:hover::before,
    .our-services-btn a:hover::before,
    .our-tickets-offers-desktop .btn-secondary:hover::before,
    .search-another-station button:hover::before,
    .ticket-offers-inner button:hover::before,
    .top-header-right button:hover::before,
    .view-all-btn a:hover::before,
    .book-now-btn button:hover::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .banner button:hover,
    .btn-opt a:hover,
    .column--btnn button:hover,
    .general-info .opt-btn:hover,
    .inner-newletter button:hover,
    .inner-ticket-alert a:hover,
    .innerpage-find-train-section button:hover,
    .live-trains-inner a:hover,
    .notification-form-inner button:hover,
    .our-services-btn a:hover,
    .search-another-station button:hover,
    .ticket-offers-inner button:hover,
    .top-header-right button:hover,
    .view-all-btn a:hover,
    .book-now-btn button:hover {
        color: #fff;
    }

header {
    float: left;
    width: 100%;
    padding-top: 15px;
    position: relative;
    z-index: 999991;
}

.header-right ul {
    background: #f9f2b1;
    display: inline-block;
    padding: 12px 0;
}

.logo img {
    width: auto !important;
}

.header-right ul li {
    padding: 0 15px;
    border-left: 1px #003 solid;
    float: left;
    line-height: 15px;
}

    .header-right ul li:first-child {
        border: 0;
    }

    .header-right ul li a {
        color: #003;
        padding: 5px;
    }

.navbar-default {
    background: #003 !important;
    border: 0;
    border-radius: 0 !important;
    min-height: 0;
    margin-bottom: 0;
}

    .navbar-default li {
        /* margin-bottom: -5px !important; */
        border-left: 1px #fff solid;
        padding: 0 0 0 0 !important;
        background-color: transparent;
        color: #fff !important;
        text-transform: uppercase;
        font-size: 16px;
    }

.navbar-default {
    z-index: 9;
}

    .navbar-default li a {
        color: #fff !important;
        padding: 10px 36px;
        text-decoration: none !important;
    }

    .navbar-default li li a.parent {
        padding: 10px 27px 16px;
    }

.pink-bg {
    background: #c06 !important;
}

.nav li li a {
    color: #006c75 !important;
    border: 0px solid;
    border-color: transparent;
}

.component-cookie-notification,
.nav > li {
    position: static !important;
}

.navbar {
    margin-bottom: 0 !important;
    min-height: auto !important;
}

.nav > li.hover > ul li,
.single-item-navigation-bar li {
    border-left: 0;
}

.nav > li.hover > ul {
    background: #f1f8fc;
    padding-bottom: 50px;
}

.nav li li.hover ul {
    left: 0;
    top: 0;
    position: relative;
    width: 100%;
}

.nav li div li,
.single-item-navigation-bar li {
    padding: 0 !important;
    border: 0 !important;
}

.nav li:hover div li,
.nav li:hover div li ul {
    display: block !important;
}

.nav li div li ul li a,
.single-item-navigation-bar li a {
    color: #006c75 !important;
}

.banner {
    float: left;
    width: 100%;
    max-width: 100%;
    padding-top: 0;
}

.nav-star {
    float: left;
    width: 100%;
    background: #f1f8fc;
    text-align: center;
    padding: 8px 0;
}

    .nav-star li a {
        color: #003;
    }

#main {
    padding: 0;
}

    #main li a.parent::before {
        background: #003;
        width: 35px;
        height: 2px;
        position: absolute;
        left: 15px;
        top: 68px;
        content: "";
    }

    #main li li a,
    .single-item-navigation-bar li a {
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 700;
        font-family: Lato, latobold, sans-serif;
        padding: 12px 15px;
        line-height: 14px;
    }

    #main li li i,
    .single-item-navigation-bar li i {
        padding-left: 5px;
        font-size: 24px;
        position: relative;
        top: 2px;
        padding-right: 0;
        line-height: 0;
    }

.fa {
    font: normal normal normal 16px/1 FontAwesome;
}

.latest-offers {
    float: left;
    width: 100%;
    background: #fefbe0;
    position: relative;
    z-index: 0;
}

.latest-offer-content {
    flex: 1;
    background: #fff;
    position: relative;
}

.latest-inner-content {
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    position: absolute;
    padding: 0 40px;
}

.latest-offer-content p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0;
}

.latest-offer-content a,
.our-services-content a {
    color: #006c75 !important;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none !important;
    font-family: Lato, latobold, sans-serif;
    font-weight: 700;
}

    .inner-newletter a i,
    .latest-offer-content a i,
    .options-text p i,
    .our-services-content a i {
        padding-left: 10px;
        font-size: 25px;
        top: 3px;
        position: relative;
    }

.latest-offer-img {
    padding: 0;
    flex: 1
}

    .latest-offer-img img {
        width: 100%;
    }

.latest-offers .item {
    display: flex
}

.live-trains h2 {
    padding-top: 54px;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 40px;
    color: #003;
}

.smooth-scroll-content h2,
.glance-section h1,
.hull-station-inner h2,
.hull-station-map-section h1,
.latest-offers h1,
.latest-offers h2,
.less-container h1,
.live-departure-and-arrivals-section h1,
.live-trains h1,
.live-trains h2,
.options-section-inner h1,
.our-services h1,
.our-train-routes h1,
.our-train-routes h2,
.search-another-station h1,
.search-another-station h2,
.station-details h1,
.latest-offers h2,
.our-services h2 {
    padding: 70px 0 50px 0;
    width: 100%;
    text-align: center;
    position: relative;
}

.latest-offers.latest-news.journey-planning h2 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 40px;
    color: #003;
}

.latest-offers.latest-news.journey-planning .journey-content h3 {
    font-size: 24px;
}

.banner .qtt__search-bottom h1::before, .banner-heading h1::before, .banner-mob h1::before, .experience-content h1::before, .glance-section h1::before, .hull-station-inner h2::before, .hull-station-map-section h1::before, .innerpages-banner h1::before, .latest-offers h1::before, .less-container h1::before, .live-departure-and-arrivals-section h1::before, .live-trains h1::before, .options-section-inner h1::before, .our-services h1::before, .our-train-routes h1::before, .our-train-routes h2::before, .parallel h1::before, .search-another-station h1::before, .search-another-station h2::before, .station-details h1::before, .ur-experience h1::before, .latest-offers h2::before {
    background: #003;
    width: 65px;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    bottom: 40px;
}


.attractions h3::before,
.smooth-scroll-content h2::before {
    background: #003;
    width: 65px;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
}

.owl-theme .owl-dots .owl-dot span {
    background: #006c75;
    border: 2px #006c75 solid;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #fefbe0;
}

.view-all-btn {
    float: left;
    width: 100%;
    padding: 60px 0 30px 0;
    text-align: center;
}

    .inner-ticket-alert a,
    .live-trains-inner a,
    .view-all-btn a,
    .book-now-btn button {
        padding: 12px 35px;
    }

.destiantions {
    background: url(../images/gr-bg-destinations-resized.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}

    .destiantions h1,
    .destiantions h2,
    .experience-content h1,
    .hull-station-inner h2 {
        color: #fff;
        background: #2a75ae;
        text-transform: uppercase;
        font-size: 28px;
        line-height: 40px;
    }

    .destiantions h2 {
        padding-bottom: 100px;
    }

        .destiantions h1::before,
        .destiantions h2::before,
        .experience-content h1::before,
        .hull-station-inner h2::before,
        .ur-experience h2::before {
            background: #fff;
        }

    .destiantions .owl-theme .owl-dots .owl-dot span,
    .experience-content .owl-theme .owl-dots .owl-dot span {
        background: #fff;
        border: 2px #fff solid;
    }

    .destiantions .owl-theme .owl-dots .owl-dot.active span,
    .experience-content .owl-theme .owl-dots .owl-dot.active span {
        background: #003;
    }

    .destiantions .view-all-btn a,
    .ur-experience .view-all-btn a {
        background: #fff;
        color: #003;
        border: 0;
    }

.owl-nav {
    display: none;
}

.owl-dots {
    padding-top: 20px;
}

.destiantions .item img {
    background: #fff;
    padding: 2px;
    display: block;
}

.destination-img {
    position: relative;
}

.destiantion-offer {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(288, 288, 288, 0.7);
    color: #003;
    padding: 10px 20px;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 700;
    font-family: Lato, latobold, sans-serif;
}

.destiantion-fare {
    background: rgba(288, 288, 288, 1);
    width: 100%;
    text-align: center;
    padding: 10px 0;
    color: #003;
    font-size: 20px;
    font-weight: 400;
    font-family: latoregular, Lato, sans-serif;
}

.destiantion-fare-mains {
    position: absolute;
    bottom: 24px;
    right: 0;
    padding: 0 24px;
    width: 100%;
    left: 0;
}

.destiantion-fare strong {
    text-transform: uppercase;
}

.trains-and-services-section {
    float: left;
    width: 100%;
    background: #fefbe0;
    padding-bottom: 50px;
}

.live-trains-inner .row {
    padding: 0;
    min-height: 60px;
    overflow: hidden;
}

.live-trains-inner .column--time {
    position: relative;
    min-height: 1px;
    padding-left: 2%;
    width: 100px;
    float: left;
    display: inline-block;
}

    .live-trains-inner .column--time p {
        margin: 0;
        font-weight: 700;
        font-size: 18px;
        color: #061b2b;
    }

.live-trains-inner .column--station {
    position: relative;
    float: left;
    display: inline-block;
    min-height: 1px;
    width: 33.333333%;
}

.live-trains-inner .dot::after {
    background-color: rgba(6, 27, 43, 0.7);
    content: " ";
    position: absolute;
    display: block;
    background-color: #003;
    width: 2px;
    min-height: 100%;
    height: 45px;
    left: 8px;
    top: 20px;
}

.live-trains-inner .dot::before {
    content: " ";
    position: absolute;
    display: block;
    width: 4px;
    height: 12px;
    left: 8px;
    top: 4px;
}

.live-trains-inner .dot {
    position: absolute;
    top: -3px;
    height: 100%;
}

.live-trains-inner svg:not(:root) {
    overflow: hidden;
}

.live-trains-inner circle {
    stroke: #003;
}

.live-trains-inner .station-name {
    margin-left: 60px;
    font-size: 16px;
    color: #003;
    font-weight: 400;
    font-family: Lato, latoregular, sans-serif;
}

.live-trains-inner .column--status {
    padding-left: 0;
    float: left;
    line-height: 0;
}

    .live-trains-inner .column--status .icon-good,
    .live-trains-inner .column--status .icon-good i {
        color: #008a1c;
        font-size: 25px;
    }

.live-trains-inner .last .dot::after {
    display: none;
}

.live-trains {
    background: #fff;
}

.live-trains-inner .current circle {
    fill: #f9f2b1;
}

.live-trains-inner {
    padding-left: 25%;
}

    .live-trains-inner h3 {
        display: inline-block;
        padding-right: 70px;
        padding-bottom: 30px;
    }

.our-services-content p {
    padding: 15px 0;
    color: #000;
}

.our-services-inner {
    clear: both;
    display: inline-block;
    padding-bottom: 30px;
}

.our-services-btn {
    text-align: center;
    padding-top: 40px;
}

.ur-experience {
    float: left;
    width: 100%;
    background: #02467e;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    flex-direction: row;
    -moz-box-pack: center;
    -webkit-flex-direction: row
}

.experience-content {
    text-align: center;
    padding-top: 80px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .experience-content h1,
    .less-container h1,
    .parallel h1 {
        position: relative;
    }

        .experience-content h2::before,
        .parallel h1::before,
        .ur-experience h2::before {
            bottom: -10px;
        }

.experience-img {
    padding: 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .experience-img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: top;
    }

.experience-content-inner {
    padding: 40px 80px 0 80px;
}

    .experience-content-inner p {
        font-size: 24px;
        line-height: 40px;
        color: #fff;
        font-weight: 300;
        font-family: Lato, latolight, sans-serif;
    }

    .experience-content-inner p {
        padding-top: 10px;
        text-transform: uppercase;
    }

    .experience-content-inner p {
        text-transform: none;
        line-height: 35px;
    }

.experience-author {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-top: 42px;
    font-family: Lato, latoregular, sans-serif;
}

.ur-experience .view-all-btn {
    padding-top: 50px;
}

.ur-experience .owl-dots .owl-dot span {
    background: #fff;
    border: 2px #fff solid;
}

.ur-experience .owl-dots .owl-dot.active span {
    background: #003;
}

.experience-img-section {
    height: 100%;
}

.options-section {
    background: url(../images/gr-bg-resized.jpg) no-repeat;
    padding: 120px 0;
    float: left;
    width: 100%;
    background-size: cover;
}

.options-section-inner {
    background: #c7e8e4;
    padding-bottom: 47px;
}

    .options-section-inner li {
        text-align: center;
        display: inline-block;
    }

.options-img {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50%;
    border: 2px #003 solid;
    margin: auto;
}

    .options-img img,
    .options-img span {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        position: absolute
    }

.options-text {
    height: 100px;
    font-size: 16px;
    color: #003;
    text-transform: uppercase;
    line-height: 24px;
    padding-top: 25px;
    position: relative;
}

    .options-text p {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
        width: 100%;
        font-size: 18px;
    }

.newsletter-and-ticket-alert {
    background: #e4f2fa;
    float: left;
    width: 100%;
    text-align: center;
    height: 600px
}

.parallel {
    position: relative;
    height: 100%;
}

.inner-parallel {
    width: 100%;
}

.newsletter {
    background: #fff;
}

.inner-newletter label,
.inner-ticket-alert label {
    color: #c06;
    font-size: 18px;
    padding-top: 40px;
}

.inner-newletter form {
    padding-top: 68px;
}

.inner-newletter input {
    border: 2px #a6acbe solid;
    border-radius: 0;
    height: 45px;
    width: 265px;
    padding: 0 15px;
    position: relative;
    top: 2px;
}

.btn-opt a,
.inner-newletter button,
.innerpage-find-train-section button,
.notification-form-inner button {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    height: 45px;
    background: #c06 !important;
    color: #fff !important;
    border: 0;
    padding: 0 30px;
    border-radius: 0;
    font-family: Lato, latoregular, sans-serif;
}

.inner-newletter a {
    color: #003 !important;
    font-size: 18px;
    margin-top: 68px;
    display: block;
    text-transform: capitalize;
    margin-right: 15px;
}

.inner-ticket-alert li {
    color: #003;
    font-size: 18px;
    line-height: 26px;
}

.inner-ticket-alert ul {
    padding-top: 25px;
}

.inner-ticket-alert a {
    margin-top: 35px;
    background: #c06;
    color: #fff;
    border: 0;
}

.book-now-btn button {
    margin-top: -25px;
    background: #c06;
    color: #fff;
    border: 0;
}

.book-now-btn {
    text-align: center;
}

.footer-links ul,
.glance-section,
.hull-station-map-section,
.station-details,
footer {
    width: 100%;
    float: left;
}

.footer {
    width: 100%;
    float: left;
    background: #003 !important;
    padding: 15px 0;
}

.footer-links {
    float: left;
    margin: 0 !important;
}

    .footer-links li a {
        text-transform: capitalize;
        color: #fff;
        font-size: 15px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

        .footer-links li a::after {
            content: " " !important;
            margin-left: 0 !important;
        }

    .footer-links li {
        padding: 0 20px;
        display: inline-block;
    }

        .footer-links li .expandable-panel-link:hover,
        .footer-links li a:hover {
            text-shadow: 0 0 0 !important;
        }

        .footer-links li a:before {
            height: 0 !important;
        }

    .footer-links ul,
    .footer-social-links ul {
        margin-bottom: 0 !important;
    }

.footer-social-links {
    float: right;
}

    .footer-social-links li {
        display: inline-block;
        color: #fff;
        padding: 0 20px;
    }

.bottom-footer {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px 0;
}

    .bottom-footer li {
        display: inline-block;
        padding: 0 10px;
        border-left: 1px #003 solid;
        line-height: 12px;
    }

        .bottom-footer li:first-child {
            border: 0;
        }

        .bottom-footer li a {
            color: #003;
            font-size: 15px;
        }

.innerpages-gradient-bg {
    background: #f9f2b1 !important;
    width: 100%;
    float: left;
}

.breadcrumb {
    background: 0 none;
    border-radius: 0;
    padding-top: 20px;
}

    .breadcrumb li,
    .breadcrumb li a {
        color: #003;
        font-size: 16px;
        font-weight: 300;
        text-transform: capitalize;
        font-family: Lato, latolight, sans-serif;
    }

    .breadcrumb .active {
        font-weight: 700;
        color: #003;
        font-family: Lato, latobold, sans-serif;
    }

    .breadcrumb > li + li::before {
        color: #003;
    }

.less-container {
    max-width: 768px;
    width: 95%;
    margin: auto;
}

.notification-heading {
    color: #003;
    text-align: center;
    line-height: 24px;
}

.first-hull-trains-inner {
    background: #fff;
    float: left;
    width: 100%;
    margin: 65px 0 20px 0;
    padding: 40px 0;
    text-align: center;
}

    .first-hull-trains-inner label, .first-hull-trains-inner div {
        color: #c06;
        font-weight: 700;
        font-size: 16px;
        font-family: Lato, latobold, sans-serif;
    }

    .first-hull-trains-inner ul {
        padding-top: 30px;
    }

    .first-hull-trains-inner li {
        color: #003;
        font-weight: 400;
        line-height: 24px;
        font-family: Lato, latoregular, sans-serif;
    }

.notification-form-inner {
    margin-top: 25px;
    background: #fff;
    float: left;
    width: 100%;
    padding: 40px;
    margin-bottom: 40px;
}

    .notification-form-inner .form-group {
        margin: 30px 0;
    }

    .notification-form-inner form label {
        font-size: 16px;
        color: #006c75;
        padding-bottom: 5px;
    }

    .notification-form-inner form input[type="text"],
    .notification-form-inner form select,
    .notification-form-inner form textarea {
        border: 2px #a7acbe solid;
        border-radius: 0;
    }

    .notification-form-inner form .form-control {
        height: 40px;
    }

    .notification-form-inner .legend {
        display: none;
    }

.zabuto_calendar {
    border: 2px #a7acbe solid;
    color: #003;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 0 0 1px !important;
    font-family: Lato, latoregular, sans-serif;
}

    .calendar-dow-header th,
    .zabuto_calendar .table tr.calendar-month-header th span {
        font-weight: 400;
        font-family: Lato, latoregular, sans-serif;
    }

    .zabuto_calendar .table tr.calendar-month-header th span {
        font-size: 14px;
    }

.calendar-month-navigation .fa-angle-left::before,
.calendar-month-navigation .fa-angle-right::before {
    font-size: 26px;
}

.day {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    background: #e4f2fa !important;
    line-height: 65px;
    border: 1px #fff solid;
}

.calendar-dow td {
    padding: 0 !important;
    position: relative;
    height: 80px;
}

.notification-form-inner form p {
    color: #666;
    font-weight: 300;
    padding-bottom: 25px;
    font-family: Lato, latolight, sans-serif;
}

.checkbox label:after,
.radio label:after {
    content: "";
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    float: left;
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: 0px !important;
    width: 1.3em;
    height: 1.3em;
    margin-right: 0.5em;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: 0.8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox label input[type=checkbox] + .cr > .cr-icon, .radio label input[type=radio] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all 0.3s ease-in;
}

.checkbox label input[type=checkbox]:checked + .cr > .cr-icon, .radio label input[type=radio]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: 0.5;
}

.notification-form-inner .fa-check::before {
    content: "\f00c";
}

.notification-form-inner .checkbox label {
    padding: 0 0 20px 0;
    color: #666;
    font-weight: 300;
    font-family: Lato, latolight, sans-serif;
}

.notification-form-inner form p a {
    color: #006c75;
    font-weight: 700;
    text-decoration: underline;
    font-family: Lato, latobold, sans-serif;
}

.btn-default:hover {
    background: 0;
}

.innerpage-find-train-section {
    background: #fff;
    float: left;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 40px;
}

.input-group-addon {
    background: 0 none;
    border-radius: 0;
    border: 2px #a7acbe solid;
    height: 40px;
    color: #003;
    font-weight: 700;
    font-family: Lato, latobold, sans-serif;
    padding: 0 20px;
    font-size: 16px;
}

.innerpage-find-train-section .form-control,
.innerpage-find-train-section select {
    border-radius: 0;
    border: 2px #a7acbe solid;
    height: 40px;
    font-weight: 300;
    padding: 0 20px;
    font-size: 16px;
    width: 100%;
    font-family: Lato, latolight, sans-serif;
}

    .innerpage-find-train-section .form-control::-moz-placeholder, .innerpage-find-train-section .form-control::placeholder, .innerpage-find-train-section .input::placeholder {
        color: #003;
        font-size: 14px
    }

.innerpage-find-train-section .input-group {
    width: 100%;
}

.swipe-icon {
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 2;
}

.innerpage-find-train-section button {
    height: 40px;
}

.engineering-works {
    float: left;
    width: 100%;
}

.panel-default > .panel-heading {
    background: #fff;
    border: 0;
}

.panel-group .panel, .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 0;
    border-radius: 0;
}

.panel-default {
    padding: 5px 20px;
}

.accordian-heading {
    color: #003;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 10px;
    text-align: center;
    font-family: Lato, latoregular, sans-serif;
}

.panel-title h3 {
    display: inline-block;
}

.panel-title i {
    float: right;
    font-size: 20px;
    padding-top: 8px;
}

.panel-body::before {
    background: #006c75;
    width: 60px;
    top: -4px;
    position: absolute;
    height: 2px;
}

.panel-body,
.panel-body p {
    position: relative;
    color: #666;
    font-size: 16px;
    line-height: 26px;
}

    .checkbox a,
    .panel-body a,
    .panel-body p a {
        color: #006c75;
        font-weight: 700;
        text-decoration: underline;
        font-family: Lato, latobold, sans-serif;
    }

a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.engineering-works ul,
.station-details ul {
    padding-top: 20px;
}

    .engineering-works ul li {
        padding-bottom: 15px;
        line-height: 26px;
        background: none;
        padding-left: 25px;
        position: relative;
    }

        .engineering-works ul li::before {
            content: '';
            background: url("../../common/images/li-icon.png");
            position: absolute;
            width: 15px;
            height: 15px;
            background-repeat: no-repeat;
            top: 8px;
            left: 0;
        }



.journey-content {
    padding: 30px;
    background: #fff;
}

    .journey-content h2 {
        text-transform: capitalize;
    }

    .journey-content p {
        color: #666;
        line-height: 26px;
        padding: 15px 0;
    }

    .journey-content a {
        font-weight: 700;
        font-family: Lato, latobold, sans-serif;
        color: #006c75;
    }

    .journey-content i {
        padding-left: 10px;
        font-size: 20px;
    }

.journey-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.journey-img {
    height: auto;
}

.journey-panning-inner {
    padding-bottom: 40px;
}

.notification-form-inner form .radio .label-text::before {
    font-size: 20px;
    color: #000;
}

.radio label {
    padding-left: 0;
}

input[type="radio"] + .label-text:before {
    content: "\f1db";
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    font-size: 22px;
}

input[type="radio"]:checked + .label-text:before {
    content: "\f192";
    color: #666;
    animation: effect 250ms ease-in
}

input[type="radio"]:disabled + .label-text {
    color: #aaa;
}

    input[type="radio"]:disabled + .label-text:before {
        content: "\f111";
        color: #ccc;
    }

.form-check {
    width: 90px;
    display: inline-block;
}

    .form-check label {
        color: #666 !important
    }

@keyframes effect {
    0% {
        transform: scale(0)
    }

    25% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

.notification-form-inner form textarea {
    height: 150px !important;
}

input[type="file"] {
    color: #fff;
}

.padding-0 {
    padding: 0;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.btn-bs-file {
    position: relative;
    background: #c06;
    color: #fff !important;
    border-color: #c06;
}

    .btn-bs-file input[type="file"] {
        position: absolute;
        top: -9999999;
        opacity: 0;
        width: 0;
        height: 0;
        outline: 0;
        cursor: inherit;
    }

.btn-bs-file {
    width: 100%;
    height: 40px;
    border-radius: 0 !important;
}

.checkbox,
.radio {
    float: left;
    width: 100%;
}

.btn-primary.btn-bs-file:focus,
.btn-primary.btn-bs-file:hover,
.btn-primary.btn-bs-file:visited {
    background: #003;
    color: #fff !important;
    border-color: #003;
}

.browse-btn,
.captcha {
    padding-bottom: 30px;
}

.innerpage-latest-news,
.innerpage-latest-news .item {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

    .innerpage-latest-news .item {
        padding-top: 0;
        display: flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-flow: row wrap;
        flex-direction: row;
        -moz-box-pack: center;
        -webkit-flex-direction: row;
        padding-bottom: 20px
    }

    .innerpage-latest-news .latest-inner-content {
        padding: 0 30px
    }

.news-date {
    width: 100%;
    text-align: right;
    font-size: 16px;
}

.innerpage-latest-news .latest-offer-img {
    flex: inherit
}

.destination-landing .innerpage-find-train-section {
    margin-top: 40px;
}

.destination-gallery .destiantion-fare {
    bottom: 20px;
    right: 0;
    width: 100%;
    margin: auto;
    left: 0;
}

.destination-gallery-bottom,
.destination-gallery-places,
.destination-gallery-top {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    display: table;
}

.destination-gallery-bottom {
    padding-bottom: 0;
}

.destination-gallery .destination-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.destination-gallery .destination-img {
    overflow: hidden;
    height: 100%;
}

.table-cell {
    display: table-cell;
}

.height-100 {
    height: 100%;
}

.destination-gallery-bottom .destination-img {
    height: auto;
}

.destination-gallery-top .destination-img {
    height: auto;
}

.gallery-destinations {
    width: 100%;
}

    .gallery-destinations ul li {
        text-align: center;
        margin-top: 24px;
    }

        .gallery-destinations ul li a {
            width: 100%;
            color: #003;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 20px;
            background: #f1f8fc;
            padding: 10px 0;
            float: left;
            font-family: Lato, latobold, sans-serif;
        }

        .gallery-destinations ul li:hover a {
            background: #fff;
            text-decoration: none;
        }

.white-bg {
    background: #fff;
    padding-bottom: 40px;
}

.our-ticket-offers {
    padding-bottom: 50px;
}

.ticket-offers-heading h3 {
    color: #003;
    font-size: 20px;
    font-weight: 700;
    padding: 40px 40px 15px 40px;
    font-family: Lato, latobold, sans-serif;
}

.ticket-offers-price {
    width: 100%;
    text-align: center;
    font-size: 56px;
    color: #003;
    font-weight: 700;
    font-family: Lato, latobold, sans-serif;
    padding: 10px 0;
}

.light-yellow {
    background: #f9f2b1;
}

.light-pink {
    background: #f4cbdf;
}

.light-blue {
    background: #cbe7f4;
}

.ticket-offers-inner p {
    color: #003;
    font-weight: 300;
    padding: 20px 30px;
    font-family: Lato, latolight, sans-serif;
}

.ticket-offers-inner button {
    border: 2px #003 solid;
    padding: 12px 30px;
    margin: 0 0 0 30px;
    font-weight: 700;
    font-family: Lato, latobold, sans-serif;
}

.content-display {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #003;
    font-size: 16px;
}

    .content-display label {
        padding-bottom: 20px;
    }

    .content-display p {
        padding-bottom: 20px;
        line-height: 26px;
    }

    .content-display a {
        font-weight: 700;
        color: #003;
        font-family: Lato, latobold, sans-serif;
    }

        .content-display a i {
            padding-left: 10px;
            font-size: 20px;
        }

.destination-gallery .destination-img:hover {
    cursor: text;
}

.general-info p {
    padding: 15px 0;
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    font-family: Lato, latoregular, sans-serif;
}

    .general-info a,
    .general-info p a {
        color: #006c75;
        font-weight: 700;
        text-decoration: underline;
        font-family: Lato, latobold, sans-serif;
    }

.general-info ul {
    padding-top: 20px;
}

.general-info li {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    background: #fff;
    padding-left: 25px;
    padding-bottom: 20px;
    font-family: Lato, latolight, sans-serif;
    position: relative;
}

    .general-info li::before {
        content: url("../../common/images/li-icon.png");
        position: absolute;
        left: 0;
        top: 0;
    }

.ht-bespokepage .general-info li::before {
    display: none;
}

.general-info img {
    width: 100%;
    padding: 30px 0
}

.btn-opt a, .general-info .opt-btn {
    text-decoration: none;
    padding: 12px 35px
}

.navbar-start a {
    width: 25%;
    background: #fff;
    float: left;
    border-left: 2px #cbe7f4 solid;
    text-align: center;
    color: #003;
    text-transform: uppercase;
    padding: 8px 0;
    font-weight: 700;
    font-size: 16px;
    font-family: Lato,latobold,sans-serif
}

.page, .smooth-scroll {
    float: left;
    width: 100%
}

.navbar-start a:first-child {
    border: 0
}

.navbar-start a.active, .navbar-start a:hover {
    background: #003;
    color: #fff
}

.page .innerpage-latest-news {
    padding-top: 0
}

.our-train-routes h2 {
    font-size: 30px;
    text-transform: uppercase;
}

.our-train-routes h1, .our-train-routes h2 {
    background: #cbe7f4;
    float: left;
    position: relative;
    padding: 50px 0;
    text-align: center;
    color: #003;
}

/*
        #attractions h3,
#hotels h3,
#restaurants h3,
#shopping h3,
    background: #cbe7f4;
    */

.smooth-scroll-content h3 {
    color: #006c75;
    font-size: 24px;
    line-height: 36px;
}

.smooth-scroll-content h2 {
    float: left;
    position: relative;
    padding: 25px 0;
    text-align: center;
    color: #003;
    text-transform: uppercase;
    font-size: 20px;
}

.page .innerpage-latest-news .item {
    padding-bottom: 0;
}

#restaurants h2 {
    background: #f7d8e7;
}

#hotels h2 {
    background: #fae2dd;
}

#shopping h2 {
    background: #fbf6cb;
}

.our-train-routes {
    background: #cbe7f4;
    float: left;
    width: 100%;
    padding: 0 0 64px 0;
    text-align: center
}

    .our-train-routes ul {
        background: #e5f3f9 !important;
        padding: 24px 0 27px;
        float: left;
        width: 100%
    }

        .our-train-routes ul li {
            display: inline-block;
            padding: 10px 18px
        }

            .our-train-routes ul li a {
                color: #006c75;
                font-weight: 700;
                font-size: 15px;
                font-family: Lato,latobold,sans-serif
            }

                .our-train-routes ul li a i {
                    padding-left: 10px;
                    font-size: 20px;
                    position: relative;
                    top: 2px
                }

.smooth-scroll .page .innerpage-latest-news {
    padding-bottom: 0
}

.smooth-scroll .navbar {
    min-height: auto;
    margin-bottom: 0
}

.margin-top-40 {
    margin-top: 40px
}

.margin-bottom-0 {
    margin-bottom: 0
}

.smooth-scroll {
    padding: 4px;
    background: #cbe7f4
}

.offer-details .item {
    padding-bottom: 0
}

.two-items .item {
    width: 50%
}

.two-items {
    width: 100%;
    float: left;
    padding-top: 30px
}

.hull-station-map-section {
    background: #02467e;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    flex-direction: row;
    -moz-box-pack: center;
    -webkit-flex-direction: row
}

    .hull-station-map-section iframe {
        border: 0;
        width: 100%;
        height: 100%
    }

.hull-station-inner p, .hull-station-inner pre {
    color: #fff;
    text-align: center;
    font-size: 28px;
    line-height: 40px
}

.hull-station-header {
    padding-bottom: 50px
}

.glance-section .options-section {
    background: 0 none;
    padding: 0
}

.glance-section .options-section-inner {
    padding: 52px 0 12px 0;
    background: rgba(288,288,288,1)
}

.station-details #accordion li {
    position: relative;
    border-top: 2px solid #e4e4e9;
    color: #666;
    padding: 10px 10px 5px 60px;
    font-size: 16px
}

    .station-details #accordion li:first-child {
        border: 0
    }

.station-details #accordion label {
    text-transform: capitalize;
    color: #003
}

.station-details #accordion li {
    background: url(../images/star-icon.png) no-repeat 0 15px
}

.live-departure-and-arrivals-section {
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 40px
}

    .live-departure-and-arrivals-section .container {
        border-top: 4px #fff solid
    }

.live-departure-and-arrivals-accordion {
    margin-top: 10px;
    padding: 0 100px;
    float: left;
    width: 100%
}

.lda-tabs {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 85px !important
}

    .lda-tabs li {
        background: #fff;
        color: #003;
        font-size: 15px;
        font-weight: 700;
        padding: 10px 0;
        text-align: center;
        font-family: Lato,latobold,sans-serif
    }

        .lda-tabs li.active, .lda-tabs li.active a, .lda-tabs li:hover, .lda-tabs li:hover a {
            background: #003;
            color: #fff
        }

        .lda-tabs li a {
            color: #003
        }

.cap {
    background: #fff;
    padding: 15px 0;
    color: #003;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    font-family: Lato,latobold,sans-serif
}

    .cap a {
        color: #003
    }

        .cap a i {
            padding-left: 20px;
            font-size: 22px
        }

.live-departure-and-arrivals-section .head {
    overflow: hidden;
    position: relative;
    background: #003 !important
}

    .live-departure-and-arrivals-section .head .column {
        height: 45px;
        float: none;
        top: 0;
        bottom: 0;
        left: 0;
        display: inline-block
    }

.column--time {
    padding-left: 10%;
    width: 25%;
    float: left;
    display: inline-block
}

.live-departure-and-arrivals-section .head .column p {
    color: #fff;
    line-height: 45px
}

.live-departure-and-arrivals-section .column--button {
    position: absolute !important;
    top: 15px;
    left: 15px
}

.journey .column--station, .live-departure-and-arrivals-section .head .column--station {
    width: 33.333333%
}

.journey .column--platform, .live-departure-and-arrivals-section .head .column--platform {
    width: 14.766666%
}

.journey .column--operator, .live-departure-and-arrivals-section .head .column--operator {
    width: 23.88%;
    padding-right: 5px
}

.journey {
    min-height: 62px;
    background-color: #fff;
    border-bottom: 2px solid #c7dae7 !important;
    overflow: hidden;
    position: relative;
    transition: all .3s ease !important;
    cursor: pointer;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0 !important
}

    .journey .panel-body::before {
        background: 0 none
    }

    .journey .column p {
        line-height: 40px;
        color: #003;
        padding: 10px 0
    }

    .journey .column {
        height: 100%;
        float: left;
        display: inline-block;
        height: 100%;
        position: relative
    }

    .journey .column--icon span {
        font-size: 30px
    }

    .check-journey .column--status, .journey .column--status {
        position: absolute !important;
        left: 58px !important
    }

        .journey .column--status .exclamation-red, .route-overview .column--status .icon-good .exclamation-red {
            color: #de0000;
            font-size: 20px
        }

        .journey .column--status .exclamation-yellow, .route-overview .column--status .icon-good .exclamation-yellow, .route-overview .column--status .icon-good .faexclamationcircleexclamationyellow {
            color: #edad00;
            font-size: 20px
        }

        .journey .column--status .check-circle-green, .route-overview .column--status .icon-good .check-circle-green {
            color: #008a1c;
            font-size: 20px
        }

    .journey .column--time {
        padding-left: 9%
    }

.strikethrough {
    text-decoration: line-through !important
}

.delayed-time {
    color: #de0000
}

.journey-open {
    float: left;
    width: 100%;
    background: #f1f8fc
}

.journey .column--station {
    margin-right: 1.5%
}

.journey-open .live-trains-inner {
    padding-left: 10%
}

.check-journey .column--time, .journey .station .column--time {
    padding-left: 0
}

.journey-open .live-trains-inner .column--time {
    width: 17%
}

.journey .live-trains-inner .column p {
    padding: 0;
    line-height: 18px
}

.journey .live-trains-inner .dot::after {
    height: 25px
}

.journey .live-trains-inner .row {
    min-height: 40px;
    margin: 0
}

.journey .live-trains-inner h5 {
    color: #003;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 20px;
    font-family: Lato,latoregular,sans-serif
}

.search-another-station {
    background: #fff;
    float: left;
    width: 100%;
    height: auto;
    padding: 54px 0 64px
}

    .search-another-station .newsletter {
        background: 0 none
    }

    .search-another-station button {
        margin-left: 10px
    }

    .search-another-station input {
        margin-right: 10px
    }

    .search-another-station .inner-newletter form {
        padding-top: 40px
    }

.live-trains .live-departure-and-arrivals-section {
    margin-top: 0
}

    .live-trains .live-departure-and-arrivals-section .container {
        border-top: 0
    }

.route-details-icon-section {
    background: 0 none;
    margin: 50px 0;
    padding: 0
}

    .route-details-icon-section .options-section-inner {
        background: rgba(288,288,288,0.6);
        padding: 30px 0
    }

    .route-details-icon-section .options-text label {
        text-transform: capitalize;
        padding-bottom: 5px
    }

    .route-details-icon-section .options-text {
        height: auto
    }

        .route-details-icon-section .options-text p {
            position: static;
            text-align: center;
            transform: translate(0,0);
            text-transform: capitalize;
            font-weight: 700;
            font-family: Lato,latobold,sans-serif;
            background: inherit;
        }

.check-journey .column--button {
    width: 8.333333%;
    float: left !important;
    position: static !important
}

.check-journey .column {
    text-align: center
}

.check-journey .column--status {
    width: 12.5%;
    position: relative !important;
    left: 0 !important
}

.check-journey .arrives, .check-journey .departs {
    width: 16.666667%
}

.check-journey .chg {
    width: 8.333333%
}

.check-journey .dur {
    width: 12.5%
}

.check-journey .column--btnn, .check-journey .column--station {
    width: 21%
}

.check-journey .panel-heading {
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 100%
}

.check-journey .column .cancelled {
    width: 100%;
    line-height: 12px;
    color: #de0000
}

.check-journey .column .platform {
    width: 100%;
    float: left;
    line-height: 12px
}

.platform {
    color: #a7acbe;
    text-transform: capitalize;
    font-size: 14px;
    padding-top: 5px
}

.check-journey .column p {
    line-height: normal
}

.check-journey .column {
    float: left !important
}

.column--btnn button {
    padding: 10px 20px
}

.check-journey .station-name {
    text-align: left
}

.check-journey .column--departure, .check-journey .column--station-info {
    width: 33.333333%
}

    .check-journey .column--station-info p {
        font-weight: 700;
        color: #006c75
    }

.less-container a {
    font-weight: 700;
    text-decoration: underline;
    color: #003
}

.less-container p {
    padding-top: 20px
}

.timetable {
    float: left;
    width: 100%;
    padding: 40px 0 20px 0
}

    .timetable .lda-tabs {
        padding: 0
    }

.lda-full-width {
    padding-top: 30px
}

    .lda-full-width li {
        padding: 0 15px
    }

        .lda-full-width li, .lda-full-width li.active {
            background: 0 none
        }

            .lda-full-width li a {
                background: #fff;
                color: #003;
                width: 100%;
                padding: 10px 15px;
                float: left
            }

.timetable .live-trains-inner {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px 12px 15px 30px;
    overflow: hidden
}

.timetable .station-name {
    border-bottom: 2px #003 solid;
    width: 100%;
    padding: 0 0 0 24px;
    margin-right: 40px
}

.timetable .live-trains-inner .dot::after {
    left: 11px
}

.train-time {
    padding-right: 15px
}

.timetable .station-name label {
    font-weight: 700
}

.timetable .column--station {
    width: 100%
}

.train-time ul {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    flex-direction: row;
    -moz-box-pack: center;
    -webkit-flex-direction: row
}

    .train-time ul li {
        padding: 5px 0;
        border-left: 2px #003 solid;
        margin: 0 0 10px 0;
        width: 14%;
        text-align: center
    }

        .train-time ul li:first-child {
            padding-left: 0;
            border: 0;
            padding-right: 7%;
            width: auto
        }

.timetable .live-trains-inner .row {
    padding: 0 0 15px 0
}

.live-trains-inner .no-border .dot::after {
    background: 0 none
}

.bank-holidays {
    float: left;
    width: 100%;
    padding-top: 14px
}

    .bank-holidays p {
        color: #003
    }

.top-buy-now {
    display: none
}

#journeycheck {
    padding: 30px 0;
    float: left;
    width: 100%
}

.header-right-mob {
    display: none !important
}

.banner img {
    width: 100%
}

.bottom-footer li a {
    text-transform: capitalize
}

footer a:hover {
    text-decoration: underline
}

.top-header-right button {
    font-weight: 700;
    font-family: Lato,latobold,sans-serif
}

.journey-mob, .lda-mob, .our-tickets-offers-mob, .services-mob, .smooth-scroll-mob, .two-items-mob {
    display: none
}

.ur-experience h2, .ur-experience .urexperience-title {
    color: #fff;
    position: relative;
    text-align: center;
    padding: 74px 0 30px 0;
}

.ur-experience .owl-dots {
    left: 24%;
    position: absolute;
    bottom: 127px;
    margin: 0;
    padding: 0;
    transform: translate(-30%,-60%)
}

button, input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.padding-0 {
    padding: 0
}

.banner .carousel-caption {
    bottom: auto;
    top: 20px;
    background: rgba(288,288,288,.9);
    text-shadow: none !important;
}

    .banner .carousel-caption label {
        color: #c06;
        font-size: 16px;
        padding-top: 20px
    }

.banner .innerpage-find-train-section, .banner .innerpage-find-train-section input, .banner .innerpage-find-train-section select {
    background: 0 none
}

.banner .nav-tabs > li.active > a {
    background: 0 none;
    border-radius: 0
}

.banner .tabbs {
    float: left;
    width: 100%;
    padding-top: 20px
}

.banner .nav-tabs {
    border: 0
}

.banner .tabbs li {
    padding: 0;
    margin: 0 -1px
}

    .banner .tabbs li a {
        font-size: 16px;
        color: #003;
        border: 2px #a7acbe solid;
        border-radius: 0;
        margin: 0
    }

    .banner .nav-tabs > li.active > a:focus, .banner .nav-tabs > li.active > a:hover, .banner .nav-tabs > li.hover > a, .banner .tabbs li.active a {
        border-radius: 0;
        background: #003;
        color: #fff;
        border: 2px #003 solid
    }

.padding-right-15 {
    padding-right: 15px !important
}

.padding-left-15 {
    padding-left: 15px !important
}

.banner .select-hidden {
    visibility: hidden;
    padding-right: 10px
}

.banner .select {
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 16px;
    color: #003;
    width: 100%
}

.banner .select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    padding: 5px 15px;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    height: 40px;
    border: 2px #a7acbe solid
}

    .banner .select-styled:after {
        content: "\f107";
        font: normal normal normal 24px/1 FontAwesome;
        width: 0;
        height: 0;
        border: 7px solid transparent;
        position: absolute;
        top: 0;
        right: 20px
    }

    .banner .select-styled.active:after, .banner .select-styled:active:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        top: 25px;
        right: 5px
    }

.banner .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #f1f8fc;
    max-height: 200px;
    overflow-y: scroll
}

    .banner .select-options li:nth-child(2n+2) {
        background: #f1f8fc
    }

    .banner .select-options li {
        margin: 0;
        padding: 12px 0;
        text-indent: 20px;
        background-color: #e4f2fa;
        -moz-transition: all .15s ease-in;
        -o-transition: all .15s ease-in;
        -webkit-transition: all .15s ease-in;
        transition: all .15s ease-in;
        color: #003;
        font-size: 16px !important
    }

.form-inline .input-group .input-group-addon {
    width: 85px
}

.banner .select-options li[rel=hide] {
    display: none
}

.banner .tab-content {
    padding-top: 20px
}

.relative {
    position: relative
}

.banner .relative input, .banner .relative input:focus, .banner .relative input:visited {
    border: 2px #a7acbe solid;
    background: #fff;
    border-radius: 0;
    color: #003;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    font-family: Lato,latoregular,sans-serif
}

    .banner .relative input.collapsed {
        background: 0 none
    }

.banner .tab-content .collapse, .banner .tab-content .collapse.in, .banner .tab-content .collapsing {
    padding: 0;
    position: relative;
    width: 100%;
    top: -3px
}

    .banner .tab-content .collapse .well, .banner .tab-content .collapsing .well {
        background: #fff;
        border-radius: 0;
        border: 2px #a7acbe solid;
        border-top: 0;
        width: 100%;
        box-shadow: 0 0 0;
        padding: 0;
        float: left
    }

.collpase-inner .arriving-today, .collpase-inner .leaving-today {
    padding: 0 2px;
    text-align: center
}

    .banner-form-inner li a, .collpase-inner .arriving-today a, .collpase-inner .leaving-today a {
        font-weight: 400;
        font-size: 14px !important;
        background: #f1f8fc;
        color: #003;
        padding: 10px 0;
        width: 100%;
        float: left;
        font-family: Lato,latoregular,sans-serif
    }

        .banner-form-inner li a:hover, .banner-form-inner li.active a, .collpase-inner .arriving-today a.active, .collpase-inner .arriving-today a:hover, .collpase-inner .leaving-today a.active, .collpase-inner .leaving-today a:hover {
            background: #003;
            color: #fff
        }

.banner-form-inner li, .banner-form-inner li a {
    font-size: 14px;
    color: #003;
    border: 0 !important;
    border-radius: 0;
    margin: 0 !important
}

.banner-form-inner, .website .banner .time-date-wrapper .banner-form-inner .tab-content {
    float: left;
    width: 100%;
    padding-top: 2px !important
}

.banner .banner-form-inner li {
    padding: 8px 2px;
    font-size: 14px !important;
    color: #003;
    font-weight: 700;
    font-family: Lato,latobold,sans-serif
}

.banner-form-inner .time-select .select-styled {
    border: 0;
    background: #f1f8fc;
    color: #003;
    width: 100%;
    padding: 9px 2px;
    font-size: 14px;
    font-weight: 700;
    font-family: Lato,latobold,sans-serif
}

.banner-form-inner .nav li, .time-select {
    padding: 0 2px
}

.at {
    color: #003;
    padding-top: 8px;
    font-size: 16px
}

.banner div.zabuto_calendar div.legend {
    display: none
}

.banner .zabuto_calendar {
    border: 0
}

.padding-top-20 {
    padding-top: 20px !important
}

.add-railcard a, .passengers label {
    color: #003 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    font-family: Lato,latoregular,sans-serif
}

.passengers {
    padding-bottom: 12px;
    text-align: left
}

    .passengers .select-styled {
        border: 0;
        background: #f1f8fc
    }

.banner .innerpage-find-train-section {
    margin-bottom: 0
}

.add-railcard a {
    text-decoration: underline;
    color: #003
}

.banner-button {
    float: left;
    padding-top: 20px
}

    .banner-button button {
        width: 100%
    }

.website .component-journey-check button a {
    color: #003;
    font-weight: 700;
    font-family: Lato,latobold,sans-serif
}

.cookie-bar-wrap {
    color: #003;
    font-weight: 400;
    font-size: 16px;
    font-family: Lato,latoregular,sans-serif
}

.cookie-notification-hulltrains {
    left: 0;
    padding-top: 20px !important
}

.cookie-bar-wrap a {
    color: #006c75;
    font-weight: 700;
    text-decoration: underline;
    font-family: Lato,latobold,sans-serif
}

.cookie-bar-wrap .icon-close_no_circle:before {
    -webkit-text-stroke: 1px #fefcf0;
    -moz-text-stroke: 1px #fefcf0;
    -ms-text-stroke: 1px #fefcf0;
    -0-text-stroke:1px #fefcf0;
    text-stroke: 1px #fefcf0
}

.cookie-bar-wrap button {
    font-size: 18px
}

#menu li {
    list-style: square inside;
    padding-bottom: 5px;
    padding-top: 5px
}

    #menu li a {
        font-weight: 400;
        text-decoration: none
    }

@media (min-width:1200px) {
    .col-lg-2 {
        width: 16.66666667%
    }
}

@media (min-width:992px) {
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
}

@media (max-width:1280px) {
    .journey-check .nav li a {
        font-size: 14px !important
    }

    .journey .column--status {
        left: 0 !important
    }

    .ur-experience .owl-dots {
        transform: translate(-25%,0)
    }

    .experience-content-inner p {
        font-size: 20px;
        line-height: 30px
    }

    .offer-details .two-items .latest-offer-content .latest-inner-content {
        position: static;
        transform: translate(0,0);
        padding-top: 20px;
        padding-bottom: 20px
    }

    .offer-details .two-items .latest-offer-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .ur-experience .owl-carousel .owl-stage-outer {
        height: auto !important
    }

    section.destiantions {
        overflow: hidden
    }

    header {
        position: relative !important
    }
}

@media (max-width:991px) {
    .top-buy-now {
        display: block !important
    }

    .breadcrumb, .header-right-desk, .hidden-sm, .hidden-xs, .nav-star, .pink-bg {
        display: none !important
    }

    .top-buy-now a {
        color: #fff;
        text-transform: uppercase;
        background: #c06;
        padding: 8px 15px;
        float: right;
        margin-right: 33px;
        font-weight: 700
    }

    nav.navbar {
        position: relative
    }

        /* FGHT-270 - Navigation bar is not displaying proper in Desktop and mobile view when dev tool closed */
        nav.navbar .toggleMenu {
            font-size: 30px !important;
            color: #003;
            background: 0 none;
            position: absolute;
            top: -55px;
            right: 0;
            display: none;
        }

        nav.navbar .toggleMenu {
            display: block !important;
        }

            nav.navbar .toggleMenu i {
                font-size: 30px !important;
                -webkit-text-stroke: 1px #fff;
                -moz-text-stroke: 1px #fff;
                -ms-text-stroke: 1px #fff;
                -0-text-stroke:1px #fff;
                text-stroke: 1px #fff
            }

        nav.navbar .nav li {
            border: 0
        }

    .navbar-default {
        top: 0
    }

    .footer-links {
        width: 100%
    }

        .bottom-footer, .footer-links ul {
            text-align: center
        }

        .footer-links li {
            padding: 5px 15px
        }

            .footer-links li a {
                font-size: 14px
            }

    .footer-social-links {
        float: right;
        width: 100%;
        padding-top: 20px;
        text-align: center
    }

        .footer-social-links li:first-child {
            display: none
        }

    .header-right-mob ul {
        background: 0 none;
        width: 100%
    }

        .header-right-mob ul li {
            background: #fefcf0;
            border: 0;
            text-align: left;
            padding: 14px 15px;
            margin-bottom: 4px;
            height: 44px
        }

    .banner {
        height: auto
    }

    h1 {
        text-transform: uppercase;
        font-size: 24px;
        line-height: 36px;
        color: #003
    }

    h2 {
        font-size: 20px;
        line-height: 30px
    }

    .latest-offer-content p {
        font-size: 14px;
        line-height: 20px
    }

    .live-trains-inner {
        padding-left: 35% !important
    }

    button {
        font-size: 16px !important
    }

    .navbar-default .container, .navbar-default li {
        padding: 0 !important
    }

    .newsletter-and-ticket-alert {
        height: auto
    }

    .inner-parallel {
        transform: translate(0);
        position: static;
        padding: 15px 0
    }

    .inner-newletter label, .inner-ticket-alert label {
        padding-top: 35px;
        font-size: 15px
    }

    .inner-newletter a, .inner-newletter form {
        padding-top: 35px
    }

    .inner-newletter input {
        width: 55%
    }

    .inner-newletter button {
        padding: 0 20px
    }

    .first-hull-trains-inner label, .inner-newletter a, .zabuto_calendar .table tr.calendar-month-header th span {
        font-size: 15px
    }

        .inner-newletter a i {
            font-size: 20px;
            top: 2px
        }

    .parallel {
        padding: 10px 0 30px 0
    }

    .experience-content-inner {
        padding: 15px
    }

        .experience-author, .experience-content-inner p {
            font-size: 16px;
            line-height: 30px
        }

    .experience-author, .less-container {
        padding-top: 20px
    }

    .experience-content .owl-dots {
        margin-top: 0 !important;
        padding-top: 0 !important
    }

    .inner-ticket-alert ul {
        padding-top: 25px
    }

    .inner-ticket-alert li {
        font-size: 16px;
        line-height: 26px
    }

    .inner-ticket-alert a {
        margin-top: 25px
    }

    .notification-form-inner {
        padding: 40px 15px
    }

    .innerpage-find-train-section .input-group {
        width: 100%
    }

    .input-group-addon:first-child {
        width: 85px !important
    }

    .swipe-icon {
        right: 10px;
        top: 20px;
        z-index: 3
    }

    .innerpage-find-train-section button {
        margin: 15px 0 0 15px
    }

    .innerpage-find-train-section .form-group {
        margin-bottom: 0;
        width: 100%
    }

    .panel-title h3 {
        font-size: 15px
    }

    .panel-title i {
        padding-top: 0;
        margin-top: 8px
    }

    .browse-btn .col-lg-9 {
        width: 65%;
        float: left
    }

    .browse-btn .col-lg-3 {
        width: 35%;
        float: left
    }

    .check-journey .arrives, .check-journey .departs {
        width: 40%
    }

    .lda-tabs, .live-departure-and-arrivals-accordion {
        padding: 0 15px
    }

    .check-journey .column--button {
        width: 12%
    }

    .column--btnn button, .destiantion-fare, .destiantion-offer, .gallery-destinations ul li a, .general-info .opt-btn, .inner-newletter button, .inner-ticket-alert a, .innerpage-find-train-section button, .live-trains-inner a, .notification-form-inner button, .notification-form-inner form label, .our-services-btn a, .ticket-offers-inner button, .top-header-right button, .view-all-btn a {
        font-size: 14px !important
    }

    .general-info li, .general-info p, .less-container p {
        font-size: 14px;
        line-height: 24px
    }

    .general-info li {
        padding-bottom: 15px
    }

    .live-departure-and-arrivals-section .column--station, .live-departure-and-arrivals-section .column--time {
        width: 40%
    }

    .live-departure-and-arrivals-section .column--button {
        left: 5px
    }

    .live-departure-and-arrivals-section .column p {
        line-height: 20px;
        font-size: 14px
    }

        .live-departure-and-arrivals-section .column p span {
            float: left;
            width: 100%
        }

    .lda-left, .lda-right {
        padding: 5px 0
    }

    .options-section {
        padding: 60px 0
    }

    .timetable .train-time ul li {
        width: 12%
    }

        .timetable .train-time ul li:first-child {
            padding-right: 5%
        }

    .ur-experience .item h2 {
        display: none
    }

    .experience-content-inner p {
        padding: 32px 40px 0 40px
    }

    .ur-experience h2, .ur-experience .urexperience-title {
        color: #fff;
        position: relative;
        text-align: center;
        padding: 10px 0;
        margin: 20px 0;
    }

        .ur-experience h2::before, .ur-experience .urexperience-title::before {
            bottom: 0;
        }

    .offer-details .two-items .latest-offer-content .latest-inner-content {
        padding: 20px 10px;
    }
}

@media (max-width:768px) {
    .custom-upload-another .input-group-file {
        width: 130px !important
    }

    .journey-check-results-box {
        float: none;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .destination-gallery-bottom, .destination-gallery-places, .destination-gallery-top {
        display: block
    }

    .owl-carousel .owl-stage-outer {
        overflow: visible !important
    }

    .latest-inner-content {
        transform: translate(0);
        position: static;
        padding: 15px 0
    }

    .live-trains-inner {
        padding-left: 30% !important
    }

    .destination-gallery .padding-left-0, .destination-gallery .padding-right-0, .destination-gallery .table-cell {
        padding: 5px 0
    }

    .destination-gallery-top {
        padding-bottom: 0
    }

    .latest-inner-content {
        transform: translate(0);
        position: static
    }

    .innerpage-latest-news .latest-inner-content {
        padding: 20px 0
    }

    .route-details-icon-section .options-text {
        padding-bottom: 15px;
        padding-top: 15px;
        line-height: 15px
    }

    .glance-section .options-img {
        width: auto;
        height: auto;
        position: relative;
        border-radius: 0;
        border: 0;
        margin: auto;
        float: left
    }

        .glance-section .options-img img, .glance-section .options-text p {
            position: static;
            transform: translate(0)
        }

    .glance-section .options-text {
        height: auto;
        display: block;
        padding: 0 0 0 40px;
        text-align: left
    }

        .glance-section .options-text p i {
            top: 0;
            float: right
        }

    .glance-section .options-section-inner {
        background: 0 none;
        padding: 0
    }

        .glance-section .options-section-inner li {
            background: rgba(288,288,288,.5);
            margin-bottom: 2px;
            padding-top: 8px;
            padding-bottom: 8px
        }

    .bank-holidays {
        padding: 15px
    }

    .journey-desktop, .lda-desktop, .smooth-scroll-desktop, .two-items-desktop {
        display: none !important
    }

    .journey-mob, .lda-mob, .smooth-scroll-mob, .two-items-mob, .ur-experience .item {
        display: block
    }

    .our-services .owl-dots {
        padding-top: 0
    }

    .our-services .our-services-btn {
        padding-top: 20px
    }

    .live-trains {
        padding-bottom: 30px
    }

    .lda-mob select, .smooth-scroll-mob {
        border: 0;
        border-radius: 0;
        padding: 8px 10px;
        width: 100%;
        font-weight: 700;
        color: #003;
        font-family: Lato,latobold,sans-serif
    }

    .trians-info {
        margin: 2px 0;
        padding: 0
    }

    .lda-tabs {
        margin-bottom: 2px
    }

    .smooth-scroll-mob, .smooth-scroll-mob option {
        text-transform: uppercase
    }

    .two-items .item {
        width: 100%
    }

    body {
        overflow-x: hidden;
        overflow-y: scroll;
        position: static !important
    }

    #abc .owl-stage {
        padding: 0 !important
    }
}

@media (max-width:667px) {
    .custom-upload-another .input-group-file {
        width: 130px !important
    }

    .live-trains-inner {
        padding-left: 5% !important
    }

        .live-trains-inner h3 {
            padding-right: 40px
        }

    .calendar-dow td {
        height: 40px
    }

    .day {
        line-height: 28px
    }

    .search-another-station form button, .search-another-station form input {
        width: 100%;
        margin: 5px 0
    }

    .search-another-station form {
        padding-left: 15px;
        padding-right: 15px
    }

    .journey-open .live-trains-inner .column--time {
        width: 25%
    }

    .timetable .train-time ul li {
        font-size: 14px
    }

        .timetable .train-time ul li:first-child {
            padding-right: 2%
        }

    .timetable .live-trains-inner .station-name {
        margin-left: 30px;
        padding: 0
    }

    .timetable {
        padding-bottom: 0
    }

    .component-journey-check-results .results-table .column--status {
        width: 12.666667%
    }

    .trains-and-services-section .live-results .results-table .column--status .icon {
        text-align: left
    }

    section.banner.banner-inner-pages .item {
        height: 272px !important
    }

    .form-group .compensation-time {
        width: 45% !important;
    }
}

@media (max-width:480px) {
    .panel-title h3 {
        width: 200px
    }

    #accordion .panel-title h3 {
        width: 80%
    }

    .our-train-routes ul li {
        background: #e5f3f9;
        width: 100%;
        margin-bottom: 2px
    }

    .timetable .train-time ul li {
        font-size: 11px;
        width: 13%
    }

        .timetable .train-time ul li:first-child {
            padding-right: 1%
        }

    .live-trains-inner h3 {
        width: 80%
    }

    .page .select2-container--open .select2-dropdown--below {
        width: 100% !important
    }

    .hull-station-map-section .select2.select2-container {
        padding-left: 65px !important
    }

    .hull-station-map-section .with-caret .input-group-addon {
        width: 65px !important
    }

    .page .select2-container--open {
        padding-left: 65px !important
    }

    .hull-station-map-section .component-journey-check-form .qtt-form-stations .station-switch {
        transform: translate(-70%,-50%) !important
    }
}

.logo img {
    width: auto !important;
    padding: 6px;
}

header .navbar-default {
    margin-top: 10px;
    height: 44px
}

.nav-star {
    position: relative;
    z-index: -1;
    margin-top: 2px
}

header .nav > li.hover > ul {
    z-index: 2
}

.latest-offers {
    position: relative;
    z-index: 0
}

.live-trains-inner .icon::before {
    display: none
}

header .nav > li.hover > ul a.parent {
    color: #003 !important;
    cursor: text;
    padding-left: 15px
}

    header .nav > li.hover > ul a.parent:hover {
        text-decoration: none !important
    }

.bg-stripes {
    background: 0 none !important;
    min-height: 0 !important
}

.live-results .results-table .body, .live-results .results-table .body .route-overview, .live-results .results-table .body .route-overview::before {
    border: 0
}

    .live-results .results-table .body .route-overview, .live-results .results-table .body .route-overview::before {
        background: 0 none
    }

.trains-and-services-section {
    padding-bottom: 0
}

.live-results .results-table .column--time {
    padding-left: 0
}

.trains-and-services-section h6 {
    background: 0 none;
    color: #006c75;
    font-size: 24px !important;
    line-height: 36px;
    display: inline-block;
    padding: 0 38px 0 0 !important;
    font-size: 30px;
    font-weight: 300;
    font-family: Lato,latolight,sans-serif
}

.trains-and-services-section .column--time .column-text .type {
    display: none
}

.component-journey-check-results .results-table .route-information-panel {
    margin-bottom: 0
}

.trains-and-services-section .live-trains {
    padding-right: 40px;
    padding-bottom: 64px
}

.component-journey-check-results .results-table .column {
    text-align: left
}

.trains-and-services-section .live-trains .column--status .icon {
    padding: 3px 0 0 15px
}

.trains-and-services-section .live-results .results-table .column--time {
    width: 12%
}

.live-trains-inner .dot::after {
    height: 45px !important;
    width: 2px !important
}

.live-results .results-table .body .route-overview .row {
    overflow: visible
}

button a:hover {
    color: #fff !important;
    text-decoration: none
}

.destiantions .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.destiantions .destination-img, .destiantions .item {
    height: 100%
}

.destiantions .owl-carousel .owl-stage, .trains-and-services-section {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    flex-direction: row;
    -moz-box-pack: center;
    n-webkit-flex-direction: row
}

.icon-banner {
    font-size: 24px;
    padding-right: 10px;
    float: left
}

.down-arrow-banner {
    font-size: 24px !important;
    float: right;
    margin-top: -20px
}

.routes-section-green button, .routes-section-green button:active, .routes-section-green button:focus, .routes-section-green button:hover, .routes-section-green button:visited {
    background: #00891c;
    width: 100%;
    border-radius: 0;
    border: 0
}

.routes-content, .routes-section button {
    padding: 20px
}

    .routes-content ul {
        padding-top: 20px
    }

    .routes-content li {
        color: #000;
        font-size: 16px;
        line-height: 26px;
        background: url(../images/li-icon.png) no-repeat left 7px;
        padding-left: 25px;
        padding-bottom: 20px;
        background: #fff;
    }

    .routes-content p {
        padding: 15px 0;
        color: #666;
        font-size: 16px;
        color: #666;
        line-height: 26px;
    }

    .routes-content a {
        color: #006c75;
        font-weight: 700;
        text-decoration: underline;
        font-family: Lato,latobold,sans-serif
    }

.experience-img {
    padding: 0 !important
}

.innerpage-find-train-section .component-qtt-form {
    max-width: 100%
}

.live-trains-inner span.swap-dir {
    background: url(../images/Switch_icon_live_times.png) no-repeat right 5px !important;
    padding: 10px 20px;
    float: left;
    width: 32px;
    height: 42px
}

.route-information-panel.visible {
    display: none
}

.our-services {
    padding-bottom: 64px
}

.column--btnn button:hover a, .destiantions button:hover a, .inner-newletter button:hover a, .inner-ticket-alert a:hover, .innerpage-find-train-section button:hover a, .live-trains-inner a:hover, .notification-form-inner button:hover a, .our-services-btn a:hover, .ticket-offers-inner button:hover a, .top-header-right button:hover a, .ur-experience button:hover a, .view-all-btn a:hover, .book-now-btn button:hover a {
    color: #fff !important
}

.routes-section button, .routes-section button span span {
    font-size: 16px !important;
    text-align: left;
    text-transform: none
}

.routes-section button {
    padding-left: 65px
}

.component-global-service-info .routes-section {
    max-width: 768px;
    width: 95%;
    margin: -30px auto 0
}

.component-global-service-info .icon {
    top: 22px !important
}

.experience-content-inner {
    padding: 20px 0 0 0 !important
}

.routes-section button span {
    float: left
}

.banner .ht-qtt-component .sub-info-text,
.banner-mob .sub-info-text.mobile-homepage-subtitle,
.banner .ht-qtt-component label,
.banner-mob label.mobile-homepage-subtitle {
    padding-bottom: 5px;
    color: #c06;
    font-size: 18px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

.banner-form-inner li a:hover, .banner-form-inner li.active a, .collpase-inner .arriving-today a.active, .collpase-inner .arriving-today a:hover, .collpase-inner .leaving-today a.active, .collpase-inner .leaving-today a:hover {
    color: #fff !important;
    background: #003 !important
}

.qtt-tabbed--with-image .component-qtt-form {
    max-width: 700px
}

.qtt-tabbed--with-image {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0
}

.qtt-tabbed .qtt__search-top {
    padding-bottom: 0 !important;
    padding-top: 30px !important;
    display: none
}

.qtt-tabbed.active .qtt__search-top {
    display: block
}

.qtt-tabbed::before {
    margin-top: 0;
    background: rgba(241,248,252,.9)
}

.qtt-tabbed.active::before {
    background: rgba(241,248,252,.95)
}

.qtt-tabbed.qtt-tabbed--with-image {
    min-height: 223px !important
}

.qtt-tabbed .qtt__search-bottom {
    bottom: auto !important
}

.qtt__search-bottom h1, .qtt__search-bottom label {
    text-align: center;
    width: 100%
}

.banner .input-group-addon {
    float: left;
    width: 70px;
    padding: 10px 0 0 0;
    border-radius: 0
}

.banner .with-caret .boderrow {
    width: 78%;
    float: left
}

    .banner .with-caret .boderrow .select2-selection__rendered, .banner .with-caret .boderrow select {
        border: 2px #a7acbe solid !important;
        border-radius: 0 !important
    }

.banner .select2-selection__rendered, .select2 .select2-selection--single {
    height: 40px !important
}

.select2.select2-container {
    border-radius: 0 !important
}

.banner button {
    width: 100%;
    border-radius: 0;
    background: #c06 !important;
    border: 0;
    color: #fff !important
}

    .banner button:hover {
        color: #fff !important
    }

.qtt-tabbed--with-image.active {
    top: 0
}

.banner .nav-tabs {
    border: 0;
    width: 100%;
    margin: 0
}

.banner .tabs ul > li {
    padding: 0 !important;
    text-align: center
}

.banner .tab-content {
    padding-top: 20px;
    padding-bottom: 20px !important;
    width: 100%;
    float: left
}

.banner .tabs ul > li.active a {
    background: #003 !important;
    color: #fff !important;
    border: 2px #003 solid !important
}

body .banner .tabs ul > li a {
    color: #003;
    font-size: 16px;
    width: 100%;
    border: 2px #a7acbe solid;
    border-radius: 0 !important;
}

.sub-info-text {
    padding-bottom: 5px;
    color: #c06;
    font-size: 18px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

body .banner .ht-qtt-component .tabs ul > li a {
    height: 40px !important;
    line-height: 14px
}

.qtt-form-close .icon-close_no_circle::before {
    color: #003 !important;
    font-weight: 700;
    font-size: 50px
}

.qtt-form-close .icon-close_no_circle::before {
    content: '\00d7' !important
}

.qtt-form-close .icon-close_no_circle {
    top: 0 !important
}

.banner-form-inner, .banner-form-inner .tab-content {
    padding-top: 2px !important
}

    .banner-form-inner .tab-content {
        padding-bottom: 13px !important
    }

.banner .qtt__search-top .container, .banner .qtt__search-top .qtt-form-close {
    width: 100%;
    max-width: 100%
}

.at {
    text-align: center
}

.banner .tab-content .nav-tabs li.col-lg-4 {
    padding: 0 2px !important
}

.banner-form-inner .time-select .select-styled {
    padding: 10px
}

.select-styled:focus-visible {
    outline: none;
}

.select-styled:focus {
    outline: 2px solid #e92a88;
}

.banner div.zabuto_calendar .table tr.calendar-month-header th {
    color: #003;
    font-size: 14px;
    padding: 16px 0 !important;
    line-height: 14px
}

    .banner div.zabuto_calendar .table tr.calendar-month-header th span {
        padding-bottom: 0 !important;
        line-height: 0
    }

.banner div.zabuto_calendar .table tr td div.day {
    font-size: 14px
}

.banner div.zabuto_calendar .badge-today {
    font-size: 16px !important;
    background-color: transparent !important;
    color: #003 !important;
    font-weight: 400;
    font-family: Lato,latoregular,sans-serif
}

.time-date-wrapper {
    float: left;
    width: 100%
}

.banner .calendar-dow td {
    height: 58px !important
}

.banner div.zabuto_calendar .table tr td div.day {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.nav > li > a:focus, .nav > li > a:hover {
    background: 0 none !important
}

.qtt-form-stations .station-switch {
    z-index: 10000
}

.qtt-form-stations .departure-station {
    padding-right: 5px
}

.qtt-form-stations .arrival-station {
    padding-left: 5px
}

.banner-mob .qtt-validation-common {
    position: relative;
    bottom: -6px;
    padding: 0 5px
}

@media (max-width:991px) {
    .top-buy-now a {
        color: #fff !important
    }

    .footer-links li {
        float: none
    }
}

@media (max-width:768px) {
    .nav #main, .newsletter-and-ticket-alert .parallel {
        width: 100%
    }
}

.website .banner-mob .modal-input {
    border: 2px #a7acbe solid;
    border-radius: 0;
    width: 100%;
    padding-left: 95px;
    height: 48px !important;
    padding-right: 25px
}

.website .banner-mob .input-group-addon {
    border-right: 2px #a7acbe solid;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 0;
    height: 48px !important
}

.banner-mob .form-group {
    margin-top: -2px
}

.banner-mob .swipe-icon {
    top: 20px;
    right: 0
}

.banner-mob input.modal-input::placeholder {
    color: #003 !important;
    font-weight: 300;
    font-size: 15px;
    text-align: left;
    font-family: Lato,latolight,sans-serif
}

.banner-mob input.modal-input ::-webkit-input-placeholder {
    text-align: left
}

.banner-mob input.modal-input ::-moz-placeholder {
    text-align: left
}

.banner-mob input.modal-input :-ms-input-placeholder {
    text-align: left
}

.banner-mob input.modal-input :-moz-placeholder {
    text-align: left
}

.banner-mob .modal-input:active, .banner-mob .modal-input:focus {
    background: 0 none;
    border-color: #a7acbe !important
}

.banner-mob .modal-content {
    border-radius: 0;
    border: 0
}

    .banner-mob .modal-content .modal-top {
        background: #003;
        padding: 15px;
        width: 100%;
        float: left
    }

        .banner-mob .modal-content .modal-top input {
            float: left;
            background: #fff;
            height: 40px;
            border: 0;
            padding: 0 15px;
            width: 80%
        }

        .banner-mob .modal-content .modal-top button, .banner-mob .modal-content .modal-top button:active, .banner-mob .modal-content .modal-top button:focus, .banner-mob .modal-content .modal-top button:hover, .banner-mob .modal-content .modal-top button:hover::before {
            float: right;
            color: #fff;
            background: 0 none !important;
            font-size: 14px !important;
            padding: 0 !important;
            opacity: 1 !important;
            width: auto !important;
            text-transform: capitalize !important
        }

.banner-mob .modal-sm {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.banner-mob .modal-popular-stations {
    float: left;
    width: 100%;
    background: #fff;
    height: 44px
}

    .banner-mob .modal-popular-stations label {
        padding: 10px 20px;
        font-size: 16px !important;
        color: #003 !important;
        font-weight: 400 !important;
        font-family: Lato,latoregular,sans-serif
    }

    .banner-mob .modal-popular-stations li:nth-child(2n+2) {
        background: #e4f2fa
    }

    .banner-mob .modal-popular-stations li {
        height: 44px;
        margin: 0;
        padding: 10px 20px;
        text-indent: 0;
        background-color: #f1f8fc;
        -moz-transition: all .15s ease-in;
        -o-transition: all .15s ease-in;
        -webkit-transition: all .15s ease-in;
        transition: all .15s ease-in;
        font-size: 15px;
        color: #003;
        font-weight: 400;
        font-family: Lato,latoregular,sans-serif
    }

    .banner-mob .modal-popular-stations button {
        width: 95%;
        margin: 15px auto;
        text-transform: uppercase;
        font-size: 15px;
        display: block
    }

.banner-mob .modal-leaving-arrival .leaving-arrival-section {
    border: 2px #a7acbe solid;
    margin-top: 15px;
    padding: 0 15px
}

    .banner-mob .modal-leaving-arrival .leaving-arrival-section label {
        font-size: 14px;
        color: #003;
        font-weight: 700;
        font-family: Lato,latobold,sans-serif
    }

    .banner-mob .modal-leaving-arrival .leaving-arrival-section p {
        font-size: 14px;
        color: #003;
        font-weight: 400;
        font-family: Lato,latoregular,sans-serif
    }

.banner-mob .modal-leaving-arrival .padding-right-0 .leaving-arrival-section {
    border-right: 0
}

.banner-mob .modal-content .modal-top p {
    float: left;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 0;
    font-size: 18px !important
}

.padding-15 {
    padding-right: 15px !important;
    padding-left: 15px !important
}

    .padding-15 button {
        width: 100% !important
    }

.banner-mob .modal-leaving-arrival .select-styled, .banner-mob .modal-railcard .modal-popular-stations .select-styled {
    border: 0;
    background: #f1f8fc
}

.banner-mob .calendar-bottom {
    padding: 10px 0;
    float: left;
    width: 100%
}

    .banner-mob .calendar-bottom .select-section {
        padding: 0 1px
    }

.banner-mob .modal-open-return {
    float: left;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #003;
    font-weight: 400;
    font-size: 15px;
    font-family: Lato,latoregular,sans-serif
}

    .banner-mob .modal-open-return input[type=checkbox] {
        position: absolute;
        margin-top: 4px;
        margin-left: -20px;
        display: none
    }

    .banner-mob .modal-open-return .cr {
        position: relative;
        display: inline-block;
        float: left;
        border: 1px solid #003;
        border-radius: .25em;
        width: 1.3em;
        height: 1.3em;
        margin-right: .5em
    }

.banner-mob .cr .fa-check {
    position: absolute;
    font-size: 15px;
    line-height: 0;
    top: 50%;
    left: 10%;
    opacity: 0
}

.banner-mob .modal-open-return input[type=checkbox]:checked + .cr > .fa-check {
    opacity: 1
}

.banner-mob .modal-railcard {
    float: left;
    width: 100%;
    margin-top: 15px
}

    .banner-mob .modal-railcard .modal-railcard-inner {
        border: 2px #a7acbe solid;
        padding: 15px;
        text-align: center
    }

        .banner-mob .modal-railcard .modal-railcard-inner p {
            color: #003;
            font-size: 15px;
            font-weight: 400;
            font-family: Lato,latoregular,sans-serif
        }

    .banner-mob .modal-railcard .modal-popular-stations label {
        font-weight: 700;
        padding-left: 0;
        font-size: 15px;
        font-family: Lato,latobold,sans-serif
    }

.qtt-form-stations .station-switch {
    margin-right: -34px;
    top: -2px
}

.qtt-tabbed.active::before {
    min-height: 1000px
}

.live-results .results-table .body .route-overview .station .column .station-name {
    line-height: 20px
}

.live-results .results-table .body .route-overview .station .dot circle {
    stroke: #061b2b !important
}

.destiantions .owl-item.center img, .destiantions .owl-item.cloned.center img, .latest-offers-height .owl-item.active .latest-offer-content, .latest-offers-height .owl-item.active img {
    transform: scaleY(1.15);
    -webkit-animation: zoomin 4s ease-in infinite;
    animation: zoomin 4s ease-in infinite;
    transition: all .5s ease-in-out
}

.latest-offers-height .owl-item.active img {
    transform: scaleY(1.15) scaleX(1.1);
    padding-left: 0;
    z-index: 1;
    position: relative
}

.latest-offers-height .owl-item.active {
    padding-left: 24px
}

.destiantions .owl-carousel .owl-stage-outer {
    overflow: visible
}

.destiantions .view-all-btn {
    padding-top: 60px !important
}

.destiantions h1 {
    padding-bottom: 100px
}

    .destiantions h1::before, .latest-offers.destiantions h2::before {
        bottom: 90px;
    }

.destiantions .owl-carousel .owl-dots.disabled {
    display: block
}

.banner .time-date-wrapper .col-lg-6 input.collapsed::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    top: 25px;
    right: 5px;
    border-color: transparent transparent #003 transparent
}

.banner .time-date-wrapper .col-lg-6 input::after {
    content: "\f107";
    font: normal normal normal 24px/1 FontAwesome;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #003 transparent transparent transparent;
    position: absolute;
    top: 0;
    right: 20px
}

.banner .station-input li {
    padding: 8px 5px !important;
    text-align: left !important;
    line-height: 43px
}

.banner-mob .modal-popular-stations label {
    font-weight: 700
}

.banner .station-input .select-options {
    margin-right: 10px;
    overflow-y: hidden;
    max-height: 350px
}

.banner .arrival-station .select-options {
    margin-right: 4px;
    margin-left: 6px
}

.banner .select .select-options li {
    padding: 8px 0 !important;
    text-align: left !important
}

.select2-dropdown {
    z-index: 0 !important
}

.qtt-form-stations .station-switch .station-switch__icon:before {
    content: '';
    font-size: 0;
    background: url(/Assets/images/swipe-icon.png) no-repeat;
    padding: 27px 20px
}

.qtt-tabbed::before {
    max-width: 750px !important
}

.nav-star li a:hover {
    text-decoration: none;
    cursor: text
}

.experience-content h1::before {
    bottom: 20px
}

.our-services-btn a {
    padding: 12px 35px
}

.banner .qtt__search-bottom h1,
.banner-heading h1,
.banner-mob h1 {
    position: relative;
    text-align: center;
}

    .banner .qtt__search-bottom h1::before,
    .banner-mob h1::before {
        bottom: -5px;
    }

.inner-newletter a {
    display: inline-block
}



#sticky-header {
    background: #fff;
}

#modal-xx, #modal-yy {
    overflow-y: hidden !important
}

div.zabuto_calendar .table tr:last-child {
    border-bottom: 0 !important
}

.shown-highlighted .day {
    background: #c06 !important;
    color: #fff
}

.banner .routes-section button.minor:hover {
    background: #ffaa03 !important
}

.banner .routes-section button.good:hover {
    background: #008a1c !important
}

.banner .routes-section button.major, .banner .routes-section button.major:hover {
    background: #de0000 !important
}

.banner .routes-section button, .banner .routes-section button::before, .banner .routes-section button:hover::before {
    background: 0 0;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.inner-ticket-alert a, .book-now-btn button a {
    color: #fff !important
}

.our-services-btn button a, body .banner .tabs ul > li a:hover {
    color: #003 !important
}

.our-services-btn button a {
    font-weight: 700;
    font-family: Lato,latobold,sans-serif
}

body .banner .nav .well > li > a:focus, body .banner .tabs ul > li a:hover {
    background: #f1f8fc !important
}

body .banner .tabs ul > li.active a:hover {
    color: #fff !important;
    background: #003 !important
}

.banner .table-scroll-wrapper .table, .banner .tabs .well ul > li.active a, body .banner .nav .well > li > a:focus {
    border: 0 !important
}

.banner .day {
    line-height: 36px !important
}

.banner .calendar-dow td {
    height: 36px !important
}

.position-absolute {
    position: absolute !important
}

.time-date-wrapper.position-absolute {
    top: 103px;
    z-index: 1
}

.qtt-banner-button {
    position: absolute;
    top: 184px;
    width: 100%;
    z-index: 0
}

.time-date-wrapper {
    position: relative;
    z-index: 2
}

    .banner .journey-type a:hover, .time-date-wrapper .btn-primary.active, .time-date-wrapper .btn-primary.active:hover, .time-date-wrapper .btn-primary:hover {
        border: 2px #a7acbe solid;
    }

.banner .journey-type a, .banner .journey-type a:hover {
    border-left: 0 !important
}

.banner .journey-type:first-child a, .banner .journey-type:first-child a:hover {
    border-left: 2px #a7acbe solid !important
}

.banner .journey-type.active:first-child a:hover {
    border-left: 2px #003 solid !important
}

.banner .component-global-service-info {
    background: #fefef8;
    float: left;
    width: 100%;
    position: relative;
    z-index: 0
}

.banner #routes-dropdown {
    background: #fff
}

.live-trains-inner h3 {
    padding-right: 10px;
    padding-bottom: 0;
    margin-bottom: 30px;
    float: left
}

.inner-newletter i {
    font-size: 20px;
    font-weight: 700;
    color: #003
}

body .select2-container--open .select2-dropdown--below {
    position: relative;
    z-index: 2 !important
}

.experience-content-inner p {
    width: 70%;
    margin: auto
}

.banner .station-input .select-options {
    margin-top: -2px;
    border: 2px #a7acbe solid
}

.banner .time-select .select-options {
    top: 40px
}

.col-lg-4.col-md-4.col-sm-4.padding-left-0.depart-date-select, .col-lg-4.col-md-4.col-sm-4.padding-left-0.return-date-select {
    padding-left: 0 !important
}

.newsletter-and-ticket-alert #checkemail {
    width: 100%;
    float: left
}

header .nav li.text.hover:hover, header .nav li.text:hover, header .nav li:hover.hover {
    background: #f1f8fc;
    color: #003 !important
}

    header .nav li.text.hover:hover a, header .nav li.text:hover a, header .nav li:hover.hover a {
        color: #003 !important
    }

.view-all-btn a {
    color: #003 !important;
    font-weight: 700;
    font-family: Lato,latobold,sans-serif
}

.banner .select2-container--open .select2-dropdown--below .select2-results__options {
    display: block !important
}

.select2-container--open {
    z-index: 9999
}

header .nav li:hover.hover ul li a {
    color: #006c75 !important
}

    header .nav li:hover.hover ul li a.parent {
        color: #003 !important
    }

.notify-Yellow {
    background: #f9f2b1;
    color: #003
}

.notify-Red {
    background: #de0000;
    color: #fff
}
    /*Ticket-1131*/
    .notify-Red .top-header-left,
    .notify-Red .top-header-left #expand h4 {
        color: #fff;
    }

    .notify-Red p, .notify-Red p a {
        color: #fff !important
    }

    .notify-Red .top-header-right button {
        border: 2px #fff solid !important;
        color: #fff !important
    }

        .notify-Red .top-header-right button:hover, .notify-Red .top-header-right button:hover::before {
            border: 2px #003 solid !important
        }

.select2 .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important
}

.component-qtt-form .form-control {
    height: 40px !important
}

.banner .qtt-validation-common {
    position: absolute;
    bottom: -18px;
    color: #c06 !important;
    left: 0 !important
}

.banner .time-date-wrapper .qtt-validation-common {
    left: 15px !important;
    white-space: nowrap
}

.routes-section button span span {
    line-height: 24px
}

body .select2-container--open .select2-dropdown--below {
    margin-top: -38px;
    height: 37px !important;
    width: 255px !important;
    margin-left: 2px
}

    body .select2-container--open .select2-dropdown--below .select2-search--dropdown {
        height: 36px !important;
        overflow: hidden !important
    }

    body .select2-container--open .select2-dropdown--below .select2-results__options {
        display: block !important
    }

.select2 .select2-selection--single .select2-selection__rendered, body div.component-qtt-form .form-row .select2 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    line-height: 36px !important
}

.ur-experience h2 {
    display: none
}

.ur-experience .item h2 {
    display: block
}

.journey-check-results-box {
    float: left;
    width: 100%
}

.blue-bg, .nav .blue-bg a {
    background: #f1f8fc !important;
    color: #003 !important
}

#depart-time-text, #return-time-text {
    white-space: nowrap
}

.latest-offers .owl-nav {
    display: block
}

.latest-offers .owl-next, .latest-offers .owl-prev {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 190px;
    background: 0 none
}

    .latest-offers .owl-next span, .latest-offers .owl-prev span {
        font-size: 0;
        background: 0 none
    }

    .latest-offers .owl-next:hover, .latest-offers .owl-prev:hover, .owl-theme .owl-nav [class*=owl-]:hover {
        background: 0 none
    }

.latest-offers .owl-prev {
    left: 0;
    right: auto
}

.ur-experience .owl-carousel .owl-stage-outer {
    height: auto
}

.ur-experience .experience-img-section, .ur-experience .owl-carousel .owl-item, .ur-experience .owl-carousel .owl-stage {
    height: 100%
}

.ur-experience .owl-carousel .item {
    display: flex;
    height: 100%
}

.banner .ht-qtt-component .nav li.col-lg-4 {
    width: 33.2%
}

.website footer, .website section {
    overflow-x: hidden
}

section.destiantions {
    overflow: hidden
}

.banner-mob {
    display: none !important
}

.modal-backdrop {
    z-index: 2;
    display: none
}

.fade.in {
    background: #fff
}

section.banner {
    overflow-x: visible
}

.component-breadcrumbs {
    background: 0 none;
    border: 0;
    padding-bottom: 15px
}

    .component-breadcrumbs ul li a {
        color: #003 !important;
        font-weight: 300 !important;
        font-family: Lato,latolight,sans-serif
    }

    .component-breadcrumbs ul li span {
        color: #003 !important;
        font-weight: 700 !important;
        opacity: 1 !important;
        font-family: Lato,latobold,sans-serif
    }

.newsletter-and-ticket-alert .less-container {
    background: #fff;
    text-align: left
}

.basic-form h2 {
    text-align: left;
    text-transform: capitalize;
    padding-bottom: 20px
}

.fa::before {
    font-family: FontAwesome !important
}

.newsletter-and-ticket-alert .less-container select {
    line-height: 42px !important;
    height: 42px;
    padding: 0
}

.innerpage-find-train-section .select2 {
    width: 81% !important;
    height: 40px;
    margin-left: -2px;
    margin-top: 0 !important
}

.innerpage-find-train-section button {
    margin: 0
}

.innerpage-find-train-section .qtt-form-stations .station-switch {
    margin-right: -35px
}

.basic-form input[type=checkbox] {
    opacity: 0
}

.latest-offer-content a:hover i, .our-services-content a:hover i {
    padding-left: 20px;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.nav-star img {
    padding-right: 14px;
    width: 40px
}

header .nav > li.hover > ul a.parent {
    padding-top: 40px
}

.destiantions, .latest-offers {
    padding-bottom: 50px
}

.latest-offers-height .owl-carousel .owl-stage-outer {
    overflow: visible
}

.latest-offers-height .owl-carousel.owl-loaded {
    margin-top: 24px
}

.destiantions .owl-dots, .latest-offers-height .owl-dots {
    padding-top: 32px
}

.destiantions .owl-item.center .destiantion-fare {
    position: absolute;
    bottom: -7%;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

.destiantions .owl-item .destiantion-fare {
    position: absolute;
    bottom: 0
}

.trains-and-services-section .component-journey-check-results .results-table .route-overview {
    padding-left: 0
}

.live-trains-inner .column--status .icon i, .trains-and-services-section h2.subtitle-live-trains-label {
    font-size: 20px
}

.trains-and-services-section .live-results .results-table .body .route-overview .row {
    min-height: 37px
}

.trains-and-services-section .live-trains-inner .dot::after {
    height: 20px !important
}

.trains-and-services-section .view-later-trains-btn {
    padding-top: 30px
}

.services-desktop {
    padding-left: 10px
}

.our-services-content {
    padding-top: 24px;
    padding-left: 9px
}

.experience-verti-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    width: 100%
}

.options-section-inner h1 {
    padding-bottom: 60px
}

    .options-section-inner h1::before {
        bottom: 50px
    }

.options-text a:hover i, .options-text p:hover i {
    left: 10px;
    position: relative;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.faexclamationcircleexclamationyellow:before {
    content: "\f06a"
}

.destiantions .owl-item.center .destiantion-offer {
    top: -7%;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

.destination-gallery {
    float: left;
    width: 100%
}

.route-details-icon-section .options-text {
    font-family: Lato,sans-serif
}

.less-container .jumbotron {
    padding-right: 0;
    padding-left: 0;
    background: 0 0
}

.jumbotron .item {
    margin-bottom: 20px;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    flex-direction: row;
    -moz-box-pack: center;
    -webkit-flex-direction: row
}

    .jumbotron .item .latest-offer-content, .jumbotron .item .latest-offer-img {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .jumbotron .item .latest-offer-content {
        padding-right: 0;
        padding-left: 0
    }

    .jumbotron .item .latest-inner-content {
        padding: 0 25px
    }

.jumbotron p {
    margin-bottom: 0;
    padding-top: 10px
}

#pagination-demo {
    width: 100%;
    text-align: center
}

    #pagination-demo li {
        width: auto !important;
        display: inline-block !important;
        float: none !important
    }

        #pagination-demo li.next a, #pagination-demo li.page a, #pagination-demo li.prev a {
            padding: 10px !important;
            width: 42px !important;
            background: 0 0;
            border: 2px #003 solid;
            font-size: 16px;
            color: #003;
            line-height: 16px
        }

        #pagination-demo li.first a, #pagination-demo li.last a {
            border-radius: 0;
            width: auto !important;
            background: 0 0;
            padding: 10px 20px !important;
            border: 2px #003 solid;
            font-size: 16px;
            line-height: 16px;
            color: #003;
            text-transform: uppercase
        }

        #pagination-demo li.page.active a {
            background: #003 !important;
            color: #fff !important
        }

.jumbotron {
    padding-bottom: 10px;
    margin-bottom: 0
}

footer .container {
    margin-top: 0
}

.price-label, .ticket-offers-price {
    padding-left: 40px;
    padding-right: 40px;
    text-align: left
}

    .ticket-offers-price .price {
        line-height: 50px
    }

.price-label {
    padding: 15px 9px 2px 42px;
    display: block;
    font-weight: 700;
    font-size: 18px;
}

.date-span {
    padding: 10px 2px 8px 40px;
    margin-bottom: 9px;
    display: block;
}

.our-tickets-offers-desktop .btn-secondary, .our-tickets-offers-mob .btn-secondary {
    display: inline-block;
    margin: 0 40px;
    background: 0 0 !important;
    border: 2px #003 solid;
    border-radius: 0;
    color: #003 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    padding: 10px 32px;
    font-weight: 700;
    min-width: auto;
    width: auto
}

.destination-gallery-top .padding-left-0:nth-child(2n) {
    padding-right: 0 !important;
    padding-left: 15px !important
}

.destination-gallery-bottom .padding-left-0 {
    padding-left: 15px !important;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.destination-gallery-bottom {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    flex-direction: row;
    -moz-box-pack: center;
    -webkit-flex-direction: row
}

    .destination-gallery-bottom .padding-left-0:nth-child(2n-1) {
        padding-left: 0 !important
    }

    .destination-gallery-bottom .padding-left-0:nth-child(3n) {
        padding-left: 15px !important;
        padding-right: 0 !important
    }

.innerpages-banner h1 {
    position: relative
}

    .innerpages-banner h1::before {
        bottom: -10px
    }

.innerpages-banner .carousel-caption {
    padding: 30px 0 40px 0;
    top: 50%;
    transform: translate(0,-50%)
}

.our-ticket-offers h2 {
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 28px;
    background: #2d7bb3;
}

    .our-ticket-offers h2::before {
        background: #fff;
    }

.our-ticket-offers h1, .our-ticket-offers h2 {
    padding: 54px 0 50px 0;
}

    .our-ticket-offers h1::before, .our-ticket-offers h2::before {
        bottom: 40px;
    }

    .our-ticket-offers h2::before {
        bottom: 40px !important;
    }

.our-ticket-offers {
    padding-bottom: 64px;
}

.our-tickets-offers-desktop .btn-secondary:hover {
    color: #fff !important;
}

.innerpages-gradient-bg {
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: 50px !important;
}

.check-journey .results-table {
    width: 100% !important;
    padding: 0 100px;
    margin-left: 0 !important
}

.check-journey .live-results .results-table .body .journey .column, .check-journey .live-results .results-table .body .journey .column.column--time, .check-journey .live-results .results-table .head .column {
    text-align: left
}

    .check-journey .live-results .results-table .head .column.column--time {
        text-align: left;
        width: 29%;
        padding-left: 105px
    }

    .check-journey .live-results .results-table .head .column.column--platform {
        margin-left: 15px
    }

.check-journey .live-results .results-table .body .journey:hover {
    background: #fff
}

.check-journey .live-results .results-table .journey .column--button p span {
    top: 5px
}

.check-journey .live-results .results-table .journey .column--button {
    z-index: 1;
    width: auto;
    margin-left: 10px
}

    .check-journey .live-results .results-table .journey .column--button p span::before, .check-journey .live-results .results-table .journey .column--status .icon {
        font-size: 20px
    }

.check-journey .live-results .results-table .journey .column--status .icon {
    top: 50%
}

.check-journey .live-results .cap {
    line-height: 25px;
    border-radius: 0;
    background: #f1f8fc !important;
    float: left;
    width: 100%
}

.check-journey .live-results .results-table .body .journey .column.column--status {
    z-index: 1;
    padding-left: 45px
}

.check-journey .live-results .results-table .body .journey.open .column--button p, .check-journey .live-results .results-table .body .journey:hover .column--button p {
    background: #fff
}

    .check-journey .live-results .results-table .body .journey.open .column--button p span, .check-journey .live-results .results-table .body .journey:hover .column--button p span {
        color: #061b2b
    }

.check-journey .live-results .results-table .column p {
    font-size: 16px
}

.check-journey .live-results .results-table .body .journey .column.column--time {
    padding-left: 105px;
    width: 29%
}

.check-journey .live-results .results-table .body .route-overview {
    background: #f1f8fc !important;
    float: left;
    width: 100%
}

    .check-journey .live-results .results-table .body .route-overview .row {
        margin: 0
    }

        .check-journey .live-results .results-table .body .route-overview .row .column-text {
            background: 0 0;
            text-align: left;
            padding-left: 105px
        }

.check-journey .live-results .results-table .body .journey {
    float: left;
    width: 100%
}

.check-journey .container {
    border: 0 !important
}

.check-journey {
    margin-top: 0
}

    .check-journey .live-results .results-table .body .route-overview .station .dot:after {
        width: 2px;
        height: 25px;
        left: 9px;
        top: 18px
    }

    .check-journey .live-results .results-table .body .route-overview .station .dot circle {
        stroke-width: 2px
    }

    .check-journey .live-results .results-table .body .route-overview .row {
        min-height: 42px
    }

    .check-journey .live-results .results-table .head {
        float: left;
        width: 100%
    }

    .check-journey .live-results .results-table .journey.open .column--button p span {
        top: 10px
    }

.qtt-tabbed--with-image {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.hull-station-map-section .inner-banner {
    max-width: 768px !important;
    width: 95%;
    padding: 50px 40px 10px
}

.hull-station-map-section .with-caret {
    position: relative
}

    .hull-station-map-section .with-caret .input-group-addon {
        position: absolute;
        z-index: 1;
        border: 2px #a7acbe solid !important;
        height: 50px;
        padding: 15px 0 0 0
    }

.hull-station-map-section .select2.select2-container {
    border: 2px #a7acbe solid !important;
    padding-left: 70px;
    height: 50px
}

.hull-station-map-section .component-journey-check-form .qtt-form-stations .departure-station {
    padding-right: 10px
}

.hull-station-map-section .component-journey-check-form .qtt-form-date-select {
    min-width: 100%;
    max-width: 100%;
    width: 100%
}

.hull-station-map-section .qtt-form-date-select--container .column {
    width: 100%
}

.hull-station-map-section .blockA, .hull-station-map-section .blockB {
    float: left;
    height: 52px;
    margin: 0 !important
}

.hull-station-map-section .component-qtt-form .form-control {
    height: 48px !important;
    text-align: left;
    line-height: 46px !important
}

.hull-station-map-section #selected-date, .hull-station-map-section .blockB .qtt-form-dateselection .fancy-select .trigger {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #003 !important;
    text-align: left
}

.hull-station-map-section .blockB .qtt-form-dateselection .fancy-select .trigger {
    height: 48px !important;
    line-height: 46px !important
}

.hull-station-map-section .qtt-form-date-select--container {
    margin-bottom: 0;
    margin-top: 20px
}

.hull-station-map-section .column.submit {
    padding: 0 15px
}

    .hull-station-map-section .column.submit button {
        background: #c06 !important;
        border-radius: 0;
        font-size: 18px;
        height: 50px;
        text-transform: uppercase;
        border: 0 !important;
        z-index: 0;
        margin-top: 0
    }

.hull-station-map-section #add-depart-calendar-here {
    position: relative;
    z-index: 1
}

    .hull-station-map-section #add-depart-calendar-here tr {
        width: 100%;
        display: inline-table
    }

.hull-station-map-section .block {
    border-right: 0
}

.hull-station-inner h1 {
    padding-bottom: 10px !important;
    padding-top: 100px !important;
    color: #fff;
}

    .hull-station-inner h1:before {
        background: #fff;
    }

.hull-station-map-section h1 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 0;
    padding-top: 0;
}

    .hull-station-map-section h1::before {
        bottom: 0px;
    }

.hull-station-map-section .banner .select2-selection__rendered, .hull-station-map-section .select2 .select2-selection--single {
    height: 50px !important;
    padding-top: 2px
}

.hull-station-map-section .inner-banner label,
.hull-station-map-section .inner-banner .sub-info-text {
    font-size: 18px;
    padding-bottom: 20px
}

.hull-station-map-section .component-qtt-form {
    padding-top: 5px
}

.hull-station-map-section .qtt-form-stations .station-switch {
    top: 2px
}

.hull-station-map-section .component-journey-check-form .form-control, .hull-station-map-section .component-qtt-form .form-control, .hull-station-map-section .select2-container--default .select2-selection--single, .hull-station-map-section div.fancy-select div.trigger {
    background: 0 0 !important
}

.hull-station-map-section {
    padding: 50px 0
}

.panel {
    min-height: auto
}

.padding-top-0 {
    padding-top: 0 !important
}

.padding-bottom-0 {
    padding-bottom: 0 !important
}

.journeyCheck .results-table {
    padding: 0 !important
}

.journeyCheck .icon-left_arrow, .journeyCheck .icon-right_arrow {
    transform: rotate(90deg);
    font-size: 14px;
    margin-left: 20px;
    padding-right: 4px
}

.journeyCheck .journey .column--icon span {
    font-size: 18px;
    padding-left: 20px !important
}

.journeyCheck .column--other a {
    border-radius: 0;
    font-size: 18px;
    padding: 10px 25px;
    font-weight: 700;
    font-family: Lato,latobold,sans-serif
}

.journeyCheck .component-journey-check-results .results-table .column--status .icon {
    font-size: 20px
}

.journeyCheck .journey {
    border: 0 !important
}

.journeyCheck .jc-line .journey {
    border-bottom: 2px solid #003 !important
}

.journeyCheck .cap {
    background: #f1f8fc !important
}

.journeyCheck .component-journey-check-results .results-table .column p {
    font-family: Lato,sans-serif !important;
    font-weight: 700 !important;
    font-family: Lato,latobold,sans-serif
}

.journeyCheck span.platform.inline span, .journeyCheck span.platform.inline span.warning {
    font-weight: 400 !important;
    font-family: Lato,latoregular,sans-serif
}

.journeyCheck span.platform.inline span {
    width: auto !important;
    float: none !important;
    display: inline-block;
    color: #003 !important
}

    .journeyCheck span.platform.inline span.warning {
        color: red !important
    }

.journeyCheck .live-trains-inner circle {
    stroke-width: 2px
}

.journeyCheck .live-trains-inner .dot {
    top: -1px
}

    .journeyCheck .live-trains-inner .dot::after {
        left: 9px;
        top: 19px
    }

.journeyCheck .component-journey-check-results .results-table .column {
    text-align: center
}

.website .ht-qtt-component .select2-container--default .select2-selection--single {
    background: 0 0 !important
}

.website .ht-qtt-component .homepage-display-text-containers {
    background: 0 0 !important
}

.website .ht-qtt-component .htsiteform {
    margin-bottom: 20px
}

.website .banner .padding-top-20, .website .banner .tab-content {
    padding-top: 15px !important
}

.component-qtt-form .btn, .component-qtt-form .btn-primary, .component-qtt-form .btn-primary-invert, .component-qtt-form .btn-secondary, .component-qtt-form .btn-secondary-invert, .component-qtt-form .btn-tertiary, .component-qtt-form .btn-tertiary-blue, .component-qtt-form .btn-tertiary-invert {
    font-size: 16px
}

.website .banner .time-date-wrapper .col-lg-6 {
    padding-left: 12px;
    padding-right: 13px
}

.website .banner .passengers label {
    text-align: left
}

.website .banner .railcard {
    padding-top: 20px !important
}

.banner-mob h1::before {
    bottom: -5px !important
}

.toggleMenu.active .fa-navicon:before {
    content: '\00d7' !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 45px
}

.icon-status_good:before {
    content: "\f05d";
    font-family: FontAwesome
}

.icon-status_good {
    font-family: FontAwesome
}

.routes-section button i.down-arrow-banner {
    position: absolute;
    right: 24px;
    transform: rotate(180deg);
    top: 62%
}

.page .select2-container--open {
    padding-left: 70px
}

.btn-opt a, .opt-btn a {
    text-decoration: none
}

    .btn-opt a:hover, .opt-btn:hover a {
        color: #fff !important
    }

.general-info small {
    float: left;
    width: 100%;
    padding-top: 10px
}

.navbar-default li.pink-bg-underline {
    box-shadow: 0 -5px 0 0 #c06 inset;
    background: #003
}

.our-services-img img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.our-services-inner {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    flex-direction: row;
    -moz-box-pack: center;
    -webkit-flex-direction: row
}

.banner-heading h1::before {
    bottom: -10px
}

.hovereffect .overlay {
    background-color: rgba(255,255,255,1) !important
}

.gallery-destinations ul li:nth-child(3n) {
    padding-right: 0 !important
}

.gallery-destinations ul li:first-child, .gallery-destinations ul li:nth-child(3n+1) {
    padding-left: 0 !important
}

.icon-status_minor:before {
    content: '\e821';
    color: #fa0
}

.banner .icon-status_minor:before {
    color: #000
}

.icon-status_major:before {
    content: '\e821' !important;
    color: #e53935 !important
}

.banner .icon-status_major:before {
    color: #fff !important
}

#page .live-results .results-table .body .journey .column .expandable-panel, .live-results .results-table .body .journey .column #page .expandable-panel, .live-results .results-table .body .journey .column .expandable-panel-link, .live-results .results-table .body .journey .column p {
    color: #003;
    font-weight: 700 !important
}

.container {
    margin-top: 0 !important
}

.component-breadcrumbs {
    z-index: 0
}

.journeyCheck .column .cancelled {
    width: 100%;
    line-height: 12px;
    float: left;
    color: #de0000
}

.journeyCheck .journey .live-trains-inner h5 {
    line-height: 22px
}

.banner-heading-mains {
    max-width: 650px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute
}

.banner-heading {
    width: 100%;
    position: static !important;
    margin-top: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important
}

.btn-opt {
    padding-top: 10px
}

.live-results .results-table .body .route-overview .refresh-wrapper .icon-refresh {
    position: absolute;
    left: 0
}

.component-alt-route-finder .validation-error-message, .component-journey-check-form .validation-error-message, .component-qtt-form .validation-error-message {
    color: #c06 !important
}

.live-results .results-table .body .route-overview .station .dot circle {
    fill: #f1f8fc
}

.select2 .select2-selection--single .select2-selection__rendered {
    font-size: 16px !important
}

.article .qtt-small .container, .destinationdetailpage .qtt-small .container, .destinationlandingpage .qtt-small .container, .engineeringworkspage .qtt-small .container, .qtt-small .container, .routedetailpage .qtt-small .container {
    padding: 0 80px
}

.article .innerpage-find-train-section.qtt-small .select2, .destinationdetailpage .innerpage-find-train-section.qtt-small .select2, .destinationlandingpage .innerpage-find-train-section.qtt-small .select2, .engineeringworkspage .innerpage-find-train-section.qtt-small .select2, .innerpage-find-train-section.qtt-small .select2, .routedetailpage .innerpage-find-train-section.qtt-small .select2 {
    width: 356px !important;
    padding-left: 2px;
    float: right
}

.article .innerpage-find-train-section.qtt-small button, .destinationdetailpage .innerpage-find-train-section.qtt-small button, .destinationlandingpage .innerpage-find-train-section.qtt-small button, .engineeringworkspage .innerpage-find-train-section.qtt-small button, .innerpage-find-train-section.qtt-small button, .routedetailpage .innerpage-find-train-section.qtt-small button {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    font-family: Lato,latobold,sans-serif
}

.article .innerpage-find-train-section.qtt-small .form-row-secondary, .destinationdetailpage .innerpage-find-train-section.qtt-small .form-row-secondary, .destinationlandingpage .innerpage-find-train-section.qtt-small .form-row-secondary, .engineeringworkspage .innerpage-find-train-section.qtt-small .form-row-secondary, .innerpage-find-train-section.qtt-small .form-row-secondary, .qtt-small .form-row-secondary, .routedetailpage .innerpage-find-train-section.qtt-small .form-row-secondary {
    padding-right: 0 !important;
    padding-left: 14px !important
}

.article .innerpage-find-train-section.qtt-small .form-row-primary, .destinationdetailpage .innerpage-find-train-section.qtt-small .form-row-primary, .destinationlandingpage .innerpage-find-train-section.qtt-small .form-row-primary, .engineeringworkspage .innerpage-find-train-section.qtt-small .form-row-primary, .innerpage-find-train-section.qtt-small .form-row-primary, .routedetailpage .innerpage-find-train-section.qtt-small .form-row-primary {
    padding-left: 0;
    padding-right: 0
}

.article .innerpage-find-train-section.qtt-small .station-switch, .destinationdetailpage .innerpage-find-train-section.qtt-small .station-switch, .destinationlandingpage .innerpage-find-train-section.qtt-small .station-switch, .engineeringworkspage .innerpage-find-train-section.qtt-small .station-switch, .innerpage-find-train-section.qtt-small .station-switch, .routedetailpage .innerpage-find-train-section.qtt-small .station-switch {
    width: auto;
    right: auto;
    left: 50%;
    margin-right: 0 !important;
    transform: translate(-55%,0);
    top: 0
}

.article .innerpage-find-train-section.qtt-small .input-addon, .destinationdetailpage .innerpage-find-train-section.qtt-small .input-addon, .destinationlandingpage .innerpage-find-train-section.qtt-small .input-addon, .engineeringworkspage .innerpage-find-train-section.qtt-small .input-addon, .qtt-small .input-addon, .routedetailpage .innerpage-find-train-section.qtt-small .input-addon {
    position: absolute;
    left: 6px;
    z-index: 1;
    background: #fff
}

.article .select2-container--open .select2-dropdown--below, .blog .select2-container--open .select2-dropdown--below, .bloglandingpage .select2-container--open .select2-dropdown--below, .cheapticketalertspage .select2-container--open .select2-dropdown--below, .destinationdetailpage .select2-container--open .select2-dropdown--below, .destinationlandingpage .select2-container--open .select2-dropdown--below, .engineeringworkspage .select2-container--open .select2-dropdown--below, .offer .select2-container--open .select2-dropdown--below, .routedetailpage .select2-container--open .select2-dropdown--below, .timetable .select2-container--open .select2-dropdown--below {
    margin-left: 2px
}

.article .qtt-small, .destinationdetailpage .qtt-small, .destinationlandingpage .qtt-small, .engineeringworkspage .qtt-small, .qtt-small, .routedetailpage .qtt-small {
    margin-top: 40px
}

.banner-heading {
    padding-bottom: 45px
}

.website .component-global-service-info .content {
    padding: 0;
    width: 95%;
    margin: auto;
    float: none;
    display: block
}

.website .routes-section .thisispanel {
    bottom: 0;
    margin-bottom: 50px;
    padding-bottom: 8px;
    height: auto
}

.website .routes-section .all-updates-container {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.jumbotron .latest-offer-img img, .latest-offer-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.openmenu {
    display: none
}

div#banner-close-icon {
    transition: all .2s ease-in-out
}

    div#banner-close-icon:hover {
        transition: all .2s ease-in-out
    }

.banner span.select2-selection__placeholder {
    opacity: .6
}

.webiste .banner .ht-qtt-component button {
    margin-top: 28px !important
}

.qtt-small .col-sm-6 {
    padding-left: 8px;
    padding-right: 8px
}

.latest-offers .item {
    height: auto
}

.component-global-service-info .notification.minor, .component-global-service-info .notification.minor * {
    color: #000 !important
}

.component-global-service-info .line-service-container {
    float: left;
    width: 100%
}

.jumbotron .item {
    height: auto !important
}

section.banner.banner-inner-pages .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.qtt-small button .disabled:focus, .qtt-small button .disabled:hover, .qtt-small button.disabled, .qtt-small button.disabled.focus, .qtt-small button[disabled].focus, .qtt-small button[disabled]:focus, .qtt-small button[disabled]:hover, fieldset[disabled] .qtt-small button.focus, fieldset[disabled] .qtt-small button:focus, fieldset[disabled] .qtt-small button:hover {
    cursor: not-allowed
}

.offersdetailpage .offer-details {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}

    .offersdetailpage .offer-details .padding-left-0:nth-child(2n) {
        padding-right: 0 !important;
        padding-left: 15px !important
    }

.offersdetailpage .our-ticket-offers {
    margin-top: 50px
}

.offersdetailpage .less-container {
    padding-bottom: 20px
}

.checkjourney .select2-container--open .select2-dropdown--below {
    margin-top: -48px
}

.destinationdetailpage .qtt-small {
    margin-bottom: 0
}

.darkHeader {
    position: fixed;
    top: 128px;
    width: 100%;
    z-index: 99999;
    border-top: 4px #cbe7f4 solid !important;
    border-bottom: 4px #cbe7f4 solid !important;
}

.checkjourney .journeyCheck .component-journey-check-results .results-table .column--info a {
    text-decoration: none
}

.clearHeader {
    top: 140px;
    position: relative
}

.banner #routes-dropdown {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px
}

.navbar-scroll .fa-angle-down {
    display: none
}

.routedetailpage .live-departure-and-arrivals-section h1 {
    padding-top: 0
}

.website .live-results .results-table .body .route-overview .station.current circle {
    fill: #f9f2b1 !important
}

.component-global-service-info .box {
    z-index: 0
}

@-moz-document url-prefix() {
    .jumbotron .item .latest-offer-img {
        height: 100%
    }
}

@-moz-document url-prefix() {
    .jumbotron .item .latest-offer-content {
        height: 100%
    }
}

.toggle-open-mobile {
    display: block
}

.journey-desktop .col-lg-4 {
    padding-bottom: 30px
}

    .journey-desktop .col-lg-4:nth-child(3n+1) {
        clear: both
    }

.journey-planning {
    padding-bottom: 8px !important
}

.component-location-details.hull-station-map-section {
    padding-top: 0;
    padding-bottom: 0
}

#depart-popular-station li:first-child, #return-popular-station li:first-child {
    background: #fff
}

.homepage-display-text-containers {
    height: 40px !important
}

.website .banner .time-date-wrapper .collpase-inner .leaving-today {
    padding-right: 2px !important;
    padding-bottom: 2px
}

.website .banner .time-date-wrapper .collpase-inner .arriving-today {
    padding-left: 2px !important;
    padding-bottom: 2px
}

.website .banner .time-date-wrapper .collpase-inner .banner-form-inner .col-sm-4.padding-right-0 {
    padding-right: 0 !important;
    padding-bottom: 2px !important
}

div.zabuto_calendar .table tr.calendar-month-header th {
    background-color: #fff !important
}

.banner div.zabuto_calendar tr.calendar-dow-header th {
    font-size: 14px
}

.banner .ht-qtt-component .railcard .select {
    height: 40px
}

.banner .ht-qtt-component .railcard .add-railcard a {
    margin-top: 8px !important;
    margin-bottom: -2px
}

.banner .ht-qtt-component .passengers .passengers {
    padding-bottom: 0 !important
}

.component-global-service-info .icon {
    left: 24px !important
}

.latest-offers-height .owl-item.active .latest-offer-content {
    transform: scaleY(1.16) scaleX(1.1);
    margin-right: 24px
}

    .latest-offers-height .owl-item.active .latest-offer-content .latest-inner-content {
        padding-left: 80px
    }

.trains-and-services-section .live-trains h1,
.trains-and-services-section .our-services h1,
.trains-and-services-section .our-services h2 {
    padding-top: 54px;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 40px;
    color: #003;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .inner-newletter button {
        margin-top: -2px
    }
}

@-moz-document url-prefix() {
    .inner-newletter button {
        margin-top: 0
    }
}

footer li:first-child {
    padding-left: 0
}

.banner-mob .banner-button button {
    height: 44px
}

.banner-heading {
    padding-top: 25px
}

.less-container .notification-heading {
    padding-bottom: 20px
}

.qtt-small {
    padding: 24px 0
}

    .qtt-small .component-qtt-form {
        padding-top: 0
    }

    .qtt-small .form-group {
        margin-bottom: 0
    }

.destination-gallery-top {
    padding-top: 24px;
    padding-bottom: 24px
}

    .destination-gallery-bottom .col-sm-4, .destination-gallery-top .col-sm-6, .our-tickets-offers-desktop .ticket-offers-inner {
        padding-left: 12px;
        padding-right: 12px
    }

.destination-gallery .destination-gallery-places {
    padding-bottom: 64px
}

.destination-gallery-bottom .col-sm-4:hover .destiantion-fare-mains, .destination-gallery-top .col-sm-6:hover .destiantion-fare-mains {
    display: none
}

.destination-gallery-bottom .content-display {
    width: 100%;
    padding: 0 40px
}

.destination-gallery-top .content-display {
    width: 100%;
    padding: 0 80px
}

.less-container .notification-heading h1 {
    padding-top: 0 !important;
    padding-bottom: 23px !important
}

    .less-container .notification-heading h1::before {
        bottom: 12px
    }

.smooth-scroll-desktop {
    display: table;
    width: 100%;
    text-align: center
}

    .smooth-scroll-desktop a.navbar-item {
        float: none;
        display: table-cell;
        border-right: 2px #cbe7f4 solid
    }

        .smooth-scroll-desktop a.navbar-item:last-child, .smooth-scroll-desktop a.navbar-item:nth-child(4n) {
            border-right: 0
        }

.smooth-scroll .navbar {
    border: 0
}

.page .innerpage-latest-news .item {
    height: auto
}

.page .innerpage-latest-news .latest-inner-content {
    padding: 0 52px
}

.page .innerpage-latest-news .latest-offer-content p {
    padding: 12px 0
}

.banner .banner-heading {
    background: rgba(241,248,252,1) !important
}

.general-info {
    margin-top: 0;
    padding: 24px 52px 27px;
    margin-bottom: 24px
}

.less-container .general-info p {
    padding-top: 0;
    padding-bottom: 21px
}

.journey-planning-banner {
    height: 436px;
    padding: 0;
    position: relative;
    z-index: 2
}

    .journey-planning-banner .inner-banner {
        height: 356px;
        padding-top: 30px;
        padding-bottom: 40px
    }

        .journey-planning-banner .inner-banner label {
            padding-top: 24px
        }

    .journey-planning-banner .select2.select2-container {
        height: 44px !important
    }

    .journey-planning-banner .with-caret .input-group-addon {
        height: 44px !important;
        padding-top: 11px
    }

    .journey-planning-banner .blockA, .journey-planning-banner .blockB, .journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .trigger, .journey-planning-banner .component-qtt-form .form-control {
        height: 44px !important
    }

.hull-station-map-section.journey-planning-banner #selected-date, .hull-station-map-section.journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .trigger {
    font-size: 16px !important
}

.hull-station-map-section.journey-planning-banner .component-qtt-form .form-control {
    line-height: 36px !important
}

.hull-station-map-section.journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .trigger {
    line-height: 40px !important
}

.hull-station-map-section.journey-planning-banner .column.submit button {
    margin-top: -4px;
    height: 44px !important;
    font-size: 16px !important
}

.hull-station-map-section.journey-planning-banner .table-scroll-wrapper table {
    overflow: hidden
}

.hull-station-map-section.journey-planning-banner .table-scroll-wrapper {
    outline: 2px #a7acbe solid;
    margin-left: -1px;
    margin-top: -2px;
    outline-offset: 0
}

.hull-station-map-section.journey-planning-banner .qtt-form-dateselection .form-control {
    padding-bottom: 0 !important
}

    .hull-station-map-section.journey-planning-banner .qtt-form-dateselection .form-control i {
        font-size: 25px;
        position: relative;
        top: 5px;
        float: right
    }

.journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .trigger::after {
    content: '\f107';
    color: #003 !important;
    font-family: FontAwesome !important;
    font-size: 25px
}

.journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .options {
    top: 40px !important;
    border-radius: 0 !important;
    box-shadow: 0 0 0 !important
}

    .journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .options li {
        background: #e4f2fa;
        color: #003 !important
    }

        .journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .options li:nth-child(2n) {
            background: #f1f8fc
        }

        .journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .options li:hover {
            background: #f1f8fc !important
        }

.checkjourney .component-breadcrumbs {
    z-index: 1
}

.checkjourney .journey-planning {
    margin-top: -102px;
    z-index: 0
}

.journey-no-margin {
    margin-top: 0 !important
}

.cap {
    font-size: 16px
}

.checkjourney .journeyCheck.live-departure-and-arrivals-section h1 {
    padding-top: 0
}

.component-journey-check-results .results-table .column--status .icon-good {
    color: #008a1c
}

.component-journey-check-results .results-table .body .journey a, .component-journey-check-results .results-table .body .journey p {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: Lato,latoregular,sans-serif
}

.component-journey-check-results .results-table .body .journey .column--icon .column-text {
    text-align: left
}

.journeyCheck .results-table {
    max-width: 976px !important;
    margin: auto !important;
    float: none !important
}

.journeyCheck .component-journey-check-results .results-table .column p {
    font-weight: 400 !important;
    font-family: Lato,latoregular,sans-serif
}

.component-journey-check-results .results-table .body.journey {
    padding-bottom: 0 !important
}

.journey-desktop .col-lg-4 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.journey-content {
    padding: 30px 30px 35px;
    min-height: 250px;
}

    .journey-content p {
        padding: 8px 0 15px 0
    }

.route-overview.open .col-buttonn, .route-overview.open button {
    display: none
}

.route-overview.open .column--button {
    height: 14px
}

.journey .live-trains-inner h5 {
    padding-left: 8.33333%;
    padding-top: 35px;
    padding-bottom: 23px
}

.journey .route-overview.open .row.last {
    min-height: 0
}

.component-journey-check-results .results-table .route-overview, .component-journey-check-results .results-table .route-overview p.column-text {
    background: #f1f8fc
}

    .component-journey-check-results .results-table .route-overview.open {
        padding-bottom: 20px
    }

.journey-mob .col-sm-12 {
    padding-left: 0;
    padding-right: 0
}

.route-details-icon-section .options-text label {
    font-size: 18px
}

.component-live-departures-results .lda-left {
    padding-right: 12px
}

.component-live-departures-results .lda-right {
    padding-left: 12px
}

.component-live-departures-results .lda-tabs li a:hover {
    text-decoration: none
}

.component-live-departures-results .lda-tabs li a {
    font-size: 16px;
    font-weight: 700;
    font-family: Lato,latobold,sans-serif
}

.live-results .results-table .body .journey .column p {
    font-weight: 400 !important;
    font-family: Lato,latoregular,sans-serif
}

.check-journey .live-results .results-table .journey .column--button {
    margin-left: 20px
}

.check-journey .live-results .results-table .journey .column--status .icon {
    left: 15px
}

.single-item-navigation-bar ul {
    height: auto;
    padding-top: 28px;
    padding-bottom: 40px
}

    .single-item-navigation-bar ul li {
        width: 33.33333%;
        float: left
    }

.engineeringworkspage .less-container h1 {
    padding-top: 30px
}

.accordian-heading {
    padding-top: 0 !important
}

.journey-no-margin, .journey-planning {
    overflow-x: hidden
}

.hull-station-map-section.banner {
    height: 436px;
    padding: 0;
    position: relative;
    z-index: 2
}

.live-departs-form .inner-banner {
    padding-top: 30px;
    padding-bottom: 0;
    background: rgba(255, 255, 255, 1);
}

    .live-departs-form .inner-banner label {
        padding-top: 26px
    }

.live-departs-form .component-live-departures-form .forms-wrapper {
    max-width: none
}

.live-departs-form .component-live-departures-form .form-input--bordered:after, .live-departs-form .component-station-selector-form .form-input--bordered:after {
    border: 0
}

.live-departs-form .select2.select2-container {
    padding-left: 0 !important
}

.live-departs-form .select2.select2-container, .live-departs-form button {
    height: 44px !important
}

.livetrains .journey-planning {
    margin-top: -62px;
    position: relative;
    z-index: 0
}

.livetrains .component-breadcrumbs {
    z-index: 1
}

body.timetable {
    padding: 0
}

.live-trains-mainss {
    width: 100%;
    padding: 0 100px
}

body.timetable .lda-full-width {
    padding-top: 24px
}

body.timetable .lda-tabs {
    padding-bottom: 24px
}

body.timetable .lda-left {
    padding-right: 12px
}

body.timetable .lda-right {
    padding-left: 12px
}

body.timetable .lda-full-width li {
    padding: 0 12px
}

body.timetable .live-trains-inner .dot {
    left: 10px
}

body.timetable .qtt-small {
    margin-bottom: 64px
}

.engineeringworkspage .less-container h1 {
    padding-top: 30px;
    padding-bottom: 44px
}

    .engineeringworkspage .less-container h1::before {
        bottom: 34px
    }

.accordian-heading {
    padding-bottom: 18px
}

.engineering-works-accordian .panel {
    box-shadow: 0 0 0
}

.engineering-works-accordian .panel-title i {
    font-size: 32px;
    padding-top: 2px
}

.jumbotron .item .latest-inner-content {
    padding: 0 20px;
    position: static;
    transform: translate(0,0)
}

.news-date {
    font-size: 14px;
    padding-top: 20px
}

.jumbotron .item .latest-inner-content h2 {
    padding-top: 7px
}

.jumbotron .item .latest-inner-content a {
    padding-top: 10px
}

.pagination {
    margin-top: 10px;
    margin-bottom: 57px
}

.hull-station-inner pre {
    background: 0 none;
    border: 0;
    border-radius: 0;
    font-family: Lato,sans-serif;
    padding: 24px 0 0 0;
    margin: 0
}

.hull-station-inner h2 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 40px;
    padding-bottom: 10px;
    padding-top: 100px
}

    .hull-station-inner h2::before {
        bottom: 0
    }

.options-img span {
    font-size: 30px
}

.component-station-at-glance {
    background: 0 none;
    border: 0;
    margin-bottom: 0
}

    .component-station-at-glance .options-text p {
        position: static;
        transform: translate(0,0);
        font-size: 16px;
        background: inherit;
    }

    .component-station-at-glance .options-text {
        padding-top: 18px;
        height: auto
    }

        .component-station-at-glance .options-text p:hover i {
            left: 0
        }

    .component-station-at-glance .options-section-inner li {
        padding-bottom: 35px
    }

.station-details h1 {
    padding-top: 54px
}

.station-details ul {
    padding-top: 0
}

.component-station-details .engineering-works-accordian li.accordion {
    border: 0;
    margin-bottom: 4px
}

    .component-station-details .engineering-works-accordian li.accordion .accordion-header {
        background: #fff
    }

        .component-station-details .engineering-works-accordian li.accordion .accordion-header .content-wrap .with-caret {
            right: 38px
        }

        .component-station-details .engineering-works-accordian li.accordion .accordion-header .content-wrap .planned-works-title {
            font-size: 20px;
            color: #006c75
        }

        .component-station-details .engineering-works-accordian li.accordion .accordion-content, .component-station-details .engineering-works-accordian li.accordion .accordion-header.open {
            border: 0
        }

    .component-station-details .engineering-works-accordian li.accordion .accordion-content {
        padding-left: 40px;
        padding-right: 95px
    }

.banner .ht-qtt-component .railcard label {
    padding-top: 6px
}

.routedetailpage .innerpages-gradient-bg {
    background: linear-gradient(#f7d8e7,#f9f2b1,#cbe7f4,#cbe7f4)
}

.component-station-details .engineering-works-accordian li.accordion .accordion-content ul {
    padding-top: 37px
}

    .component-station-details .engineering-works-accordian li.accordion .accordion-content ul li {
        padding-top: 15px;
        padding-bottom: 14px;
        border-bottom: 1px solid #e4e4e9
    }

        .component-station-details .engineering-works-accordian li.accordion .accordion-content ul li h6::before {
            margin-top: -1px;
            font-size: 32px;
            height: 3rem;
        }

        .component-station-details
        .engineering-works-accordian
        li.accordion
        .accordion-content
        ul
        li
        h3 {
            padding-bottom: 10px;
            color: #003 !important;
            font-size: 18px
        }

        .component-station-details .engineering-works-accordian li.accordion .accordion-content ul li p {
            padding-top: 0;
            color: #666 !important
        }

.station-details {
    padding-bottom: 60px
}

.page .live-departure-check-journey .container {
    border-top: 4px #fff solid !important
}

    .page .live-departure-check-journey .container .component-live-departures h2 {
        margin-top: 0
    }

.search-another-station {
    margin-top: 24px;
    text-align: center
}

    .search-another-station h2 {
        text-transform: uppercase;
        font-size: 28px;
        line-height: 40px;
        color: #003;
    }

    .search-another-station h1, .search-another-station h2 {
        padding-top: 0;
    }

    .search-another-station .forms-wrapper {
        text-align: left
    }

        .search-another-station .forms-wrapper .form-group {
            width: 275px !important;
            margin-right: 24px !important;
            margin-bottom: 0 !important
        }

        .search-another-station .forms-wrapper .row-row {
            width: 600px
        }

    .search-another-station .select2 .select2-selection--single {
        height: 44px !important;
        border-radius: 0 !important;
        border: 2px #a7acbe solid !important
    }

    .search-another-station .component-station-selector-form .form-input--bordered:after {
        border: 0 !important
    }

    .search-another-station .select2-container--open {
        padding-left: 0 !important
    }

    .search-another-station .select2 .select2-selection--single .select2-selection__rendered {
        line-height: 40px !important
    }

.page .select2-container--open {
    padding-left: 0 !important
}

.page .hull-station-map-section {
    background: linear-gradient(#617191,#1e91b7,#1e91b7) !important
}

.search-another-station .forms-wrapper .form-group .btn {
    margin-left: 0;
    height: 44px;
    font-size: 16px;
    background: #c06 !important;
    border-radius: 0
}

.component-station-details .engineering-works-accordian .accordion-content ul li:last-child {
    border: 0
}

.notification-form-inner {
    padding: 40px 52px 6px
}

    .notification-form-inner h1 {
        padding-top: 0;
        clear: both
    }

    .notification-form-inner form label.ht-forms-lbl,
    .notification-form-inner form .ht-forms-lbl {
        color: #006c75 !important;
        padding-top: 0;
        padding-bottom: 10px !important;
        font-size: 16px !important
    }

    .notification-form-inner .form-group {
        float: left;
        width: 100%;
        clear: both
    }

        .notification-form-inner .form-group .input-wrapper, .notification-form-inner .form-group .select-wrapper .select2, .notification-form-inner form .form-control, .notification-form-inner form select.form-control {
            border: 2px #a7acbe solid !important;
            border-radius: 0
        }

    .notification-form-inner .form-group {
        margin-top: 0;
        margin-bottom: 34px
    }

    .notification-form-inner .select-wrapper:after, .notification-form-inner div.fancy-select div.trigger:after {
        content: "\f107" !important;
        font-family: FontAwesome !important;
        color: #003 !important;
        font-size: 24px;
        right: 0;
        top: 1px;
        z-index: 9999;
        padding-right: 20px
    }

    .notification-form-inner div.fancy-select div.trigger {
        padding-left: 20px
    }

    .notification-form-inner .form-group .form-check label span {
        color: #666 !important
    }

    .notification-form-inner .form-group .form-check {
        width: 102px !important
    }

    .notification-form-inner .form-group .validation-error::before {
        display: none
    }

body .notification-form-inner form .form-control, body .notification-form-inner form select.form-control {
    opacity: 1 !important;
    height: 44px !important;
    width: 100% !important;
    padding-top: 0 !important;
    padding-left: 20px !important;
    line-height: 20px !important
}

body .notification-form-inner form input[type]:not([type=submit]) {
    line-height: 20px !important
}

.checkbox-wrapper input[type=checkbox] + label:before {
    border: 1px #a9a9a9 solid;
    width: 1.3em !important;
    height: 1.3em !important
}

.notification-form-inner .checkbox-wrapper input[type=checkbox] + label, .notification-form-inner .checkbox-wrapper.validation-error input[type=checkbox] + label {
    background: 0 none !important
}

    .notification-form-inner .checkbox-wrapper input[type=checkbox] + label::before {
        left: 0 !important;
        top: 0 !important
    }

.notification-form-inner form select option {
    display: none !important
}

.email-signup form select option {
    display: block !important
}

.notification-form-inner form .trigger::after {
    padding-left: 97%
}

.notification-form-inner form label {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.notification-form-inner form .checkbox-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.notification-form-inner form .form-group.captcha {
    margin-top: 6px;
    padding-bottom: 0
}

.basic-form h2 {
    line-height: 18px;
    padding-bottom: 18px;
    float: left;
    width: 100%
}

.notification-form-inner .checkbox-wrapper input[type=checkbox]:checked + label:before {
    background: 0 none !important;
    border: 1px solid #a9a9a9 !important
}

.notification-form-inner .checkbox-wrapper input[type=checkbox]:checked + label:after {
    left: 5px;
    top: 0;
    color: #000;
    content: "\f00c" !important;
    font-family: FontAwesome !important;
    font-size: .8em;
    opacity: 1;
    transform: scale(1) rotateZ(0)
}

.notification-form-inner .checkbox-wrapper input[type=checkbox] + label:after {
    font-size: .8em;
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in-out
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .notification-form-inner .checkbox-wrapper input[type=checkbox] + label:after, .notification-form-inner .checkbox-wrapper input[type=checkbox]:checked + label:after {
        font-size: 16px;
        left: 3px;
        display: block
    }

    body.livetrains .hull-station-map-section.live-departs-form .inner-banner {
        height: 240px
    }

    table .calendar-dow-header th {
        padding-bottom: 50px !important
    }

    .jumbotron .item, .latest-offers .item, .ur-experience .owl-carousel .owl-stage-outer {
        height: auto !important
    }

    .options-img {
        width: auto
    }
}

.notification-form-inner .form-group .input-wrapper.validation-error, .notification-form-inner .validation-error.form-group .select-wrapper .select2, .notification-form-inner form .form-control.validation-error, .notification-form-inner form select.form-control.validation-error {
    border: 2px #c06 solid !important
}

.notification-form-inner .form-group .input-wrapper input, .notification-form-inner .form-group .input-wrapper textarea.form-control {
    border: 0 !important
}

.notification-form-inner .form-group .validation-error-message, .notification-form-inner .form-group .validation-error-message-hulltrainspassenger, .notification-form-inner .form-group span.validation-error-message {
    text-align: left;
    color: #c06 !important;
    word-break: break-word;
    padding-top: 11px !important;
    text-transform: uppercase !important;
    font-weight: 700;
    float: left;
    width: 100%
}

.notification-form-inner .form-group .input-wrapper textarea.form-control, .notification-form-inner .form-group textarea.form-control {
    height: 175px !important;
    line-height: 20px !important;
    padding-top: 10px !important
}

.notification-form-inner .form-group .input-wrapper .fancy-select select {
    border: 0 !important;
    background: 0 none !important
}

body .notification-form-inner .input-group .input-group-addon {
    float: right;
    width: 132px;
    border-radius: 0 !important;
    border: 0;
    height: 44px;
    position: absolute;
    right: 0;
    z-index: 9;
    background: #c06 !important;
    outline-offset: 0;
    outline: 2px #c06 solid
}

.notification-form-inner .fancy-select ul.options.open {
    box-shadow: 0 0 0 !important;
    border-radius: 0 !important;
    border: 2px #a7acbe solid;
    width: 100% !important;
    z-index: 10000
}

    .notification-form-inner .fancy-select ul.options.open.below {
        border-top: 0 !important
    }

    .notification-form-inner .fancy-select ul.options.open.above {
        border-bottom: 0 !important
    }

    .notification-form-inner .fancy-select ul.options.open li {
        height: 44px;
        border-top: 2px #e4e4e9 solid;
        width: 100%;
        padding-left: 20px
    }

        .notification-form-inner .fancy-select ul.options.open li:hover {
            background: #e4f2fa
        }

.notification-form-inner .form-group .input-wrapper .fancy-select .options.open {
    border: 0;
    outline: 2px #a7acbe solid;
    outline-offset: 0
}

.notification-form-inner .form-group.checkbox label {
    color: #666 !important
}

div.zabuto_calendar .table {
    display: inline-table;
    border: 0
}

.notification-form-inner .table-scroll-wrapper {
    overflow-x: visible;
    margin-bottom: 2px
}

.notification-form-inner div.zabuto_calendar .table td, .notification-form-inner div.zabuto_calendar .table th {
    font-size: 18px !important;
    color: #003 !important
}

.notification-form-inner #scheduled-arrival-time, .notification-form-inner #scheduled-departure-time, body .component-assistedtravel-form form .fancified-time {
    opacity: 0 !important
}

body .notification-form-inner .input-group .input-group-addon {
    overflow: hidden
}

.shown-highlighted .day {
    background: #f9f2b1 !important;
    color: #003 !important
}

div.zabuto_calendar .badge-today, div.zabuto_calendar div.legend span.badge-today {
    background: 0 none !important;
    color: #003 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    font-family: Lato,latoregular,sans-serif
}

.form-zabuto-calendar {
    float: left;
    width: 100%;
    margin-top: 0;
    position: relative;
    z-index: 2;
    margin-bottom: 0
}

    .form-zabuto-calendar .zabuto_calendar {
        border-top: 0;
        padding-left: 0 !important
    }

    .form-zabuto-calendar .calendar-month-name span {
        font-size: 24px !important
    }

    .form-zabuto-calendar .calendar-month-navigation .fa-angle-left::before, .form-zabuto-calendar .calendar-month-navigation .fa-angle-right::before {
        font-size: 32px !important
    }

.notification-form-inner .form-group .input-wrapper textarea, .notification-form-inner .form-group textarea {
    line-height: 20px !important;
    padding-top: 10px !important
}

.form-zabuto-calendar .tab-pane {
    margin-top: -80px
}

.notification-form-inner .form-group input {
    background: #fff !important
}

.less-container .first-hull-trains-inner {
    margin-top: 15px
}

.cheapticketalertspage .qtt-small {
    margin-top: 0;
    margin-bottom: 64px
}

.cheapticketalertspage .form-zabuto-calendar .tab-pane, .component-grouptravel-form .form-zabuto-calendar .tab-pane, .component-lost-property-form .form-zabuto-calendar .tab-pane {
    margin-top: -75px
}

.cheapticketalertspage .notification-form-inner {
    margin-top: 4px
}

.cheapticketalertspage .first-hull-trains-inner {
    padding-top: 34px;
    padding-bottom: 34px
}

    .cheapticketalertspage .first-hull-trains-inner ul {
        padding-top: 25px
    }

.notification-form-inner .form-group .input-wrapper input {
    background: 0 none !important
}

a.download_app_anchor.parent {
    padding-top: 14px !important;
    padding-bottom: 10px !important
}

.shown-highlighted .day {
    color: #003 !important
}

.journey-planning-banner .qtt-form-stations .station-switch {
    top: 0
}

.stationdetailpage .icon-mapper::before {
    display: none
}

.stationdetailpage .icon-mapper svg {
    width: 100%;
    height: 43px !important
}

.banner-mob .table-scroll-wrapper {
    margin-bottom: 0
}

.routedetailpage .live-departure-and-arrivals-section {
    margin-bottom: 0
}

    .routedetailpage .live-departure-and-arrivals-section .component-journey-check-results {
        float: left;
        width: 100%
    }

body.checkjourney .journey-desktop .col-lg-4 {
    padding-bottom: 16px
}

body.checkjourney .live-departure-and-arrivals-section.journeyCheck {
    margin-bottom: 64px
}

.lda-tabs li a {
    font-weight: 700
}

.timetable .lda-tabs {
    max-width: 976px;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none;
    margin: auto;
    display: table;
    padding-bottom: 24px !important
}

.timetable .live-trains-inner {
    max-width: 976px;
    width: 100%;
    float: none;
    margin: auto
}

body.timetable .lda-desktop .lda-full-width, body.timetable .lda-desktop .lda-left {
    padding-left: 0
}

body.timetable .lda-desktop .lda-full-width, body.timetable .lda-desktop .lda-right {
    padding-right: 0
}

body.timetable .train-time ul li {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: Lato,latobold,sans-serif
}

body.timetable .live-trains-inner .row {
    padding-bottom: 18px
}

body.timetable .station-name label {
    padding-bottom: 10px
}

body.timetable .live-trains-inner .row:last-child .station-name {
    border-bottom: 0
}

body.timetable .live-trains-inner .row:last-child .dot::after {
    width: 0 !important
}

.less-container {
    width: 100%;
    padding: 0 20px
}

.train-time ul li:first-child {
    width: 11%
}

.hull-station-map-section.live-departs-form .inner-banner {
    width: 100%;
    max-width: 656px !important
}

.live-results .cap .switch-page {
    font-size: 16px
}

.livetrains .banner button {
    padding: 0
}

.no-trains-running {
    text-align: center;
    width: 100%;
    float: left;
    color: #003;
    padding-top: 15px;
    padding-right: 20px;
    padding-left: 20px
}

.component-live-departures-form .form-input--bordered {
    outline-offset: -2px;
    outline: 2px #a7acbe solid !important
}

@-moz-document url-prefix() {
    .component-live-departures-form .form-input--bordered {
        outline-offset: -3px;
        outline: 2px #a7acbe solid !important
    }
}

.component-live-departures-form .validation-error-message, .component-station-selector-form .validation-error-message {
    color: #c06 !important;
    padding-top: 10px;
    float: left;
    width: 100%
}

.check-journey .live-results .results-table .journey .column--status .icon-good {
    color: #008a1c !important
}

.live-results .results-table .body .journey {
    border-bottom: 2px #003 solid !important
}

.checkjourney .live-departure-and-arrivals-accordion {
    margin-top: 0
}

.stationdetailpage .innerpages-gradient-bg {
    background: linear-gradient(#f7d8e7,#f9f2b1,#cbe7f4,#cbe7f4)
}

.station-map .map-canvas {
    border-top: 0 !important
}

.stationdetailpage .live-departure-check-journey .component-live-departures {
    border-top: 4px #fff solid
}

    .stationdetailpage .live-departure-check-journey .component-live-departures h1 {
        padding-top: 54px !important
    }

.component-station-at-glance .options-section-inner li a {
    cursor: pointer
}

.component-station-details .engineering-works-accordian li.accordion .accordion-content ul li:last-child {
    border-bottom: 0
}

.lda-mob .trians-info i {
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 23px;
    pointer-events: none
}

body.timetable .live-trains-inner .row:last-child {
    padding-bottom: 0
}

body.timetable .live-trains-inner {
    padding-bottom: 0
}

.bank-holidays {
    max-width: 976px;
    width: 100%;
    float: none;
    margin: auto
}

.livetrains .live-departure-check-journey .component-live-departures label {
    font-weight: 700;
    color: #003;
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding-top: 6px;
    padding-bottom: 9px;
    font-family: Lato,latobold,sans-serif
}

.notification-form-inner {
    margin-top: 37px
}

    .notification-form-inner .checkbox label + label {
        margin-left: 30px !important
    }

.notification-form-inner {
    margin-bottom: 64px
}

    .notification-form-inner button.btn {
        min-width: auto;
        padding-left: 32px !important;
        padding-right: 32px !important
    }

    .notification-form-inner hr {
        display: none !important
    }

body .component-assistedtravel-form .notification-form-inner form .fancified-time {
    opacity: 0 !important
}

.component-smart-app-banner {
    background: 0 none !important;
    box-shadow: 0 0 0 !important;
    width: 300px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    position: relative !important
}

    .component-smart-app-banner .component-smart-app-banner--icon {
        background: url(/Assets/img/favicons/ht-app-logo.png);
        width: 60px;
        height: 60px;
        margin-top: 9px
    }

    .component-smart-app-banner .component-smart-app-banner--content .component-smart-app-banner--info {
        display: none
    }

    .component-smart-app-banner .component-smart-app-banner--content .component-smart-app-banner-download {
        background: 0 none;
        border: 2px #003 solid;
        border-radius: 0;
        color: #003 !important;
        font-size: 14px;
        font-weight: 700;
        margin: 0;
        padding: 10px;
        font-family: Lato,latobold,sans-serif
    }

    .component-smart-app-banner .component-smart-app-banner--content .component-smart-app-banner--download {
        background: 0 none !important;
        border: 0;
        border-radius: 0;
        color: #003 !important;
        font-size: 14px;
        font-weight: 700;
        margin: 0;
        padding-left: 16px !important;
        padding-right: 0 !important;
        font-family: Lato,latobold,sans-serif
    }

    .component-smart-app-banner .component-smart-app-banner--content .component-smart-app-banner--nothanks {
        background: 0 none !important;
        border: 0;
        border-radius: 0;
        color: #003 !important;
        font-size: 14px;
        font-weight: 700;
        margin: 0;
        padding-left: 16px !important;
        padding-right: 0 !important;
        position: absolute;
        top: -25px;
        right: 0;
        font-family: Lato,latobold,sans-serif
    }

    .component-smart-app-banner .component-smart-app-banner--content .component-smart-app-banner--actions {
        margin-left: 20px
    }

    .component-smart-app-banner .component-smart-app-banner--content .component-smart-app-banner--actions {
        margin-left: 20px;
        position: absolute;
        transform: translate(0,-55%);
        top: 55%
    }

    .component-smart-app-banner .component-smart-app-banner--content .component-smart-app-banner--actions {
        max-width: 220px
    }

    .component-smart-app-banner .component-smart-app-banner--icon {
        margin-left: 0
    }

.component-cookie-notification {
    background: 0 none !important
}

.notifi-app {
    background: #fefcf0;
    display: none
}

.livetrains .journey-planning {
    margin-top: -57px
}

.checkjourney .journey-planning {
    margin-top: 0px !important;
}

    .checkjourney .journey-planning h1, .livetrains .journey-planning h1 {
        padding-top: 54px
    }

.hull-station-map-section .station-map-mob {
    display: none
}

.options-img {
    border: 0 !important
}

.mapper-icon-ticketoffice {
    background: url(/Assets/img/svg/ticket_office.svg) no-repeat;
    width: 112px;
    height: 112px
}

.mapper-icon-carpark {
    background: url(/Assets/img/svg/Car_park.svg) no-repeat;
    width: 112px;
    height: 112px
}

.mapper-icon-stepfreeaccess {
    background: url(/Assets/img/svg/Step_free.svg) no-repeat;
    width: 112px;
    height: 112px
}

.mapper-icon-ticketmachine {
    background: url(/Assets/img/svg/Ticket_machine.svg) no-repeat;
    width: 112px;
    height: 112px;
}

.mapper-icon-onwardtravel {
    background: url(/Assets/img/svg/Bus_service.svg) no-repeat;
    width: 112px;
    height: 112px;
}

.mapper-icon-busservices {
    background: url(/Assets/img/svg/Bus_service.svg) no-repeat;
    width: 112px;
    height: 112px;
}

.mapper-icon-toilets {
    background: url(/Assets/img/svg/toilets.svg) no-repeat;
    width: 112px;
    height: 112px;
}

.mapper-icon-prepurchasecollection {
    background: url(/Assets/img/svg/Pre-Purchase.svg) no-repeat;
    width: 112px;
    height: 112px;
}

.mapper-icon-taxirank {
    background: url(/Assets/img/svg/taxi.svg) no-repeat;
    width: 112px;
    height: 112px
}

.mapper-icon-cyclestorage {
    background: url(/Assets/img/svg/Cycle_Storage.svg) no-repeat;
    width: 112px;
    height: 112px;
}

.mapper-icon-cyclestorageavailability {
    background: url(/Assets/img/svg/Cycle_Storage.svg) no-repeat;
    width: 112px;
    height: 112px;
}

.mapper-icon-wifi {
    background: url(/Assets/img/svg/wifi.svg) no-repeat;
    width: 112px;
    height: 112px;
}

.component-station-details .accordion .accordion-content ul li h6 {
    background-image: none;
    height: auto;
}

.accordion h6.mapper-icon-ticketoffice::before, .mapper-icon-ticketofficemob {
    background: url(/Assets/img/svg/ticket_officemob.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-carpark::before, .mapper-icon-carparkmob {
    background: url(/Assets/img/svg/Car_parkmob.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-stepfreeaccess::before, .mapper-icon-stepfreeaccessmob {
    background: url(/Assets/img/svg/Step_freemob.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-ticketmachine::before, .mapper-icon-ticketmachinemob {
    background: url(/Assets/img/svg/Ticket_machinemob.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-busservices::before, .mapper-icon-busservicesmob {
    background: url(/Assets/img/svg/Bus_servicemob.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-toilets::before, .mapper-icon-toiletsmob {
    background: url(/Assets/img/svg/toiletsmob.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-prepurchasecollection::before, .mapper-icon-prepurchasecollectionmob {
    background: url(/Assets/img/svg/Pre-Purchasemob.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-taxirank::before, .mapper-icon-taxirankmob {
    background: url(/Assets/img/svg/taximob.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-cyclestorageavailability::before, .mapper-icon-cyclestorageavailabilitymob {
    background: url(/Assets/img/svg/Cycle_Storagemob.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-wifi::before, .mapper-icon-wifimob {
    background: url(/Assets/img/svg/wifimob.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-penaltyfares::before, .mapper-icon-penaltyfaresmob {
    background: url(/Assets/img/svg/penalty_fares.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-lostproperty::before, .mapper-icon-lostpropertymob {
    background: url(/Assets/img/svg/lost_property.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-customerhelppoints::before, .mapper-icon-customerhelppointsmob {
    background: url(/Assets/img/svg/question_icon.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-staffhelpavailable::before, .mapper-icon-staffhelpavailablemob {
    background: url(/Assets/img/svg/staffing_level.svg) no-repeat;
    content: "";
}

.accordion h6.mapper-icon-busservices::before, .accordion h6.mapper-icon-carpark::before, .accordion h6.mapper-icon-customerhelppoints::before, .accordion h6.mapper-icon-cyclestorageavailability::before, .accordion h6.mapper-icon-lostproperty::before, .accordion h6.mapper-icon-penaltyfares::before, .accordion h6.mapper-icon-prepurchasecollection::before, .accordion h6.mapper-icon-staffhelpavailable::before, .accordion h6.mapper-icon-stepfreeaccess::before, .accordion h6.mapper-icon-taxirank::before, .accordion h6.mapper-icon-ticketmachine::before, .accordion h6.mapper-icon-ticketoffice::before, .accordion h6.mapper-icon-toilets::before, .accordion h6.mapper-icon-wifi::before {
    width: 35px;
    height: 35px;
}

.accordion h6.mapper-icon-busservices, .accordion h6.mapper-icon-carpark, .accordion h6.mapper-icon-cyclestorageavailability, .accordion h6.mapper-icon-prepurchasecollection, .accordion h6.mapper-icon-stepfreeaccess, .accordion h6.mapper-icon-taxirank, .accordion h6.mapper-icon-ticketmachine, .accordion h6.mapper-icon-ticketoffice, .accordion h6.mapper-icon-toilets, .accordion h6.mapper-icon-wifi {
    background: 0 none;
    width: auto;
    height: auto
}

.icon-mapper-mob {
    display: none
}

.component-newsletter-form .email-signup #email, .component-newsletter-form .email-signup #first-name, .component-newsletter-form .email-signup #last-name, .component-newsletter-form .email-signup #title {
    margin-bottom: 0
}

.component-newsletter-form .email-signup #checkboxes {
    margin-bottom: 34px
}

.component-newsletter-form .email-signup .invisible-captcha-container .grecaptcha-badge {
    position: fixed !important
}

.pagination .next i, .pagination .prev i {
    font-size: 25px;
    line-height: 18px
}

.website .banner #single-adults {
    height: 40px
}

.formspage .less-container .notification-heading:last-child, .ht-bespokepage .less-container .notification-heading:last-child {
    padding-bottom: 20px
}

.component-newsletter-form {
    padding-bottom: 40px
}

.email-signup .fancy-select i {
    position: absolute;
    font-size: 25px;
    right: 20px;
    top: 10px
}

.component-station-at-glance h1 {
    padding-top: 0
}

.notification-form-inner form.email-signup select option {
    display: block !important
}

section {
    float: left;
    width: 100%
}

.search-another-station button {
    padding: 0;
    border: 0
}

.livetrains .banner button {
    position: relative;
    z-index: 0
}

.unavailable {
    opacity: .4
}

.website .banner .icon-status_major:before, .website .banner .icon-status_minor:before {
    content: "" !important
}

.website .banner .icon-status_major {
    background: #fff;
    width: 34px;
    height: 32px;
    top: 12px !important;
    -webkit-mask-image: url("/Assets/img/svg/status_major.svg");
    mask-image: url("/Assets/img/svg/status_major.svg");
}

.website .banner .icon-status_minor {
    background: url(/Assets/img/svg/status_minor.svg) no-repeat;
    width: 36px;
    height: 36px;
    top: 12px !important
}

.notification-form-inner .select2 .select2-selection--single .select2-selection__rendered, .notification-form-inner input, .notification-form-inner select, .notification-form-inner textarea {
    font-size: 16px !important;
    padding-left: 20px !important
}

.unavailable a {
    text-decoration: none !important;
    cursor: context-menu !important
}

span.fileUpload-close-btn {
    top: -2px;
    position: absolute;
    background: url(/Assets/img/svg/remove_btn.svg) no-repeat;
    color: #fff;
    font-size: 24px;
    border: 2px #c06 solid;
    left: -2px;
    line-height: 16px;
    padding: 22px
}

@-moz-document url-prefix() {
    span.fileUpload-close-btn {
        top: 0;
        left: 0
    }
}

.file-upload-input {
    padding-left: 40px
}

    .file-upload-input input[type=file] {
        opacity: 0
    }

body.formspage .notification-form-inner form .form-group select.fancified-time, body.ht-bespokepage .notification-form-inner form .form-group select.fancified-time {
    opacity: 0 !important
}

body.formspage .component-grouptravel-form .notification-form-inner form .form-group select.fancified-time, body.ht-bespokepage .component-grouptravel-form .notification-form-inner form .form-group select.fancified-time {
    opacity: 1 !important
}

body .notification-form-inner form .radio input[type=radio], body .notification-form-inner form .radio input[type]:not([type=submit]) {
    opacity: 0 !important;
    background: #000 !important;
}

.panel-title h3 {
    width: 94%
}

.website .banner-mob .modal {
    z-index: 999999
}

body .select2-container--open .select2-dropdown--below .select2-results__options {
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.3),0 5px 4px 0 rgba(0,0,0,.2)
}

.website .live-results .results-table .body .route-overview .station .dot circle {
    fill: white;
}

.website .component-journey-check-results .results-table .route-overview p.column-text {
    background: 0 0
}

.destinationdetailpage, .destinationlandingpage, .latest-offers-height, .our-train-routes {
    overflow-x: hidden
}

.ur-experience {
    overflow-y: auto
}

body.checkjourney .hull-station-map-section.banner {
    z-index: auto
}

.mobile-app img {
    width: 240px !important;
    height: auto !important
}

span.app-or {
    color: #000;
    font-size: 45px !important;
    padding: 0 20px !important
}

.routedetailpage .options-section-inner a:hover {
    cursor: text;
    text-decoration: none
}

.inner-parallel {
    padding-top: 140px
}

.display-modal-overlap {
    position: absolute;
    width: 100%;
    height: 46px
}

    .display-modal-overlap h1 {
        font-size: 0 !important
    }

        .display-modal-overlap h1::before {
            display: none
        }

header .icon-close_no_circle {
    position: absolute;
    top: 15px;
    right: 15px
}

body.checkjourney .hull-station-map-section #add-depart-calendar-here {
    z-index: 2
}

.component-newsletter-form .validation-error .validation-error-message {
    font-size: 14px
}

.component-sitemap ul {
    padding-left: 0;
}

.component-sitemap h2.site-map-title {
    position: relative;
}

.component-sitemap h1, .component-sitemap h2.site-map-title {
    padding-top: 15px;
    font-size: 18px !important;
    font-weight: 400;
    text-align: left;
    padding-bottom: 0;
    text-transform: uppercase !important;
    font-family: Lato,latoregular,sans-serif;
    margin-bottom: 30px;
}

    .component-sitemap h1::before, .component-sitemap h2.site-map-title::before {
        text-align: left;
        background: #003;
        width: 35px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 52px;
        content: "";
        margin: 0;
        display: none;
    }

.component-sitemap li h1 a, .component-sitemap li a h2.site-map-title {
    color: #003;
    text-decoration: none;
    font-size: 18px !important;
    text-align: left;
    padding-bottom: 0;
    font-weight: 400;
    text-transform: uppercase !important;
    font-family: Lato,latoregular,sans-serif;
    margin-bottom: -20px;
}

.component-sitemap li a {
    text-transform: capitalize;
    font-size: 16px !important;
    font-weight: 700;
    padding: 12px 0;
    line-height: 14px;
    text-decoration: none;
    font-family: Lato, latobold, sans-serif;
    color: #006c75;
    display: block;
}

.component-sitemap li h2.site-map-title a:hover {
    text-decoration: none;
}

.component-sitemap li h2 a:hover {
    text-decoration: underline
}

.component-sitemap .notification-form-inner {
    padding-top: 25px
}

.destiantions .item {
    height: auto
}

.website .banner .icon-good {
    background: url(/Assets/img/svg/Tick_Circle.svg) no-repeat;
    width: 36px;
    height: 36px;
    top: 12px !important
}

    .website .banner .icon-good::before {
        display: none
    }

.component-assistedtravel-form div.zabuto_calendar .table tr:last-child {
    border-bottom: 2px solid #ddd !important
}

.notification-form-inner .select-drop-icon:after {
    display: none
}

.innerpage-find-train-section select {
    width: 82%;
    right: 0
}

.form-group .compensation-ratio {
    text-align: center;
    padding-top: 5px;
    width: 2.333333%;
    padding-right: 0 !important
}

.form-group .compensation-time {
    width: 26.666667%;
    padding-right: 0 !important
}

.compensation-time .fancy-select .below {
    min-width: 0 !important
}

.compensation-time .fancy-select .above {
    min-width: 0 !important
}

.owl-carousel.owl-theme.owl-loaded.owl-drag.journey-panning-inner.journey-mob {
    overflow-x: hidden
}

@media (max-width:1280px) {
    .check-journey .live-results .results-table .body .journey .column.column--status {
        margin-left: 5px
    }

    .darkHeader, .sticky {
        position: static !important
    }

    .smooth-scroll .page {
        padding-top: 0
    }

    .experience-author {
        padding-top: 20px
    }

    .ur-experience .view-all-btn {
        padding-top: 30px
    }

    .experience-content-inner p {
        width: 90%
    }

    .ur-experience h2, .ur-experience .urexperience-title {
        padding-top: 24px;
    }

    .ur-experience .owl-dots {
        bottom: 0
    }
}

@media (max-width:1279.98px) {
    .component-station-at-glance .options-section-inner li:nth-child(5n+1) {
        clear: both
    }

    .check-journey .journey .column--status {
        left: 45px !important
    }

    .journeyCheck .journey .column--status {
        left: 0 !important
    }

    .check-journey .live-results .results-table .journey .column--button {
        margin-left: 10px
    }

    .options-text p, .options-text p i {
        font-size: 15px
    }

    header .navbar-default li {
        padding: 0 !important;
        font-size: 14px
    }

        header .navbar-default li a {
            padding: 10px 18px
        }

    .innerpage-find-train-section button {
        padding: 0 !important;
        width: 100%;
        font-size: 14px
    }

    .article .innerpage-find-train-section.qtt-small .select2, .destinationdetailpage .innerpage-find-train-section.qtt-small .select2, .destinationlandingpage .innerpage-find-train-section.qtt-small .select2, .engineeringworkspage .innerpage-find-train-section.qtt-small .select2, .innerpage-find-train-section select.select2-hidden-accessible, .innerpage-find-train-section.qtt-small .select2, .routedetailpage .innerpage-find-train-section.qtt-small .select2 {
        width: 292px !important
    }

    .check-journey .live-results .column--button {
        width: 6% !important;
        position: relative !important
    }

    .check-journey .live-results .results-table .body .journey .column.column--time {
        padding-left: 55px
    }

    .check-journey .live-results .results-table .body .journey .column.column--status {
        padding-left: 0
    }

    .check-journey .journey .column--station {
        margin-right: 5px
    }

    .check-journey .live-results .results-table .body .route-overview .row .column-text {
        padding-left: 65px
    }

    .check-journey .live-results .results-table .body .journey .column.column--time {
        width: 23%
    }

    .check-journey .live-results .results-table .head .column.column--time {
        width: 23%;
        padding-left: 65px
    }

    .check-journey .head .column.column--station {
        padding-left: 10px
    }

    .article .qtt-small .container, .destinationdetailpage .qtt-small .container, .destinationlandingpage .qtt-small .container, .engineeringworkspage .qtt-small .container, .qtt-small .container, .routedetailpage .qtt-small .container {
        padding: 0
    }

    .journey-content {
        padding-right: 20px;
        padding-left: 20px
    }

    .lda-tabs {
        padding: 0 !important
    }

    /* FGHT-274 - The timetable section is not displaying in proper alignment */
    .live-trains-mainss {
        padding: 0 0px
    }

    header .navbar-default li {
        font-size: 14px;
    }

        header .navbar-default li a {
            padding: 10px 18px;
            font-size: 14px;
        }

    .check-journey .results-table {
        padding: 0 15px
    }
}

@media (max-width:1199px) {
    .navbar-default li a {
        padding: 11px 19px
    }

    .banner .qtt-tabbed::before {
        margin: 0 auto
    }

    .trains-and-services-section .live-results .results-table .column--time {
        width: 15%
    }

    .component-global-service-info .routes-section {
        margin: 0 auto
    }

    .ur-experience h2::before, .ur-experience .urexperience-title::before {
        bottom: 20px;
    }

    .latest-news h2 {
        font-size: 20px;
        line-height: 24px
    }

    .trains-and-services-section .live-trains {
        padding-right: 10px
    }

    .live-trains-inner {
        padding-left: 18%
    }

    .experience-content-inner p {
        padding-top: 0
    }
}

@media (max-width:1024px) {
    .checkjourney .journey-planning h1, .livetrains .journey-planning h1 {
        padding-top: 30px
    }

    .notification-form-inner h1 {
        padding-top: 0 !important
    }

    .latest-offers-height .owl-item.active {
        padding-left: 0
    }

        .latest-offers-height .owl-item.active .latest-offer-content .latest-inner-content {
            padding-left: 40px
        }

    .notification-form-inner .column {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .component-sitemap .notification-form-inner {
        padding-top: 16px !important;
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .component-sitemap h1::before {
        top: 30px
    }

    .hovereffect .overlay {
        display: none
    }

    .website .select2-container--open {
        z-index: 999999
    }

    .latest-offers-height .owl-item.active img {
        padding-left: 0
    }

    .latest-offers-height .owl-item.active .latest-offer-content {
        margin-right: 0
    }

    .livetrains .journey-planning {
        margin-top: 0
    }

    .logo {
        top: 0 !important;
        padding-right: 0
    }

    .innerpage-latest-news .item {
        height: 400px !important
    }

    .jumbotron .item {
        height: 300px !important;
        overflow: hidden;
        float: left;
        width: 100%
    }

    .livetrains .live-departure-check-journey .component-live-departures label {
        padding-top: 36px;
        font-size: 14px
    }

    .hull-station-map-section .station-map .map-canvas {
        height: 100%
    }

    .qtt-small .input-addon {
        line-height: 32px !important
    }

    .qtt-small .select2 .select2-selection--single .select2-selection__rendered {
        line-height: 40px !important
    }

    .qtt-small .input-addon {
        line-height: 30px !important
    }

    .qtt-small .input-addon, .qtt-small .select2 {
        height: 45px
    }

    .qtt-small button {
        height: 44px
    }

    .innerpage-find-train-section .qtt-form-stations .station-switch {
        width: 40px;
        height: 40px
    }

    body.timetable .innerpage-find-train-section .select2.select2-container {
        width: 100% !important
    }

    .checkjourney .journeyCheck.live-departure-and-arrivals-section h1 {
        padding-top: 30px
    }

    body.checkjourney .live-departure-and-arrivals-section.journeyCheck {
        margin-bottom: 40px
    }

    .hull-station-map-section.journey-planning-banner .table-scroll-wrapper table {
        display: inline-table
    }

    .hull-station-map-section.journey-planning-banner .table-scroll-wrapper {
        outline: 0;
        margin-left: 0;
        margin-top: 0;
        outline-offset: 0
    }

    .hull-station-map-section.journey-planning-banner .banner-mob .modal .modal-popular-stations button {
        border: 0 !important
    }

    .hull-station-map-section.journey-planning-banner .banner-mob .modal-content .modal-top button.close {
        padding-top: 12px !important
    }

    .journey-planning-banner #selected-date-mob::after {
        content: '\f107';
        color: #003 !important;
        font-family: FontAwesome !important;
        font-size: 25px;
        font-weight: 400;
        padding-right: 12px;
        line-height: 21px;
        float: right
    }

    .journey-planning-banner #selected-date-mob {
        text-align: left;
        font-size: 14px;
        padding-bottom: 0 !important;
        padding-top: 15px !important
    }

    .hull-station-map-section.journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .trigger {
        font-size: 14px !important;
        font-weight: 400 !important
    }

    .hull-station-map-section.journey-planning-banner .qtt-form-stations .station-switch {
        right: -42px;
        margin-right: 8px !important
    }

    .checkjourney .hull-station-map-section.journey-planning-banner .qtt-form-stations .station-switch {
        right: -42px;
        margin-right: 0 !important
    }

    .checkjourney .journey-planning {
        margin-top: 0
    }

    .hull-station-map-section.journey-planning-banner .banner-mob #selected-date::after {
        content: '\f107';
        font-family: FontAwesome !important;
        font-size: 25px;
        position: absolute;
        right: 10px;
        top: 7px;
        font-weight: 400
    }

    .hull-station-map-section.journey-planning-banner .component-journey-check-form .qtt-form-stations .station-switch {
        z-index: 9999
    }

    .hull-station-map-section.journey-planning-banner .banner-mob #depart-date-time-modal {
        z-index: 10000 !important
    }

    .journey-planning-banner .inner-banner .banner-mob label {
        padding-top: 12px;
        padding-bottom: 10px !important
    }

    .hull-station-map-section.journey-planning-banner .qtt-form-date-select--container {
        margin-top: 6px
    }

    .hull-station-map-section.journey-planning-banner .inner-banner {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%
    }

    .hull-station-map-section.journey-planning-banner .column.submit {
        padding: 16px 0 0 !important
    }

    .journey-planning-banner .inner-banner .banner-mob .leaving-arrival-section {
        margin-top: 0 !important
    }

    .journey-planning-banner .banner-mob {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 15px
    }

    .hull-station-map-section.journey-planning-banner .component-qtt-form #jc-form-depart-calendar-date {
        display: none
    }

    .hull-station-map-section.journey-planning-banner .inner-banner label,
    .hull-station-map-section.journey-planning-banner .inner-banner .sub-info-text {
        padding-bottom: 16px;
    }

    .hull-station-map-section.journey-planning-banner .component-qtt-form {
        padding-top: 0
    }

    .journey-planning-banner .qtt-form-stations .departure-station {
        margin-bottom: 0 !important
    }

    .journey-planning-banner .blockA, .journey-planning-banner .blockB, .journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .trigger, .journey-planning-banner .component-qtt-form .form-control, .journey-planning-banner .select2.select2-container, .journey-planning-banner .with-caret .input-group-addon {
        height: 52px !important
    }

    .hull-station-map-section.journey-planning-banner .qtt-form-dateselection .form-control i {
        top: 10px
    }

    .journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .trigger::after {
        top: 1px
    }

    .hull-station-map-section.journey-planning-banner .blockB .qtt-form-dateselection .fancy-select .trigger {
        line-height: 45px !important
    }

    .hull-station-map-section.journey-planning-banner .component-qtt-form .form-control {
        line-height: 41px !important
    }

    .hull-station-map-section.journey-planning-banner .select2.select2-container {
        padding-left: 75px
    }

    .hull-station-map-section.banner, .hull-station-map-section.journey-planning-banner .inner-banner, .live-departs-form {
        height: auto
    }

        .live-departs-form .inner-banner {
            padding-bottom: 20px
        }

    .live-departs-form {
        padding-left: 20px;
        padding-right: 20px
    }

    .banner-mob .icon-close_no_circle:before {
        right: 10px;
        position: relative
    }

    .article .innerpage-find-train-section.qtt-small .station-switch, .destinationdetailpage .innerpage-find-train-section.qtt-small .station-switch, .destinationlandingpage .innerpage-find-train-section.qtt-small .station-switch, .engineeringworkspage .innerpage-find-train-section.qtt-small .station-switch, .innerpage-find-train-section.qtt-small .station-switch, .qtt-small .station-switch, .routedetailpage .innerpage-find-train-section.qtt-small .station-switch {
        top: 16px !important
    }

    body.website .select2-container--open .select2-dropdown--below {
        width: 100% !important;
        margin-left: 0
    }

    .banner-mob label.mobile-homepage-subtitle {
        font-size: 16px;
        padding: 20px 20px 0 20px
    }

    .container {
        max-width: 970px
    }

    .logo {
        max-width: none
    }

    .less-container {
        padding-top: 40px
    }

    .qtt-small {
        padding: 32px 0
    }

    .carousel-inner > .item > img, .ht-qtt-component {
        display: none !important
    }

    .banner-mob {
        display: block !important
    }

    .banner-mob {
        background: #f1f8fc;
        padding-top: 40px;
        padding-bottom: 25px
    }

        .banner-mob .input-group-addon {
            background: 0 0 !important;
            padding-top: 2px;
            color: #003
        }

        .banner-mob .innerpage-find-train-section button {
            margin-left: 0
        }

        .banner-mob .banner-button {
            padding-top: 10px
        }

    .select2 .select2-selection--single {
        border-radius: 0 !important;
        width: 100%
    }

    .select2.select2-container {
        border-radius: 0 !important;
        width: 80% !important;
        float: left
    }

    .banner-mob .innerpage-find-train-section button.close {
        margin: 0;
        margin-right: 5px
    }

    .banner-mob .modal .modal-popular-stations button {
        margin: 20px auto !important;
        float: left;
        width: 100%
    }

    .select2-dropdown {
        z-index: 9999 !important
    }

    .select2 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
        color: #003;
        font-size: 14px
    }

    .banner .component-global-service-info .icon {
        top: 50% !important;
        transform: translate(0,-50%)
    }

    .routes-section button {
        padding: 10px 30px 10px 40px !important
    }

        .routes-section button span {
            white-space: normal !important
        }

    .banner-mob .day {
        line-height: 36px !important
    }

    .banner .calendar-dow td {
        height: 36px !important
    }

    .banner-mob .table-scroll-wrapper .table {
        border: 0
    }

    .banner-mob .swipe-icon img {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .toggleMenu {
        padding-top: 0 !important
    }

    .experience-content-inner p {
        width: 90%;
        padding-left: 5px;
        padding-right: 5px
    }

    .experience-content-inner {
        padding-top: 0 !important
    }

    .banner-mob button {
        font-size: 16px !important
    }

    .banner-mob .innerpage-find-train-section {
        font-size: 14px
    }

    .article .innerpage-find-train-section.qtt-small .select2, .destinationdetailpage .innerpage-find-train-section.qtt-small .select2, .destinationlandingpage .innerpage-find-train-section.qtt-small .select2, .engineeringworkspage .innerpage-find-train-section.qtt-small .select2, .innerpage-find-train-section select.select2-hidden-accessible, .innerpage-find-train-section.qtt-small .select2, .routedetailpage .innerpage-find-train-section.qtt-small .select2 {
        width: 292px !important
    }

    .innerpage-find-train-section .qtt-form-stations {
        margin: 0 !important
    }

        .innerpage-find-train-section .qtt-form-stations .station-switch {
            right: 50%;
            margin-right: -18px;
            top: 13px
        }

    .view-all-btn {
        padding-top: 30px
    }

    .input-group-addon {
        height: 52px;
        line-height: 3.2em !important;
        font-size: 14px !important
    }

    .banner-mob .modal-railcard .modal-railcard-inner {
        padding: 10px;
        height: 40px
    }

    .banner-mob #mobile-return-close-btn {
        text-align: right;
        padding-right: 5px
    }

    .banner-mob .component-qtt-form .btn-primary {
        margin-top: 0
    }

    #attractions h3,
    #hotels h3,
    #restaurants h3,
    #shopping h3,
    .smooth-scroll-content h2,
    .glance-section h1,
    .hull-station-inner h2,
    .latest-offers h1,
    .less-container h1,
    .live-departure-and-arrivals-section h1,
    .live-trains h1,
    .options-section-inner h1,
    .our-services h1,
    .our-train-routes h1,
    .our-train-routes h2,
    .station-details h1 {
        padding-top: 40px;
    }

    .latest-offers {
        padding-bottom: 10px
    }

    .our-ticket-offers {
        padding-bottom: 64px
    }

    .component-journey-check-form .qtt-form-stations {
        position: relative
    }

    .hull-station-map-section .with-caret .input-group-addon {
        padding-top: 0
    }

    .hull-station-map-section .select2.select2-container {
        width: 100% !important
    }

    .hull-station-map-section .component-journey-check-form .qtt-form-stations .departure-station {
        padding-right: 0
    }

    .hull-station-map-section .qtt-form-stations .arrival-station {
        padding-left: 0;
        top: -2px
    }

    .hull-station-map-section .component-journey-check-form .qtt-form-stations .station-switch {
        display: block !important;
        margin: 0;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .checkjourney .hull-station-map-section .component-journey-check-form .qtt-form-stations .station-switch {
        display: block !important;
        margin: 0;
        top: 50px;
        transform: translate(-50%,-50%)
    }

    .hull-station-map-section .component-qtt-form .qtt-form-stations .station-switch .station-switch__icon {
        transform: rotate(90deg)
    }

    .hull-station-map-section .select2.select2-container {
        padding-left: 85px
    }

    .hull-station-map-section, .hull-station-map-section .inner-banner {
        background: #f1f8fc !important
    }

        .hull-station-map-section .form-row {
            margin-bottom: 0
        }

        .hull-station-map-section .inner-banner {
            padding: 30px 0 40px 0
        }

    .journey-planning-banner .component-journey-check-form .layout--12 .column {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .hull-station-map-section .column.submit {
        padding: 20px 15px 0 !important
    }

    .hull-station-map-section {
        padding: 0
    }

    .banner-mob .component-qtt-form {
        padding-left: 5px;
        padding-right: 5px;
        max-width: 100%;
        width: 100%
    }

    .banner-mob .swipe-icon {
        top: 30px
    }

    .website .innerpage-find-train-section .select2.select2-container {
        padding-left: 0 !important;
        padding-right: 70px !important;
        width: 100% !important;
        position: relative;
        z-index: 0
    }

    .banner-mob .innerpage-find-train-section button.close {
        margin-right: 5px;
        position: absolute;
        right: 15px;
        z-index: 1
    }

    .banner-mob .modal-input {
        font-weight: 700;
        font-family: Lato,latobold,sans-serif;
        padding-left: 95px
    }

    .banner-mob .modal-railcard .modal-railcard-inner {
        font-weight: 700;
        font-family: Lato,latobold,sans-serif
    }

    .banner-m0b .station-input li {
        line-height: 36px
    }

    .banner-mob .input-group-addon, .banner-mob .modal-input, .banner-mob .modal-leaving-arrival .leaving-arrival-section, .banner-mob .modal-leaving-arrival .padding-right-0 .leaving-arrival-section {
        height: 48px !important
    }

    .banner-mob .input-group-addon {
        padding-top: 0
    }

    .banner-mob .modal-leaving-arrival .leaving-arrival-section label {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .banner-mob #mobile-return-close-btn {
        margin-top: 0 !important;
        top: 20px;
        position: absolute;
        right: 0
    }

    .banner-mob .modal-popular-stations li {
        font-size: 14px !important;
        font-family: Lato,latobold,sans-serif;
        font-weight: 700 !important
    }

    .banner-mob .modal-leaving-arrival .select-styled, .banner-mob .modal-railcard .modal-popular-stations .select-styled {
        font-weight: 700 !important;
        font-size: 14px !important;
        font-family: Lato,latobold,sans-serif;
        line-height: 26px !important
    }

    .banner-mob .calendar-bottom {
        padding-bottom: 0;
        padding-top: 8px
    }

        .banner-mob .calendar-bottom #mob-depart-leaving-arriving {
            padding-right: 6px;
            padding-left: 0
        }

        .banner-mob .calendar-bottom #mob-depart-time {
            padding-left: 6px;
            padding-right: 0
        }

    .banner-mob .modal-content .modal-top p {
        padding: 10px 5px
    }

    .banner-mob .modal-content .modal-top {
        padding: 20px
    }

    .banner-mob .modal-open-return {
        background: #f1f8fc;
        padding: 1px 0
    }

    .banner-mob .modal-popular-stations.padding-15 {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .banner-inner-pages .item img {
        display: block !important
    }

    .destiantions .owl-item.center img, .destiantions .owl-item.cloned.center img, .latest-offers-height .owl-item.active .latest-offer-content, .latest-offers-height .owl-item.active img {
        transform: scaleY(1)
    }

    .destiantions .owl-item.center .destiantion-offer {
        top: 0 !important
    }

    .destiantions .owl-item.center .destiantion-fare {
        bottom: 0 !important
    }

    .destiantions .destination-img, .destiantions .item {
        height: 250px
    }

    .banner .component-global-service-info {
        position: fixed;
        bottom: 0;
        z-index: 9
    }

    .website footer {
        padding-bottom: 38px
    }

    .component-global-service-info .summary-text {
        margin-left: 0;
        white-space: normal
    }

    .component-global-service-info .update-summary-icon {
        margin-right: 0;
        position: absolute;
        top: 10px;
        right: 10px
    }

    .component-global-service-info .update-other-details {
        padding-left: 8px
    }

    .component-global-service-info .message-heading {
        position: relative;
        padding-right: 40px
    }

    .component-global-service-info .message {
        padding-right: 10px
    }

    .component-global-service-info .update-message-container {
        float: left;
        width: 100%
    }

    .table-scroll-wrapper {
        overflow-y: hidden
    }

    .calendar-month-navigation .fa-angle-left::before, .calendar-month-navigation .fa-angle-right::before {
        font-size: 26px
    }

    body .banner-mob .modal-popular-stations label {
        font-weight: 700 !important;
        font-size: 16px !important;
        font-family: Lato,latobold,sans-serif
    }

    .banner-mob #depart-popular-station-mob li, .banner-mob #return-popular-station-mob li {
        font-weight: 400 !important;
        line-height: 28px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-family: Lato,latoregular,sans-serif
    }

    #depart-date-time-modal .modal-top, #return-date-time-modal .modal-top, .modal-railcard .modal-top {
        padding: 0 20px !important
    }

    .banner-mob .modal-railcard label {
        padding-top: 20px !important
    }

    .banner-mob .modal-railcard .calendar-bottom {
        padding-top: 0
    }

    .routes-section button i.down-arrow-banner {
        top: 70% !important
    }

    .component-location-details.hull-station-map-section {
        background: linear-gradient(#617191,#1e91b7,#1e91b7) !important
    }

    .search-another-station .select2.select2-container {
        width: 100% !important
    }

    .notification-form-inner.basic-form .select2.select2-container {
        width: 100% !important
    }

    body .notification-form-inner .input-group .input-group-addon {
        width: 100px;
        line-height: 32px !important
    }

    .website .banner .icon-status_major, .website .banner .icon-status_minor {
        width: 32px;
        height: 32px;
        background-size: 100%;
        top: 50% !important;
        transform: translate(0,-50%)
    }

    .website .banner .component-global-service-info button {
        padding-left: 60px !important;
        padding-right: 40px !important
    }

    .latest-offer-img {
        height: 400px
    }

    .jumbotron .latest-offer-img, .latest-offers-height .owl-item.active .latest-offer-content, .owl-carousel .latest-offer-img {
        height: 300px
    }

    .banner .select .select-options li {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .destination-gallery-bottom .col-sm-4:hover .destiantion-fare-mains, .destination-gallery-top .col-sm-6:hover .destiantion-fare-mains {
        display: block
    }
}

@media (max-width:999px) {
    .destiantions .item {
        display: block
    }

    .destiantions .owl-item.center .destiantion-fare {
        bottom: 0
    }

    .destiantions .owl-item.center .destiantion-offer {
        top: 0
    }
}

@media (max-width:991px) {
    .live-trains-inner {
        padding-left: 24px !important
    }

    #accordion .panel-heading {
        padding: 0
    }

    .inner-parallel {
        padding-top: 5px
    }

    header .icon-close_no_circle {
        display: none
    }

    body.checkjourney .hull-station-map-section.journey-planning-banner .component-journey-check-form .qtt-form-stations .station-switch {
        z-index: 10000
    }

    .livetrains .check-journey .live-results .results-table .journey .column--button p span {
        top: 0
    }

    .livetrains .check-journey .live-results .results-table .journey.open .column--button p span {
        top: 10px
    }

    .component-station-at-glance .options-section-inner li:nth-child(5n+1) {
        clear: none
    }

    .journey-planning-banner .with-caret .input-group-addon {
        width: 75px !important
    }

    .checkjourney .select2-container--open .select2-dropdown--below {
        margin-left: 75px !important
    }

    .single-item-navigation-bar ul li, .single-item-navigation-bar ul li a {
        width: 100%
    }

        .single-item-navigation-bar ul li a i {
            float: right
        }

    body.timetable .lda-full-width, body.timetable .lda-full-width li, body.timetable .lda-left, body.timetable .lda-right {
        padding-left: 0;
        padding-right: 0
    }

        body.timetable .lda-full-width li {
            margin: 5px 0
        }

    .sticky {
        padding-top: 0 !important
    }

    .live-trains-mainss {
        padding: 0 !important
    }

    body.timetable .live-trains-mainss .live-trains-inner {
        padding-left: 20px !important
    }

    .journey .column--icon span::before {
        font-size: 12px !important
    }

    .component-live-departures-results .lda-left {
        padding-right: 0
    }

    .component-live-departures-results .lda-right {
        padding-left: 0
    }

    .check-journey .results-table {
        padding: 0
    }

    .route-details-icon-section .options-text label, .route-details-icon-section .options-text p {
        font-size: 14px
    }

    .journey .live-trains-inner h5 {
        padding-top: 18px
    }

    .our-services, .trains-and-services-section .live-trains {
        padding-bottom: 40px
    }

    .options-text {
        height: auto;
        padding-top: 20px
    }

        .options-text p {
            position: static;
            transform: translate(0,0)
        }

    .options-section li {
        padding-bottom: 24px
    }

        .options-section li:nth-child(2n+1) {
            clear: both
        }

    .our-tickets-offers-desktop {
        display: none !important
    }

    .toggle-open-mobile {
        display: none
    }

    .toggleMenu {
        padding: 0 !important;
        right: 10px !important
    }

    #main li li i {
        float: right
    }

    .nav li li a, header .navbar-default li a {
        display: inline-block !important
    }

    span.openmenu {
        padding: 10px
    }

    .navbar-default li.pink-bg-underline {
        box-shadow: 0 0 0 #003
    }

    header .navbar-default {
        height: auto
    }

    .openmenu i {
        font-size: 25px
    }

    header .navbar-default li li .openmenu i {
        color: #003
    }

    header .nav li:hover.hover ul li a.parent {
        display: inline-block;
        line-height: inherit;
        padding-top: 15px;
        padding-bottom: 15px;
        background: none;
    }

    header .nav li.hover .openmenu {
        transform: rotate(180deg)
    }

    header .nav li.hover li .openmenu {
        transform: rotate(0)
    }

    header .nav li.hover li.hover .openmenu {
        transform: rotate(180deg)
    }

    .openmenu, .our-tickets-offers-mob, .route-overview.open button {
        display: block
    }

    .route-overview.open button {
        border-radius: 0;
        margin-top: 20px;
        margin-left: 8.3333%
    }

    .journeyCheck .journey .column--icon span {
        padding-top: 13px;
        font-size: 12px
    }

    .article .select2-container--open .select2-dropdown--below, .blog .select2-container--open .select2-dropdown--below, .bloglandingpage .select2-container--open .select2-dropdown--below, .cheapticketalertspage .select2-container--open .select2-dropdown--below, .destinationdetailpage .select2-container--open .select2-dropdown--below, .destinationlandingpage .select2-container--open .select2-dropdown--below, .engineeringworkspage .select2-container--open .select2-dropdown--below, .offer .select2-container--open .select2-dropdown--below, .routedetailpage .select2-container--open .select2-dropdown--below, .timetable .select2-container--open .select2-dropdown--below {
        width: 218px !important
    }

    body .select2-container--open .select2-dropdown--above .select2-results .select2-results__option, body .select2-container--open .select2-dropdown--below .select2-results .select2-results__option {
        white-space: nowrap
    }

    .article .innerpage-find-train-section.qtt-small .select2, .destinationdetailpage .innerpage-find-train-section.qtt-small .select2, .destinationlandingpage .innerpage-find-train-section.qtt-small .select2, .engineeringworkspage .innerpage-find-train-section.qtt-small .select2, .innerpage-find-train-section select.select2-hidden-accessible, .innerpage-find-train-section.qtt-small .select2, .routedetailpage .innerpage-find-train-section.qtt-small .select2 {
        padding-left: 2px !important
    }

    .qtt-small .form-row-secondary {
        padding-right: 0
    }

    .trains-and-services-section .live-results .results-table .column--time {
        width: 10%
    }

    .live-trains-inner .visible-sm {
        display: none !important
    }

    .trains-and-services-section .live-results .results-table .column--status .icon {
        display: block
    }

    .trains-and-services-section .live-results .results-table .body .route-overview .station .column .station-name {
        margin-left: 40px
    }

    .header-right-mob ul li, .nav #main {
        width: 100%;
        overflow: hidden
    }

    .destiantions .owl-item.active:nth-child(2), .destiantions .owl-item.center, .destiantions .owl-item.cloned.center {
        transform: scaleY(1)
    }

    .banner-mob .innerpage-find-train-section .form-group.col-lg-6 {
        width: 50% !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    header {
        z-index: 0
    }

    .ur-experience h2::before, .ur-experience .urexperience-title::before {
        bottom: 0;
    }

    header .container {
        width: 95%
    }

    header .logo {
        top: 0
    }

    .header-right-mob {
        padding-left: 15px
    }

    .top-header {
        text-align: center
    }

    .top-header-right {
        padding-top: 20px;
        text-align: center
    }

        .top-header-right button {
            float: none
        }

    header .nav li:hover.hover {
        background: #f1f8fc;
        color: #fff !important
    }

        header .nav li:hover.hover a {
            color: #fff !important
        }

    .innerpage-find-train-section .col-sm-6 {
        width: 50% !important
    }

    .innerpage-find-train-section .input-addon {
        padding: 8px;
        font-size: 14px;
        width: 70px
    }

    .article .innerpage-find-train-section.qtt-small .select2, .destinationdetailpage .innerpage-find-train-section.qtt-small .select2, .destinationlandingpage .innerpage-find-train-section.qtt-small .select2, .engineeringworkspage .innerpage-find-train-section.qtt-small .select2, .innerpage-find-train-section select.select2-hidden-accessible, .innerpage-find-train-section.qtt-small .select2, .routedetailpage .innerpage-find-train-section.qtt-small .select2 {
        width: 222px !important
    }

    .newsletter-and-ticket-alert .less-container {
        padding-top: 0
    }

    .navbar-default {
        background: 0 none !important
    }

    nav.navbar .nav li.test {
        background: #003;
        margin-bottom: 4px !important
    }

    .navbar-default .container {
        width: 100%
    }

    .banner-mob .swipe-icon {
        right: -5px
    }

    .banner-mob .innerpage-find-train-section .modal-leaving-arrival .form-group.padding-right-0 {
        padding-right: 0 !important
    }

    .banner-mob .innerpage-find-train-section .modal-leaving-arrival .form-group.padding-left-0 {
        padding-left: 0 !important
    }

    .btn-opt a, .column--btnn button, .destiantion-fare, .destiantion-offer, .gallery-destinations ul li a, .general-info .opt-btn, .inner-newletter button, .inner-ticket-alert a, .innerpage-find-train-section button, .live-trains-inner a, .notification-form-inner button, .notification-form-inner form label, .our-services-btn a, .ticket-offers-inner button, .top-header-right button, .view-all-btn a, .book-now-btn button {
        font-size: 16px !important
    }

    .check-journey .column--operator {
        display: none !important
    }

    .check-journey .live-results .results-table .body .journey .column.column--status {
        display: none
    }

    .check-journey .live-results .results-table .body .journey .column.column--station span, .check-journey .live-results .results-table .body .journey .column.column--time span {
        line-height: 40px
    }

    .check-journey .journey .column--station, .check-journey.live-departure-and-arrivals-section .head .column--station {
        width: 40.333333% !important
    }

    #main li a.parent::before {
        top: auto;
        bottom: 5px
    }

    header .nav > li.hover > ul a.parent {
        padding-top: 15px
    }

    .journeyCheck .component-journey-check-results .results-table .column--arrives, .journeyCheck .component-journey-check-results .results-table .column--departs {
        width: 39%
    }

    .journeyCheck .component-journey-check-results .results-table .column {
        text-align: center
    }

    .journeyCheck .component-journey-check-results .results-table .column--other {
        display: none
    }

    .journeyCheck .journey .column--icon span {
        padding-left: 0 !important
    }

    .journeyCheck .live-trains-inner {
        padding-left: 0 !important
    }

    .journeyCheck .col-buttonn {
        width: 8% !important;
        height: 50px
    }

    .journeyCheck .column-text .times, .journeyCheck .column-text .type {
        width: auto;
        float: none;
        display: inline-block
    }

    .navbar li img {
        display: none
    }

    .footer-links li {
        padding: 5px 8px !important
    }

        .footer-links li a {
            margin: 0 !important
        }

    .options-section {
        padding: 0
    }

    .inner-newletter a {
        margin-top: 0;
        font-size: 16px;
        font-weight: 700;
        font-family: Lato,latobold,sans-serif
    }

    .options-section-inner {
        padding-bottom: 16px
    }

    .ticket-alert {
        padding-top: 25px !important
    }

    .check-journey .live-results .results-table .body .route-overview .refresh-wrapper p.info-refresh {
        position: static;
        padding-top: 10px
    }

    header .nav > li.hover > ul {
        min-height: auto
    }

    .price-label, .ticket-offers-heading h3, .ticket-offers-price {
        padding-left: 20px;
        padding-right: 20px
    }

    .our-tickets-offers-desktop .btn-secondary {
        margin-left: 10px;
        margin-right: 10px
    }

    .ticket-offers-price {
        font-size: 45px
    }

    .navbar .nav li li .download_app_anchor {
        display: none !important
    }

    header .header-mob-show {
        display: block !important;
        padding-left: 0;
        padding-right: 0
    }

    .checkjourney .hull-station-map-section .component-qtt-form .qtt-form-stations .station-switch .station-switch__icon.icon-swap_vertical {
        display: block !important
    }

    .checkjourney .hull-station-map-section .component-qtt-form .qtt-form-stations .station-switch .station-switch__icon.icon-swap_horizontal {
        display: none !important
    }

    #main li a.parent::before {
        display: none
    }

    .ticket-offers-heading h3 {
        font-size: 16px
    }

    .ticket-offers-price {
        font-size: 40px
    }

    .price-label {
        font-size: 14px
    }

    .our-ticket-offers .owl-nav {
        display: none
    }

    .our-tickets-offers-mob .our-tickets-button-bottom {
        padding: 0 20px;
        width: 100%
    }

    .our-tickets-button-bottom .btn-secondary {
        margin: 0;
        width: 100%
    }

    .latest-offers.our-ticket-offers .owl-dots {
        padding-top: 11px
    }

    .our-ticket-offers {
        padding-bottom: 40px
    }

    .engineering-works-accordian .panel-title i {
        padding-top: 0;
        line-height: 25px
    }

    .hull-station-inner h2 {
        padding-top: 31px
    }

    .hull-station-header {
        padding-bottom: 29px
    }

    .stationdetailpage .check-journey .live-results .results-table .journey .column--button p span {
        top: 0
    }

    .single-item-navigation-bar ul {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    header .navbar-default li a {
        padding: 14px 18px
    }

    #main li li i, .single-item-navigation-bar li i {
        top: 6px !important
    }

    .nav li ul {
        padding-bottom: 0 !important
    }

        .nav li ul #main li a.parent {
            line-height: 10px;
            padding-bottom: 15px
        }

        .nav li ul #main li .openmenu {
            position: absolute;
            right: 0;
            top: 0
        }

        .nav li ul #main li {
            position: relative
        }

    .banner .component-global-service-info #routes-dropdown {
        padding-top: 18px
    }
}

@media (max-width:768px) {
    .search-another-station {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 40px
    }

    .stationdetailpage .results-table {
        margin-top: 38px
    }

    body.livetrains .lda-mob {
        padding-bottom: 40px;
        float: left;
        width: 100%
    }

    .icon-mapper-mob {
        display: block
    }

    .icon-mapper-desk {
        display: none
    }

    .stationdetailpage .search-another-station button {
        margin-top: 10px !important;
        float: left
    }

    .accordion h6.mapper-icon-busservicesmob, .accordion h6.mapper-icon-carparkmob, .accordion h6.mapper-icon-cyclestorageavailabilitymob, .accordion h6.mapper-icon-prepurchasecollectionmob, .accordion h6.mapper-icon-stepfreeaccessmob, .accordion h6.mapper-icon-taxirankmob, .accordion h6.mapper-icon-ticketmachinemob, .accordion h6.mapper-icon-ticketofficemob, .accordion h6.mapper-icon-toiletsmob, .accordion h6.mapper-icon-wifimob, .icon-mapper-mob {
        margin-top: 10px !important
    }

    .search-another-station .forms-wrapper .form-group {
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .search-another-station .forms-wrapper .row-row {
        width: 100% !important
    }

    .component-station-details .engineering-works-accordian li.accordion .accordion-content ul li {
        padding-top: 18px !important
    }

    .component-station-details .engineering-works-accordian li.accordion .accordion-content {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

        .component-station-at-glance .options-text p, .component-station-details .engineering-works-accordian li.accordion .accordion-content ul li p {
            font-size: 14px !important
        }

    .component-station-at-glance .options-text p {
        padding: 10px 0 9px
    }

    .component-station-details .engineering-works-accordian li.accordion .accordion-content ul li h6, .component-station-details .engineering-works-accordian li.accordion .accordion-header .content-wrap a {
        font-size: 16px !important
    }

    .component-station-details .engineering-works-accordian li.accordion .accordion-header .content-wrap .with-caret {
        right: 18px !important
    }

    .component-station-details .accordion .accordion-header .content-wrap .title-wrap {
        padding: 15px 40px 17px 18px !important
    }

    .component-station-at-glance .options-section-inner li {
        width: 100%;
        padding: 0 20px
    }

    .component-station-at-glance .options-text {
        padding-top: 0
    }

        .component-station-at-glance .options-text p i {
            font-size: 25px
        }

    .search-another-station h2 {
        text-transform: uppercase;
        font-size: 28px;
        line-height: 40px;
        color: #003;
    }

    .glance-section h1, .search-another-station h1, .search-another-station h2 {
        padding-bottom: 38px !important;
    }

        .glance-section h1::before,
        .search-another-station h1::before,
        .search-another-station h2::before {
            bottom: 28px !important;
        }

    .component-station-at-glance .options-img span {
        position: static;
        transform: translate(0,0);
        padding: 12px 0;
        margin-right: 0
    }

    .component-station-at-glance .options-img {
        padding-right: 18px;
        width: 55px;
        text-align: left
    }

    .station-details h1 {
        padding-top: 30px
    }

    .less-container.component-station-details {
        padding-top: 3px
    }

    .station-details .less-container.component-station-details {
        padding-top: 3px;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px
    }

    .destiantions h1::before {
        bottom: 55px
    }

    .destiantions h1 {
        padding-bottom: 60px
    }

    .destiantions .view-all-btn {
        padding-top: 20px !important
    }

    .nav li li li a {
        display: block !important
    }

    .trains-and-services-section .live-trains {
        width: 100%
    }

    .trains-and-services-section .live-results .results-table .column--time {
        width: 15%
    }

    .col-sm-12 {
        width: 100%
    }

    .owl-nav {
        display: none !important
    }

    .gallery-destinations .col-sm-4 {
        padding-right: 0
    }

    select.smooth-scroll-mob {
        background: #fff;
        position: relative
    }

    .navbar-scroll .fa-angle-down {
        float: right;
        font-size: 25px;
        padding-right: 20px;
        position: absolute;
        z-index: 1;
        right: 0;
        top: 6px;
        display: block
    }

    .navbar-scroll {
        position: relative
    }

    .component-global-service-info .routes-section {
        width: 100%;
        margin: 0
    }

    .component-global-service-info .icon {
        left: 20px !important
    }

    .routes-section button i.down-arrow-banner {
        right: 20px !important
    }

    .smooth-scroll-mob {
        padding: 8px 20px
    }

    #attractions h3::before,
    #hotels h3::before,
    #restaurants h3::before,
    #shopping h3::before,
    .smooth-scroll-content h2::before {
        bottom: 30px !important;
    }

    .innerpage-latest-news .latest-inner-content {
        padding: 24px 0 20px !important
    }

    .station-map {
        display: none
    }

    .journey-planning-banner .component-journey-check-form, .journey-planning-banner .component-qtt-form {
        max-width: 100%
    }

        .journey-planning-banner .component-journey-check-form .layout--12 .column {
            padding-right: 8px
        }

    .journey-planning .journey-mob .item {
        height: auto !important
    }

    .journey-planning {
        padding-bottom: 0 !important
    }

    .journey-mob {
        padding-bottom: 30px !important
    }

    body.checkjourney .live-departure-and-arrivals-section.journeyCheck {
        margin-bottom: 40px
    }

    .lda-tabs {
        margin-bottom: 20px
    }

    .hull-station-map-section .hull-station-header {
        width: 100%
    }

    .hull-station-map-section .station-map-mob {
        width: 100%;
        display: block;
        background: #fff;
        padding: 10px 0
    }

        .hull-station-map-section .station-map-mob a {
            padding-left: 20px;
            padding-right: 20px;
            color: #003;
            font-size: 16px;
            font-weight: 700;
            font-family: Lato,latobold,sans-serif
        }

            .hull-station-map-section .station-map-mob a::after {
                content: "\f105";
                font-family: FontAwesome !important;
                font-size: 25px;
                font-weight: 400;
                color: #003;
                position: absolute;
                right: 20px;
                top: 3px
            }

    .lda-mob select {
        background: #fff !important
    }

    body, body.checkjourney {
        overflow-x: hidden
    }

    .search-another-station button {
        margin-top: 15px !important
    }

    .notification-form-inner .fancy-select ul.options.open {
        min-width: auto !important
    }

    .form-group .compensation-time {
        width: 26.666667%
    }

    .form-group .compensation-ratio {
        text-align: center;
        padding-top: 5px;
        width: 2.333333%
    }

    #attractions h3::before,
    #hotels h3::before,
    #restaurants h3::before,
    #shopping h3::before,
    .smooth-scroll-content h2::before {
        bottom: 21px !important;
    }
}

@media (max-width:767px) {
    section.timetable {
        padding-bottom: 0;
        padding-top: 0
    }

    body {
        overflow-x: hidden
    }

    .component-sitemap li h1 {
        padding-bottom: 0 !important
    }

    .latest-offers-height .owl-item.active .latest-offer-content .latest-inner-content {
        padding-left: 0
    }

    .article .innerpage-find-train-section.qtt-small .station-switch, .destinationdetailpage .innerpage-find-train-section.qtt-small .station-switch, .destinationlandingpage .innerpage-find-train-section.qtt-small .station-switch, .engineeringworkspage .innerpage-find-train-section.qtt-small .station-switch, .innerpage-find-train-section.qtt-small .station-switch, .qtt-small .station-switch, .routedetailpage .innerpage-find-train-section.qtt-small .station-switch {
        top: 40px !important
    }

    .qtt-small {
        overflow-x: hidden
    }

    body .mobile-app .app-image, body .mobile-app .app-or {
        width: 100%;
        padding: 5px 0 !important;
        float: left
    }

        body .mobile-app .app-image img {
            padding: 5px 0
        }

    .panel-body::before {
        top: 0
    }

    #accordion .panel-default .panel-heading {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .innerpage-latest-news .item, .jumbotron .latest-offer-img, .latest-offer-img, .latest-offers-height .owl-item.active .latest-offer-content, .owl-carousel .latest-offer-img {
        height: auto !important
    }

    .qtt-small .input-addon, .qtt-small .select2.select2-container {
        height: 52px !important
    }

    .timetable .lda-tabs {
        padding-bottom: 2px !important
    }

    .engineeringworkspage .less-container .notification-heading {
        padding-top: 30px
    }

    .engineeringworkspage .less-container h1 {
        padding-top: 10px
    }

    .notification-form-inner div.fancy-select div.trigger {
        padding-left: 10px !important
    }

    .notification-form-inner .form-zabuto-calendar .calendar-month-name span {
        font-size: 14px !important
    }

    .notification-form-inner .form-zabuto-calendar .calendar-month-navigation .fa-angle-left::before, .notification-form-inner .form-zabuto-calendar .calendar-month-navigation .fa-angle-right::before {
        font-size: 22px !important
    }

    .notification-form-inner div.zabuto_calendar .badge-today, .notification-form-inner div.zabuto_calendar .table td, .notification-form-inner div.zabuto_calendar .table th, .notification-form-inner div.zabuto_calendar div.legend span.badge-today {
        font-size: 14px !important
    }

    .cheapticketalertspage .form-zabuto-calendar .tab-pane, .notification-form-inner .form-zabuto-calendar .tab-pane {
        margin-top: -60px
    }

    .component-assistedtravel-form .notification-form-inner .form-zabuto-calendar .tab-pane {
        margin-top: -70px
    }

    .inner-newletter button {
        margin-top: 0
    }

    .notification-form-inner form .form-control, .notification-form-inner form select.form-control {
        padding-left: 10px !important
    }

    .notifi-app {
        display: block
    }

    .notification-form-inner .radio input[type=radio] {
        margin-left: 0 !important;
        opacity: 0 !important
    }

    .notification-form-inner button.btn {
        width: 100%
    }

    .livetrains .live-results .results-table .body .route-overview .station .column.column--time {
        padding-left: 20px
    }

    .livetrains .live-results .results-table .body .open .station .column.column--station {
        padding-left: 10px
    }

    .livetrains .live-results .results-table .body .open .station .column.column--time p {
        font-weight: 400;
        font-family: Lato,latoregular,sans-serif
    }

    .bank-holidays p {
        padding-top: 10px
    }

    .notification-form-inner {
        margin-bottom: 40px
    }

    .latest-offers-height .owl-item.active img {
        padding-left: 0
    }

    .bank-holidays, .check-journey .results-table {
        padding: 0 20px
    }

    .livetrains .hull-station-map-section.live-departs-form .inner-banner {
        padding-left: 20px;
        padding-right: 20px
    }

    .component-station-at-glance {
        padding-bottom: 0
    }

    .journeyCheck h1 {
        margin-top: 30px
    }

    .hull-station-inner h2 {
        padding-top: 33px;
        padding-bottom: 29px
    }

    .hull-station-header {
        padding-bottom: 32px
    }

    .glance-section h1 {
        padding-top: 10px
    }

    .hull-station-inner h2::before {
        bottom: 19px
    }

    .hull-station-inner pre {
        padding-top: 0
    }

    .pagination {
        margin-top: 0;
        margin-bottom: 34px
    }

    .less-container .general-info p {
        padding-bottom: 6px !important
    }

    .destinationlandingpage .less-container {
        padding-top: 34px
    }

    .destinationlandingpage .qtt-small {
        margin-top: 17px
    }

    .destiantion-fare-mains {
        bottom: 20px;
        padding: 0 20px
    }

    .news-date {
        padding-top: 0
    }

    .engineeringworkspage .panel-heading {
        padding: 10px 20px
    }

    .engineeringworkspage .panel-body {
        padding: 15px 20px
    }

        .engineeringworkspage .panel-body p {
            padding-top: 0
        }

    .engineering-works-accordian .panel-title i {
        font-size: 25px
    }

    .engineeringworkspage .panel-default {
        padding: 5px 0
    }

    .engineeringworkspage .less-container h1 {
        padding-bottom: 32px
    }

        .engineeringworkspage .less-container h1::before {
            bottom: 22px
        }

    .engineeringworkspage .less-container {
        padding: 0 20px;
        width: 100%
    }

    .live-departs-form button {
        margin-top: 8px
    }

    .live-departs-form .select2.select2-container {
        height: 52px !important
    }

    .live-departs-form .select2 .select2-selection--single .select2-selection__rendered {
        line-height: 40px !important
    }

    .livetrains .live-departs-form .select2 .select2-selection--single .select2-selection__rendered {
        line-height: 45px !important
    }

    .article .less-container {
        padding-right: 20px;
        padding-left: 20px;
        width: 100%
    }

    .general-info {
        padding-right: 20px;
        padding-left: 20px
    }

    .less-container .general-info p {
        padding-bottom: 9px
    }

    .page .innerpage-latest-news .item {
        height: auto
    }

    .our-train-routes ul {
        background: 0 none !important;
        padding-top: 2px
    }

    .qtt-small .container {
        padding-left: 0;
        padding-right: 0
    }

    .ur-experience .owl-carousel .item {
        display: block
    }

    .ur-experience .owl-carousel .owl-stage-outer {
        height: auto !important
    }

    .ur-experience .owl-dots {
        transform: translate(0,0);
        position: static;
        padding-bottom: 22px
    }

    .services-desktop, .ur-experience .item h2 {
        display: none !important
    }

    .ur-experience h2, .ur-experience .urexperience-title {
        display: block !important;
    }

    .our-services-content {
        background: #fff;
        padding: 20px
    }

    .latest-offers .item, .services-mob {
        display: block !important
    }

    .innerpage-find-train-section .col-sm-6 {
        width: 100% !important
    }

    .innerpage-find-train-section .form-row-secondary {
        padding: 0 15px !important
    }

    .innerpage-find-train-section .col-sm-6 {
        padding: 0
    }

    .innerpage-find-train-section .input-addon {
        position: absolute;
        top: 0;
        left: 0;
        margin-top: -2px !important
    }

    .innerpage-find-train-section .select2.select2-container {
        margin-left: 0;
        margin-top: -2px !important
    }

    .article .innerpage-find-train-section.qtt-small .select2, .destinationdetailpage .innerpage-find-train-section.qtt-small .select2, .destinationlandingpage .innerpage-find-train-section.qtt-small .select2, .engineeringworkspage .innerpage-find-train-section.qtt-small .select2, .innerpage-find-train-section select.select2-hidden-accessible, .innerpage-find-train-section.qtt-small .select2, .routedetailpage .innerpage-find-train-section.qtt-small .select2 {
        width: 478px !important;
        padding-left: 2px !important
    }

    .innerpage-find-train-section .form-row-primary {
        padding-bottom: 15px
    }

    .innerpage-find-train-section .qtt-form-stations .station-switch {
        right: 0;
        top: 40%;
        transform: rotate(90deg)
    }

    .experience-verti-center {
        position: static;
        transform: translate(0,0)
    }

    #attractions h3::before,
    #hotels h3::before,
    #restaurants h3::before,
    #shopping h3::before,
    .smooth-scroll-content h2::before,
    .attractions h3::before,
    .banner .qtt__search-bottom h1::before,
    .banner-mob h1::before,
    .experience-content h1::before,
    .glance-section h1::before,
    .hull-station-inner h2::before,
    .latest-offers h1::before,
    .less-container h1::before,
    .live-departure-and-arrivals-section h1::before,
    .live-trains h1::before,
    .options-section-inner h1::before,
    .our-services h1::before,
    .our-train-routes h1::before,
    .our-train-routes h2::before,
    .station-details h1::before,
    .ur-experience h2::before,
    .ur-experience .urexperience-title::before {
        bottom: 25px;
    }

    #attractions h3,
    #hotels h3,
    #restaurants h3,
    #shopping h3,
    .smooth-scroll-content h2,
    .glance-section h1,
    .hull-station-inner h2,
    .latest-offers h1,
    .less-container h1,
    .live-departure-and-arrivals-section h1,
    .live-trains h1,
    .options-section-inner h1,
    .our-services h1,
    .our-train-routes h1,
    .our-train-routes h2,
    .station-details h1 {
        padding-bottom: 35px;
    }

    .latest-inner-content {
        padding: 32px 0
    }

    .latest-offers .owl-dots {
        padding-top: 16px;
        margin-top: 0 !important;
        line-height: 0
    }

    .destiantions .view-all-btn {
        padding-top: 30px !important
    }

    .component-journey-check-results .results-table .route-overview {
        padding-bottom: 0
    }

    .trains-and-services-section .live-trains {
        padding-bottom: 40px
    }

    .our-services-inner .col-xs-12 {
        padding-left: 0;
        padding-right: 0
    }

    .ur-experience h2::before, .ur-experience .urexperience-title::before {
        bottom: 0 !important;
    }

    .experience-author {
        font-size: 12px;
        padding-top: 4px
    }

    .ur-experience .view-all-btn {
        padding-top: 24px
    }

    .ur-experience h2, .ur-experience .urexperience-title {
        margin-top: 0;
        margin-bottom: 28px
    }

    .jumbotron .item {
        display: block;
        float: left;
        width: 100%
    }

    .jumbotron .latest-inner-content {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .check-journey .component-live-departures .live-results .results-table .head .column--time, .check-journey .live-results .results-table .body .journey .column.column--time {
        padding-left: 20px;
        text-align: left;
        margin-right: 10px
    }

    .check-journey .journey .column--station, .check-journey.live-departure-and-arrivals-section .head .column--station {
        width: 36.333333% !important
    }

    .check-journey .live-results .results-table .body .journey .column.column--time {
        padding-left: 10px
    }

        .check-journey .live-results .results-table .body .journey .column.column--time p {
            text-align: left
        }

    .check-journey .live-results .results-table .body .route-overview .row .column-text {
        padding-left: 0
    }

    .journey .column--platform, .live-departure-and-arrivals-section .head .column--platform {
        width: 14.766666% !important
    }

    .article .qtt-small .col-sm-6, .destinationdetailpage .qtt-small .col-sm-6, .destinationlandingpage .qtt-small .col-sm-6, .engineeringworkspage .qtt-small .col-sm-6, .qtt-small .col-sm-6, .routedetailpage .qtt-small .col-sm-6 {
        padding-left: 15px;
        padding-right: 15px
    }

    .article .innerpage-find-train-section.qtt-small .input-addon, .destinationdetailpage .innerpage-find-train-section.qtt-small .input-addon, .destinationlandingpage .innerpage-find-train-section.qtt-small .input-addon, .engineeringworkspage .innerpage-find-train-section.qtt-small .input-addon, .innerpage-find-train-section.qtt-small .input-addon, .routedetailpage .innerpage-find-train-section.qtt-small .input-addon {
        left: 15px
    }

    .article .innerpage-find-train-section.qtt-small .form-row-secondary, .destinationdetailpage .innerpage-find-train-section.qtt-small .form-row-secondary, .destinationlandingpage .innerpage-find-train-section.qtt-small .form-row-secondary, .engineeringworkspage .innerpage-find-train-section.qtt-small .form-row-secondary, .innerpage-find-train-section.qtt-small .form-row-secondary, .routedetailpage .innerpage-find-train-section.qtt-small .form-row-secondary {
        padding-right: 15px !important
    }

    .article .innerpage-find-train-section.qtt-small .station-switch, .destinationdetailpage .innerpage-find-train-section.qtt-small .station-switch, .destinationlandingpage .innerpage-find-train-section.qtt-small .station-switch, .engineeringworkspage .innerpage-find-train-section.qtt-small .station-switch, .innerpage-find-train-section.qtt-small .station-switch, .routedetailpage .innerpage-find-train-section.qtt-small .station-switch {
        left: auto;
        transform: translate(0,0);
        right: 5px;
        transform: rotate(90deg);
        top: 28px
    }

    .destination-gallery .destination-gallery-bottom .padding-left-0, .destination-gallery .destination-gallery-top .padding-left-0 {
        padding: 0 0 8px 0 !important
    }

    .destination-gallery .destination-gallery-places li {
        width: 50% !important
    }

    .destination-gallery .destination-gallery-places ul li:nth-child(3n) {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .destination-gallery .destination-gallery-places ul li:nth-child(3n+1), .gallery-destinations ul li:first-child {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    body .destination-gallery .destination-gallery-places.gallery-destinations ul li:nth-child(2n) {
        padding-right: 0 !important;
        padding-left: 4px !important
    }

    body .destination-gallery .destination-gallery-places.gallery-destinations ul li:first-child, body .destination-gallery .destination-gallery-places.gallery-destinations ul li:nth-child(2n+1) {
        padding-left: 0 !important;
        padding-right: 4px !important
    }

    .destiantions .destination-img, .destiantions .item {
        height: 200px
    }

    .our-train-routes ul li {
        background: #e5f3f9 !important;
        margin: 1px 0;
        width: 100%
    }

        .our-train-routes ul li a {
            padding: 0 15px;
            text-align: left;
            display: block
        }

            .our-train-routes ul li a i {
                float: right
            }

    .latest-offers .item {
        height: auto
    }

    .latest-offer-img, .our-services-img {
        height: auto
    }

    .latest-offer-content {
        padding-left: 20px;
        padding-right: 20px
    }

    .latest-offers-height .owl-carousel.owl-loaded, .services-mob {
        margin-top: 3px !important
    }

    .our-services-inner {
        padding-bottom: 16px
    }

    .our-services .our-services-btn {
        padding-top: 30px
    }

    .our-services {
        padding-bottom: 40px
    }

    .jumbotron .item {
        height: auto !important
    }

    .ur-experience .experience-img-section {
        height: auto;
        border: 2px #fff solid
    }

    .inner-newletter a {
        padding-top: 32px !important
    }

    body .experience-content-inner {
        padding-top: 22px !important
    }

    .our-train-routes h1,
    .our-train-routes h2,
    .ur-experience .experience-content-inner p,
    .ur-experience .view-all-btn {
        padding-left: 20px;
        padding-right: 20px
    }

        .ur-experience .experience-content-inner p, .ur-experience .view-all-btn button {
            width: 100%
        }

    .newsletter-and-ticket-alert .newsletter {
        padding-top: 25px;
        padding-bottom: 25px !important
    }

    .inner-newletter form {
        padding-top: 28px !important
    }

    .inner-newletter label, .inner-ticket-alert label {
        font-size: 16px !important
    }

    .newsletter-and-ticket-alert .newsletter {
        padding-top: 17px !important
    }

    .inner-ticket-alert a {
        margin-top: 36px !important
    }

    .ticket-alert.parallel {
        padding-bottom: 25px !important
    }

    .footer-links ul {
        padding: 0 20px
    }

    .trains-and-services-section .view-later-trains-btn {
        margin-top: 40px !important
    }

    h1 {
        font-size: 24px !important
    }

    .banner-heading, .journey-mob .col-lg-4, .ticket-offers-inner {
        padding-left: 0;
        padding-right: 0
    }

    .destination-gallery-bottom, .destination-gallery-top {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .gallery-destinations ul li {
        margin-top: 0;
        margin-bottom: 8px
    }

    .destination-gallery .destination-gallery-places {
        padding-bottom: 32px
    }

    .white-bg {
        padding-bottom: 24px
    }

    .ticket-offers-heading h3 {
        padding-top: 24px
    }

    .our-train-routes {
        padding-bottom: 10px
    }

    .engineeringworkspage .qtt-small {
        margin-top: 20px !important
    }

    #pagination-demo li.first, #pagination-demo li.last {
        display: none !important
    }

    .notification-form-inner {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 35px
    }

        .notification-form-inner form label.ht-forms-lbl,
        .notification-form-inner form .ht-forms-lbl {
            font-size: 14px !important;
        }

        .notification-form-inner .form-group {
            margin-bottom: 26px
        }

            .notification-form-inner .form-group .form-check {
                width: auto !important;
                padding-right: 30px
            }

        .notification-form-inner form .form-group.captcha {
            padding-bottom: 6px
        }

    .timetable .train-time ul li {
        width: 14.2%;
        font-weight: 400 !important;
        line-height: 13px;
        font-size: 11px !important
    }

    .timetable .station-name {
        border-bottom: 0 !important
    }

    body.timetable .station-name label {
        font-size: 14px
    }

    body.timetable .live-trains-inner .dot {
        left: -3px
    }

    .live-trains-inner .station-name {
        margin-left: 11px;
        padding-left: 0
    }

    body.timetable .station-name label {
        padding-left: 16px
    }

    body.timetable .live-trains-inner .row {
        padding-bottom: 0
    }

    body.timetable .train-time ul li {
        margin-bottom: 17px
    }

    body.timetable .qtt-small {
        margin-bottom: 40px
    }

    .notification-form-inner form .form-group.captcha {
        bottom: 0;
        right: 40px;
        z-index: 999999
    }

    .component-newsletter-form {
        padding-bottom: 40px
    }

    body.livetrains .select2-container--open .select2-dropdown--below {
        margin-top: -48px
    }

    body .notification-form-inner form .form-control, body .notification-form-inner form select.form-control {
        padding-left: 10px !important
    }

    .destination-gallery-bottom {
        display: block
    }

    .qtt-small .column {
        width: 600px;
        margin: auto
    }

    .form-group .compensation-time {
        width: 26.666667%
    }

    .form-group .compensation-ratio {
        text-align: center;
        padding-top: 5px;
        width: 2.333333%
    }
}

@media (max-width:667px) {
    body.timetable .live-trains-mainss .live-trains-inner {
        padding-left: 10px !important
    }

    .timetable .live-trains-inner .station-name {
        margin-left: 25px
    }

    body.timetable .live-trains-inner .dot {
        left: 10px
    }

    .form-group .compensation-time {
        width: 26.666667%
    }

    .form-group .compensation-ratio {
        text-align: center;
        padding-top: 5px;
        width: 2.333333%
    }
}

@media (max-width:620px) {
    .qtt-small .column {
        width: 480px
    }

    .article .innerpage-find-train-section.qtt-small .select2, .destinationdetailpage .innerpage-find-train-section.qtt-small .select2, .destinationlandingpage .innerpage-find-train-section.qtt-small .select2, .engineeringworkspage .innerpage-find-train-section.qtt-small .select2, .innerpage-find-train-section select.select2-hidden-accessible, .innerpage-find-train-section.qtt-small .select2, .routedetailpage .innerpage-find-train-section.qtt-small .select2 {
        width: 360px !important;
        padding-left: 2px !important
    }
}

@media screen and (max-width:575px) {
    #rc-imageselect, .captcha, .g-recaptcha {
        transform: scale(.8);
        -webkit-transform: scale(.8);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

@media (max-width:480px) {
    .checkjourney .select2-container--open .select2-dropdown--below {
        margin-left: 65px !important
    }

    .journey-planning-banner .with-caret .input-group-addon {
        width: 65px !important
    }

    .timetable .train-time ul li {
        width: 13.5%;
        font-weight: 400 !important
    }

    body.timetable .station-name label {
        padding-left: 2px
    }

    body.timetable .live-trains-inner .station-name {
        margin-left: 35px
    }

    .qtt-small .column {
        width: 300px;
        padding: 0 !important
    }

    .article .innerpage-find-train-section.qtt-small .select2, .destinationdetailpage .innerpage-find-train-section.qtt-small .select2, .destinationlandingpage .innerpage-find-train-section.qtt-small .select2, .engineeringworkspage .innerpage-find-train-section.qtt-small .select2, .innerpage-find-train-section select.select2-hidden-accessible, .innerpage-find-train-section.qtt-small .select2, .routedetailpage .innerpage-find-train-section.qtt-small .select2 {
        width: 202px !important;
        padding-left: 2px !important
    }
}

body.checkjourney .select2-container--open .select2-dropdown--below {
    width: 215px !important
}

.hull-station-map-section.journey-planning-banner .column.submit {
    padding: 16px 0 0 !important
}

.timetable .train-time ul li {
    width: 13%
}

.download_app_anchor::before {
    display: none !important
}

.checkjourney .select2-container--open .select2-dropdown--below {
    margin-left: 70px
}

.smooth-scroll .navbar {
    border-radius: 0
}

@media (max-width: 1024px) {
    body.timetable .innerpage-find-train-section .select2.select2-container {
        width: 75% !important
    }
}

.pay-online-using {
    text-align: left;
    display: block !important;
}

    .pay-online-using img {
        width: 48px;
        height: 32px;
        margin-right: 14px;
        padding: 0px !important;
    }

        .pay-online-using img:last-child {
            margin-right: 0px !important;
        }

@media screen and (max-width: 991px) {
    .pay-online-using {
        text-align: center;
        display: block !important;
    }

        .pay-online-using img {
            width: 48px;
            height: 32px;
            margin-right: 7px;
            margin-bottom: 7px;
            padding: 0px !important;
        }

            .pay-online-using img:last-child {
                margin-right: 0px !important;
            }
}


input #toggle {
    display: none;
    visibility: hidden;
}

#accordn_icon {
    color: #333;
    position: absolute;
    right: -5px;
    top: 8px;
}


    #accordn_icon::after {
        font-weight: bold;
        font-size: 15px;
        content: '';
        background: url('/common/images/angle-up.png');
        vertical-align: text-top;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 3px;
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: 5px 0px;
    }

#toggle:checked ~ #accordn_icon::after {
    content: '';
    display: block;
    background: url('/common/images/angle-down.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 5px 0px;
}

#toggle:checked ~ #accordn_icon ~ #expand {
    display: none;
}

.mobile-top-header {
    display: none;
    float: left;
    width: 100%;
    padding: 10px 0;
}

.div-main {
    position: relative;
}



@media screen and (max-width:768px) {
    .top-header {
        display: none;
    }

    .mobile-top-header {
        display: block;
    }
}

@media (min-width: 768px) {
    .modal-content {
        margin-top: 200px;
    }
}



@media (max-width: 320px) {
    .top-header-left strong {
        font-size: 14px !important;
    }
}

#mobileNotifybannerHeading {
    width: 95%;
}

.copyright-text, .copyright-text p {
    font-size: 14px !important;
}

.owl-item .destination-lazy-loading a {
    width: 100%;
}

.owl-item .destination-lazy-loading .destination-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    display: inline-block;
}

@media only screen and (min-width: 320px) and (max-width: 640px) {
    .copyright-text, .copyright-text p {
        margin: 1px 11px;
    }
}

.grecaptcha-badge {
    bottom: 160px !important;
    z-index: 99999;
}

.heading-div {
    padding: 13px 0 25px 0;
    width: 100%;
    text-align: center;
    position: relative;
}

.heading-uppercase-underline, h2.heading-uppercase-underline {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 40px;
    color: #000;
}

.options-section.quick-links .options-section-inner .heading-div h2.heading-uppercase-underline {
    display: inline-block;
}

.heading-uppercase-underline::before {
    background: #003;
    width: 65px;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    bottom: 40px;
}

.heading-uppercase-underline::before {
    background: #003;
    width: 65px;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    bottom: 40px;
}

h1.heading-uppercase-underline::before {
    background: #003;
    width: 65px;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
}

.owl-carousel5.owl-carousel.owl-theme.owl-drag {
    margin-top: 24px;
}

#downloadApp {
    display: none;
}

@media screen and (max-width:480px) {
    #downloadApp {
        display: block;
    }
}

.download-app {
    background-color: white;
}

#downloadAppSubHeading {
    margin: 0px 20px 0px 20px;
    text-align: left;
}



/*--------------iFrame Changes for Mistral API---------------*/
.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 95% !important;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 0px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    top: 140px !important;
    height: 70% !important;
    left: 50% !important;
    transform: translateX(-50%);
}



    .modal-box header,
    .modal-box .modal-header {
        padding: 1.25em 1.5em;
        border-bottom: 1px solid #ddd;
    }

        .modal-box header h3,
        .modal-box header h4,
        .modal-box .modal-header h3,
        .modal-box .modal-header h4 {
            margin: 0;
        }

    .modal-box .modal-body {
        padding: 5px 5px;
    }

    .modal-box footer,
    .modal-box .modal-footer {
        padding: 1em;
        border-top: 1px solid #ddd;
        background: rgba(0, 0, 0, 0.02);
        text-align: right;
    }

.modal-overlay {
    position: fixed;
    top: 38px;
    left: 0;
    z-index: 999995;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    overflow: hidden;
}

a.close {
    font-size: 16px;
    position: absolute;
    top: -47px;
    right: 0px !important;
    text-decoration: none;
    color: White;
    opacity: 1 !important;
    text-shadow: none !important;
    font-weight: normal !important;
}

.sticky-menu-bar {
    position: fixed;
    top: 54.9%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -133px;
    width: 200px;
    z-index: 999994;
}

    .sticky-menu-bar a {
        display: block;
        text-align: center;
        padding: 10px 0;
        font-weight: 400;
        transition: all 0.3s ease;
        color: white;
        font-size: 18px;
        transform: rotate(-90deg);
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        -webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgb(0,0,0,.004);
    }

        .sticky-menu-bar a:hover {
            background-color: #3b5998;
            color: white;
        }

.Message {
    background: #c06 !important;
    height: 155px;
    color: white;
}

.holds-the-iframe {
    background: url('/Assets/img/loading.gif') center center no-repeat;
    top: 0px !important;
    height: 100% !important;
}

/* fix for ie iframe */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .holds-the-iframe {
        background: url('/Assets/img/loading.gif') center center no-repeat;
        top: 140px !important;
        height: 70% !important;
        width: 95% !important;
        left: 50% !important;
        transform: translateX(-50%);
    }

    .js-modal-close {
        top: -36px !important;
    }
}


.js-modal-close {
    top: -37px !important;
    right: 3px !important;
    padding: 10px 36px;
    color: #FFF;
    cursor: pointer;
}

.pink-bg {
    display: block !important;
}

@media only screen and (max-width : 575px) {
    .pink-bg {
        top: -37px !important;
    }

    a.close {
        right: 0px !important;
    }
}

@media only screen and (max-width : 767px) {
    .sticky-menu-bar {
        right: -190px;
        top: 50%;
    }

        .sticky-menu-bar a {
            padding: 0;
            font-size: 14px;
            font-weight: bold;
            color: #e4e4e4;
            line-height: 1.3;
        }

    .Message {
        min-width: auto;
        height: 150px;
        width: 130px;
    }
}

body.modal-open {
    position: inherit !important;
}

/* Landscape iphone xr */
@media (max-height : 414px) {


    .holds-the-iframe {
        top: 0px !important;
    }

    .modal-box {
        top: 65px !important;
    }
}

.modal-overlay {
    top: 0px !important;
}

/********Delay CSS**********/

.delay .delayedtimes:first-child {
    text-decoration: line-through;
    color: #000 !important
}

.delay p.column-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.trains-and-services-section .live-results .results-table .column--time {
    width: 21%;
    margin-right: 20px;
}

.delay .times:first-child {
    color: #000 !important
}

.delay .times:last-child {
    color: #ea0000 !important;
}
/********Delay CSS End**********/


/* sohail css start */


@media screen and (max-width: 374px) {
    .bottom-footer li a {
        color: #003;
        font-size: 17px;
    }
}

@media screen and (max-width: 375px) {
    .signUpForm button.signUp {
        background-color: #c91284;
        color: #fff;
        height: 40px;
        padding: 0px 4px !important;
        font-size: 14px !important;
        border: 1px solid #c91284;
        margin-left: 5px;
    }
}

@media screen and (max-width: 991px) {
    .pay-online-using img {
        width: 62px;
        height: 41px;
        margin-right: 7px;
        padding: 0 !important;
    }
}


@media (min-width: 768px) {
    .modal-content {
        margin-top: -200px !important;
    }
}

.email-pop-up .fade.in {
    background: rgba(0,0,0,0.45098) !important;
}

#main {
    padding: 0;
    overflow: hidden !important;
}

.cert {
    padding: 0;
}

    .cert img {
        width: 38px;
        height: 38px;
    }


@media screen and (max-width:480px) {
    .bottom-footer li a {
        font-size: 16px !important;
    }

    .bottom-footer li {
        font-size: 19px;
        border-left: 0px;
        width: 45%;
        margin: 8px;
    }
}
/* sohail css end */

.notification-heading li {
    background: none !important;
    font-size: 14px !important;
    color: #003 !important;
    font-weight: 400 !important;
}

.intro-title-section ul {
    list-style: none;
    list-style-position: inside;
    list-style-image: url(../../common/images/li-icon.png);
}

.nav > li > .parent {
    background-image: none !important
}

@media (min-width:768px) {
    .banner-mob .qtt-form-stations .modal-content {
        margin-top: 0px !important;
    }
}

@media only screen and (min-width:1600px) {
    .banner-qtt .boderrow {
        width: 82.5% !important;
        float: left;
    }
}

@media only screen and (min-width:1370px)and (max-width:1590px) {
    .banner-qtt .boderrow {
        width: 81.5% !important;
        float: left;
    }
}

@media only screen and (min-width:1280px)and (max-width:1366px) {
    .banner-qtt .boderrow {
        width: 77% !important;
        float: left;
    }
}

.banner-qtt .banner .with-caret .boderrow {
    width: 82% !important;
    float: left
}

.ht-qtt-component.qtt-frame .qtt-form-stations .departure-station, .ht-qtt-component.qtt-frame .qtt-form-stations .arrival-station {
    display: flex;
}

.banner-qtt .form-row.htsiteform {
    margin-bottom: 7px;
}

.primary-btn:hover {
    border-color: #204d74 !important;
}
/*TrustArc Changes*/
.recaptcha-alert, .addthis-placeholder {
    padding: 2% 2% 2% 2%;
    background-color: #f4ca40;
    border: #f4ca40 solid 1px;
    margin-bottom: 1%;
    border-radius: 5px;
    display: -webkit-inline-box;
}

.recaptcha-alert-message {
    margin-left: 1%;
}

.youtube-placeholder {
    padding: 2% 2% 2% 2%;
    background-color: #f4ca40;
    border: #f4ca40 solid 1px;
    margin-bottom: 1%;
    border-radius: 5px;
    margin-top: 30px;
}

.map-placeholder {
    padding: 2% 2% 2% 2%;
    background-color: #f4ca40;
    border: #f4ca40 solid 1px;
    margin-bottom: 1%;
    border-radius: 5px;
    margin-top: 30px;
    width: 90%;
}

div#teconsent a {
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer !important;
}

.our-services h2 {
    padding: 70px 0 50px 0;
    width: 100%;
    box-shadow: 0 0;
    /*border: 2px #204555 solid;
    padding: 10px 15px; */
    background: transparent;
}

.hp-qtt-main .departing-popup .modal-content {
    max-width: 600px;
    margin: auto;
    border: 0;
    border-radius: 0px;
    background: #f1f8fc;
    top: 10px;
    padding: 10px 15px;
}

.hp-qtt-main .ui-widget-content {
    background: #f1f8fc;
    border: 0px;
    border-radius: 0;
}

.hp-qtt-main .ui-datepicker {
    max-width: 100%;
    box-shadow: 0 0 0
}

.hp-qtt-main .ui-datepicker-multi .ui-datepicker-group {
    width: 48%
}

    .hp-qtt-main .ui-datepicker-multi .ui-datepicker-group.ui-datepicker-group-last {
        float: right !important
    }

.hp-qtt-main .modal-content .departing-modal-top h4 {
    color: #003;
    text-transform: uppercase;
    padding-left: 24px;
    padding-top: 10px;
}

.hp-qtt-main .modal-content .calndar th, .hp-qtt-main .modal-content .calndar td {
    font-size: 14px !important;
}

.hp-qtt-main .modal-content table thead, .hp-qtt-main .modal-content table tbody {
    width: 100% !important;
    display: table;
}

.hp-qtt-main .modal-content .calndar th {
    text-transform: uppercase;
    font-weight: 500;
    color: #003;
    background: 0 no-repeat;
}

.hp-qtt-main .modal-content .calndar table {
    border: 0px
}

.hp-qtt-main .close {
    opacity: 1;
    color: #003
}

.hp-qtt-main .modal-content .ui-datepicker-title {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
    color: #003;
}

.hp-qtt-main .modal-content .ui-state-disabled {
    opacity: 1;
    background: 0 none;
}

.our-services h2::before {
    background: #003;
    width: 65px;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    bottom: 40px;
}

.trains-and-services-section .live-trains > h2 {
    padding-top: 54px;
    padding: 70px 0 50px 0;
    width: 100%;
    text-align: center;
}

.hp-qtt-main .layout--8-4 > .column:first-of-type {
    width: 66.66666667%;
    float: left;
}

.hp-qtt-main .layout--8-4 > .column:last-of-type {
    width: 33.33333333%;
    float: left;
}

.hp-qtt-main .modal-content .calndar, .hp-qtt-apply-btn {
    padding: 0px 24px
}

.hp-qtt-main .depart-time-form {
    position: relative;
}

    .hp-qtt-main .depart-time-form select {
        width: 100%;
        border: 2px #003 solid;
        padding: 10px;
        background: 0 none;
        font-size: 14px;
    }

    .hp-qtt-main .depart-time-form label {
        position: absolute;
        top: -10px;
        left: 10px;
        font-size: 14px;
        padding: 5px;
        background: #f1f8fc;
        line-height: 11px;
    }

.hp-qtt-main .hp-qtt-apply-btn {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .hp-qtt-main .hp-qtt-apply-btn button {
        width: 100%;
        border: 0px;
        border-radius: 0px;
        color: #fff !important;
        padding: 10px;
        background: #c06 !important;
        text-transform: uppercase;
    }

.hp-qtt-main button.departby-radio {
    font-weight: normal;
    font-size: 14px !important;
}

.hp-qtt-main .ui-icon-circle-triangle-w::before {
    font-family: 'FontAwesome';
    font-size: 22px;
    content: "\f104";
    color: #003;
}

.hp-qtt-main .ui-icon-circle-triangle-w {
    font-size: 0px;
}

.hp-qtt-main .ui-icon-circle-triangle-e {
    text-align: right;
    width: 100%;
    font-size: 0px;
}

    .hp-qtt-main .ui-icon-circle-triangle-e::before {
        font-family: 'FontAwesome';
        font-size: 22px;
        content: "\f105";
        color: #003;
    }

.hp-qtt-main .arrival-time-option {
    padding-top: 0px;
}

.hp-qtt-main .returng-tabs li, .hp-qtt-main .departing-tabs li {
    display: inline;
    padding: 0 10px;
    background: none !important;
    border: none;
}

.hp-qtt-main .returng-tabs ul {
    padding-left: 14px;
    padding-bottom: 20px;
}

.hp-qtt-main .returng-tabs li a {
    font-size: 14px !important;
    color: #000 !important;
    padding: 0px !important;
}

    .hp-qtt-main .returng-tabs li a:hover {
        font-size: 14px !important;
        color: #23527c !important;
        padding: 0px !important;
    }

.hp-qtt-main .returng-tabs li.ui-state-active a {
    border-bottom: 2px #003 solid;
    color: #000 !important;
}


.hp-qtt-main .returng-anytime .ui-widget-content {
    font-size: 14px;
    padding: 10px 24px;
}

.hp-qtt-main .arrive-time-form .hp-qtt-apply-btn {
    padding: 15px 0 0;
}

.hp-qtt-main .modal-hp-header h2 {
    text-transform: uppercase;
    color: #003;
    font-size: 18px;
}

.hp-qtt-main .modal-hp-header .hp-depart-from {
    position: relative;
    padding-top: 10px;
    margin-top: 10px;
}

.hp-qtt-main .rlcrd-chose {
    position: relative;
    padding: 10px 0 0 4px;
    width: 33%;
    float: left;
    margin-right: 10px;
}

.trains-and-services-section .live-trains > h2::before {
    background: #003;
    width: 65px;
    height: 2px;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    bottom: 40px;
}

.hp-qtt-main .return-station-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hp-qtt-main .qttrailcard {
    left: 50%;
    transform: translate(-50%, 0px);
    background: 0 none;
    border: 0px;
    box-shadow: 0 0 0;
    border-radius: 0px;
    margin-top: 0px
}

    .hp-qtt-main .qttrailcard .modal-content {
        float: left;
        width: 100%;
        padding: 15px;
        background: #e4f2fa;
    }

.hp-qtt-main #subrailcard {
    width: 40%;
    float: left;
    padding-left: 10px;
}

/*focus on active*/
a:focus, input:focus, textarea:focus, button:focus, select:focus, img:focus, input[type=radio]:focus + span, .close_railcard_icon:focus, .calendar-month-navigation .fa-angle-left:focus, .calendar-month-navigation .fa-angle-right:focus, .switch-page:focus, .checkbox input[type="checkbox"]:focus + .cr {
    outline: 2px solid #e92a88 !important;
    box-shadow: none;
    display: inline-block;
    border: 0px solid #e92a88 !important;
}

.zabuto_calendar .dow-clickable:focus, .return-stations.depart:focus, .return-stations.arrive:focus {
    outline: 2px solid #e92a88 !important;
    box-shadow: none;
    border: 0px solid #e92a88 !important;
}

.zabuto_calendar .table {
    border-collapse: initial;
    border-spacing: 2.5px;
}

ul.navigation-close li.hover a.parent:focus {
    box-shadow: none;
}

ul.navigation-close li.hover a.parent::before {
    background: #003;
    width: 35px;
    height: 2px;
    position: absolute;
    left: 15px;
    top: 68px;
    content: "";
}

.hp-qtt-main .qttrailcard .modal-content #AdultandChildren .input-group {
    margin-top: 10px;
}

ul.navigation-close li.hover ul li.hover a:focus {
    box-shadow: none;
    border: 1px solid #e92a88;
}

.header-right ul li a {
    color: #003;
    padding: 5px;
    height: 31px;
    display: inline;
}

    .header-right ul li a:focus {
        padding: 5px;
        height: 31px;
    }

/*focus on active*/

.hp-qtt-main .button-minus-main:before {
    content: "\f056";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 20px;
    color: #006c75;
    left: -1px;
    z-index: 0;
}

.hp-qtt-main .button-plus-main:before {
    content: "\f055";
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 20px;
    color: #006c75;
    right: 7px;
    z-index: 0;
}

.hp-qtt-main .button-minus-main {
    position: relative
}

.hp-qtt-main .quantity-group .input-group {
    padding: 10px 8px;
}

.hp-qtt-main .qttrailcard .modal-content #AdultandChildren {
    width: 100%;
    position: relative;
    float: left;
}

.hp-qtt-main .qttrailcard .modal-content .amount-for-railcard {
    width: 20%;
    float: left;
}

.hp-qtt-main .qttrailcard .modal-content #AdultandChildren label {
    top: 0;
    position: absolute;
}

.hp-qtt-main .qttrailcard .modal-content #AdultandChildren .input-group {
    margin-top: 10px;
}

.hp-qtt-main .qttrailcard .modal-content #addAnotherRailcardText {
    padding-top: 10px;
}

.hp-qtt-main .remove-railcard-section {
    padding-top: 20px;
}
/*@media (max-width: 1024px) {
    .ht-hp-banner .desktop-qtt {
        display: none;
    }
    .column .mobile-qtt {
        display: block;
    }
}
QTTV2 end*/
/*27-8-21 to 31-8-21*/
.mobile-qtt {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
}

.hp-station-names .focused .return-station-name, .hp-station-names .return-stations .return-station-name:hover {
    background: #f9f2b1;
    color: #003;
}

.hp-station-names .return-stations .return-station-name {
    cursor: pointer;
    color: #003
}

.hp-station-names .station-disabled .return-station-name, .hp-station-names .station-disabled:hover .return-station-name {
    background: #ddd;
    color: #003;
    cursor: not-allowed;
}

.hp-qtt-main .ui-corner-right, .hp-qtt-main .ui-corner-left {
    position: relative;
    padding-bottom: 15px;
    margin-top: 10px;
}

.hp-qtt-main .quntity-btn-main {
    border: 0px !important;
    padding: 0 12px !important;
    color: transparent;
    position: relative;
    z-index: 1;
}




/**  css merge fix start **/

@media (max-width: 1024px) {
    .hp-qtt-inner form .hp-common-field input {
        padding: 8px 15px !important;
        font-size: 14px;
    }

    .hp-common-field .datepickerwrap:nth-child(1) {
        padding: 0px 10px 0 0 !important;
    }

    .hp-common-field .datepickerwrap:nth-child(2) {
        padding: 0px 0 0 10px !important;
    }

    .mobile-qtt.hp-qtt-main .ui-widget-content {
        background: rgba(234,243,243);
    }

    .hp-add-railcard-mobile, .hp-add-railcard-mobile .column {
        padding: 0px !important;
    }

    .mobile-qtt.hp-qtt-main .station-switch {
        right: 0;
        left: auto;
    }

    .hp-common-field .datepickerwrap {
        width: 50%
    }

    .hp-qtt-main .calndar .layout--8-4 > .column:first-of-type {
        padding-left: 0;
    }

    .hp-qtt-main .calndar .layout--8-4 > .column:last-of-type {
        padding-right: 0;
    }

    .mobile-qtt.hp-qtt-main .calndar .ui-widget-content, .mobile-qtt.hp-qtt-main .calndar.ui-widget-content {
        background: #f1f8fc !important;
    }

    .mobile-qtt.hp-qtt-main .calndar .ui-datepicker-header {
        position: relative;
        padding: 10px 0 20px 0;
    }

    .mobile-qtt.hp-qtt-main .hp-qtt-apply-btn {
        padding-left: 0;
        padding-right: 0;
    }

    .retuning-dates-tab {
        background: 0 none !important;
    }

        .retuning-dates-tab ul {
            padding: 5px 24px 10px;
        }

            .retuning-dates-tab ul li {
                display: inline;
                padding: 0 10px 0 0;
            }

                .retuning-dates-tab ul li a {
                    font-size: 14px;
                }

                .retuning-dates-tab ul li.ui-state-active a {
                    border-bottom: 1px #003 solid;
                }

    .retuning-dates-innertab {
        padding: 0 24px;
        background: 0 none !important;
        font-size: 14px;
    }

        .retuning-dates-innertab button {
            margin-top: 10px;
            margin-bottom: 15px;
            width: 100%;
            border: 0px;
            border-radius: 0px;
            background: #c06 !important;
            color: #fff !important;
            text-transform: uppercase;
            padding: 10px;
        }

    .railcard-mobile-pop .modal-content {
        background: #f1f8fc;
        display: inline-block;
        padding: 15px;
    }

    .railcard-mobile-pop .mobile-qtt-form .railcrd-top-pop .hp-common-field {
        width: 50%;
        float: left;
        padding: 0 12px;
    }

    .mobile-qtt-form .hp-common-field .input-group {
        margin-top: 10px !important;
        padding: 8px
    }

    .mobile-qtt-form .hp-common-field label {
        position: absolute;
        top: -3px;
        margin-left: 12px;
        background: #f1f8fc;
        padding: 3px 5px;
        font-size: 14px;
        z-index: 1;
    }

    .mobile-qtt-form .hp-common-field {
        position: relative;
    }

    .railcard-mobile-pop .mobile-qtt-form .railcrd-top-pop .hp-common-field input {
        background: 0 none;
        border: 0px;
        text-align: center;
        width: 100%;
    }

    .railcard-modal-top.mobile-qtt .mobile-qtt-form .layout--8-4 select, .railcard-modal-top.mobile-qtt .mobile-qtt-form .layout--8-4 input {
        width: 100%;
    }

    .railcard-modal-top.mobile-qtt .mobile-qtt-form .layout--8-4 {
        padding-top: 20px;
    }

        .railcard-modal-top.mobile-qtt .mobile-qtt-form .layout--8-4 select {
            border: 2px #003 solid;
            padding: 8px;
            margin-top: 10px;
            font-size: 14px;
            background: 0 no-repeat;
        }

    .mobile-qtt-form .hp-common-field.amount-group label {
        top: -14px;
    }

    .railcard-modal-top.mobile-qtt .mobile-qtt-form .layout--8-4 input {
        background: 0 none;
        border: 0px;
        text-align: center;
        padding: 0;
    }

    .mobile-qtt-form .hp-common-field.amount-group .input-group {
        margin-top: 9px !important;
    }

    .mobile-qtt-form .add-railcard-btn {
        color: #006c75;
        background: 0 none;
        width: 100%;
        border: 1px #006c75 solid;
        margin: 15px 0 0;
        padding: 8px;
        border-radius: 5px;
    }

    .railcard-mobile-pop h4 {
        padding-left: 12px;
        padding-bottom: 15px;
    }

    .remove-railcard-section {
        display: flex;
        width: 100%;
        padding-left: 12px;
        font-size: 14px;
    }

        .remove-railcard-section .remove-railcard {
            padding-left: 12px;
        }

            .remove-railcard-section .remove-railcard a {
                color: #006c75;
            }

    .hp-qtt-main .remove-railcard-section {
        padding-top: 5px;
    }

    .m_railcardDiv {
        float: left;
        width: 100%;
        padding-top: 10px;
    }

    .railcrd-top-pop.subrailcard_m {
        padding-top: 15px;
    }

    .add-rlcrd-pop-btn {
        margin: 0 12px;
        border-bottom: 1px #ccc solid;
        padding-bottom: 15px;
    }

    .mobile-departby-radio {
        white-space: nowrap;
    }
}

.btn-findtrains.popup_btn {
    width: 100%;
    margin-top: 15px;
    background: #c06 !important;
    border: 0px;
    padding: 10px;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 0px;
}

#future-date-popup .modal-content {
    background: #f1f8fc;
}

.ht-hp-banner.desktop-qtt img {
    width: 100%;
    position: absolute;
}

/**/
.hp-qtt-inner form .hp-common-field input.quantity-field {
    padding: 3px 0px 0px !important
}

.hp-qtt-main .close {
    font-size: 27px;
    font-weight: 500;
}

.error-message.journey-dates {
    padding-left: 15px;
}

.departby-radio.btn-calendar, .depart-time-form select {
    padding: 8px 10px !important;
}

.qttrailcard h4 {
    text-transform: uppercase;
    padding-bottom: 10px;
}

.hp-qtt-main .qttrailcard .modal-content .amount-for-railcard .input-group {
    padding-bottom: 7px;
}

.qtt-add-rlcrd {
    width: auto !important;
    margin-top: 13px !important;
}

.desktop-qtt .col-lg-6 {
    padding: 0 12px;
}

.hp-qtt-inner form fieldset.hp-common-field, .desktop-qtt .hp-qtt-inner fieldset.hp-common-field.quantity-group {
    box-shadow: 0 0 0;
    border: 2px #204555 solid;
    padding: 0px 10px;
    background: transparent;
    margin: 0px;
}

    .hp-qtt-inner form fieldset.hp-common-field input {
        border: 0px;
        padding: 0 0 10px 0;
    }

.hp-form-top {
    margin-bottom: 10px;
}

.desktop-qtt .hp-qtt-inner .station-switch {
    top: 23%;
    border: 0;
    outline: 0;
}

    .desktop-qtt .hp-qtt-inner .station-switch:focus, .station-switch .station-switch__icon:focus {
        outline: 2px solid #e92a88;
        border-radius: 50%;
    }

.station-switch .station-switch__icon:focus {
    line-height: 39px;
    height: 40px;
}

.time-date-wrapper .btn-primary:focus {
    border: 0;
    outline: 2px solid #e92a88;
}

ul.select-options li:focus {
    border: 2px solid #e92a88 !important;
}

.hp-qtt-inner form fieldset.hp-common-field legend {
    padding: 0 6px;
    font-size: 15px;
}

.desktop-qtt .hp-qtt-inner fieldset.hp-common-field.quantity-group {
    width: 50% !important;
    margin: 0 5px 0 0;
}

.desktop-qtt .hp-qtt-inner .hp-common-field.hp-form-top {
    width: 50%;
}

.desktop-qtt .hp-qtt-inner fieldset.hp-common-field.quantity-group:nth-child(2) {
    margin-right: 0;
    margin-left: 5px;
}

.desktop-qtt .hp-qtt-inner fieldset.hp-common-field.quantity-group .input-group {
    border: 0px;
    padding: 0 0 10px 0;
}

    .desktop-qtt .hp-qtt-inner fieldset.hp-common-field.quantity-group .input-group .button-plus-main:before {
        right: 0px;
    }

.hp-qtt-main .qttrailcard .modal-content #AdultandChildren .input-group {
    padding: 8px 8px 9px 8px;
}

.remove-railcard-row {
    float: left;
    position: absolute;
    right: 0px;
    top: 50%;
    width: 18px;
    height: 18px;
    background: #204555;
    border-radius: 50%;
    padding: 0px;
    text-align: center;
    transform: translate(0px, -50%);
}

.hp-qtt-main #subrailcard {
    position: relative
}

.desktop-qtt a {
    cursor: pointer;
}

.remove-railcard-row a.remove-railcard-item {
    font-size: 20px;
    line-height: 16px;
    color: #fff;
    font-weight: 700;
}

    .remove-railcard-row a.remove-railcard-item:focus {
        border-radius: 50%;
    }

.RailcardCountError {
    clear: both;
}

.desktop-qtt .modal-content #railcardRow {
    position: relative;
    float: left;
    width: 100%;
}

#railcardRows {
    float: left;
    width: 100%;
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
}

.hp-qtt-main .modal-content {
    position: relative;
    margin-top: 50% !important;
    transform: translate(0px, -50%);
}

.hp-qtt-main .departing-popup .modal-content {
    margin-top: 0px !important;
    top: 50%
}

.hp-qtt-main .qttrailcard .modal-content #AdultandChildren label {
    background: #e4f2fa;
}

#error-railcard-quantity {
    clear: both;
    padding: 0 12px;
}

.hp-qtt-main .remove-railcard-section {
    display: flex;
    font-size: 14px;
    padding-top: 10px;
    position: relative;
}

    .hp-qtt-main .remove-railcard-section .remove-railcard {
        float: right;
        position: absolute;
        right: 0;
        top: 10px;
    }

.view-railcard-section .view-dropdown {
    position: absolute;
    background: #fff;
    width: 100%;
    padding: 0px 10px 10px;
    border-radius: 5px;
    top: 20px;
    z-index: 9;
    max-height: 270px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 50%);
    overflow-y: auto;
}

.view-railcard-section {
    display: flex;
    font-size: 14px;
    position: relative;
}

    .view-railcard-section .view-railcard {
        position: absolute;
        right: 0;
        top: 0px;
    }

.hp-qtt-main .remove-railcard-section .railcard-visuals {
    width: 75%;
}

@media (max-width: 1280px) {
    .hp-qtt-inner form .modal-content .hp-common-field input.quantity-field {
        margin-left: 0px;
    }

    .hp-qtt-main .quntity-btn-main {
        padding: 0 5px !important
    }

    .hp-qtt-inner form .hp-common-field input.quantity-field {
        margin-left: 3px;
    }
}

@media (max-width: 1024px) {
    .hp-qtt-inner form fieldset.hp-common-field input {
        padding: 0 0 10px 0 !important;
    }

    .hp-qtt-main .button-minus-main, .hp-qtt-main .button-plus-main, .hp-qtt-inner form .hp-common-field input.quantity-field {
        width: 33%;
    }

    .desktop-qtt .hp-qtt-inner fieldset.hp-common-field.quantity-group .input-group {
        padding-bottom: 0;
    }

    .hp-qtt-inner form .hp-common-field input.quantity-field {
        padding-top: 0px !important;
        margin-top: -2px;
    }

    .hp-qtt-inner form .hp-common-field input.quntity-btn-main {
        padding: 1px 15px 2px !important;
    }

    .desktop-qtt .hp-qtt-inner .hp-common-field.hp-form-top fieldset .quntity-btn-main {
        padding: 0 0 8px 0 !important;
    }

    .desktop-qtt .hp-qtt-inner .hp-common-field.hp-form-top fieldset.quantity-group {
        padding: 0 8px;
    }

        .desktop-qtt .hp-qtt-inner .hp-common-field.hp-form-top fieldset.quantity-group .button-minus-main:before {
            left: 0;
        }

        .desktop-qtt .hp-qtt-inner .hp-common-field.hp-form-top fieldset.quantity-group .quantity-field {
            margin-left: 0;
        }
}

@media (max-width: 991px) {
    .ht-hp-banner.desktop-qtt img {
        display: none;
    }

    .desktop-qtt .container {
        width: 100%;
        padding: 0px;
    }

    .desktop-qtt .hp-qtt-inner .hp-common-field.hp-form-top {
        width: 100%;
    }

    .desktop-qtt .hp-qtt-inner .station-switch {
        top: 12px;
        left: auto;
        right: 40px;
        transform: translate(0px, 0px);
        z-index: 0;
    }

    .hp-form-top {
        margin-bottom: 0;
    }

    .hp-qtt-inner form fieldset.hp-common-field, .desktop-qtt .hp-qtt-inner fieldset {
        margin: 5px 0;
    }

    .hp-qtt-main .modal-content {
        margin-top: 0px !important;
        transform: translate(0px, 0px);
        border: 0px;
        height: 100vh;
        top: 0 !important;
    }

    .hp-qtt-main.desktop-qtt .modal-dialog {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .hp-qtt-main button.departby-radio {
        font-size: 12px !important;
        white-space: nowrap;
        padding: 9px 0px !important;
    }

    .hp-qtt-main .qttrailcard {
        left: 0;
        transform: translate(0px, 0px);
        margin: 0;
        padding: 0;
    }

        .hp-qtt-main .qttrailcard .modal-dialog .modal-content {
            border-radius: 0;
        }

        .hp-qtt-main .rlcrd-chose, .hp-qtt-main .qttrailcard .modal-content .amount-for-railcard, .hp-qtt-main #subrailcard {
            width: 100%;
        }

    .hp-qtt-main #subrailcard {
        padding-left: 0;
    }

    .remove-railcard-row {
        top: 12px;
        right: -8px;
    }

    #railcardRows {
        max-height: 65vh
    }

    .desktop-qtt .modal-content #railcardRow {
        padding-bottom: 15px;
    }

    .desktop-qtt .hp-qtt-inner .station-switch::before {
        position: absolute;
        transform: rotate(90deg);
    }

    .view-railcard-section {
        margin-top: 10px;
    }

    .hp-qtt-main .divShowRailcardsList .remove-railcard-section {
        padding: 10px 0 0;
    }

    .ui-datepicker-header {
        position: relative;
    }

    .desktop-qtt .modal-content #railcardRow {
        width: 97%;
    }
}

button.btn-calendar.active {
    background: #003 !important;
    color: #fff !important;
}

button.btn-calendar {
    background: transparent !important;
    color: #003 !important;
    transform: none;
}

.modal-content #error-railcard-quantity-qtt {
    padding-top: 10px;
}

button.btn-calendar:hover {
    color: #003 !important
}

button.btn-calendar.active:hover {
    color: #fff !important;
}

ul.select-options.no-overflow {
    overflow-y: hidden;
}

.datepickerwrap a.remove-retundateitem {
    bottom: auto;
    top: -13px
}

.hp-qtt-main .modal-content .ui-datepicker-title, .hp-qtt-main button.departby-radio {
    text-transform: none
}

.hp-qtt-main button.departby-radio, .hp-qtt-main .depart-time-form label {
    font-family: Verdana,Arial,sans-serif;
}

.modal-content .depart-time-form::before, .modal-content .rlcrd-chose::before {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 6px;
    pointer-events: none;
}

span.remove-railcard-btn-close {
    font-size: 20px;
    position: absolute;
    top: -5px;
    right: 55px;
    padding: 0px;
    cursor: pointer;
}

a.remove-retundateitem {
    position: absolute;
    font-size: 20px;
    bottom: 20px;
    right: 5px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
}

/*css merge fix end*/


.hp-qtt-main .modal-content .calndar th {
    width: 14%
}

#addRailcardText:hover, #addAnotherRailcardText:hover {
    text-decoration: underline;
}

.hp-qtt-main .qttrailcard .modal-content #addAnotherRailcardText {
    width: auto;
    clear: both
}

.modal-content .rlcrd-chose::before {
    top: 19px;
}

.website .banner .railcard.error-message {
    padding-top: 0px !important;
}

.ht-hp-banner.desktop-qtt {
    min-height: 475px;
}

.hp-qtt-main .hp-qtt-apply-btn button {
    font-weight: 500
}


.banner-qtt-promotion {
    padding-top: 0px;
    padding-top: 12px;
    color: #c06;
}

.hp-qtt-inner {
    width: 96% !important
}





@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .datepickerwrap a.remove-retundateitem {
        top: 6px;
    }

    .modal-content .rlcrd-chose::before {
        background: #e4f2fa;
        top: 19px;
        width: 22px;
        text-align: center;
    }

    .latest-offers.latest-news.latest-offers-height h2 {
        text-transform: uppercase;
        font-size: 28px;
        line-height: 40px;
        color: #003;
    }

    .latest-offers.latest-news.latest-offers-height h3 {
        color: #006c75;
        font-size: 24px;
        line-height: 36px;
    }

    .hp-qtt-main .qttrailcard .modal-content .quantity-group .input-group {
        padding-bottom: 9px !important
    }

    .hp-qtt-main .qttrailcard .modal-content #AdultandChildren .quantity-group .input-group {
        padding-bottom: 11px !important
    }
}

.banner-inner-pages .input-group-addon {
    width: 22%;
}

/** skip navigation**/
#skipNavigation {
    width: 100%;
    display: block;
}

.skip-navigation {
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    font-weight: normal;
    margin: 0;
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
    padding: 0 5px;
    border: none;
    top: -200px;
    left: 0;
    position: absolute;
    background-color: transparent;
    z-index: 99;
}

    .skip-navigation:hover {
        text-decoration: none;
    }

a.skip-navigation:focus {
    top: -14px !important;
    outline: none;
}

@media(max-width: 767px) {
    .skip-navigation {
        display: none !important;
    }
}

/* skip nav end*/
.desktop-qtt option,
.mobile-qtt-option {
    background-color: #e4f2fa;
}

    .desktop-qtt option:nth-child(2n + 2),
    .mobile-qtt-option:nth-child(2n + 2) {
        background: #f1f8fc;
    }

.hp-qtt-inner {
    background: rgba(241,248,252,1) !important;
}

    .hp-qtt-inner:focus-visible {
        border: 2px solid #e92a88;
        outline: none;
    }

    .hp-qtt-inner a.remove-retundateitem {
        color: #003;
    }

.body.routes-section.routes-section-green .routes-content a {
    color: #006c75 !important;
}

.latest-offers.latest-offers-height .sub-title {
    color: #006c75;
    font-size: 24px;
    line-height: 36px;
}

.latest-offers.latest-news.latest-offers-height .latest-news-title {
    color: #006c75;
    font-size: 24px;
    line-height: 36px;
}

.live-departure-and-arrivals-section.check-journey.journeyCheck h2 {
    padding: 0px 0 50px 0;
    width: 100%;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 40px;
    color: #003;
}

    .live-departure-and-arrivals-section.check-journey.journeyCheck h2::before {
        background: #003;
        width: 65px;
        height: 2px;
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        margin: auto;
        bottom: 40px;
    }

.intro-title-section .notification-heading h2, .less-container .notification-heading h2 {
    color: #006c75;
    font-size: 18px;
    line-height: 34px;
}

.latest-offers.latest-news.latest-offers-height h2 {
    text-transform: uppercase;
    font-size: 28px;
    line-height: 40px;
    color: #003;
}

.latest-offers.latest-news.latest-offers-height h3 {
    color: #006c75;
    font-size: 24px;
    line-height: 36px;
}

.qtt-frame {
    background: rgba(241,248,252,1) !important;
}

.latest-offers.latest-offers-height .sub-title {
    color: #006c75;
    font-size: 24px;
    line-height: 36px;
}

.button-minus-main input:focus {
    /*border: 2px solid #e92a88 !important;*/
    width: 22px !important;
    padding: 0 !important;
    border-radius: 50%;
    height: 22px;
    position: relative;
    top: 3px;
    left: -3px;
}

.button-plus-main input:focus {
    /*border: 2px solid #e92a88 !important;*/
    width: 22px !important;
    padding: 0 !important;
    border-radius: 50%;
    height: 22px;
    position: relative;
    top: 3px;
    left: -5px;
}




.pink-bg a:focus {
    border: 2px solid #003 !important;
}

.banner button:focus::before {
    transform: scaleX(1);
}
/**/

/* calendar fixes start QTT css */

.hp-qtt-main .modal {
    z-index: 999999;
}

.hp-qtt-main .modal-content .calndar td a,
.hp-qtt-main
.modal-content
.calndar
td.ui-datepicker-unselectable.ui-state-disabled
a,
.hp-qtt-main .modal-content .calndar td span,
.hp-qtt-main
.modal-content
.calndar
td.ui-datepicker-unselectable.ui-state-disabled
span {
    background: #fff;
    border: 1px #f1f8fc solid;
    text-align: center;
    padding: 4px;
    color: #003 !important;
    display: block;
}

    .hp-qtt-main .modal-content .calndar td a:hover,
    .hp-qtt-main
    .modal-content
    .calndar
    td.ui-datepicker-unselectable.ui-state-disabled
    a:hover,
    .hp-qtt-main .modal-content .calndar td span:hover,
    .hp-qtt-main
    .modal-content
    .calndar
    td.ui-datepicker-unselectable.ui-state-disabled
    span:hover,
    .hp-qtt-main .modal-content .calndar td .ui-state-active,
    .hp-qtt-main .modal-content .calndar td.ui-state-active a,
    .hp-qtt-main .modal-content .calndar td.x-ui-current-selected-date a {
        background: #f9f2b1;
        cursor: pointer;
        border: 1px #003 solid;
    }


.hp-qtt-main .modal-content .calndar td.x-ui-current-selected-date a {
    border: 1px #003 solid !important;
}

.hp-qtt-main .modal-content .calndar td.ui-state-active a {
    border: 1px #f1f8fc solid;
}

.hp-qtt-main .modal-content table thead tr th {
    padding-bottom: 10px !important;
    text-align: center;
}

.hp-qtt-main .modal-content .calndar td.ui-datepicker-unselectable span {
    background: #eee !important;
    cursor: not-allowed !important;
}

.hp-qtt-main .modal-hp-header .hp-depart-from input {
    background: 0 none;
    border: 2px #003 solid;
    width: 100%;
    padding: 9px;
}

.hp-qtt-main .modal-hp-header .hp-depart-from label, .rlcrd-chose label {
    position: absolute !important;
    background: #e4f2fa !important;
    top: 0 !important;
}

.hp-qtt-main .rlcrd-chose select {
    background: 0 no-repeat;
    padding: 10px;
    border: 2px #003 solid;
    width: 100%;
}

.hp-qtt-main .qttrailcard .amount-for-railcard label {
    top: 0;
    position: absolute;
    background: #e4f2fa;
}

.hp-qtt-main .qttrailcard .amount-for-railcard .input-group {
    margin-top: 10px;
}

.banner-inner-pages .input-group-addon {
    width: 22%;
}

.ebh_ok_popup .modal-header {
    padding: 15px 15px 0;
    border-bottom: 0px;
}

@media (max-width: 991px) {
    .ebh_ok_popup {
        padding-right: 0px !important;
    }

        .ebh_ok_popup .modal-content {
            height: auto;
            width: 95%;
            margin: auto;
        }

        .ebh_ok_popup .modal-dialog {
            top: 50%;
            transform: translate(0px, -50%) !important;
        }
}

.ebh_ok_popup .close {
    top: 10px;
    right: 10px !important;
}

.modal #railcardRows {
    padding-right: 10px;
}

.hp-qtt-main .qttrailcard .close span {
    padding-right: 10px;
}

.hp-qtt-main .qttrailcard .modal-content {
    padding-left: 20px;
    padding-bottom: 0px;
}

    .hp-qtt-main .qttrailcard .modal-content .hp-qtt-apply-btn {
        padding-right: 5px !important;
    }

.hp-qtt-main .modal-content .rlcrd-chose select {
    padding: 10px 25px 10px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*calendar fixes end QTT css */

.departing-tabs.returng-tabs ul.ui-tabs-nav li.ui-tab:focus {
    outline: 2px solid #e92a88;
    border-radius: 0;
}

div#teconsent {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 990;
    padding: 2px 6px 2px 6px;
    border-radius: 5px;
    background: #c00663;
    border: 1px solid #c00663;
    font-size: 14px;
}

.live-departure-check-journey .component-live-departures h2 {
    margin-top: auto;
}

.accordion h3.mapper-icon-busservices, .accordion h3.mapper-icon-carpark, .accordion h3.mapper-icon-cyclestorageavailability, .accordion h3.mapper-icon-prepurchasecollection, .accordion h3.mapper-icon-stepfreeaccess, .accordion h3.mapper-icon-taxirank, .accordion h3.mapper-icon-ticketmachine, .accordion h3.mapper-icon-ticketoffice, .accordion h3.mapper-icon-toilets, .accordion h3.mapper-icon-wifi {
    background: 0 none;
    width: auto;
    height: auto;
}

a.collapsed:focus {
    display: block
}

.latest-offers.destiantions.our-ticket-offers .container {
    padding-left: 15px;
    padding-right: 15px;
}

.component-station-details .engineering-works-accordian li.accordion .accordion-content ul li h3 {
    font-family: Lato,latoregular,sans-serif;
}

    .component-station-details .engineering-works-accordian li.accordion .accordion-content ul li h3::before {
        margin-top: -1px;
        font-size: 32px;
    }

.component-station-details .accordion .accordion-content ul li h3:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 30px;
    width: 3rem;
    text-align: center;
    padding-right: 10px;
    position: absolute;
    left: 0;
    color: inherit;
    font-size: 200%;
    margin-top: -13px;
}

.inner-newletter .alerts-info, .inner-ticket-alert .alerts-info {
    color: #c06;
    font-size: 18px;
    padding-top: 25px;
}

.hp-qtt-inner form .hp-common-field .railcard-info {
    font-size: 14px;
    position: relative;
    top: 10px;
    margin: 0px 10px;
    background: rgba(234,243,243);
    padding: 0px 5px;
    z-index: 1;
    display: inline-block;
    max-width: 100%;
}

@media (max-width: 991px) {
    nav.navbar .nav li.test {
        background: #003 !important;
        margin-bottom: 4px !important;
    }

        nav.navbar .nav li.test a {
            color: #fff;
        }
}

@media (max-width: 991px) {
    .desktop-qtt .hp-qtt-inner .station-switch {
        top: 48px !important;
        left: auto;
        right: 40px;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        z-index: 0;
    }
}


/* */

@media(max-width:991px) {
    h2.downapp {
        text-transform: uppercase;
        font-size: 24px;
        line-height: 36px;
        color: #003;
    }
}

@media(max-width:767px) {

    h2.downapp {
        font-size: 24px !important;
    }
}

.hp-qtt-main .modal.fade.in {
    background: rgba(0, 0, 0, 0.7);
}

.stations-available {
    max-height: 300px;
    overflow-y: auto;
}



/*focusing fixes for plus minus */
#numberofAdults, #numberofChildren, #amountOfRailcard {
    position: absolute;
    top: auto;
    left: auto;
}

.button-plus-main {
    position: absolute;
    right: 0;
}

.amount-for-railcard .button-plus-main input:focus {
    left: -5px;
}

@media(max-width: 767px) {
    #numberofAdults, #numberofChildren, #amountOfRailcard {
        top: 5px;
        width: 100%;
    }

    .button-plus-main input:focus {
        top: 3px;
        left: -5px;
    }

    .button-minus-main input:focus {
        top: 1px;
        left: -2px;
    }

    .button-plus-main {
        width: auto !important;
    }

        .button-plus-main input:focus {
            left: -5px;
        }

    .hp-qtt-inner form .hp-common-field input.quntity-btn-main {
        padding: 0 !important;
        width: 25px;
    }

    .amount-for-railcard #amountOfRailcard {
        top: 15px;
    }
}

/* color contrast fix */

.notification-form-inner .form-group .input-wrapper, .notification-form-inner .form-group .select-wrapper .select2, .notification-form-inner form .form-control, .notification-form-inner form select.form-control {
    border: 2px #50546d solid !important;
    border-radius: 0;
}

.notification-form-inner .checkbox .cr, .notification-form-inner .radio .cr {
    border: 1px solid #50546d;
}
/*end*/
/* navbar drop down tickets n offer text case */
.navigation-close ul li.hover a {
    text-transform: capitalize;
    font-weight: 700;
    color: rgb(0,0,51);
}

@media(max-width:991px) {

    .navigation-close .main {
        width: 100%;
    }

    header .nav li:hover.hover ul li a, .navbar-default li {
        /*text-transform: capitalize; */
        font-weight: 400;
        font-size: 16px;
    }

    .nav li li .parent {
        background-image: none;
    }

    .download-app a {
        background: none;
        margin-top: 15px !important;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.family-calendar-fix .ui-tabs .ui-tabs-nav {
    display: contents;
}

.family-calendar-fix .ui-tabs .ui-tabs-panel {
    padding: 0;
}

.family-calendar-fix .ui-datepicker .ui-datepicker-header {
    border: 0;
    padding: 0;
    background-color: transparent;
    padding-bottom: 15px;
}

.family-calendar-fix .ui-datepicker th span {
    font-weight: 500 !important;
    font-size: 14px;
}

.family-calendar-fix .ui-datepicker .ui-datepicker-calendar tbody .ui-state-default, .family-calendar-fix .ui-datepicker .ui-datepicker-calendar tbody .ui-state-disabled .ui-state-default {
    border: 1px #f1f8fc solid;
    font-size: 14px;
    border-radius: 0;
}

.family-calendar-fix .ui-datepicker .ui-datepicker-calendar tbody .ui-state-highlight.ui-state-active {
    color: #003 !important;
    font-weight: 500;
    font-size: 14px !important;
}

.family-calendar-fix .ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
    font-weight: 400;
    color: #003;
}

.family-calendar-fix .ui-datepicker .ui-datepicker-calendar, .family-calendar-fix .ui-datepicker .ui-datepicker-today .ui-state-default:hover {
    background-color: transparent;
    color: #003;
}

.family-calendar-fix .ui-datepicker table thead {
    background-color: transparent;
}

.family-calendar-fix .ui-datepicker table tbody, .family-calendar-fix .ui-datepicker table thead {
    border: 0;
}

.family-calendar-fix .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.family-calendar-fix .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    border: 0;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 15px;
    z-index: 100;
    color: #061b2b;
    cursor: pointer;
}

.family-calendar-fix .ui-icon-circle-triangle-e::before {
    content: "\f105" !important;
}

.family-calendar-fix .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
.family-calendar-fix .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    overflow: visible;
    font-size: 0;
    margin-left: 0;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
}

.family-calendar-fix .ui-icon-circle-triangle-w::before {
    content: "\f104" !important;
}

.family-calendar-fix .modal-content .calndar, .hp-qtt-apply-btn {
    padding: 0 12px;
    margin-bottom: 24px;
}

.family-calendar-fix .ui-datepicker .ui-datepicker-header .ui-datepicker-title span.ui-datepicker-year {
    display: inline-block;
}

.family-calendar-fix .modal-content .calndar td .ui-state-active {
    font-size: 14px !important;
    color: #003 !important;
    border: 1px solid #003;
    font-weight: 400;
}

.family-calendar-fix .ui-state-active, .family-calendar-fix .ui-widget-content .ui-state-active {
    border: none;
}

/**/
/** nav dropdown alignment fix **/
.navigation-close .main li ul li.hover a {
    padding-left: 15px;
}

@media (max-width: 991px) {
    .navigation-close .main li ul li a {
        text-transform: capitalize;
    }
}
/**/
/** color contrast fix for travel-offers book your jour link**/
.book-now-link {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 30px;
}

    .book-now-link a {
        background: #c06;
        border: 0;
        padding: 12px 35px;
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        line-height: 18px;
        font-weight: 700;
        font-family: Lato, latobold, sans-serif;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        position: relative;
        transition-property: color;
        transition-duration: 0.3s;
    }

        .book-now-link a::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #003;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            transition-duration: 0.3s;
            transition-timing-function: ease-out;
        }

        .book-now-link a:hover::before {
            transform: scaleX(1);
        }


@media( max-width: 767px) {
    .family-calendar-fix .ui-datepicker {
        position: initial !important;
    }

        .family-calendar-fix .ui-datepicker table tbody tr td {
            padding: 0
        }

        .family-calendar-fix .ui-datepicker .ui-datepicker-calendar tbody .ui-state-default {
            width: initial;
        }
}

.family-ebh .modal-dialog .modal-header .modal-title {
    line-height: 30px;
    font-size: 24px;
    color: #006c75;
}

.family-ebh .modal-dialog .modal-body {
    padding: 15px;
    margin: 0;
}

.addrailcard-text-center {
    position: absolute !important;
    left: 0 !important;
}


.ebh_ok_popup h2.modal-title {
    color: #006c75 !important;
}

.ebh_ok_popup .modal-dialog .modal-body {
    padding: 15px;
}

/*FAQ buttons addition*/
.faq-blocks {
    display: block;
}

    .faq-blocks a {
        display: inline-flex;
        text-align: center;
        background: #c06;
        color: #fff;
        width: 165px;
        height: 100px;
        margin: 7px 7px;
        vertical-align: top;
        text-decoration: none;
        line-height: normal;
    }

        .faq-blocks a span {
            align-items: center;
            display: grid;
            word-break: break-word;
            white-space: normal;
            padding: 0 5px;
            width: 100%;
        }

/*FAQ content mobile*/
@media (max-width: 431px) {

    .faq-blocks a {
        width: 43%;
    }
}

@media (min-width: 430px) and (max-width: 612px) {

    .faq-blocks a {
        width: 45
    }
}

@media (min-width: 613px) and (max-width: 768px) {
    .faq-blocks a {
        width: 30%;
    }
}

@media(min-width: 1281px) {
    .engineering-works-accordian h2.strong-h2 {
        scroll-margin-top: 150px;
    }
}

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

.component-journey-check-results .results-table .route-overview.open .column--details .column--info a {
    border: 0px;
}

    .component-journey-check-results .results-table .route-overview.open .column--details .column--info a:hover {
        background: transparent;
        color: #006c75 !important
    }

        .component-journey-check-results .results-table .route-overview.open .column--details .column--info a:hover:before, .component-journey-check-results .results-table .route-overview.open .column--details .column--info a:before {
            background: transparent;
            transform: none;
            -webkit-transform: none;
            transition: none;
            -webkit-transition: none;
        }

.routemappage #btnMapDownload {
    background: #c00663;
    margin-top: 15px;
    margin-left: 15px;
}

@media (max-width:991px) {
    .component-journey-check-results .results-table .route-overview.open button.btn.btn-tertiary-blue {
        border: 2px #003 solid;
    }
}


.accordion-align .btn-opt a {
    font-size: 16px;
}

.accordion-align .btn-opt {
    padding-top: 0;
    padding-bottom: 15px;
}

@media (max-width: 991px) {
    .faq-blocks {
        text-align: center
    }
}

/*FGHT-123*/
.ht-hp-banner.desktop-qtt .item {
    min-height: 475px;
    position: absolute;
    width: 100%;
    height: 100%
}

.ht-hp-banner.desktop-qtt img {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover;
}

.ht-hp-banner.desktop-qtt .carousel-inner {
    overflow: visible;
}

@media (max-width: 1024px) {
    .ht-hp-banner.desktop-qtt img {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .ht-hp-banner.desktop-qtt img {
        display: none !important;
    }
}

/*FGHT-122*/
.banner-inner-pages .ht-qtt-component.qtt-frame .qtt__search-bottom .select2.select2-container {
    border: 0px;
}

.accordion-align .btn-opt a {
    font-size: 16px;
}

.accordion-align .btn-opt {
    padding-top: 0;
    padding-bottom: 15px;
}

.faq-blocks a span {
    display: grid
}

@media (max-width: 991px) {
    .faq-blocks {
        text-align: center
    }
}

/*FGHT-128*/
.container-fluid.map-container {
    float: left;
    background: transparent;
    padding: 10px 0;
}
/*FGHT-148*/
.banner-qtt .hideOpenReturnCss .ui-tabs .ui-tabs-nav {
    display: none;
}
/*HS-814 fix*/
@media (max-width: 767px) {
    .btn-opt a {
        height: auto;
    }
}

.hp-qtt-inner fieldset:focus {
    border: 2px #e92a88 solid !important;
}
/*css for qtt*/

.drtch-pdl-0 {
    padding-left: 0px !important;
}

    .drtch-pdl-0 .cr {
        border: 2px solid #204555;
        border-radius: 2px;
        height: 22px;
        width: 22px;
    }

.void-vialink {
    color: #006c75;
    font-weight: bold;
    line-height: 40px;
}

.via-ddrp {
    background: transparent;
    padding: 0px;
    border: none;
    box-shadow: 0px 0px 0px;
}

.ddrp-wrap {
    padding-left: 0;
    padding-right: 0;
    border-right: 2px solid #000;
    margin-top: -10px;
    height: 43px;
    padding-top: 4px;
}

.via-ddrp:focus {
    box-shadow: 0px 0px 0px
}

select.via-ddrp:focus {
    outline: 0px solid transparent !important;
    border: 0px solid transparent !important
}

input#viaPopup:focus {
    outline: 0px solid transparent !important;
    border: 0px solid transparent !important
}

@media (max-width: 767px) {
    .sticky {
        position: fixed !important;
        top: 0;
        width: 100%;
        padding-top: 20px;
        z-index: 100000;
    }
}
/*Timetables css*/
@media screen and (max-width: 767px) {
    .live-trains-mainss {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .timetable .lda-tabs {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.notify-Red .top-header-left,
.notify-Red .top-header-left #expand h4 {
    color: #fff;
    text-align: left;
}
/*/ FGHT-261 /*/
.live-results .results-table .column.column--refresh {
    width: 100% !important;
}
/*White text content- header mob*/
@media screen and (max-width:768px) {
    .notify-Red #accordn_icon::after {
        background: url('/common/images/angle-up-light.png') !important;
        background-size: 70% !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .notify-Red #toggle:checked ~ #accordn_icon::after {
        background: url('/common/images/angle-down-light.png') !important;
        background-size: 70% !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .notify-Red #mobileNotifybannerHeading,
    .notify-Red * {
        color: #fff !important;
    }
}
/*HS-1186-routemap*/
body.routemappage.modal-open {
    height: 100%;
    overflow: hidden !important;
}

#network-map-container .modal.fade.map-modal.in {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 768px) {
    #network-map-container .modal-content {
        margin-top: 0 !important;
    }
}

#network-map-container circle.st0 {
    cursor: pointer;
}

.book-now-link.book-now-css {
    margin: 30px 0px 30px 0px !important;
}

div#emailPopUpModel {
    z-index: 999999;
}

/* HS-1240 Start */
.modal .Recent-Journey-dept.hp-station-names .return-station-name {
    background: #fff;
    border: 2px #003 solid;
    padding: 5px 8px;
    margin-top: 5px;
    width: 100%;
}

.modal .hp-station-names .return-station-name {
    padding: 5px 8px;
}

.modal .hp-station-names .return-stations.recent .return-station-name .recent-station-name {
    position: relative;
    padding-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.hp-station-names .return-stations.recent .return-station-name .recent-station-name::before {
    content: "";
    left: 0;
    top: 50%;
    height: 2px;
    width: 7px;
    background: #003;
    position: absolute;
}

.hp-station-names .return-stations.recent .return-station-name .recent-station-name::after {
    content: "";
    left: 0px;
    top: 50%;
    position: absolute;
    border-color: #003;
    border-width: 2px 2px 0 0;
    padding: 3px;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -3px;
}

.modal #departPopularStationHeading,
.modal #Departing-Popular-station {
    padding-top: 0;
}

.modal .Recent-Journey-dept.hp-station-names,
.modal .hp-station-names {
    padding-top: 0;
}

.modal .modal-popular-stations.recent-jour.recent-display {
    padding: 5px 0;
}

.modal .modal-popular-stations {
    padding: 5px 0;
}

.stations-available .recent-jour h5 {
    font-size: 15px;
}

/* HS-1240 End */

.modal-popular-stations.recent-jour:not(.recent-display) {
    display: none !important;
}

@media screen and (max-width:991px) {

    .modal .hp-station-names .return-stations .return-station-name {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .modal .hp-station-names .return-stations.recent .return-station-name .recent-station-name {
        margin-left: 10px;
        display: inline-block;
        width: auto;
    }

    .modal .hp-station-names .return-stations.recent .return-station-name .recent-station-name {
        width: auto !important;
    }

    .book-now-btn.book-now-link {
        margin: 30px 0px 30px 0px !important;
    }
}

.cheapticketalertspage .first-hull-trains-inner ul#box li:nth-last-child(1):nth-child(odd),
.cheapticketalertspage .first-hull-trains-inner ul#box li:last-child:nth-child(odd) {
    width: 100%;
    text-align: center;
}

/*HS-1296 Start*/

article#content-main .engineering-works .panel table th,
article#content-main .engineering-works .panel table td,
article#content-main .engineering-works .panel table {
    border: 0;
}

    article#content-main .engineering-works .panel table tr {
        border-width: 2px;
    }
/*HS-1296 End*/

/* HS-745 Placement of Publish Date Start */
article .notification-form-inner.general-info {
    position: relative;
    padding-top: 60px;
}

.blog-publish-date {
    position: absolute;
    right: 15px;
    top: 15px;
    text-align: right;
}

@media (max-width: 767px) {
    .blog-publish-date {
        right: auto;
        text-align: left;
    }
}

/*HS-745 Placement of Publish Date End*/

.component-breadcrumbs nav ul {
    display: flex;
    align-items: center;
}



/* FGHT-359 - Space Issue - Start */
.book-now-btn.book-now-link {
    margin: 30px 0px 30px 0px !important;
}
/* FGHT-359 - Space Issue - End */

/*FGHT-384-Accordion in not displaying on correct placement -Start*/

.panel-default > .panel-heading .panel-title a {
    display: block;
    width: 100%;
}

/*FGHT-384-Accordion in not displaying on correct placement -End*/

/* Start - FGHT-399 - Station information link alignment is not in the same line on journey planner table */
.journeyCheck .results-table .route-overview .station {
    min-height: 50px;
}

    .journeyCheck .results-table .route-overview .station .column--info .facilities a {
        padding: 0 20px;
    }
/* Accordion Icon change on Open */
.journeyCheck .results-table .journey.open .column--button.column--icon .icon-carat_down_soft:before {
    content: '\e901';
}
/* End - FGHT-399 - Station information link alignment is not in the same line on journey planner table */

/* Navigation bar is not displaying proper in Desktop and mobile view when dev tool closed - FGHT-270 - Start */
@media screen and (min-width:992px) {
    header .navbar-default a.toggleMenu {
        display: none !important;
    }
}
/* Navigation bar is not displaying proper in Desktop and mobile view when dev tool closed - FGHT-270 - End */

/* GUI issue on homepage QTT - FGHT-415 - Start */
@media screen and (max-width:767px) {
    .desktop-qtt .hp-qtt-inner .station-switch {
        right: 25px;
    }

        .desktop-qtt .hp-qtt-inner .station-switch::before {
            right: 1px;
            left: auto;
            top: 1px;
        }
}
/* GUI issue on homepage QTT - FGHT-415 - End */

/* Pink circle alignment is not on the arrow on destination QTT - FGHT-417 - Start */
.family-calendar-fix .ui-corner-bottom .ui-datepicker-next,
.family-calendar-fix .ui-corner-bottom .ui-datepicker-next:hover {
    position: absolute;
    top: 12px !important;
    right: 8px !important;
}

.hp-qtt-main .ui-corner-bottom .ui-datepicker-prev,
.hp-qtt-main .ui-corner-bottom .ui-datepicker-prev:hover {
    position: absolute;
    top: 12px !important;
    left: 8px !important;
}

.family-calendar-fix .ui-corner-bottom .ui-datepicker-next span::before,
.hp-qtt-main .ui-corner-bottom .ui-datepicker-next .ui-icon::before {
    top: 50%;
    left: auto;
    right: 50%;
    position: absolute !important;
    margin-top: -9px;
    margin-right: -6px;
    line-height: 1;
}

.family-calendar-fix .ui-corner-bottom .ui-datepicker-prev span::before,
.hp-qtt-main .ui-corner-bottom .ui-datepicker-prev .ui-icon::before {
    position: absolute !important;
    left: 50%;
    top: 50%;
    right: auto;
    margin-top: -9px;
    margin-left: -2px;
    line-height: 1;
}
/* Pink circle alignment is not on the arrow on destination QTT - FGHT-417 - End */

.component-station-details .accordion .accordion-content ul li h6:before {
    background-size: 2rem;
}

.accordion .accordion-content ul li h6.mapper-icon-cyclestorage::before {
    background: url("/Assets/img/svg/Cycle_Storagemob.svg") no-repeat;
}

.accordion .accordion-content ul li h6.mapper-icon-onwardtravel::before {
    background: url("/Assets/img/svg/Bus_servicemob.svg") no-repeat;
}

h6.mapper-icon-cyclestorage::before,
h6.mapper-icon-onwardtravel::before {
    content: "";
}

.component-station-details .engineering-works-accordian li.accordion .accordion-content ul li h6::before,
.component-station-details .engineering-works-accordian li.accordion .accordion-content ul li h3::before {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 32px;
    padding: 0;
    background-size: 32px 32px;
    background-position: left top;
}

@media screen and (max-width: 991px) {
    .desktop-qtt .hp-qtt-inner .station-switch {
        z-index: 1;
    }
}

h6.mapper-icon-heightadjustedticketofficecounter::before {
    content: '\e800';
}

h6.mapper-icon-babychange::before {
    content: '\e800';
}

h6.mapper-icon-atmmachine::before {
    content: '\e800';
}

h6.mapper-icon-firstclasslounge::before {
    content: '\e800';
}

#formSubmissionErrorDialog .modal-content {
    margin-top: 200px !important;
}
/*For Nulab ticket FGHT-448*/

/*For Nulab ticket FGHT-415*/

@media screen and (max-width:991px) {
    .desktop-qtt .hp-qtt-inner .station-switch {
        z-index: 1;
    }

    /* HS-1318 - Brochure: Homepage QTT to/from options not in full view - Start */
    .stations-available {
        max-height: none !important;
    }
    .modal .stations-available {
        background-color: #fff !important;
    }
    /* HS-1318 - Brochure: Homepage QTT to/from options not in full view - End */

}

@media screen and (max-width: 767px) {
    .desktop-qtt .hp-qtt-inner .station-switch {
        right: 25px;
    }
}

/*HS-1337-Area Guide-Start*/


section.smooth-scroll .smooth-scroll-desktop {
    display: flex;
}

    section.smooth-scroll .smooth-scroll-desktop.navbarItemlte6 a.navbar-item {
        flex: 1 0 0;
    }

    section.smooth-scroll .smooth-scroll-desktop.navbarItemgt6 {
        flex-wrap: wrap;
        justify-content: center;
    }

        section.smooth-scroll .smooth-scroll-desktop.navbarItemgt6 a.navbar-item {
            flex: 0 1 25%;
			border-bottom: 4px #cbe7f4 solid;
        }
/*HS-1337-Area Guide-End*/

/*HS-1271-Heading fields for half width and full width-Start*/


.destinationdetailpage .latest-offers.latest-news.full-width,
.destinationdetailpage .latest-offers.latest-news.half-width,
.destinationdetailpage section .innerpage-latest-news,
.destinationdetailpage .page .innerpage-latest-news,
.destinationdetailpage .smooth-scroll-content .page .innerpage-latest-news {
    padding-top: 0;
    padding-bottom: 0;
}

.destinationdetailpage .smooth-scroll-content h2 {
    background-color: #cbe7f4 !important;
    color: #003;
    font-size: 20px;
}

.destinationdetailpage .latest-offers.latest-news.full-width,
.destinationdetailpage .latest-offers.latest-news.half-width,
.destinationdetailpage .journey-planning,
.destinationdetailpage .half-width .two-items,
.destinationdetailpage .journey-planning .journey-panning-inner {
    padding: 0;
}

    .destinationdetailpage .latest-offers.latest-news.journey-planning h2,
    .destinationdetailpage .latest-offers.latest-news.full-width h2,
    .destinationdetailpage .latest-offers.latest-news.half-width h2 {
        padding: 25px 0;
        text-transform: uppercase;
        color: #003;
        font-size: 20px;
    }

        .destinationdetailpage .latest-offers.latest-news.journey-planning h2::before,
        .destinationdetailpage .latest-offers.latest-news.full-width h2::before,
        .destinationdetailpage .latest-offers.latest-news.half-width h2::before {
            bottom: 20px;
        }

.destinationdetailpage .innerpage-latest-news.half-width .two-items .latest-inner-content {
    padding: 20px 30px;
    position: static;
    transform: none;
}

.destinationdetailpage .innerpage-latest-news.half-width .two-items .two-items-desktop {
    display: flex;
}

.destinationdetailpage .latest-offers.latest-news.full-width h2 {
    background-color: #cbe7f4 !important;
}

.destinationdetailpage .latest-offers.latest-news.journey-planning h2,
.destinationdetailpage .latest-offers.latest-news.half-width h2 {
    background-color: transparent !important;
}

.destinationdetailpage .latest-offers.latest-news.journey-planning h2 {
    font-size: 28px;
}

/*HS-1271-Heading fields for half width and full width-Start*/